/*
Theme Name: Twenty Ten
Theme URI: https://wordpress.org/themes/twentyten/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */

@charset "utf-8";
* {margin: 0; padding: 0; box-sizing: border-box;}

input[type=text]:focus, button:focus, .nav-link:focus{outline:0;}

body{font-family: 'Poppins', sans-serif; color:#333; font-size:14px; line-height:1.5; font-weight:400;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; color:#000;}
h2 {color:#22B886 !important;}
h2 span {color:#0C73BD !important;}
p{line-height:24px; color:#444;font-family: 'Poppins', sans-serif;font-weight:400;}
p:empty {display: none;}
p:last-of-type {margin-bottom: 0;}
a{color:#424851;}
a:hover{color:#20b885;text-decoration:none;}
.clr{clear:both;}
ul,ol{list-style-type:none; padding:0; margin:0}
h4{font-size:30px;}
.container{max-width: 1200px;}
.header{background-color: #231f20;padding: 4px 0px;}
.section{padding:80px 0px;}
/* Social */
.email{line-height:0;padding-top: 4px;}
.social {list-style: none;display:inline-block;}
.social li {float: left;margin-right: 10px;text-align: center;}
.social li a {float: left;color: #ffffff;padding-left: 8px;}
.social li a:hover, .social a:hover {color: #20b885;}
.social li a span {font-size: 17px;}
.social p, .social a{color:#fff;margin-bottom:0;}
.social p i{padding-right:5px;}
.email p{font-weight: 400;font-size: 15px;line-height: 30px;}
/* Social */

/* Center Nav */
.top-nav .navbar{padding:10px 0px;}
.top-nav .navbar .navbar-nav .nav-item .nav-link{color: #333333;font-size: 16px; padding: 0px 25px;border-bottom:2px solid transparent;}
.top-nav .navbar .navbar-nav .nav-item .nav-link:hover{color: #20b885;}
.mobile-logo{display:none;}
/* Center Nav */

/* Main banner */
.banner-bg h2{font-size:60px;font-weight:600;color:#fff;text-transform: uppercase;}
.banner-bg h4{font-size:30px;font-weight:500;color:#fff;margin-bottom:15px;text-transform: uppercase;}
.banner-bg p{font-size: 16px;color: #fff;margin-bottom: 40px;font-weight: 300;line-height: 30px;}
.banner-bg a{font-weight: 500;letter-spacing: 0.5px;display:inline-block;margin-right:8px;}
.top-heading p{color:#454545;font-size:18px;}
.model_banner{width:100%;position:relative;}
.model_banner ul{width:100%; display:inline-block; list-style:none; margin:0;position:relative; }
.model_banner ul li{float:left; background:#000; cursor:-webkit-grab;background:url(../img/main-banner.jpg) no-repeat top center/cover; padding:200px 30px}
.model_banner .slick-current li img{opacity:0.9;}
.model_banner .slick-dots{position: absolute; z-index:5; left: 0; bottom: 50px; display: flex; align-items: center; justify-content: center;}
.model_banner .slick-dots li{background:none;}
.model_banner .slick-dots li button{display:inline-block; font-size:0; border:0; background:#FFF; width:14px; height:14px; border-radius:50%; margin:0 8px; cursor:pointer;}
.model_banner .slick-dots li button:hover{background:#d2b93a;}
.model_banner .slick-dots li.slick-active button{background:#d2b93a;}
.mask_white{position:relative;}
.mask_white:before {content: ''; -webkit-mask: url(../img/mask-top-add-alt.png) top left no-repeat; -webkit-mask-size: cover; z-index: 4; padding-bottom: 5.208%; margin-bottom: -2px; left: 0; right: 0; bottom: 100%; position: absolute; background-color: #fff;}

.model_banner ul button.slick-prev {
	width: 60px;
    height: 60px;
    border: none;
    font-size: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 1;
    transform: translateY(-50%);
    background: #FFF url(../img/left-arrow.png) no-repeat center center;
}

.model_banner ul button.slick-next {
	width: 60px;
    height: 60px;
    border: none;
    font-size: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 1;
    transform: translateY(-50%);
    background: #FFF url(../img/right-arrow.png) no-repeat center center;
}
/* Main banner */

/* Buttons */
.btn{min-width:210px;height:53px;font-size:16px;line-height: 39px;text-transform: uppercase;border-radius: 30px;font-weight: 500;letter-spacing: 0.5px;}
.btn.green{background-color:#20b885;color:#fff;}
.btn.green:hover{background-color:#119c6e;}
.btn.border-white{border:2px solid #fff; color:#fff; background-color:transparent;}
.btn.border-white:hover{border:2px solid #fff; color:#fff; background-color:#20b885;}
.btn.border-black{border:2px solid #333333; color:#000; background-color:transparent;}
.btn.border-black:hover{border:2px solid #20b885; color:#fff; background-color:#20b885;}
.btn.min-230{min-width:230px;}


/* Buttons */

.touch{padding: 30px 0px;}
.touch-contant h4{font-size: 24px;font-weight: 500;margin-bottom: 0;}
.touch-contant h4 span{display: block;font-size: 14px;color: #444444;font-weight: 400;}
.about-section p{text-align:center;padding: 0px 60px;margin-bottom:30px;}

.bg-gray{background-color:#f0f3f7;}
.main-heading img{margin-bottom: 4px;}
.main-heading h2{text-transform:uppercase;font-size:36px;margin-bottom: 30px;}
.main-heading h2 span{color:#1075c0;}
.main-heading small{font-size: 14px;text-decoration: underline;color: #444;display: block;margin-bottom: 0px;text-transform: uppercase;}
.about-section a{display: block;text-align: center;color: #1075c0;font-weight: 500;font-size: 16px;text-decoration: underline;}
.about-section a:hover{color:#20b885;}
.expertise .expertise-contant .main-heading h2{margin-bottom: 10px;}
.expertise{background:url(../img/expertise.png) no-repeat top center/cover; padding:50px 0px;}
.expertise-item{text-align: center;border: 1px solid #f5f5f5;padding: 30px;margin-top: 30px;transition:0.5s;}
.expertise-item:hover{border: 1px solid #20b885;}
.expertise-item:hover h4{color:#20b885;}
.expertise-item img{margin-bottom: 10px;}
.expertise-item h4{font-size: 18px;}
.p-r-100{padding-right: 70px;padding-left: 70px;}

.service .main-heading h2{margin-bottom:50px;}
.service-content{}
.service-content h4{font-size: 24px;font-weight: 600;}
.service-content p{line-height:30px;margin-bottom:20px;}

.dt-sc-icon-box {
    float: left;
    clear: both;
        margin-top: 30px;
    padding: 0px;
    position: relative;
}
.dt-sc-icon-box.type3 {
    text-align: center;
    position: relative;
}
.dt-sc-icon-box.type3 .icon-wrapper {
    width: 100%;
    float: left;
    margin: 0px 0px 25px 0px;
}
.dt-sc-icon-box .icon-wrapper {
    position: relative;
}

.dt-sc-icon-box.type3 .icon-content h6:after {
    content: "";
    width: 50px;
    height: 4px;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: -20px;
    right: 0px;
    margin: 0 auto;
    background-color: #ededed;
	    transition: 0.5s;
}
.dt-sc-icon-box.type3 .icon-wrapper span {
    display: inline-block;
    font-size: 48px;
    line-height: 90px;
    position: relative;
    border: 15px solid #ededed;
    width: 120px;
    height: 120px;
    text-align: center;
    background-color: #ededed;
    color: #191919;
	transition: 0.5s;
}
.dt-sc-icon-box.type3.dt-sc-rounded .icon-wrapper:after {
    content: "";
    background-color: #e5e5e5;
    position: absolute;
    right: -25%;
    top: 0;
    width: 112px;
    height: 2px;
    display: inline-block;
    bottom: 0;
    margin: auto;
}
.dt-sc-icon-box.type3.dt-sc-rounded.last .icon-wrapper:after {
    content: "";
    background-color: #fff;
	width: 0px;
}
.dt-sc-icon-box.type3 .icon-content h5 {
    display: inline-block;
    color: #a6a6a6;
}
.dt-sc-icon-box.type3 .icon-content h4 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: normal;
    display: inline-block;
	color: #191919;
}
.dt-sc-icon-box.type3 .icon-content h6 {
    text-align: center;
    font-size: 18px;
    position: relative;
	color: #585858;
	font-weight: 400;
}

.dt-sc-icon-box.type3 .icon-content p {
    margin: 45px 0px 0px;
    clear: both;
	font-size: 15px;
}

.dt-sc-icon-box.dt-sc-rounded .icon-wrapper span {
    border-radius: 50%;
}

.dt-sc-icon-box .icon-content h5 {
    margin-bottom: 5px;
	 margin-right: 10px;
}

.pe-diamond:before {
    content: "\e6af";
}

.dt-sc-icon-box:hover .icon-wrapper span{border: 15px solid #20b885;}
.dt-sc-icon-box.type3:hover .icon-content h6:after{background-color:#20b885;width:88px;}

.contact{background:url(../img/contact.png) no-repeat top center/cover; padding:50px 0px;}
.contact-content a{margin-top:30px;margin-right:10px;}
.contact-content p{line-height:30px;}

.footer_link img{border-bottom: 1px solid #c5c3c3;padding-bottom: 15px;width: 100%;    max-width: 300px;}
.footer_link p:nth-child(2){border-bottom: 1px solid #c5c3c3;padding-bottom: 15px;padding-top: 15px;color: #333;letter-spacing: 0;}
.quick-link h4, .contact-info h4{font-size: 18px;margin-bottom: 40px;color: #333;font-weight: 500;}
.quick-link ul, .contact-info ul{list-style-type: none;padding: 0;margin: 0;}
.quick-link ul li{width: calc(100% / 2);float: left;margin-bottom: 10px;}
.contact-info ul li{width: 100%;margin-bottom: 25px;font-size: 15px;color: #666666;font-weight: 500;position: relative;padding-left: 30px;line-height: 20px;}
.contact-info ul li i{margin-right: 20px;font-size: 20px;color: #273b91;position: absolute;left: -2px;}
.quick-link ul li a{font-size: 15px;color: #666666;font-weight: 500;}
.quick-link ul li a:hover{color:#119c6e;}
.padding-left-50{padding-left:50px;}
.copy_right_tax{clear: both;background-color: #129d94;padding: 25px 0px;color: #fff;font-weight: 500;margin-top:70px;}
.copy_right_tax span{float:right;}
footer{clear:both; padding-top:70px;}

.inner-bg {
    background: url(../img/inner-bg.jpg) no-repeat center center/cover;
    padding: 30px 0px;
}

.inner-heading p {
	color: #696969;
}

.inner-heading h2 {
    text-transform: uppercase;
    font-size: 36px;
    color: #000;
    font-weight: 600;
    position: relative;
}

.bread {
    background-color: #f5f5f5;
}

.bread .breadcrumb {
    background-color: transparent;
}

.breadcrumb-item.active {
    color: #24b786;
    font-weight: 600;
}

.inner-title{font-size: 24px;text-transform: uppercase;}
.inner-title span{color:#1075c0;}

.mission .media .icon-mission {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #afafaf;
    text-align: center;
}

.mission .media .icon-mission i {
    font-size: 36px;
    color: #20b885;
    line-height: 68px;
}
.mission .media .media-body {
    font-size: 13px;
    line-height: 24px;
}

.mission .media .media-body h5 {
    font-size: 14px;
    font-weight: 600;
}

.mission:hover .media .icon-mission i {
    color: #fff;
}

.mission:hover .icon-mission {
    background-color: #20b885;
    color: #fff;
    border: 1px solid #20b885;
}

.about-chat{    background-size: cover;
    background-repeat: repeat;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../img/img7.jpg);
    background-attachment: scroll;
	background-position: 50% -61px;
	position:relative;}
	
.about-chat .upb_bg_overlay {
    color: inherit;
    position: absolute;
    width: 100%;
    height: 100%!important;
    left: 0;
    top: 0;
	background-color: rgba(54,200,172,0.9);
}

.chat-part .mission .media .icon-mission {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #fff;
	background-color:#fff;
    text-align: center;
}

.chat-part .mission .media .icon-mission i {
    font-size: 36px;
    color: #20b885;
    line-height: 68px;
}

.chat-part .mission:hover .media .icon-mission i {
    color: #333;
}

.chat-part .mission .media .media-body h5 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.chat-part .mission .media .media-body {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.chat-part .mission .media .media-body div{
   display:block;
   margin-top:30px;
}

.chat-part{
	border: 2px solid #fff;
    padding: 30px;
}

.contact-from-input{border-radius: 0;height: 45px;text-transform: uppercase;font-size: 13px;}
.form-group label{text-transform: uppercase;}

/* contact:start */
.contact_form {margin-top: 30px;}
.contact_form .input-group-text {border-radius: 0; color:#999999; font-size: 20px;  padding: .375rem .85rem;}
.contact_form .input-group {margin-bottom: 30px;}
.contact_form .form-control {height:50px; border-color:#ddd; border-radius: 0;}
.contact_form .text_area .form-control {height:120px; padding: 15px 12px;}
.contact_form .text_area .input-group-text {align-items: flex-start;}
.contact_form .text_area .input-group-text i {margin-top: 10px;}

.contact_form .form-control::-webkit-input-placeholder {color: #333333;}
.contact_form  .form-control::-moz-placeholder {color: #333333;}
.contact_form .form-control:-ms-input-placeholder {color: #333333;}
.contact_form  .form-control:-moz-placeholder {color: #333333;}

.con_info {border:1px solid #dddddd; position: relative; margin-top: 30px; background:#fff; z-index: 10;}
.con_info_top {padding:15px;}
.con_info_top h4 {font-size: 18px; color:#333; font-weight: 600;}
.con_info_top ul {margin:0;}
.con_info_top ul li {list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.con_info_top ul li .support_icon {width:36px; height:36px; border-radius: 50%; border:1px solid #b6b6b6; color:#3a3a3a; font-size: 18px; display: flex; justify-content: center; align-items: center;}
.con_info_top ul li .support_info {width:calc(100% - 50px);}
.con_info_top ul li .support_info h5 {font-size: 14px; color:#333; font-weight: 600; margin-bottom: 5px}
.con_info_top ul li .support_info p {font-size: 13px; font-weight: 500;}

.con_info_bottom {padding:10px 15px; border-top: 1px solid #ddd; text-align: center; position: relative; background:#fff;}
.con_info_bottom h6 {font-size: 12px; font-weight: 700;}
.con_info_bottom ul {margin:0;}
.con_info_bottom ul li {list-style: none; display: inline-block; margin:2px;}
.con_info_bottom ul li a {width:34px; height:34px; border-radius: 50%; border:1px solid #ddd; display: flex; justify-content: center; align-items: center; color:#333;}
.con_info_bottom ul li a:hover {text-decoration: none; background: #284065; color:#fff; border-color:#284065;}

.con_info::before {content:""; height: 5px; width:98%; border:1px solid #ddd;  position: absolute; left:50%; transform:translateX(-50%); bottom:-5px; background:#fff;} 
.con_info::after {content:""; height: 5px; width:96%; border:1px solid #ddd;  position: absolute; left:50%; transform:translateX(-50%); bottom:-9px; background:#fff;} 
.contact_map iframe {width:100%; height: 310px; border:1px solid #dddddd;}
.bb-radius{border-radius: 0px;border: 1px solid transparent;text-transform: uppercase;}
/* contact:end */

.reserch{border-bottom: 1px dashed #e2e2e2;padding-bottom: 30px;}
.expertise.benifits{background: url(../img/slide1.jpg) no-repeat top center/cover;}
.benifits .expertise-contant .main-heading h2{color:#fff;}
.benifits .expertise-contant .main-heading h2 span, .benifits .expertise-contant p{color:#fff;}
.benifits .expertise-item h4, .benifits .expertise-item p{color:#fff;}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background-color: #e0fbd5;
    color: #133e00;
    padding: 12px 20px !important;
    text-transform: capitalize;
    font-weight: 500;
}