.main-heading h2,.main-heading h3{font-weight:400;color:#424040;margin:0}
.main-heading h5,.main-heading-white h5,.uppercase{text-transform:uppercase}
.button-simple,.button-text{-webkit-transition-duration:.3s}
.button,.custom-dot,.page-title ul li{display:inline-block}
.blog-list-item h2 a,.blog-post-item h2 a,.blog-tags,.button-simple:hover,.scroll-to-top,.scroll-to-top:visited,.side-news-box a,.tabs li a{text-decoration:none}
.block-section{padding:90px 0}
.grey-section{background:#fafafa}
.parallax-section{background-size:cover;background-attachment:fixed;padding:90px 0;background-position:50% 50%}
.main-heading h2{font-size:40px}
.main-heading h3{font-size:35px}
.main-heading h5,.main-heading p{font-weight:500;line-height:30px}
.main-heading h5{font-size:14px;color:#bbb;margin:0}
.main-heading p{font-size:16px;color:#aaa;margin:25px 0 15px}
.main-heading-white h3{font-size:35px;font-weight:400;color:#fff;margin:0}
.main-heading-white h5{font-size:14px;font-weight:500;line-height:30px;color:#fff;margin:0}
.main-heading-white p{font-size:16px;line-height:30px;font-weight:500;color:#fff;margin:25px 0 15px}
.page-title{padding:40px 0; background-image:url(../img/header_bg.jpg) }
.page-title h1{font-size:40px;line-height:50px;font-weight:400;color:#fff;margin:0; text-align: center;}
.page-title ul{padding:10px 0 0; text-align: center;}
.page-title ul li{list-style-type:none;font-size:15px;line-height:25px;font-weight:500;color:#fff}
.page-title ul li a{color:#fff}
.page-title ul li a:hover{color:#23a3dd}
.page-title ul li:after{content:" /";font-size:12px;color:#fff;padding:0 5px}
.page-title ul li:last-child:after{content:none}
.button-text{font-size:13px;font-weight:600;color:#23a3dd;padding:15px;transition-duration:.3s}
.button-text:hover{color:#444}
.button-simple{font-size:14px;font-weight:500;color:#fff;padding:10px 25px;border:2px solid #23a3dd;border-radius:5px;background:#23a3dd;text-align:center;transition-duration:.3s}
.button-orange{font-size:14px;font-weight:500;color:#fff;padding:10px 25px;border:2px solid #F17D00;border-radius:5px;background:#F17D00;text-align:center;transition-duration:.3s; margin-right: 15px;}
.button-orange:hover { color:#d82027; background: #fff; }
.button-red{font-size:14px;font-weight:500;color:#fff;padding:10px 25px;border:2px solid #d82027;border-radius:5px;background:#d82027;text-align:center;transition-duration:.3s; margin-right: 15px;}
.button-red:hover { color:#d82027; background: #fff; }
.custom-dot span,.custom-dot span:hover{-webkit-backface-visibility:visible; border-radius:30px}
.custom-dot span,.custom-dot.active span{width:10px;height:10px;-webkit-transition-duration:.3s}
.button-simple:hover{color:#23a3dd;background:0 0}
.text-content h2,.text-content h3,.text-content h4,.text-content h5{font-weight:400;color:#424040;line-height:27px}
.custom-dot{z-index:1}
.custom-dot span{margin:5px 7px;background:#bbb;cursor:pointer;display:block;transition-duration:.3s}
.custom-dot span:hover{background:#aaa}
.custom-dot.active span{background:#23a3dd;transition-duration:.3s}
.text-content h5{font-size:15px}
.text-content h4{font-size:19px}
.text-content h3{font-size:25px}
.text-content h2{font-size:30px}
.text-content p{font-size:15px;font-weight:500;color:#777;line-height:27px; text-align: justify;}
.primary-color{display:inline;color:#23a3dd!important}
.primary-color h1,.primary-color h2,.primary-color h3,.primary-color h4,.primary-color h5,.primary-color i,.primary-color p{color:#23a3dd}
.white-color{color:#fff!important}
.white-color h1,.white-color h2,.white-color h3,.white-color h4,.white-color h5,.white-color h6,.white-color i,.white-color p{color:#fff}
.fw-300{font-weight:300!important}
.fw-400{font-weight:400!important}
.fw-500{font-weight:500!important}
.fw-600{font-weight:600!important}
.image-shadow{border-radius:10px;-webkit-box-shadow:0 0 40px rgba(0,0,0,.25);box-shadow:0 0 40px rgba(0,0,0,.25)}
.video-box{border-radius:10px;background-repeat:no-repeat;background-size:cover;padding:30px}
.video-play-icon{position:absolute;top:50%;left:50%;right:50%;display:inline-block;border-radius:50%;background:#fff;color:#333;width:100px;height:100px;opacity:.8;-webkit-transform:translate3d(-45%,-45%,0);-webkit-transition-duration:.3s;transition-duration:.3s}
.our-services,.round-frame{border-radius:10px}
.video-play-icon:before{font-family:FontAwesome;font-size:14px;content:"\f04b"}
.video-play-icon:hover{opacity:1}
.video-play-icon:active{width:90px;height:90px}

.video-homexs{min-height:150px; margin-top: 30px;}
.video-sm{min-height:350px}
.video-md{min-height:450px}
.video-lg{min-height:550px}
.full-width{width:100%}
.hover-shadow:hover,.light-shadow{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.black-transparent-bg{background:rgba(0,0,0,.3);padding:15px}
#top-bar{background:#fafafa;border-bottom:1px solid #eee;min-height:30px}
.top-bar-info{padding:0; margin: 0px;}
.top-bar-info li{font-size:13px;font-weight:500;color:#777;list-style-type:none;margin:0;padding:16px 16px 16px 0; display: inline-block; }
.top-bar-info li i{font-size:15px;color:#23a3dd;padding-right:8px}
.top-bar-info li .red{color:#d82027;}
.social-icons{padding:0;margin:auto; text-align: right; }
.social-icons li{font-size:20px;list-style-type:none; display: inline-block; ;width:40px;text-align:center;margin:0;padding:10px}
.social-icons li a{color:#777;-webkit-transition-duration:.3s;transition-duration:.3s}
.social-icons a:hover{color:#23a3dd}
.affix{top:0;width:100%;z-index:1000}


@media (max-width:768px){

	.top-bar-info{text-align: center;}
}
@media (max-width:767px){
	.affix{position:static}
	.navbar-logo { top: 4px !important; }
	.navbar-logo img {
		height: 44px;
	}
	.navbar-header-custom{ padding: 10px 0px !important; }
}
.navbar-nav{margin:0}
.navbar-header-custom{background:#fff;padding:0}

.navbar-logo-container{ position: relative; display: block; }
.navbar-logo { display: block; position: absolute; left:0px; top: 8px; display: block;  height: 60px;margin-left:15px; z-index: 999; }
.navbar-logo img{ max-width: unset ; }

.navbar-custom{background:#fff;border:none;border-radius:0;padding:0;-webkit-box-shadow:0 3px 6px 0 rgba(20,20,20,.05);-moz-box-shadow:0 3px 6px 0 rgba(20,20,20,.05);box-shadow:0 3px 6px 0 rgba(20,20,20,.05);margin-bottom:0}
.navbar-custom .navbar-links-custom li{padding:13px 5px}
.navbar-custom .navbar-links-custom li a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#444;-webkit-transition-duration:.3s;transition-duration:.3s; padding: 15px 10px; }
.navbar-custom .navbar-links-custom li a i{font-size:9px;font-weight:400}
.navbar-custom .navbar-links-custom li a:hover{color:#23a3dd}
@media screen and (max-width:767px){.navbar-custom .navbar-links-custom li{font-size:13px;font-weight:700;-webkit-transition-duration:.3s;transition-duration:.3s;border-bottom:1px solid #eee;padding:0;margin:0}
.navbar-custom .navbar-links-custom li:last-child{border-bottom:none}
.navbar-custom .navbar-links-custom li a{margin:0;padding:15px}
}
.article-block,.our-services{-webkit-transition-duration:.3s}
.navbar-links-custom .dropdown ul{border:none;border-radius:0;padding:10px;margin-left:5px;-webkit-box-shadow:0 5px 9px 0 rgba(50,50,50,.15);-moz-box-shadow:0 5px 9px 0 rgba(50,50,50,.15);box-shadow:0 5px 9px 0 rgba(50,50,50,.15)}
.blog-grid:hover,.testmonial-item{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
.navbar-links-custom .dropdown ul li{padding:0;border:none}
.navbar-links-custom .dropdown ul li a{font-weight:700;padding:12px;width:fit-content ;text-transform:none;text-align:left;color:#444}
.navbar-links-custom .dropdown ul li a:hover{background:#23a3dd;color:#fff!important}
.navbar-links-custom .dropdown .dropdown-toggle:after{content:"\f107";font-family:FontAwesome;padding-left:6px}
.active-link a{color:#23a3dd!important}
@media screen and (max-width:767px){.navbar-links-custom .dropdown ul li a:hover{color:#23a3dd!important}
}
.menu-icon{border:none;background:0 0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}
.article-block{margin-top:15px;text-align:center;padding:45px;border:1px solid #ececec;border-radius:10px;transition-duration:.3s}
.article-block i{font-size:60px;color:#666}
.article-block h4{font-size:19px;font-weight:500;color:#343434;margin-top:35px}
.article-block p{font-size:14px;font-weight:500;line-height:25px;color:#999;margin-top:20px;margin-bottom:50px}


.references-block{margin:8px 0;text-align:left;padding:15px 30px;border:1px solid #ececec;border-radius:10px;transition-duration:.3s}
.references-block h4{font-size:19px;font-weight:500;color:#343434; }

.our-services-carousel{margin-top:70px}
.our-services{background:#fff;margin:15px 15px 50px;border:1px solid #ececec;overflow:hidden;transition-duration:.3s}
.blog-list-item p,.share{border-bottom:1px solid #eee}
.our-services img{width:100%}
.content-our-services{padding:25px}
.content-our-services h4{font-size:18px;font-weight:500;color:#424040;text-align:left;display:inline-block;margin-top:0}
.content-our-services p{font-size:13px;font-weight:500;color:#999;line-height:23px;text-align:left;margin:0 0 15px}
.content-our-services a{font-size:13px;font-weight:600;color:#23a3dd;-webkit-transition-duration:.3s;transition-duration:.3s}
.content-our-services a:hover{color:#444}
.counter-section{margin:0}
.counter-item{text-align:center}
@media screen and (max-width:767px){.counter-item{margin-top:50px;margin-bottom:50px}
}
.counter-item h4{font-size:35px;font-weight:400;color:#fff;margin:15px}
.counter-item p{font-size:17px;font-weight:500;color:#fff;margin:0}
.counter-item i{font-size:55px;color:#fff}
.testmonials-section{margin-top:70px}
.testmonial-item{margin:45px 15px 50px;padding:50px;background:#fff;text-align:center;border-radius:10px;box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.testmonial-item img{ width:90px !important; height:90px; border-radius:50%;display:inline!important;margin-bottom:0;margin-top:-115px}
.content-testmonial-item h4{font-size:20px;font-weight:500;color:#343434;text-align:center;margin:0}
.content-testmonial-item p{font-size:14px;font-weight:500;font-style:italic;color:#999;text-align:center;line-height:25px;margin-top:20px}
.content-testmonial-item p:after,.content-testmonial-item p:before{content:"''";font-weight:100;font-family:FontAwesome}
.content-testmonial-item p:before{margin-right:5px}
.content-testmonial-item p:after{margin-left:5px}
.latest-projects{margin-top:60px}
.overlay-container{position:relative}
.project-item img{display:block;width:100%;height:auto;border-radius:10px;margin-bottom:15px;margin-top:15px}
.blog-bottom a,.blog-list-info,.blog-list-item h2 a,.tabs li{display:inline-block}
.project-item-overlay,.team-overlay{top:0;right:0;height:100%;width:100%}
.project-item-overlay{position:absolute;bottom:0;left:0;opacity:1;border-radius:10px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);transition:.5s ease}
.overlay-container:hover .project-item-overlay{top:0;bottom:0;left:0;right:0;opacity:0;width:100%;height:100%;transition:.5s ease}
.project-item-overlay h4,.project-item-overlay p{font-weight:500;color:#fff;position:absolute;left:10%;right:10%;overflow:hidden}
.project-item-overlay h4{font-size:21px;bottom:10px}
.project-item-overlay p{font-size:13px;bottom:15px}
.isotop-button{font-size:13px;font-weight:600;color:#bbb;padding:15px 15px 15px 0;-webkit-transition-duration:.3s;transition-duration:.3s}
.isotop-button:after{content:"/";font-weight:400;color:#bbb;padding-left:15px}
.isotop-button:last-child:after{content:none}
.isotop-button.is-checked,.isotop-button:active,.isotop-button:hover{color:#424040}
.member-frame{position:relative;width:100%;margin:0 0 30px}
.member-frame img{
	width:100%;border-radius:10px;    border: 1px solid #ececec;
}
.team-overlay{position:absolute;bottom:0;left:0;opacity:0;transition:.5s ease;background:rgba(0,0,0,.8);border-radius:10px}
.custom-bar,.custom-progress{height:5px;box-shadow:none}
.member-frame:hover .team-overlay{opacity:1}
.team-overlay-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.blog-grid,.tabs{position:relative}
.team-overlay-text a{color:#fff;font-size:23px;text-align:center;padding:10px;margin-top:20px;margin-left:10px;transition:.5s ease}
@media screen and (max-width:370px){.team-overlay-text a{padding:0}
}
.team-overlay-text a:hover{color:#23a3dd;transition:.5s ease}
.blog-grid,.categories ul li a{-webkit-transition-duration:.3s}
.team-overlay-text h4{color:#fff;font-size:22px;font-weight:400;text-align:center}
.team-overlay-text p{color:#fff;font-size:16px;text-align:center}
.blog-grid{margin-bottom:30px;background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden;transition-duration:.3s}
.blog-grid:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.pricing-box,.scroll-to-top:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
.blog-grid-img img{position:relative;width:100%;transition:.3s ease}
.blog-grid-content{margin-top:15px;padding:20px 30px}
.blog-grid-content span{font-size:13px;font-weight:500;color:#777}
.blog-grid-content h3{margin-top:10px;margin-bottom:20px}
.blog-grid-content h3 a{color:#424040;font-size:28px;font-weight:400}
.blog-grid-content h3 a:hover{color:#23a3dd}
.blog-grid-content p{font-weight:500;font-size:14px;color:#777;line-height:25px;margin-top:10px}
.blog-bottom{font-weight:500;border-top:1px solid #eee;margin-top:40px}
.blog-bottom a{font-size:12px;color:#777;padding-top:20px;padding-right:15px}
.blog-bottom a i{font-size:14px;padding-right:5px}
.blog-bottom a:hover{color:#23a3dd}
.blog-list-item{margin:30px 0 20px}
.blog-list-item h2 a{font-size:30px;font-weight:400;color:#424040}
.blog-list-item h2 a:hover{color:#23a3dd}
.blog-list-info{margin-top:10px;margin-right:20px}
.blog-list-info i{color:#23a3dd;font-size:20px;font-weight:500;margin-right:3px}
.blog-list-info span{font-size:16px;font-weight:500;color:#979797;margin-left:5px}
.blog-list-item p{color:#777;line-height:24px;font-size:13px;font-weight:500;padding-bottom:20px;margin-top:20px}
.share{margin-top:30px;padding-bottom:10px}
.categories ul li{list-style-type:none;padding-left:0;margin-top:15px}
.categories ul{padding-left:0;margin-top:30px}
.categories ul li a{font-size:16px;color:#676767;transition-duration:.3s}
.pricing-box,.tabs li i{-webkit-transition-duration:.3s}
.categories ul li a:hover{font-size:16px;color:#23a3dd}
.categories ul li a span{font-size:15px;color:#23a3dd}
.tabs li{background:0 0;border-bottom:2px solid #eee;margin:15px}
.tabs li a{color:#999;display:block;font-size:14px;font-weight:500;padding:14px 24px}
.tabs li i{color:#999;display:block;font-size:40px;margin-bottom:15px;transition-duration:.3s}
.tabs li:hover a,.tabs li:hover i{color:#23a3dd}
.active-tab a,.active-tab a i{color:#23a3dd!important}
.tab-menu{padding:0 15px}
@media screen and (max-width:767px){.tabs li{font-size:10px;display:block;border-bottom-width:1px}
.tabs li i{font-size:25px}
}
.pricing-box{background:#fff;border-radius:10px;padding:30px;margin:15px 0;box-shadow:0 0 30px 0 rgba(0,0,0,.05);transition-duration:.3s}
.pricing-box h4{font-size:15px;font-weight:500;text-align:left;color:#343434;margin:0 0 20px}
.pricing-box strong{display:block;font-family:Lato,sans-serif;font-size:43px;font-weight:300;color:#343434;border-bottom:1px solid #eee;padding:0 0 20px}
.pricing-box strong sup{font-size:20px;margin-right:10px}
.pricing-box ul{padding:0;margin-top:20px}
.pricing-box li{list-style-type:none;font-weight:500;font-size:14px;color:#999;padding:10px}
.partners img{opacity:.6;-webkit-transition-duration:.3s;transition-duration:.3s}
.partners img:hover{opacity:1}
.typed-cursor{opacity:1;font-weight:100;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;-ms-animation:blink .7s infinite;-o-animation:blink .7s infinite;animation:blink .7s infinite}
@-keyframes blink{0%,100%{opacity:1}
50%{opacity:0}
}
@-webkit-keyframes blink{0%,100%{opacity:1}
50%{opacity:0}
}
@-moz-keyframes blink{0%,100%{opacity:1}
50%{opacity:0}
}
@-ms-keyframes blink{0%,100%{opacity:1}
50%{opacity:0}
}
@-o-keyframes blink{0%,100%{opacity:1}
50%{opacity:0}
}
.typed-fade-out{opacity:0;animation:0;transition:opacity .25s}
.progress-text{font-size:13px;font-weight:500;color:#777;margin-bottom:5px}
.custom-bar{background-color:#23a3dd}
.accordion{box-shadow:none;border-color:#eee}
.accordion-heading{border-radius:10px;padding:0}
.accordion-title a{font-size:24px;background:#FFF;color:#1e457f;display:block;padding:10px 15px;border-radius:10px}
#preloader,.contact-box,.scroll-to-top{background:#fff;text-align:center}
.accordion-title a:after{content:'\f107';font-family:FontAwesome;float:right}
.accordion-body{font-size:14px;font-weight:500;color:#777;line-height:27px;border:none!important}
#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;display:table}
.loader{display:table-cell;vertical-align:middle;position:relative;width:200px;height:200px}
.loader-icon{width:60px;height:60px;border:2px solid #23a3dd;border-right-color:transparent;border-radius:50%;position:relative;animation:loader-rotate 1s linear infinite;margin:0 auto}
@keyframes loader-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.scroll-to-top{font-size:20px;padding:10px;color:#424040;position:fixed;bottom:80px;right:20px;display:none;border-radius:50%;border:1px solid #eee;width:50px;height:50px;z-index:9999;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.scroll-to-top i{color:#424040}
.scroll-to-top:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.contact-box:hover,.primary-form input:focus{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
.scroll-to-top:visited{color:#424040}
.styles-404{text-align:center}
.styles-404 h1{font-size:100px;font-weight:400;color:#23a3dd}
.styles-404 h2,.styles-404 h5{font-weight:400;color:#424040}
.styles-404 h2{font-size:35px}
.styles-404 h5{font-size:18px}
.contact-box{margin-bottom:30px;padding:40px 25px;border-radius:10px;border:1px solid #eee;-webkit-transition-duration:.3s;transition-duration:.3s}
.contact-box:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.contact-box i{color:#666;font-size:50px;margin-bottom:30px}
.contact-box h4{font-size:20px;font-weight:500;color:#424040;margin-top:40px}
.contact-box p{font-size:14px;font-weight:500;color:#777;line-height:24px;margin-top:20px}
.primary-form input,.primary-form textarea{color:#424040;font-size:14px;font-weight:500;border-radius:10px;border:1px solid #eee;width:100%;margin-top:30px;padding:12px 15px;-webkit-transition-duration:.3s;transition-duration:.3s}
.primary-form input:focus{box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.primary-form textarea{min-height:150px}
.primary-form textarea:focus{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 0 30px 0 rgba(0,0,0,.05)}
.footer-form input{width:100%;font-size:14px;font-weight:500;border-radius:5px;border:0;padding:10px 15px;margin-bottom:15px}
#map{height:400px}
.footer{background-color:#08202a;padding:60px 0}
.footer-contact ul,.footer-social-link ul{padding-left:0}
.footer-heading h4{font-size:16px;font-weight:500;text-transform:uppercase;color:#fff}
@media screen and (max-width:991px){.footer-heading h4{margin-top:30px}
}
.footer-contact ul li{display:block;font-size:13px;font-weight:500;color:#fff;padding-top:20px}
.footer-contact ul li i{color:#23a3dd;font-size:18px;margin-right:15px}
.footer-contact ul li a{color:#fff}
.footer-social-link ul li{display:inline-block}
.footer-social-link ul li a{font-size:32px;color:#fff;padding:15px}
.footer-social-link ul li a:hover{color:#23a3dd}
.footer-menu ul{padding-left:20px}
.footer-menu ul li{list-style-type:none;padding:5px 0}
.footer-menu ul li a{font-size:14px;font-weight:500;color:#fff}
.footer-menu ul li:before{content:"\f105";font-family:FontAwesome;font-size:18px;margin-right:10px;color:#23a3dd}
.project-detail{border:1px solid #ccc;border-radius:10px;overflow:hidden}
.project-detail-right{margin-left:30px}
.project-detail-right h4{font-size:30px;font-weight:400;color:#333;margin-top:40px}
.project-detail-right ul{padding-left:0;margin-top:20px}
.project-detail-right ul li{list-style-type:none;padding-top:20px}
.project-detail-right ul li i{font-size:30px;color:#333;margin-right:25px;-webkit-transition-duration:.3s;transition-duration:.3s}
.project-detail-right ul li:hover i{color:#23a3dd}
.project-detail-right ul li strong{color:#333;font-size:16px}
.project-detail-right ul li span{font-size:14px;color:#979797}
.project-info h4{color:#333;font-size:30px;font-weight:400}
.project-info p{color:#979797
	font-size: 15px;line-height:170%}
.service-category-list{position:relative;overflow:hidden;border-radius:10px}
.service-category-list ul{margin-bottom:0;padding-left:0}
.service-category-list ul li{list-style-type:none;display:block;background:#f9f9f9}
.service-category-list ul li a{display:block;font-size:15px;font-weight:600;color:#3b3b3b;padding:15px 30px;border-bottom:2px solid #fff}
.service-category-list ul li a:before{content:" \f105";font-family:FontAwesome;font-size:16px;color:#3b3b3b;padding-right:20px;-webkit-transition-duration:.3s;transition-duration:.3s}
.service-category-list ul li:hover a{background:#23a3dd;color:#fff}
.service-category-list ul li:hover a:before{color:#fff}
.list-active-link a,.list-active-link a:before{color:#fff!important}
.list-active-link a{background:#23a3dd!important}
.single-contact{background:#23a3dd;border-radius:10px;margin-top:40px;padding:15px}
.single-contact h4{font-size:19px;font-weight:600;color:#fff}
.single-contact p{font-size:14px;font-weight:600;color:#fff;margin-top:15px}
.single-contact h6{font-size:18px;font-weight:500;color:#fff;margin-top:15px}
.single-broucher{background:#fff;margin-top:40px}
.single-broucher ul{padding-left:0;margin-bottom:0}
.single-broucher ul li{list-style-type:none;margin-top:10px}
.single-broucher ul li a{display:block;color:#3b3b3b;font-size:15px;font-weight:600;background:#fff;border-radius:10px;border:1.5px solid #efefef;padding:15px}
.service-box,.services-img{border-radius:10px}
.single-broucher ul li a i{font-weight:500;margin-right:10px}
.single-broucher ul li a:hover{color:#fff;background:#23a3dd}
.detail-heading h3{font-size:22px;font-weight:500;color:#3b3b3b;text-align:left;margin:40px 0 20px}
.service-box{background:#fff;text-align:center;margin-bottom:30px;padding:50px 40px;border:1px solid #eee;-webkit-transition-duration:.3s;transition-duration:.3s}
.service-box:hover{box-shadow:10px 5px 90px 0 rgba(26,38,74,.13)}
.service-box i{color:#23a3dd;font-size:45px;margin-bottom:30px;-webkit-transition-duration:1s;transition-duration:1s}
.service-box:hover i{color:#333}
.service-box h4{font-size:18px;font-weight:500;color:#424040;margin-top:20px}
.service-box p{font-size:14px;font-weight:500;color:#979797;line-height:170%;margin-top:15px}
.services-grid{border:1px solid #eee;border-radius:10px;overflow:hidden;margin:20px 0}
.blog-image{position:relative;width:100%}
.blog-image img{position:relative;border-radius:10px;width:100%}
.blog-post-item h2 a{display:inline-block;font-size:30px;font-weight:400;color:#424040}
.blog-post-item h2 a:hover{color:#23a3dd}
.blog-post-item p{color:#777;line-height:24px;font-size:13px;font-weight:500;margin-top:20px}
.blog-post-item blockquote{background:#fff;border-left:5px solid #23a3dd;margin:25px 0 25px 20px;padding:15px}
.blog-post-item blockquote p{font-size:13px;font-weight:500;color:#424040;line-height:170%;margin:0}
.blog-tags,.social-icon a i{text-align:center;margin-right:5px}
.communications-box{display:block;height:auto;margin-top:50px;margin-bottom:50px}
.blog-tags,.side-news-box a,.social-icon{display:inline-block}
.social-icon a i{width:40px;height:40px;color:#757575;font-size:15px;border:1px solid #eee;border-radius:5px;padding-top:13px}
.social-icon a i:hover{color:#23a3dd}
.blog-side-box{padding:15px 0}
.blog-side-box h4{font-size:20px;font-weight:500;color:#424040;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}
.blog-side-box p{font-size:13px;font-weight:500;line-height:180%;color:#424040}
.blog-tags{font-size:12px;font-weight:500;color:#fff;padding:5px 15px;border:2px solid #23a3dd;margin-top:5px;border-radius:5px;background:#23a3dd;margin-bottom:5px;-webkit-transition-duration:.3s;transition-duration:.3s}
.blog-tags:active,.blog-tags:focus,.blog-tags:hover{color:#23a3dd;background:0 0;text-decoration:none}
.side-news-box a{font-size:14px;font-weight:500;color:#343434;padding:10px 0}
.side-news-box span{display:block;font-size:14px;color:#424040;padding:5px 0}
.clr{ clear: both;}
.mt-0{ margin-top:0px !important; }
.footer_adres{ 
	font-size: 16px;
	color: #56adff;
	padding: 20px 30px;
	line-height: 26px;
 }
 .footer_adres span{ 
	 color: #669da3 !important;
  }


  /* Customize the label (the container) */
.check_container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top:20px;
  }
  
  /* Hide the browser's default checkbox */
  .check_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .check_checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 6px;
	background-color: #fff;
    border: 1px solid rgb(230, 228, 228);
  }
  
  /* On mouse-over, add a grey background color */
  .check_container:hover input ~ .check_checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .check_container input:checked ~ .check_checkmark {
	background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .check_checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .check_container input:checked ~ .check_checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .check_container .check_checkmark:after {
	left: 9px;
	top: 5px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  select{
	  padding: 10px;
	  border-radius: 10px;
	  width:100%;
	  margin-top: 30px;
	  border-color: #ececec;
  }
  .whatsapp{
	display: block;
	position: fixed;
	bottom: 15px;
	right: 15px;
	height: 40px;
	padding: 0px 15px;
	width: 150px;
	background-color: #00aa0c;
	color: #fff;
	z-index: 99;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	border: 1px solid #00aa0c;
	text-align: center;
}
.whatsapp:hover{ color:#00aa0c; background-color: #fff;border: 1px solid #00aa0c; }
.whatsapp i{ font-size: 18px; line-height: 40px !important; display:  inline-block; position: absolute; left: 15px; top: 0px; }
.whatsapp div{ font-size: 16px; line-height: 40px !important; display: inline-block; position: absolute; left: 40px; top: 0px; font-family: Verdana, Geneva, sans-serif; }


@media (max-width: 768px) {
	.whatsapp{  bottom: 18px; width:50px; height:50px; border-radius: 25px; }
	.whatsapp div{  display: none; }
	.whatsapp i{ font-size: 30px; left:11px; top:3px; }

	.block-section {
		padding: 20px 0;
	}
	.our-services-carousel {
		margin-top: 20px;
	}.latest-projects {
		margin-top: 20px;
	}
	.div-team{margin-top: 20px;}
	.footer {
		padding: 20px 0;
	}

}


table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left; 
}
/*tr:nth-child(even) {background-color: #f2f2f2;}*/
tr:first-child {border:none;}
tr{ border-top: 1px solid #ccc;}
tr:hover td {background-color: #e0e0e0;}

.upcoming{
	background-color: white;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding:20px;
	margin-bottom: 20px;
}