/*   
Theme Name: Clean Rapid
Theme URI: Theme Url
Description: This is an exclusive, fully SEO optimized Wordpress theme developed by G-zien for Leadership Connection website.
Author: Clean Rapid
Author URI: http://cleanrapid.voorontwerpsite4.be/
*/

body{ float: left; font-family: "ProximaNovaA-Regular"; font-size: 16px; width: 100%; line-height: 1.5;}
section{ float: left; width: 100%; position: relative;}
* { margin:0; padding:0;}
img { max-width: 100%; height: auto;}
:focus{ outline: 0;}
@font-face {
    font-family: 'ProximaNovaA-Regular';
    src: url('fonts/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/ProximaNovaA-Regular.otf')  format('opentype'),
        url('fonts/ProximaNovaA-Regular.woff') format('woff'), url('fonts/ProximaNovaA-Regular.ttf')  format('truetype'), url('fonts/ProximaNovaA-Regular.svg#ProximaNovaA-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNovaA-Semibold';
    src: url('fonts/ProximaNovaA-Semibold.eot?#iefix') format('embedded-opentype'),  url('fonts/ProximaNovaA-Semibold.otf')  format('opentype'),
        url('fonts/ProximaNovaA-Semibold.woff') format('woff'), url('fonts/ProximaNovaA-Semibold.ttf')  format('truetype'), url('fonts/ProximaNovaA-Semibold.svg#ProximaNovaA-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

a, .btn, input, select, textarea, button, img{ outline: 0 !important;}
select{ color: rgba(0,0,0,0); text-shadow: 0 0 0 #000;}
a img{ outline: 0;}
input, select, textarea{ outline: 0;}
a, .yellow { color: #F5B900;}
.yellow-bg { background: #F5B900 !important;}
ul, li,#main-content #sidebar li, #main-content #sidebar ul { list-style-type: none; margin-left: 0;}
.strong { font-weight:bold;}
.cursive { font-style: italic}
.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left}
.justify { text-align: justify;}
.underline { text-decoration: underline;}
.uppercase { text-transform: uppercase;}
.fullwidth { float:left; width:100%;}
.halfwidth { float:left; width:50%;}
.first { margin-left: 0 !important;}
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto;}
.alignright { float:right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}
a img.alignright { float: right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto}
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px);  position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);  clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */}
#page-wrapper { min-height: 310px;}

/** ============================= HEADER CSS ======================= **/
#header { background: #1ABEE9; margin: 0; padding: 10px 0; position: relative; width: 100%; transition: 0.5s;  border-radius: 0px !important;  z-index: 999999;}
.home #header { padding: 20px 0; position: absolute; background: transparent !important;}
.home #header.sticky { background: #1ABEE9 !important;}
.navbar-nav > li > a { color: #fff; font-family: "ProximaNovaA-Semibold"; font-size: 18px;  padding: 0;}
.nav > li{ padding: 15px 20px;}
.nav > li > a:focus, .nav > li > a:hover { background-color:  transparent; text-decoration: none;}
#header .navbar-nav{ margin-top: 27px;}
#header > .container{ position: relative;}
#header.sticky{ position: fixed; box-shadow: 0 0 4px -1px #f7f7f7; -moz-box-shadow: 0 0 4px -1px #f7f7f7; -webkit-box-shadow: 0 0 4px -1px #f7f7f7; border-radius: 0px; transition: all ease-in-out 0.3s; z-index: 999; border-radius:0px !important;}
.nav > li:last-child { padding-right: 0px;}
.navbar-nav > li.current_page_item > a:after,.navbar-nav > li:hover > a:after,.navbar-nav > li.current-page-ancestor > a:after{ background: rgba(0, 0, 0, 0) url("img/menubigafter.png") repeat scroll 0 0 ; bottom: -8px; content: ""; height: 3px; left: 0; position: absolute; width: 100%; background-size: 100%;}
.logo img,.logo.img{ max-width: 280px !important; height: auto !important; }
.home .topphn-main {background: #1ABEE9 !important; top: -22px !important;}
.topphn-main,.home #header.sticky .topphn-main{ background: #fff !important; padding: 8px; position: absolute; right: 30px; top: -16px;font-family: "ProximaNovaA-Semibold"; padding: 9px 16px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; font-size: 16px; line-height: 20px;}
.home .topphn-main a{ color: #fff !important;}
.topphn-main a,.home #header.sticky .topphn-main a{ color: #000 !important;}
.topphn-main a:hover,.topphn-main a:focus{ text-decoration: none;}
.topphn-main a:hover, .home #header.sticky .topphn-main a:hover{  color: #1ABEE9 !important;}
.home #header .topphn-main a:hover{ color: #fff !important;}
#return-to-top { bottom:70px; right:50px; position: fixed;  z-index: 9999; display: none;}
#return-to-top i{ border: 1px solid #1abee9; border-radius: 50%;color: #1abee9;font-size: 18px; font-weight: normal;  line-height: 18px;  padding: 10px;}
.innerpage-downward{ bottom: 35px; left: 0; margin: auto; position: absolute; right: 0; z-index: 9;}
.innerpage-downward i{ border: 1px solid #fff; border-radius: 50%; color: #fff;font-size: 18px; font-weight: normal; line-height: 18px; padding: 10px;}
#innerpagescroll{ cursor: pointer;}
/*Navigation*/
ul.sub-menu { position: absolute; padding: 10px; top: 100%; background-color: #F8F8F8; z-index: 10; text-align: left; white-space: nowrap; display: none;}
ul.sub-menu li a { padding: 4px 10px; display: block; color: #000 !important; text-decoration: none !important; font-size: 12px;}
ul.sub-menu li { border-bottom: 1px solid #ccc;}
ul.sub-menu li:last-child { border-bottom: 0;}
.navbar-nav > li:hover > .sub-menu { display: block;}
.logo { float: left; margin: 0;}

/** ============================= HOME PAGE CSS ======================= **/
#mainarea{ float: left; width: 100%;}
.pagebanner img{ width: 100%;}
.nopadding{ padding: 0px;}
.home-bannerinfo h2{ color: #fff; font-size: 84px;font-family: 'Advent Pro', sans-serif; margin-top: 0px; font-weight: 600; line-height: 85px;}
.home-bannerinfo {color: #fff; max-width: 720px; position: absolute; top: 65%; left: 0px; right: 0px; transform: translateY(-65%);  -ms-transform:translateY(-65%); -webkit-transform:translateY(-65%);  -moz-transform:translateY(-65%); -o-transform:translateY(-65%);  margin: auto;}
.btn.btn-lg{ background: #F28504 !important; color: #fff !important;  padding: 16px 50px !important; border-radius: 50px !important; line-height: 17px !important; font-weight: 600 !important; transition: all ease-in-out 0.4s; border: 2px solid transparent !important}
.home-bannerinfo .btn.btn-lg{ margin-top: 15px;}
h4{ font-size: 20px; font-weight: 600;}
section h2{ font-size: 46px; font-family: 'Oswald', sans-serif; color: #000;  position: relative;  margin-bottom: 30px;  margin-top: 0;}
section h2 > span{ color: #2EB5E4;}
section h2::after { background: rgba(0, 0, 0, 0) url("img/blueafter.png") no-repeat scroll 0 0 / cover ; bottom: -15px; content: ""; height: 5px; left: 0; position: absolute; width: 75px;}
.pagebanner h2:after{ content: none !important;}
.prof-content .btn.btn-lg{ float: left;  margin-top:25px;}
.bg-section-center { background: rgba(255,255,255, 1) url("img/topsectionbg.png") no-repeat scroll center top;}
.bluebg{ background: #30C3EA;}
.home-service{ padding: 60px 0px;}
.service-tabs li{ padding: 0px; }
.service-tabs li:first-child{ margin-bottom: 40px;}
.service-tabs #nav-tabs-wrapper{ border-bottom: 0px; margin-top: 30px; }
.service-tabs li a{border: 1px solid #fff; border-radius: 1px; padding: 20px;}
.service-tabs li a p{ margin-bottom: 0px;}
.activeicon{ display: none;}
.service-tabs li h4{ margin-top: 0px; text-transform: uppercase;}
.service-tabs li h4 img{vertical-align: middle; margin-right: 10px;}
.normalicon{ display: none;}
#nav-tabs-wrapper li .activeicon{ display: inline;}
/*#nav-tabs-wrapper li.active .normalicon{ display: none;}*/
#nav-tabs-wrapper li{ background: #fff;}
#nav-tabs-wrapper li.active{ -webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.75); box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.75);}
#nav-tabs-wrapper li a{ color: #fff !important; margin-right: 0px; border: none;}
#nav-tabs-wrapper li a{color: #000 !important;}
.white-title-after h2:after{ background: rgba(0, 0, 0, 0) url("img/whiteafter.png") no-repeat scroll 0 0 / cover ;}
.white-title h2,.servicetop{ color: #fff; }
.service-content{background: #fff; padding: 25px; color: #000;}
.innerpage-downward img{ height: 44px; min-height: 0px; width: 44px; cursor: pointer; margin-left: 15px;}
.service-content h4 { float: left; margin-top: 0; text-transform: uppercase; width: 100%;}
.service-content a{float: left; width: 100%; margin-top: 15px; color: #272525 !important; font-weight: bold;}
.service-content a:hover,.service-content a:focus{ text-decoration: none;}
.service-content h4 a:after{ content: none !important;}
.service-content h4 a{ margin-top: 0px !important;}
.service-content a::after { content: url("img/linkafter.png"); padding-left: 10px; vertical-align: text-top; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -mz-transition: 0.3s;}
.service-content a:hover::after { padding-left: 20px;}
.title-after-center h2:after{ margin: auto; left: 0; right: 0;}
.home-portfolio{ padding: 60px 0px; color: #000;}
/*.carosusal-inner img{ height: 206px; object-fit: cover;  object-position: center;}*/
.portfolio-info{ margin-bottom: 50px;}
.servicelist ul li{ margin-bottom: 20px; padding-left: 20px;}
.servicelist ul li:last-child{ margin-bottom: 0px;}
.servicelist ul li::before { content: url("img/tick.png"); height: 100%; left: 0;  position: absolute;}
.pagegallery-main{ background: #F7F7F7;  padding: 60px 0px;}
.portfolio-home { background-size: cover !important; background-position: center center !important; position: relative; overflow: hidden;}
.owl-carousel .owl-item img{ width: auto; display: inline;}
.portfolio-home .inner-overlay2{ background: rgba(26, 190, 233, 0.75); display:block; -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; bottom: 0; display: block; height: 96%; left: -100%; margin: auto; position: absolute; top: 0;  width: 96%;}
.portinnerblock h3{ margin-top: 0px; text-transform: capitalize ;}
.portfolio-home:hover .inner-overlay2{ cursor: pointer; display: block !important; left: 0; right: 0;}
.portinnerblock { bottom: 0; color: #fff; height: 80px; left: 0; margin: auto; position: absolute; right: 0; top: 0; text-align: center;}

/** ===================== SERVICE PAGE CSS ============================**/

.blank-banner{ background: #222; height: 600px; width: 100%;}
.blank-banner.innerban{ height: 400px;}
h3{ font-size: 28px;}
.pagebanner{ position: relative;}
.bannertitle{color: #fff;position: absolute; top: 47%;left: 0px; right: 0px; transform: translateY(-47%); -ms-transform:translateY(-47%); -webkit-transform:translateY(-47%);  -moz-transform:translateY(-47%); -o-transform:translateY(-47%); margin: auto;  font-family: 'Advent Pro', sans-serif; font-size: 84px; text-align: center; line-height: 90px; font-weight: 600;}
.service-main{ color: #000;}
.service-main > .row{ margin: 0px !important; padding: 60px 0px;}
.serviceblue-row { background: rgba(0, 0, 0, 0) url("img/servicebluebg.jpg") no-repeat scroll 0 0 / cover ; color: #fff;}
.contact-btn-row{ padding-top:60px;}

/************* Gallery Css Start **************/

.gallery-block .gallery-single { height:319px; position: relative;}
.bg-cover { background-position: center center !important;  background-size: cover !important;}
.pagegallery{ padding: 0px;}
.pagegallery .gallery-block{ display: inline; float: left; overflow: hidden; border: 2px solid #fff;}
.galleryrow{ margin: 0px;}
.pagegallery .gallery-block:nth-of-type(n) { width:37%;}
.pagegallery .gallery-block:nth-of-type(5n) { width: 48% !important;}
.pagegallery .gallery-block:nth-of-type(2n) { width: 26% !important;}
.gallryinner{ margin-top: 40px;}
.gallery-block .galryanchor{ height: 100%; float: left; width: 100%;}
.gallery-block a:hover{ text-decoration: none;}
.inner-overlay h3 { color: #fff; font-weight: 600; margin-bottom: 0;  margin-top: 0;}
.inner-overlay{background: rgba(26, 190, 233, 0.75); display:block; -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; bottom: 0; display: block; height: 95%; left: -100%; margin: auto; position: absolute; top: 0; width: 95%;}
.gallery-block:hover .inner-overlay{ display: block !important; cursor: pointer;right: 0;left: 0;}
.galinnerblock { bottom: 0; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 0; color: #fff;}
.galhover-icon { border: 2px solid #fff; border-radius: 100%; padding: 8px;}
.galleryrow{ padding-top: 30px;}

/************* Gallery Css Ends **************/

/** ===================== CONTACT PAGE CSS ============================**/

.contact-top-main{ padding: 60px 0 85px;background: rgba(255, 255, 255, 1) url("img/topsectionbg.png") no-repeat scroll 70% top;}
.contact-top-left{ background: #f7f7f7; border-radius: 5px; padding: 35px 40px;}
.wpcf7-text, .wpcf7-email, .wpcf7-textarea { background: transparent; box-shadow: none; font-size: 16px; height: auto; padding: 10px 15px;}
.wpcf7-textarea{ height: 90px !important; resize: none;}
.contact-top-left .wpcf7{ margin-top:30px; max-width: 75%;}
.wpcf7-submit{margin-top: 20px;}
.wpcf7-form-control-wrap{ margin-bottom: 12px;float: left; width: 100%;}
.wpcf7-not-valid-tip { bottom: 2px; font-size: 13px !important; position: absolute; right: 6px;}
div.wpcf7-validation-errors { border: 2px solid #f28504 !important; font-size: 14px !important; padding: 15px !important; float: left; width: 100%;}
div.wpcf7-mail-sent-ok { border: 2px solid #2eb5e4 !important; padding: 15px !important; float: left; width: 100%;}
.contact-top-right{ background: #19BFE9;color: #fff; border-radius: 5px; padding: 35px;}
.contact-top-right a{ color: #fff !important;}
.contact-top-right ul{ margin-top: 30px;}
.contact-top-right a:focus{ outline:none; text-decoration:none;}
.contact-top-right ul li{ float: left; width:100%;  padding-bottom: 30px;}
.contact-top-right ul li img { margin: 0 18px 0 0; width: 20px; vertical-align: middle;}
.acf-map { width: 100%; height: 400px;}
.acf-map img { max-width: inherit !important;}
.inv-recaptcha-holder {float: left; margin-top: 30px; width: 180px;}
div.wpcf7 .ajax-loader{margin: 25px 0 0 12px !important;}
div.wpcf7-validation-errors{ display: none !important;}
.form-control:focus {border:1px solid #ccc !important; box-shadow: none !important; outline: 0 none;}

/** ===================== FOOTER CSS ============================**/

#footer { background: #191918; color: #e9e9e9; padding-top: 40px; position: relative;}
#menu-footer-menu{ margin-bottom: 0px;}
.footerlogo-main img{ margin-top: 0px;}
#menu-footer-menu li a{ color: #fff !important}
#menu-footer-menu li{ display: inline-table;  padding: 0 20px;}
.footermenu-main{ margin-bottom: 28px; margin-top: 28px;}
.footeraddress-main{margin-bottom: 30px;}
.footeraddress-main p{ margin-bottom:7px;}
.footermainbottom a:focus,.footeraddress-main a:focus{text-decoration: none;}
.footeraddress-main a,.footermainbottom a{ color: #e9e9e9 !important;}
.footermainbottom{ font-size: 14px; padding: 15px 0px; border-top: 1px solid #333;line-height: 14px;}

/** ===================== Video CSS ============================**/
.home-videos{
    padding-top: 60px;
    padding-bottom: 60px
}
.video-list {
    height: 275px;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    content: "";
    position: relative;
    border: 5px solid #FFF;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.15);
}
.video-list:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.15);
    content: ""
}
.video-list:after{
      position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:url(img/icon-play-white.svg) no-repeat center;
    background-size: 60px 60px;
    content: ""  
}
.link-cover{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.home-videos .row > div{
    margin-top: 15px
}
.home-videos {
    background-color: #eee;
}