/*
Theme Name: Optilead
Description: Theme for Optilead
Author: Paul Winterman
Template: Avada
*/

@import url("../Avada/style.css");

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif;
}

p {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

#main .reading-box h2, #main h2, .page-title h1, .image .image-extras .image-extras-content h3, #main .post h2, #sidebar .widget h3, .tab-holder .tabs li a, .share-box h4, .project-content h3, h5.toggle a, .full-boxed-pricing ul li.title-row, .full-boxed-pricing ul li.pricing-row, .sep-boxed-pricing ul li.title-row, .sep-boxed-pricing ul li.pricing-row, .person-author-wrapper, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .ei-title h2, #header .tagline, table th, .project-content .project-info h4, .woocommerce-success-message .msg, .product-title {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

#main h1 {
	color: #4d4d4d;
	font-weight: 300;
	line-height: 1.2em !important;
	font-size: 30px;
	margin-bottom: 16px;
}

#main h2 {
	color: #4d4d4d;
	font-weight: 300;
	line-height: 1.2em !important;
	font-size: 30px;
	margin-bottom: 16px;
}

#main h3 {
	color: #4d4d4d;
	font-weight: 300;
	line-height: 1.2em !important;
	font-size: 30px;
	margin-bottom: 16px;
}

#main h4 {
	color: #4d4d4d;
	font-weight: 300;
	line-height: 1.2em !important;
	font-size: 30px;
	margin-bottom: 16px;
}

#main h5 {
	color: #4d4d4d;
	font-weight: 300;
	line-height: 1.2em !important;
	font-size: 30px;
	margin-bottom: 16px;
}

#main h6 {
	color: #4d4d4d;
	font-weight: 300;
	line-height: 1.2em !important;
	font-size: 30px;
	margin-bottom: 16px;
}

#main p {
	font-size: 14px;
	color: #4d4d4d;
	line-height: 1.6em;
	margin-bottom: 8px;
}

#main ul {
	margin-left: 30px;
}

/* HEADER */

#header .logo {
    float: left;
    margin: 30px 0px 0px;
    overflow: hidden;
}

.login-button {
	position: absolute;
	display: none;
	top: 0px;
	left: 400px;
	padding: 10px 25px;
	background-color: #939598;
	border-radius: 0px 0px 25px 25px;
	-mox-border-radius: 0px 0px 25px 25px;
}

.login-button:hover {
	background-color: #000000;
}


.login-button p {
	font-size: 18px;
	color: #fff;
}

#header {
	border-bottom: 1px solid #000;
}

/* NAVIGATION */

#nav {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif;
}

#nav li a {
	line-height: 0px !important;
	margin: 25px 0px 15px;
}
#nav ul li {
	padding: 0px 5px 0px 5px;
	font-size: 15px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif;
	height: 6px;
}

#nav ul li a {
	border: none;
	color: #808284;
	text-transform: uppercase;
}

#nav ul .current_page_item a, #nav ul .current-menu-item a, #nav ul > .current-menu-parent a, #nav ul ul, #nav li.current-menu-ancestor a, .reading-box, .portfolio-tabs li.active a, .faq-tabs li.active a, .tab-holder .tabs li.active a, .post-content blockquote, .progress-bar-content, .pagination .current, .pagination a.inactive:hover, #nav ul a:hover, .woocommerce-pagination .current, .tagcloud a:hover, #header .my-account-link:hover:after, body #header .my-account-link-active:after {
	border: 0px;
}

#nav ul ul {
    display: none;
    left: 0;
    box-shadow: none;
    position: absolute;
    top: 47px;
    width: 190px;
    padding: 0px 0px 25px 0px !important;
    z-index: 99999;
}

#wrapper #nav ul li ul li a:hover, #wrapper #nav ul li ul li.current-menu-item a, #header .cart-content a:hover, #small-nav .cart-content a:hover {
	padding-bottom: 15px !important;
}

#wrapper #nav ul li ul li a {
    color: #333333 !important;
    text-transform: none;
    padding: 2px 10px;
    text-indent: 0;
    border-bottom-width: 0px !important;
}

ul.sub-menu {
	border-radius: 0px 20px 20px 20px;
	margin-top: 5px;
	width: 200px !important;
}

#wrapper #nav ul li ul li a {
	color: #fff !important;
}

#wrapper #nav ul li ul li a:hover {
	color: #adceeb !important;
}

/* HOME PAGE */

#main {
	padding: 0px 0px;
}

/* SECTOR FOR PAGES */

.section-content-area {
}

.white-bg {
	background-color: #FFF;
	border-top: 1px solid #dbdbdb;
	padding: 25px 0px 5px;
	/*border-bottom: 1px solid #dbdbdb;
*/}

.white-bg .image {
	float: center;
	width: 45%;
}

.white-bg .text {
	float: left;
	vertical-align: middle;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 45%;
}

.grey-bg {
	background-color: #eeeeee;
	border-top: 1px solid #dbdbdb;
	padding: 25px 0px 5px;
	/*border-bottom: 1px solid #dbdbdb;*/
}

.grey-bg .image {
	float: left;
	width: 45%;
}

.grey-bg .text {
	float: left;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 45%;
}

.grey-bg .list-col {
	float: left;
	width: 45%;
}

.blue-bg {
	border-top: 1px solid #dbdbdb;
	padding: 25px 0px 5px;
	/*border-bottom: 1px solid #dbdbdb;*/
}

.blue-bg .image {
	float: left;
	width: 45%;
}

.blue-bg .text {
	float: left;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 45%;
}

.blue-bg .list-col {
	float: left;
	width: 45%;
}

/* SLIDER */

.shadow-left {
	display: none;
}
.shadow-right {
	display: none;
}

/* CASE STUDIES */

.case-studies {
	margin-top: 20px;
}

.case-studies h1 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 30px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies h2 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 30px !important;
	margin-bottom: 16px;
	text-shadow: none;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies h3 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em !important;
	font-size: 30px !important;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies h4 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 30px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies h5 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 30px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies h6 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 30px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies p {
	font-size: 14px;
	color: #4d4d4d;
	line-height: 1.6em;
	margin-bottom: -2px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies a {
	text-decoration: underline;
	text-shadow: none;
}

.case-studies ul {
	text-decoration: underline;
	text-shadow: none;
	line-height: 5px;
	font-size: 13px
}
.case-studies ul li {
	border: none;
	text-decoration: none;
}
.case-studies ul li a {
	border: none;
	text-decoration: none;
}

#main .case-study-quote h3 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 40px !important;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

#main .client-quote h3 {
	color: #4d4d4d !important;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 40px !important;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.case-studies .post-content h1 {
	color: #4d4d4d !important;
	line-height: 1.4em !important;
}

.case-studies .post-content h2 {
	color: #4d4d4d !important;
	line-height: 1.4em !important;
}


.case-studies .post-content h3 {
	color: #4d4d4d !important;
	line-height: 1.4em !important;
}

.case-studies .post-content h4 {
	color: #4d4d4d !important;
	line-height: 1.4em !important;
}

.case-studies .post-content h5 {
	color: #4d4d4d !important;
	line-height: 1.4em !important;
}

.case-studies .post-content h6 {
	color: #808284 !important;
	line-height: 1.4em !important;
}


#main .case-study-quote p {
	margin-bottom: 10px;
}

/* FOOTER */

.footer-area {
	padding: 0px 0px 15px 0px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-callouts {
	padding-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.footer-area  h1 {
	color: #fff;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 34px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area h2 {
	color: #fff;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 20px !important;
	margin-bottom: 16px;
	text-shadow: none;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area h3 {
	color: #fff;
	font-weight: 300;
	line-height: 1.0em !important;
	font-size: 30px !important;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area h4 {
	color: #fff;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 28px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area h5 {
	color: #fff;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 26px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area h6 {
	color: #fff;
	font-weight: 300;
	line-height: 1.0em;
	font-size: 24px;
	margin-bottom: 16px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area p {
	font-size: 14px;
	color: #fff;
	line-height: 1.6em;
	margin-bottom: -2px;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}

.footer-area a {
	text-decoration: underline;
	text-shadow: none;
}

.footer-area ul {
	text-decoration: underline;
	text-shadow: none;
	line-height: 5px;
	font-size: 13px
}
.footer-area ul li {
	border: none;
	text-decoration: none;
}
.footer-area ul li a {
	border: none;
	text-decoration: none;
}

#posts-container {
	margin-top: 28px;
}

#main ul {
	font-size: 14px;
	color: #0082c8;
}

.date-box {
	display: none;
}
.blog-medium-image {
	float: none;
	margin-left: 0px !important;
	margin-bottom: 5px !important;
}
ul.slides {
	float: none;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

.post-content h3, #sidebar .widget h3, .project-content h3, .title h3, #header .tagline, .person-author-wrapper span, .product-title h3 {
	margin-bottom: 2px !important;
}

#sidebar {
	padding-top: 25px;
	/*position:fixed !important; 
	top:22; 
	z-index:9999; 
	margin-left: 700px; 
	margin-top:0px; 
	width: 240px !important; 
	position:relative\9 !important;
	/*box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);*/
}
#sidebar #text-7 {
		top: -50px;
}
.post-content {
	margin-top: 25px;
}
.post-content p {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
	font-size: 14px;
}
.comments-container p {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
	font-size: 14px;
}
.comments-textarea p {
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
	font-size: 14px;
}
.share-box h4 {
	width: 404px;
	position: relative;
top: -10px;
}
.popup p {
	color: #fff !important;
}

.comment-submit button small green  {
	color: #fff !important;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
}
.wpcf7-form input[type="submit"], .comment-form input[type="submit"] {
	font-weight: normal !important;
}
.button.small, #reviews input#submit, .wpcf7-form input[type="submit"], .comment-form input[type="submit"], .price_slider_amount button, .gform_wrapper .gform_button {
	background-color: #5894c9;
    border-radius: 0px !important;
    box-shadow: none;
    border: none;
    font-size: 14px;
    color: #fff !important;
    font-family: Calibri, Tahoma, Droid Sans, sans-serif !important;
    height: 28px;
    padding: 5px 20px 7px;
    text-align: center;
    text-shadow: 0px;
    text-transform: uppercase;
	margin-top: 4px;
}

.widget {
	
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.widget_search {
	margin-bottom: 25px !important;
}
.widget_text {
	/*margin-bottom: 15px !important;*/
	margin-bottom: 0px !important;
}
#sidebar .widget .recentcomments {
	border-bottom: 0px;
}
#sidebar .widget_categories li a {
	
}

#text-2 {
	border-bottom: 0px !important;
}
#text-3 {
	border-bottom: 0px !important;
}
#text-4 {
	border-bottom: 0px !important;
}
#text-5 {
	border-bottom: 0px !important;
}

#rev_slider_11_3_wrapper {
	border-top: 0px !important;
	border-bottom: 0px !important;
	border-color: #fff !important;
	background-color:#fff
}
#rev_slider_27_3_wrapper {
	border-top: 0px !important;
	border-bottom: 0px !important;
	border-color: #fff !important;
	background-color:#fff
}
.new-footer a {
	color: #b6d5e6;
	text-decoration: none;
	font-size: 15px;
}

img.attachment-full wp-post-image {
	width: 300px !important;
}
.no-slides-text {
	display: none;
}

header#header {
	background: #ffffff url('../../uploads/2014/08/footer-bg-top.png') no-repeat top center;
}

#toTop:hover {
    background-color: #4d4d4d !important;
}
.post-content {
	margin-top: 0px !important;
}
.image .image-extras {
	display: none;
}
.flexslider .slides img {
	width: 350px !important; 
}
input#submit-button {
	opacity: 1.0;
	filter:alpha(opacity=100);
	position: relevant;
	background: url('../../uploads/2014/08/Send-Button.png') no-repeat top center;
	height: 33px;
	width: 91px;
	text-indent: -9999px;
}
input#submit-button:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: relevant;
	background: url('../../uploads/2014/08/Send-Button.png') no-repeat top center;
	height: 33px;
	width: 91px;
	text-indent: -9999px;
}
input#send-button {
	opacity: 1.0;
	filter:alpha(opacity=100);
	position: relevant;
	background: url('../../uploads/2014/08/Subscribe.png') no-repeat top center;
	height: 34px;
	width: 107px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

input#send-button:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: relevant;
	background: url('../../uploads/2014/08/Subscribe.png') no-repeat top center;
	height: 34px;
	width: 107px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

input#download-button {
	opacity: 1.0;
	filter:alpha(opacity=100);
	background: url('../../uploads/2015/11/download-button.png') no-repeat top center;
	height: 30px;
	width: 175px;
	margin-bottom: 20px;
	text-indent: -9999px;
	margin-right: -20px;
}

input#download-button:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	background: url('../../uploads/2015/11/download-button.png') no-repeat top center;
	height: 30px;
	width: 175px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

input#download-button-orange {
	opacity: 1.0;
	filter:alpha(opacity=100);
	background: url('../../uploads/2015/12/download-button-orange.png') no-repeat top center;
	height: 30px;
	width: 175px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

input#download-button-orange:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	background: url('../../uploads/2015/12/download-button-orange.png') no-repeat top center;
	height: 30px;
	width: 175px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

input#buynow-button {
	opacity: 1.0;
	filter:alpha(opacity=100);
	position: relevant;
	background: url('https://www.paypalobjects.com/webstatic/en_US/btn/btn_checkout_pp_142x27.png') no-repeat top center;
	height: 27px;
	width: 142px;
	text-indent: -9999px;
}
input#buynow-button:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}


input#web-test-submit {
	opacity: 1.0;
	filter:alpha(opacity=100);
	position: relevant;
	background: url('../../uploads/2016/06/form-submit.png') no-repeat top center;
	height: 32px;
	width: 140px;
	text-indent: -9999px;
}
input#web-test-submit:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: relevant;
	background: url('../../uploads/2016/06/form-submit.png') no-repeat top center;
	height: 32px;
	width: 140px;
	text-indent: -9999px;
}

	
#main .portfolio-one .button, #main .comment-submit, #reviews input#submit, .button.default, .price_slider_amount button, .gform_wrapper .gform_button {
	background: url('../../uploads/2014/08/Post-Comment.png') no-repeat top center !important;
	border: 0px !important;
	cursor: pointer;
	height: 33px;
	width: 166px;
	text-indent: -9999px;
}

#opti-footer-icons {
	background: #f0f0f0 url('../../uploads/2014/08/footer-bg-top.png') no-repeat bottom center; 
	/*height: 170px !important;*/
}

.wp-post-image { 

opacity: 1.0;
filter:alpha(opacity=100);
border: 3px solid #D0D0D0;
border-radius: 14px;
/*transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;*/
}

.wp-post-image:hover {
 opacity: 0.8;
 filter:alpha(opacity=80);
 /*transition: opacity .2s ease-in-out;
 -moz-transition: opacity .2s ease-in-out;
 -webkit-transition: opacity .2s ease-in-out;*/
}

/* Readmore Buttons */

.readmore {
	color: #672d7d;
	position: relevant;
	display: inline-block;
	margin-top:19px;
/*	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out; */
 	}
 	.readmore:hover {
 	color: #ffffff;
	background: #672d7d;
	margin-top:19px;
	padding-top: 2px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-left: 7px;
	position: relevant;
	display: inline-block;
	border-radius: 8px;
 /*	transition: opacity .2s ease-in-out;
 	-moz-transition: opacity .2s ease-in-out;
 	-webkit-transition: opacity .2s ease-in-out; */
 }

/* Opacity Hover */

	.solutionb {
	opacity: 1.0;
	filter:alpha(opacity=100);
	position: relevant;
	display: inline-block;
/*	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out; */
 	}
 	.solutionb:hover {
 	opacity: 0.8;
	filter:alpha(opacity=80);
	position: relevant;
	display: inline-block;
	border-radius: 14px;
 /*	transition: opacity .2s ease-in-out;
 	-moz-transition: opacity .2s ease-in-out;
 	-webkit-transition: opacity .2s ease-in-out; */
 }

/* social icons */

	.social {
	opacity: 1.0;
	filter:alpha(opacity=100);
	display: inline-block;
	float: left;
	margin-right: 4px;
	height:32px;
	width:32px;
/*	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out; */
 	}
 	.social:hover {
 	opacity: 0.8;
	filter:alpha(opacity=80);
	display: inline-block;
	border-radius: 14px;
	float: left;
	margin-right: 4px;
	width: 32px;
	height:32px;
	}
 /*	transition: opacity .2s ease-in-out;
 	-moz-transition: opacity .2s ease-in-out;
 	-webkit-transition: opacity .2s ease-in-out; */
	
	.sociallast {
	opacity: 1.0;
	filter:alpha(opacity=100);
	display: inline-block;
	float: left;
	margin-right: 0px;
	width: 32px;
	height:32px;
/*	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out; */
 	}
 	.sociallast:hover {
 	opacity: 0.8;
	filter:alpha(opacity=80);
	display: inline-block;
	border-radius: 14px;
	float: left;
	margin-right: 0px;
	width: 32px;
	height:32px;
	}
 /*	transition: opacity .2s ease-in-out;
 	-moz-transition: opacity .2s ease-in-out;
 	-webkit-transition: opacity .2s ease-in-out; */

/* homepage sector buttons */

.tint1 {
	position: relative;
	float: left;
	margin-top:5px;
	margin-bottom: 15px;
	margin-left: 18px;
	margin-right: 18px;
}

.tint1:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.tint1:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 5px;
	}

.tint {
	position: relative;
	float: left;
	margin-top:5px;
	margin-bottom: 15px;
	margin-left: 18px;
	margin-right: 18px;
}

.tint:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.tint:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 21px;
	}

/*Small Sector buttons - 7*/

.tint-small-seven {
	position: relative;
	float: left;
	margin-top:5px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

.tint-small-seven:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.tint-small-seven:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 5px;
	}


/* Sector buttons - 7 */

.tint-seven {
	position: relative;
	float: left;
	margin: 0px 13px;
}

.tint-seven:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.tint-seven:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 18px;
	height: 131px;
	width: 107px;
	}

/* Sector buttons - 8 */

.tint-eight {
	position: relative;
	float: left;
	margin: 0px 5px;
}

.tint-eight:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.tint-eight:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 18px;
	height: 131px;
	width: 107px;
	}

/* Small Sector Buttons (Cart Recovery Page) */

.small-sector-button {
	position: relative;
	float: left;
	margin-top:5px;
	margin-bottom: 15px;
	margin-left: 8px;
	margin-right: 8px;
}

.small-sector-button:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.small-sector-button:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 5px;
	}

	.sectors-box-small {
		border: 1px solid #cccccc;
		box-sizing: border-box;
		background-color: #ffffff;
	}
	
	.sectors-box-small:hover {
		background-color: #0082c8;
		color: #ffffff !important;
	}

/* Sector landing page */

.rollcenter {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 80px;
	margin-right: 80px;
	cursor: pointer;
	}

.rollcenter:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	}

.rollcenter:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 21px;
	}

/* Solutions landing page */

.rollcentersol {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 80px;
	margin-right: 80px;
	cursor: pointer;
	}

.rollcentersol:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	}

.rollcentersol:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 16px;
	}

.roll {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 42px;
	margin-right: 42px;
	cursor: pointer;
	}

.roll:before {
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	}

.roll:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 16px;
	}

.solButtonRollover {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 56px;
	margin-right: 56px;
	cursor: pointer;
	}

.solButtonRollover:before {
	-moz-transition: background 0.2s ease;
	-webkit-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
	}

.solButtonRollover:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 12px;
	}

.solButtonRollover4 {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
	}
.solButtonRollover4:before {
	-moz-transition: background 0.2s ease;
	-webkit-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
	}

.solButtonRollover4:hover:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 12px;
	}
	
a:link {
   /* text-decoration: underline !important; */
   font-weight: normal !important;
}

a:hover {
   /* text-decoration: underline !important; */
   text-shadow: 0.2px 0.2px #0095E5;
}

a:active {
    text-decoration: none;
}
	
.header-info-mobile {
	display: none;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	.header-social, #header {
    	border-bottom-color: #fff !important;
	}

	.header-phone {
		display: none;
		/*margin-right: 20px;
		clear: right!important;*/
	}

	.header-social-icons {
		display: none;
	}

	.header-info-mobile {
		display: block;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 24px;
	}

	.header-icons-mobile {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-area {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	#sliders-container {
		margin-top: 100px!important;
	}

.imageone {
	margin-top: 50px;
}

.imageone:hover { 
margin-right: 50px;
}

}

#text-6 a {
	border-radius: 5px;
	padding: 2px;
}

#text-6 a:hover {
	background-color: #ffffff;
	color: #0082c8;
}

#text-13 {
	position: fixed;
}

#magento-menu img {
    opacity: 0.6;
    filter: alpha(opacity=50);
}

#magento-menu img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

img.magentobuynow {
	opacity: 1.0;
	filter:alpha(opacity=100);
	position: relevant;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}
img.magentobuynow:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: relevant;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}

.magentoIcon {
    	background: url('../../uploads/2015/10/magento-logo-small.png') no-repeat scroll transparent;
    	display: block;
    	float: left;
    	font-size: 1px;
    	height: 29px;
	overflow: hidden;
}
	
.magentoIcon a { 
	width:100px; 
	height:29px; 
	display:block; 
}

.magentoIcon:hover { 
	width:100px; 
	height:29px; 
	background-position: 0 -33px; 
}

a.download-box {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #0082c8;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif;
	border: 1px solid #0082c8;
	border-radius: 6px;
	width: 175px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	
	/*TRANSITION*/
	-moz-transition: background-color 0.3s ease, color 0.3s ease;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	-o-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}

a.download-box:hover {
	color: #0082c8;
	background-color: transparent;
	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.download-box-orange {
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif;
	border-radius: 6px;
	box-shadow:  0px -6px 0px 0px #af541f inset;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 180px;
	line-height: 36px;
	height: 40px;
	text-align: center;
	background-color: #e97029;
	font-weight: bold !important;
	font-size: 16px !important;
	
	/*TRANSITION*/
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

a.download-box-orange:hover {
	box-shadow:  0px -3px 0px 0px #af541f inset;
	line-height: 38px;
	color: #ffffff;
	font-weight: bold !important;
	font-size: 16px !important;
	text-shadow: none !important;
	
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

a.download-box-ddc {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #e97029;
	font-family: Calibri, Tahoma, Droid Sans, sans-serif;
	border: 1px solid #e97029;
	border-radius: 6px;
	width: 175px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	
	/*TRANSITION*/
	-moz-transition: background-color 0.3s ease, color 0.3s ease;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	-o-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}

a.download-box-ddc:hover {
	color: #e97029;
	background-color: transparent;
	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

img.resourcesThumbnail {
	opacity: 1;

	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}


img.resourcesThumbnail:hover {
	opacity: 0.8;

	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

a.resourcesLink:hover {
	color: #0082c8 !important;
}

a.magentoBuy {
	opacity: 1;

	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

a.magentoBuy:hover {
	opacity: 0.8;
	
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.magentoAdRollover {
	opacity: 1;
    	filter: alpha(opacity=100);

	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	}

.magentoAdRollover:hover {
	opacity: 0.8;
    	filter: alpha(opacity=80);

	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	}
.solutions-box {
	-webkit-box-shadow: 0px 0px 6px #999999;
	-moz-box-shadow: 0px 0px 6px #999999;
	box-shadow: 0px 0px 6px #999999;
	border: 1px solid #cccccc;
}

.solutions-box:hover {
	-webkit-box-shadow: 0px 0px 6px #333333;
	-moz-box-shadow: 0px 0px 6px #333333;
	box-shadow: 0px 0px 6px #333333;
	}

.solutions-box img:hover {
		opacity: 0.8;
    	filter: alpha(opacity=80);
}

.sectors-box {
	-webkit-box-shadow: 0px 0px 6px #999999;
	-moz-box-shadow: 0px 0px 6px #999999;
	box-shadow: 0px 0px 6px #999999;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.sectors-box:hover {
	-webkit-box-shadow: 0px 0px 6px #333333;
	-moz-box-shadow: 0px 0px 6px #333333;
	box-shadow: 0px 0px 6px #333333;
	}

.sectors-box img:hover {
	opacity: 0.8;
    	filter: alpha(opacity=80);
}


.magento-button-peek {
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.magento-button-peek:hover {
	bottom: 35px !important;

	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

@keyframes magento-pulse {
	0% {bottom: 94px;}
	80% {bottom: 94px;}
	85% {bottom: 88px;}
	90% {bottom: 94px;}
	95% {bottom: 88px;}
	100% {bottom: 94px;}
}

.magento-button-peek2 {
	
	-moz-animation: magento-pulse 6s ease infinite ;
	-webkit-animation: magento-pulse 6s ease infinite ;
	-o-animation: magento-pulse 6s ease infinite ;
	animation: magento-pulse 6s ease infinite ;
	
	
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.magento-button-peek2:hover {
	bottom: 35px !important;

	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home-btn {
	margin: 0 auto;
	display: block;
	width: 150px;
	padding: 6px 0px;
	border: 1px solid #0082c8;
	/*background-color: #0082c8;*/
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, #0082c8 50%, transparent 50%);
	transition: background-position 0.4s ease, color 0.4s ease;
}

.home-btn:hover {
	color: #0082c8;
	text-shadow: none;
	background-position: 0 -100%;
}

.blue-grey-icon-third {
	display: block;
	margin: 0 auto;
	width: 113px;
	height: 90px;
}

.blue-grey-icon-third:hover {
	background-position: -113px 0px !important;
}


.blue-grey-icon-half:hover {
	background-position: -174px 0px !important;
}

.integrations-greyscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.integrations-greyscale:hover {
	filter: none;
	-webkit-filter: none;
}

/* CODE BELOW TO HIDE DATE & TIME ON BLOG LANDING PAGE */

.post-content .single-line-meta, .tab-holder .news-list li .post-holder .meta {
	display: none !important;
	visibility: hidden !important;
}

.post-content img[src$="Read-More-Button.png"] {
	padding-top: 10px;
}

/* CODE BELOW TO STYLE USEFUL LINKS ON 404 PAGE */

.post-content ul#checklist-1 {
	margin-left: 0px;
}

.post-content #checklist-1 li:before {
	content: none !important;
}

.post-content #checklist-1 li {
	padding-left: 0px;
	margin-bottom: 0px;
}


/*CODE BELOW TO STYLE 'OTHER ARTICLES' BOXES */

.other-articles {
	margin-top: 30px;
}

.single-other-article {
	border: 1px solid #cccccc;
	border-radius: 6px;
	padding: 10px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 3px #999999;
	box-shadow: 0px 0px 3px #999999;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.single-other-article:hover {
	-webkit-box-shadow: 0px 0px 7px #333333;
	box-shadow: 0px 0px 7px #333333;
}

/* CODE BELOW FOR 'RECENT POSTS' */

#recent-posts-6 ul {
	margin: 0;
	padding: 15px 20px;
	background-color: #f0f0f0;
	border-top: 2px solid #0082c8;
}

#recent-posts-6 ul li {
	padding: 5px 0px;
}

iframe#contact-form {
    width: 100%;
    height: 400px;
    border: none;
}