/*
Theme Name: EXO Theme
Theme URI: http://cmssuperheroes.com/wordpress/cshero
Author: Cmssuperheroes Team
Author URI: http://cmssuperheroes.com/
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Description: In 2014, Creating a magazine website with WordPress has never been easier.
Text Domain: exo-theme
*/

/**
 * Table of Contents:
 *
*/

/** Style all button site **/
@import "css/buttons.css";

/** Style mobule and type title module **/
@import "css/module.css";

/** Style all menu site **/
@import "css/menu.css";

/** Style all shortcode site **/
@import "css/shortcodes.css";

/** STYLE BASE SITE  **/
@import "css/style.min.css";

/** Style base spectrum site **/
@import "css/style.spectrum.css";

/** Style Shop **/
@import "css/woocommerce.css";

/** Style custom home **/
@import "css/custom-home.css";

/** Style RTL **/
@import "style-rtl.css";

/** Style reponsive **/
@import "css/responsive.css";

/** 3rd Extensions  **/
@import "css/extensions.css";

/*body{font-family: Open Sans !important;}*/
body{margin-top: 144px !important;}
#cshero-header ul.cshero-dropdown > li > a, #cshero-header .menu-pages .menu > ul > li > a {font-weight: 600;}
.menuhighlight{letter-spacing: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
.menuhighlight span{border: 1px solid #e54f1e; padding: 9px;}
.openFont{font-family: Open Sans !important;}
.textblackColor{color:#000000;}
.textColorWhite{color:#FFFFFF !important;}
.pageBannerText{font-size: 20px; font-style: italic; font-weight: 700; color:#000;}
.pageBannertitle{font-size: 44px;}
.homeservicebox  .content{min-height: 105px;}
.topHead{padding: 0px 30px; background: #e54f1e; float:left; width:100%;}
.topHead .right{float:right; margin-top: 5px;}
.topHead a{color:#ffffff !important; font-size:20px; margin-left:30px;}
.topHead .fa-phone{background: #2064a7; padding: 8px 10px; border-radius: 50%; font-size: 14px;}
.topHead .fa-envelope{background: #2064a7; padding: 8px 9px; border-radius: 50%; font-size: 14px;}
.TopSocial{float: right; list-style: none; margin-bottom:0px; padding-left:10px;}
.TopSocial li{float:left;}
.TopSocial li a{margin: 0px; float:left;}
.TopSocial li .facebook{padding: 7px 14px; background: #3b5998;}
.TopSocial li .twitter{padding: 10px; background: #00aced; padding: 7px 10px;}
.TopSocial li .googlep{padding: 10px; background: #d34836; padding: 7px 8px;}
.TopSocial li .linkedin{padding: 10px; background: #007bb5; padding: 7px 10px;}
#cs-page-title-wrapper {padding: 50px 0 !important; margin: 0 0 0px 0 !important;}
#cs-page-title-wrapper {background-color: #dfdfdf !important;}
.ContactButton{padding: 7px 20px; font-size: 20px; background: #2f5ba2; color: #fff !important; border-radius: 4px; border: 3px solid #2f5ba2; transition: ease-in 0.5s;}
.ContactButton:hover{background: #ffffff; color: #02639f !important; transition: ease-in 0.5s;}
.width100perc{width:100%; max-width:100% !important;}
.homeFormTextbox{border: 1px solid; height: 48px !important; font-size: 20px !important;}
.homeFormTextarea{border: 1px solid; height: 120px; font-size: 20px;}
.submitButton{width: 200px; color: #ffffff; font-size: 22px !important; font-weight: 700; background: #2f5ba2; padding: 14px 20px !important; border: 4px solid #2f5ba2 !important; border-radius: 4px;}
.socialIconFooter{float:right; width:100%;}
.socialIconFooter .cs-social{float:right;}

.homeEmail{margin-top:5px;}
.submitButton:hover{background: #ffffff !important; color: #2f5ba2 !important;}
.CookiesPolicy{padding: 10px 50px; position: fixed; bottom: 0px; background: #e0e0e0; z-index: 999; display:none; width: 100%; line-height: 50px;}
.CookiesPolicy .left{max-width:77%; float:left; width: auto;}
.CookiesPolicy .right{width:23%; float:left; padding-left:10px;}
.CookiesPolicy .allow{color: #fff !important; background: #2f5ba2; font-weight: 600; border-radius: 4px; padding: 11px 20px !important; margin: 0px;}
.CookiesPolicy .disallow{color: #000000 !important; font-weight: 600; padding: 11px 25px !important; cursor:pointer;}
.serviceBox{
    text-align: center;
    padding: 8px;
    margin: 0 -15px;
    overflow: hidden;
    position: relative;
	border: 6px #fff solid;
}
.serviceBox .service-content{
    border: 4px double rgba(255,255,255,0.6);
    padding: 15px 20px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}
.serviceBox:hover .service-content{
    border: 4px double rgb(255,255,255);
}
.serviceBox .service-content i{
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out 0s;
}
.serviceBox:hover .service-content i{
    transform: rotate(360deg);
}
.serviceBox .title{
    font-size: 24px;
    font-weight: 700;
    color: #6E6E6E;
    margin-bottom: 15px;
}
.serviceBox .description{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}
.serviceBox.grey{ background: #f1eff0;}
.serviceBox.orange{ background: #f05b47; }
.serviceBox.blue{ background: #01abce;}

.roundBox{
	border-radius: 50%;
	padding: 63px 30px 29px 30px;
	background: #e54f1e;
	color: #000000;
	font-size: 24px;
	text-align: center;
	min-height: 250px;
	vertical-align: middle;
	box-shadow: 0px 1px 20px #868686;
	max-width: 250px;
	font-weight:700;
}


.wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a {
    padding: 8px 12px;    
    font-size: 14px;
}
.fontsize22{font-size: 22px; line-height: 32px;}
.required{color:#ff0000;}
.formTextBox{width: 100%; height: 100px; line-height: 22px; font-size: 15px;}

.customFooter{background:url('http://lncnnl.com/b2binfochampions/wp-content/uploads/2018/02/contact-us-footer-bg.jpg'); background-attachment:fixed; background-size:cover; padding:80px 0px;}
.customFooter .footerBox{background: rgba(195, 191, 191, 0.8); padding: 22px 25px; min-height: 210px; border-radius: 5px; border: 5px solid #B3B3B3; font-size: 22px;}
.customFooter .socialIcon{font-size: 20px; background: #d8d8d8; border-radius: 50%; margin-right:5px; float: left;}
.customFooter h3{margin-top:0px; font-size:26px;}
.customFooter h5{margin: 13px 0px; font-size: 20px;}
.customFooter .facebook{padding: 8px 17px; color:#3b5998;}
.customFooter .twitter{padding: 8px 14px; color:#00aced;}
.customFooter .linkedin{padding: 8px 14px; color:#0077B5;}
.customFooter .facebook:hover{background:#3b5998; color: #d8d8d8;}
.customFooter .twitter:hover{background:#00aced; color: #d8d8d8;}
.customFooter .linkedin:hover{background:#0077B5; color: #d8d8d8;}

.roi{width:100%;}
.roi table, tr, th, td{border: 1px solid #000; border-spacing: 0px; border-collapse: collapse; padding:0px}
.roi table {width: 100%; background-color: #fff; font-size: 14px; line-height: 20px; font-family: verdana;}
.roi .tdpadding {padding: 5px;}
.roi .valign{vertical-align: top;}
.roi .roiTextbox{width: 100%; border: 1px solid #01abce; padding: 3px; text-align:right;}
.roi .head th {padding-top: 24px; padding-bottom: 20px;}
.roi .tblBorderZero{border:0px;}
.roi .tblBorderTop{border-top: 1px solid;}
.roi td {color: #4C4C4C; height: 50px;}
.roi th {background-color: #02639f; color:#FFFFFF; text-align:center;}
.roi span{color:#01abce; text-align: right; padding-right: 15px; font-weight: 600; float:right;}
.roilist{text-align: right; padding-right: 20px; font-size: 25px; color: #000000;}
.roiRes{font-size: 25px;}
.roiwidth125{width: 125px;}
.roiHighlight{color: #01abce !important; font-weight: 600;}
.roiPrc{text-align:center; font-size:16px;}
.roiresth{width: 160px;}
.roidollorSpan{position:  absolute; padding: 9px;}

.homeReadMore{color: #ff7d4c !important; font-weight: bold; text-decoration: underline;}
.entry-content p{font-size:20px; line-height: 34px; margin-bottom: 20px;}
.entry-content li{font-size:20px; line-height: 34px;}

.inteligenceBox1{max-width:300px; background:#000000; color:#FFFFFF; padding: 40px; text-align: center; font-size: 24px;}
.inteligenceBox2{max-width:300px; background:#e54f1e; color:#FFFFFF; padding: 40px; text-align: center; font-size: 24px;}
.inteligenceBox3{max-width:300px; background:#2f5ba2; color:#FFFFFF; padding: 40px; text-align: center; font-size: 24px;}
.inteligenceBox4{max-width:300px; background:#c2c045; color:#FFFFFF; padding: 40px; text-align: center; font-size: 24px;}
.inteligenceBox5{max-width:300px; background:#ff0000; color:#FFFFFF; padding: 40px; text-align: center; font-size: 24px;}

.itelligenceSquare{border: 2px dashed #e54f1e; border-radius: 5px; padding: 18px; width: 190px; float: left; height: 90px; text-align: center; margin: 10px 10px 0px 0px; font-size: 18px; color: #2f5ba2;}
.caseStudyImg{border: 2px solid #2064a7; wdth:100%; max-width:300px;}
.error404{text-align:center; background:#f1f1f3 ;}
.themeColor{color:#2064a7 !important;}
.cs-blog-content h2{margin:15px 0px; float:left; width:100%;}
.cs-blog-content h3{margin:15px 0px; float:left; width:100%;}
.cs-blog-content h4{margin:15px 0px; float:left; width:100%;}
.cs-blog-content h5{margin:15px 0px; float:left; width:100%;}
.cs-blog-content h6{margin:15px 0px; float:left; width:100%;}
.cs-blog-content p{margin-bottom:15px;}
.homeNewsletter{text-align:center;}
.homeNewsletter input[type="text"]{width:300px; border: 1px solid #2064a7; padding: 5px; font-size: 16px; min-height: 41px;}
.homeNewsletter input[type="submit"]{margin: 0px !important; border: 0px !important; border-radius: 0px !important; font-size: 16px !important; padding: 10px 20px !important;}
.homeNewsletter input[type="submit"]:hover{color:#ffffff !important;}

.timerOuterDiv{background: rgba(255,255,255,0.5); text-align:center !important; float: left; width: 100%; padding-bottom: 10px; border-radius: 5px;}
.timerOuterDiv h3{color: #e54f1e !important;}
.timerOuterDiv .timerDiv{float: left; width: 25%;}
.timerOuterDiv .timerDiv h4{margin:0px; font-size:28px;}

.textalignCenter{text-align:center;}
.normalfont{font-size: 17px; font-weight: 400; line-height: 22px; color: #333; padding-bottom: 11px;}
.strongs{color: #e54f1e;}

@media only screen and (max-width: 1170px){
	.CookiesPolicy{line-height: 24px; padding: 10px 10px;}
	.CookiesPolicy .left {width: 100%;}
	.CookiesPolicy .right {width: 100%;}
}
@media only screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 0px; }
	.pageBannertitle {font-size: 34px; padding: 0px 0px 0px 10px; line-height: 44px;}
	.pageBannerText {padding-left: 10px; line-height: 20px !important;}
	.entry-content p {padding: 0px 10px;}
	h2 {line-height: 40px !important;}
}
@media (max-width:667px)
{
	.topHead {padding: 6px 5px; }
	.topHead a {font-size: 16px; margin-left: 10px;}
	.topHead .fa-phone {padding: 6px 7px; font-size: 12px;}
	.topHead .fa-envelope {padding: 4px 6px 7px; font-size: 12px;}
}
@media (max-width:420px)
{
	.topHead {padding: 0px 0px 5px;}
	.TopSocial {padding-left: 0px; width: 100%;}
	.TopSocial li {width: 25%; text-align: center;}
	.TopSocial li a{width: 100%;}
	.topHead .right {width: 100%;}
	
	#cshero-header .logo > a {line-height: 60px !important;}
	.logo img {max-width: 90px !important;}
	#cshero-header .cshero-header-content-widget {height: 65px !important;}
	#wrapper #cshero-header #cshero-main-menu-mobile {top: 170px !important;}
	.ContactButton {float:left;}
}

@media (max-width:380px)
{
	.topHead .right a{width: 100%; float: left;}
}