@charset "utf-8";
html{overflow-x:hidden;scroll-behavior:smooth}
body{background:#fff;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
body a{-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.cl{clear:both}
.navbar-brand>img { width: 80%;}
.header{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/banner1.jpg) top center no-repeat;background-size:cover;height:800px;padding:0 50px}
.topnav{height:105px; position: absolute; top: 0px; z-index: 99999; width: 100%; background: #ffffff45;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}
.navbar{margin-bottom:0}
.navbar-brand{padding:10px 0}
.navbar-default{background:0 0;border:0}
.navbar-default .navbar-nav>li>a{color:#333;padding:42px 18px;text-transform:uppercase;font-weight:500; font-size:15px;}
.navbar-default .navbar-nav>li>a:hover{color:#5DBB64;border-bottom:1px solid#fff;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.dropdown-menu { min-width:170px !important;}
.dropdown-menu>li:last-child { border:none;}
.dropdown:hover .dropdown-menu{margin-top:0;background:#fff !important}
.dropdown-menu>li{border-bottom:1px solid rgba(0,0,0,.2)}
.dropdown-menu>li>a{color:#222;padding:10px}
.dropdown-menu>li>a:hover{background:#fff;color:#5DBB64}
.login{background:#5DBB64;border:1px solid#5DBB64;color:#fff!important;padding:15px 30px!important;font-weight:400;border-radius:50px;font-size:1em;margin-top:25px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;text-transform:uppercase}
.login:hover{background:#222;border:1px solid#222;color:#fff!important}
.header-text{margin-top:0px;text-align:center}
.header-text h1{font-size:5em;color:#fff;font-weight:900;line-height:1.1}
.header-text p{font-size:1.3em;color:#fff;font-weight:400;line-height:1.5;padding:0 200px}.header-text img{margin-bottom:10px;border:1px solid #ffffff29;padding:20px;border-radius:10px}
.more{background:#00a8ff;border:1px solid#00a8ff;color:#fff!important;padding:15px 70px!important;font-weight:400;border-radius:50px;font-size:1.2em;margin-top:20px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.more:hover{background:0 0;border:1px solid#fff;color:#fff!important}
.intro{margin-top:100px}.intro h2{font-size:3.5em;font-weight:600;color:#5e5e5e}
.intro ul{display:inline-block;padding-left:15px;width:50%;float:left;margin-top:15px}
.intro li{font-size:1.2em;color:grey;font-weight:300;line-height:1.5}
.more2{background:#00a8ff;border:1px solid#00a8ff;color:#fff!important;padding:15px 70px!important;font-weight:400;border-radius:50px;font-size:1.2em;margin-top:20px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.more2:hover{background:0 0;border:1px solid#00a8ff;color:#00a8ff!important}
.tab-pane{background:0 0;padding:20px;border-top:none!important}
.tab-pane h3{padding-bottom:10px;font-weight:700;color:#5e5e5e}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#fff;cursor:default;background-color:#00a8ff;border:1px solid #ddd;border-bottom-color:transparent;font-size:1.2em}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0;font-size:1.2em!important;color:grey}.
.lite-footer2{display:flex}
.innovation_sec { padding:60px 0px 20px; text-align: center;}
.next_generation { padding: 5px 0px; font-size: 22px; text-transform: uppercase; color:#254d91; font-weight: 600;}
.innovation_sec h1 { color:#75ab3f; font-family: 'Poppins', sans-serif; font-weight:600; line-height:45px;}
.ev_blk { padding:40px 0px;}
.leading_cont { position: relative;}
.leading_title em { font-style:normal; font-size:50px; font-weight:700;}
.charger { position: absolute; right: -30px; top:22%; background: url('../images/charge-bg.png') no-repeat; width:181px; height: 198px; padding:20px 0px;}
video#myVideo { width: 102%; position:relative; left:-1%; bottom:-1%;}
.leading_title { font-size: 20px; color:#fff; font-weight: 600; padding:0px 10px; margin:0px;}
.lead_right_cont { padding:0px 0px 10px 50px; text-align: left;}
.greenhouse { padding:0px 230px;}
.greenpic { width:100%;}
.pg_cont { padding: 10px 0px; font-size:16px; margin:0px; line-height:24px; color:#222;}
button.btn.btn-primary.gh .form-control:focus{border:none!important}
button.btn.btn-primary.gh .form-control:active{border:none!important}
button.btn.btn-primary.gh{background:red;border:none;border-radius:50px;width:100px;height:100px}
span.glyphicon.glyphicon-map-marker:before{content:"\e062";position:absolute;font-size:20px;color:#bfbfbf;left:-35px;right:0;top:-12px}.glyphicon-earphone:before{content:"\e182";position:absolute;font-size:20px;color:#bfbfbf;left:-35px;right:0;top:-18px}
.glyphicon-envelope:before{content:"\2709";position:absolute;font-size:20px;color:#bfbfbf;left:-35px;right:0;top:-15px}
.address-mind ul{list-style:none;padding-left:30px}
.address-mind ul li a:hover{padding-left:5px}
.address-mind ul li a{color:#565656!important;text-decoration:none;font-weight:600;font-size:1em}
.address-mind ul li{padding-bottom:15px;color:#565656;font-weight:500;font-size:1em}
.min-footer{background:#2a2d31;padding:80px 50px}
.min-footer h5{font-size:1.2em;font-weight:500;text-transform:uppercase;color:grey;line-height:2;margin-bottom:5px}
.socials{border-top:1px solid #636363;margin-top:40px}
ul.social-network.social-circle{list-style:none;text-align:center;display:inline-flex;margin-bottom:0;margin-top:25px}
ul.social-network.social-circle i{background:#3a3a3a!important;font-size:20px;width:40px;height:40px;line-height:40px;border-radius:50px;text-align:center;color:grey;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
ul.social-network.social-circle i:hover{background:#000;color:#fff;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
ul.social-network.social-circle li{padding-left:20px}
.socials{border-top:1px solid #636363;margin-top:40px;text-align:center}
ul.ftrlnks li a{color:#565656;font-size:13px;font-weight:500;text-decoration:none}
ul.ftrlnks li a:hover{color:#fff}ul.ftrlnks li{padding-bottom:8px}
ul.ftrlnks{list-style:none;margin-bottom:0;margin-left:-40px}
.footer1 p{color:#bfbfbf;text-align:justify;line-height:23px}
.footer1 img{padding-bottom:20px}
.btn.bottom button#myBtn{position:absolute;right:40px;background:#00a2c5;border:none;padding:8px 15px;border-radius:3px;color:#fff;font-weight:800;letter-spacing:1px}
.btn.bottom button#myBtn i{font-size:2em}
.modal{display:none;position:fixed;z-index:1;padding-top:0px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);z-index:999999;}
.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:500px;border-radius:0}
.close,.close1{color:#aaa;float:right;font-size:28px;font-weight:700}
.close1:focus,.close1:hover,.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}
.login-form{padding:50px}
.login-form .form-control{height:40px;border-radius:0}
.submit{background:#00a8ff;border:1px solid#00a8ff;color:#fff!important;padding:8px!important;font-weight:400;border-radius:0;font-size:1.2em;margin-top:10px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;width:100%}


.header2 h2{text-align:center;padding-top:200px;color:#fff;font-size:3.5em;font-weight:800}
.header2 h5 {text-align: center; font-size: 25px;color: #fff;margin-top: 25px;}

.header2 a.try{background:#00a8ff;border:1px solid#00a8ff;color:#fff!important;padding:10px 50px!important;font-weight:400;border-radius:50px;font-size:1em;margin-top:25px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;text-transform:uppercase; margin: 30px auto 0 auto; width: 200px;display: block;}
.header2 a.try:hover{background:0 0;border:1px solid#fff;color:#fff!important ; text-decoration: none;}

.slider, 
.slider > div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    min-height: 700px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #2f5897;
    overflow: hidden;
    -moz-transition: transform .4s;
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
}

.slider > div {
    position: absolute;
}

.slider > i {
    color: #5bbd72;
    position: absolute;
    font-size: 60px;
    margin: 20px;
    top: 40%;
    text-shadow: 0 10px 2px #223422;
    transition: .3s;
    width: 30px;
    padding: 10px 13px;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
    line-height: 0;
    box-sizing: content-box;
    border-radius: 3px;
    z-index: 4;
}

.slider > i svg {
    margin-top: 3px;
}

.slider > .left {
    left: -100px;
}
.slider > .right {
    right: -100px;
}
.slider:hover > .left {
    left: 0;
}
.slider:hover > .right {
    right: 0;
}

.slider > i:hover {
    background:#fff;
    background: rgba(255, 255, 255, .8);
    transform: translateX(-2px);
}

.slider > i.right:hover {
    transform: translateX(2px);
}

.slider > i.right:active,
.slider > i.left:active {
    transform: translateY(1px);
}

.slider:hover > div {
    transform: scale(1.01);
}

.hoverZoomOff:hover > div {
    transform: scale(1);
}

.slider > ul {
    position: absolute;
    bottom: 25px;
    left: 50%;
    z-index: 4;
    padding: 0;
    margin: 0;
    transform: translateX(-50%);
}

.slider > ul > li {
    padding: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    list-style: none;
    float: left;
    margin: 10px 5px 0;
    cursor: pointer;
    border: 1px solid #fff;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.slider > ul > .showli {
    background-color: #7EC03D;
    -moz-animation: boing .5s forwards;
    -o-animation: boing .5s forwards;
    -webkit-animation: boing .5s forwards;
    animation: boing .5s forwards;
}

.slider > ul > li:hover {
    background-color: #7EC03D;
}

.slider > .show {
    z-index: 1;
}

.hideDots > ul {
    display: none;
}

.showArrows > .left {
    left: 0;
}

.showArrows > .right {
    right: 0;
}

.titleBar {
    z-index: 2;
    display: inline-block;
    position: absolute;
    width: 100%;
    bottom: 40%;
    transform: translateY(100%);
    padding: 20px 30px;
    transition: .3s;
    color: #fff;
}

.banner_title { position: absolute; top: -7px; z-index: 1; color: #fff; text-align: center; left: 0px; right: 0px; font-size:80px; line-height:65px; text-shadow:0px 4px 16px #333; width:60%; margin:0 auto; font-weight:300; background: #22222240; width: 100%;    height: 100%; padding: 25%; letter-spacing:40px;}
.banner_title span { font-size:30px; text-transform:capitalize; display:block; font-weight: 200; letter-spacing:1px; font-family: 'Poppins'; position:relative; left:-20px;}

.titleBar * {
    transform: translate(-20px, 30px);
    transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
    opacity: 0;
}

.titleBarTop .titleBar * {
    transform: translate(-20px, -30px);
}

.slider:hover .titleBar,
.slider:hover .titleBar * {
    transform: translate(0);
    opacity: 1;
}

.titleBarTop .titleBar {
    top: 0;
    bottom: initial;
    transform: translateY(-100%);
}

.slider > div span {
    display: block;
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 100%;
}


@keyframes boing {
    0% {
        transform: scale(1.2);
    }
    40% {
        transform: scale(.6);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1);
    }
}

.main_design { border-radius:25px; padding:50px;}
.service_sec { background:url('../images/home-service-bg.jpg')no-repeat; padding:50px 0px;}
.service_title { color: #fff; font-family: 'Poppins', sans-serif; font-weight:600; font-size:40px; text-align:center;} 
.service_cont { font-size:16px; text-align:center; padding:10px 220px; color:#f9d99d;}
.service_details { display:block; margin:10px 0px; background:#fff; box-shadow: 0px 16px 32px rgb(79 80 80 / 5%), 0px 8px 16px rgb(79 80 80 / 14%);
    padding-bottom: 20px; transition: .2s ease-in-out;}
.service_details:hover {transform: scale(1.02);}
.service_details img { width:100%;}
.service_heading { font-family: 'Poppins', sans-serif; font-size:20px; padding:20px 10px 10px;}
.service_heading a { font-family: 'Poppins', sans-serif; font-size:18px; font-weight:600; color:#1d275a; text-decoration:none; font-family: 'Poppins', sans-serif;}
mark { background: transparent; position: relative; display: inline; color: inherit; background: linear-gradient(180deg,transparent 0.95em,rgba(238,186,85,.7) 0); background-size: 100% 1.5em; padding-inline: 0.05em;}
.service_details p { padding:0px 10px; color:#333;}
.design_service { padding:0px 50px;}
.research_sec { padding:0px;  background-color: #fdf9f9;}
.research_title { color: #254d91; font-family: 'Poppins', sans-serif;  font-weight: 600; font-size: 40px; text-align: center;}
.research_cont { color:#8d46a5; font-size: 16px; text-align: center; padding: 20px 120px 30px;}
.rsh-img { position: relative;z-index:999;}
.rsh-img img { width:100%;}
.rsh-img:before { content: ""; position: absolute; background: #bae0b1; width: 100%; height: 100%; left: -25px; top: 25px; z-index:-1;}
.commercial_sec { padding-top:60px;}
.commercial-img { position: relative;z-index:99999;}
.commercial-img img { width:100%;}
.commercial-img:before { content: ""; position: absolute; background: #bae0b1; width: 100%; height: 100%; right: -25px; top: 25px; z-index:-1;}
.reseach_details { display:block; padding-left:20px;}
.reseach_details h3 { font-family: 'Poppins', sans-serif; font-weight:600; font-size:32px; color:#6ea344; padding-bottom:10px; text-align: left;}
.reseach_details p { font-size:16px; color:#000; padding:7px 0px; margin:0px; font-weight:300; text-align: left; line-height: 25px;}
.reseach_details2 { display:block;}
.reseach_details2 h3 { font-family: 'Poppins', sans-serif; font-weight:600; font-size:32px; color:#6ea344; padding-bottom:10px; text-align: left;}
.reseach_details2 p { font-size:16px; color:#000; padding:7px 0px; margin:0px; font-weight:300; text-align: left; line-height: 25px;}
.research_sec .row { align-items:center; display:flex;}
.research_sec .col-md-6 { padding:25px;}
.explore { background:#75ab45; padding:15px 30px; color:#fff; font-size:16px; text-decoration:none; border-radius:4px;}
.explore:hover { background:#44904a; color:#fff; text-decoration:none;}
.client_sec { padding:70px 0px 40px; background:url('../images/world-map-bg.jpg') no-repeat;}
.client_cont { color: #8b1db9; font-size: 16px; text-align: center; padding: 20px 130px 30px;}
.client_sec h2 {color: #294d8f; font-family: 'Poppins', sans-serif; font-weight:600; font-size:40px; text-align:center; padding-bottom:5px;}
.client_sec .owl-carousel .owl-item img { max-width: 100%; width: auto; border-radius: 0px; border: 1px #ccc solid; padding: 15px 10px;
    background: #fff;  box-shadow: 1px 2px 12px #ccc;}
.client_sec .owl-carousel .owl-nav.disabled { position: absolute; top:40%; width:100%;}
.client_sec .owl-carousel .owl-nav .owl-next { position: absolute; right: -30px;}
.client_sec .owl-carousel .owl-nav .owl-prev { position: absolute; left: -30px;}
.testimonials { background:url('../images/testimonial-bg.jpg') top center no-repeat; background-size:cover; padding:100px 0px;}
.testi_title { font-size:35px; text-align:center; color:#e48fff; font-weight:600; font-family: 'Poppins', sans-serif;}
.shadow-effect p { font-size: 19px; color: #fff; line-height: 30px; padding: 5px 100px;}
.testimonials .owl-carousel .owl-dots { text-align:center;}
.testimonials .owl-carousel .owl-dots .owl-dot { background:#ccc; width:12px; height:6px; margin:3px;}
.testimonials .owl-carousel .owl-dots .active { background:#ffc700; width:25px; height:6px;}

.blog_sec { padding: 60px 0px; text-align: center; position:relative; top:-1px;}
.blog_heading {color: #294d8f; font-family: 'Poppins', sans-serif; font-weight:600; font-size:35px; text-align:center; padding-bottom:10px;}
.blogGridSec {display: flex;  justify-content: start; flex-wrap: wrap; clear: both; padding-top: 20px;}
.blogGrid { width: 30%; margin: 15px 17px 20px; transition: 0.3s all ease-in-out; padding: 40px 50px 10px 0px; position: relative;}
.blogGrid:before { position: absolute; content: ''; right: 0px; top: 0px; left: 50px; bottom: 0px; border-radius: 10px; background-color: #f5f5f5;
-webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease;
 transition: all 600ms ease;}
.blogGrid:after {position: absolute; content: ''; top: 0px; left: 60px; bottom: 0px; width: 0%; border-radius: 10px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;
background-image: -ms-linear-gradient(top, #2d4d8d 0%, #a13ef5 100%); background-image: -moz-linear-gradient(top, #2d4d8d 0%, #a13ef5 100%);
background-image: -o-linear-gradient(top, #2d4d8d 0%, #a13ef5 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d4d8d), color-stop(100, #a13ef5)); background-image: -webkit-linear-gradient(to bottom, #2d4d8d 0%, #a13ef5 100%);
background-image: linear-gradient(to bottom, #2d4d8d 0%, #a13ef5 100%);}
.blogGrid:hover::after { width: 85%;}
.blog_section { padding:40px 0px; text-align: left; font-family: poppins;}
.blogImg { position: relative; height: 250px; overflow: hidden; border-radius: 8px; z-index:1;}
.blogImg img {width: 100%; transition: 0.5s all ease-in-out; height:100%;}
.blogImg:hover img {transform: scale(1.3);}
.blogCatName { color: #444; padding: 10px 0px 5px 15px; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; text-transform: uppercase;}
.blogGrid .blogName { font-size: 17px; color: #5e23af; line-height: 26px; padding: 20px 0px; font-weight: 600; text-align: left; font-family: poppins; padding-left:80px; position:relative; z-index:1;}
.blogGrid .blogName a { font-size: 17px; color: #5e23af; line-height: 26px; font-weight: 600; text-align: left; font-family: poppins; position:relative; z-index:1;} 
.blogGrid:hover .blogName a,
.blogGrid:hover .bloc_cont{	color:#ffffff !important; text-decoration:none;}
.bloc_cont { padding: 0px 15px 15px; text-align: left; font-size:16px; color:#333; position:relative; z-index:1; padding-left:80px; display:none;}
.read_btn { color:#65a844; text-align: left;}

.footer_sec{ background: #161616; padding:0px 0px 10px; text-align:center;}
.ft_top { background:#303030; padding:10px 0px; color:#fff;}
.newsletter { padding:10px 100px;}
.newsletter p {margin: 0px; font-size: 16px; line-height: 40px; text-align: right;}
.newsletter .form-control { display:inline; width:80%; height:40px !important;}
.btn { padding: 10px 20px; position: relative; right: 10px; top: -1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.btm_sec { padding:10px 0px; text-align:center;}
ul.social { display:flex; justify-content:center; padding: 10px 0px;}
ul.social li { list-style-type:none; margin:25px 10px;}
ul.social li img { width:30px;}
.div-block-103 { width: 60px; margin-bottom: 25px; border-top: 1px solid hsla(0,0%,100%,.25); text-align: center;  display:inline-block;}
.ft_lnk { margin:10px 0px;}
.ft_lnk ul { padding:0px; display:flex; justify-content:center;}
.ft_lnk ul li { list-style:none;}
.ft_lnk ul li a { color: hsla(0,0%,100%,.5); margin:0px 10px; font-size:15px;}
.ft_lnk ul li a:hover { color:#fff;}
.copyright { font-size:12px; color:hsla(0,0%,100%,.5); padding:15px 0px; text-align:center; margin:0px;}
.copyright a { color: hsla(0,0%,100%,.5); margin:0px 7px;}
.copyright a:hover { color: #fff;}
img.foo_logo {margin: 60px 0px 10px;}
.ft_txt { color:#ccc; padding-top:20px; width:95%;}
.ft_logo { margin-top:20px;}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px 1%;
	max-height: 350px;
	width: 98%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-layla {
	background: #172620;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	
}

.aboutus {background: linear-gradient(90deg, #e1e0e0 45%, #fff 45%); margin:70px 0px; padding:60px 0px;}
.aboutus .row { display:flex; align-items:center;}
.about_pic { width:98%;}
.about_cont { margin:0px;}
.about_cont h3 {font-size: 28px; color: #073a21; font-weight: 600; text-transform:uppercase; padding-bottom:10px;}
.about_cont p { font-size:16px; padding:10px 0px; line-height:26px;}
.about_cont a {background: #ffc700; padding:15px 35px; border-radius:25px; color:#fff;}
.about_cont a:hover { background:#073a21; text-decoration:none;}

.floating_btn { position: fixed; bottom: 0px; left: 0px; width: 100px; height: 100px; display: flex; flex-direction: column; align-items:center;
  justify-content:center; z-index: 1000;}

@keyframes pulsing { to { box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);}}
.contact_icon { background-color: #42db87; color: #fff; width: 50px; height: 50px; font-size:30px; border-radius: 50px; text-align: center;
  box-shadow: 2px 2px 3px #999; display: flex; align-items: center; justify-content: center; transform: translatey(0px);  animation: pulse 1.5s infinite; box-shadow: 0 0 0 0 #42db87; -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); font-weight: normal; font-family: sans-serif; text-decoration: none !important; transition: all 300ms ease-in-out;
  text-decoration:none !important;}
.floating_btn a:hover { text-decoration:none !important;}

.collapsed {
      width: 48px !important;
      height: 48px !important;
      border-radius: 24px !important;
      margin: 16px!important;
    }
.main-card {
      background: white;
      color: white;
      width: 25%;
      height: 60%;
      margin: 0px;
      z-index: 999999;
      position: fixed !important;
      border-radius: 0px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      right: 0;
      bottom: 0;
      position: absolute;
      transition: all 0.5s;
      box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
#chatbot_toggle {
  position: absolute;
  right: 0;
  border: none;
  height: 48px;
  width: 48px;
  background: #ffc700;
  padding: 14px;
  color:white;
}
#chatbot_toggle:hover {
    background: #000000;
}
.line {
  height: 1px;
  background-color: #baa08f;
  width: 100%;
  opacity: 0.2;
}
.main-title {
  background-color: #ffc700;
  font-size: large;
  font-weight: bold;
  display: flex;
  height: 48px;
}
.main-title>div{
  height:48px;
  width:48px;
  display:flex;
  margin-left:8px;
}
.main-title svg {
  height: 24px;
  margin: auto;
}
.main-title > span {
  margin: auto auto auto 8px;
}
.chat-area {
  flex-grow: 1;
  overflow: auto;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.input-message {
  padding: 8px 48px 8px 16px;
  flex-grow: 1;
  border: none;
}
.input-message:focus {
  outline: none;
}
.input-div {
  height: 48px;
  display: flex;
}

.input-send {
  background: transparent;
  width: 48px;
  height: 48px;
  right: 0%;
  border: none;
  cursor: pointer;
}
.input-send:hover {
  background: lavender;
}
.input-send svg {
  fill: #baa08f;
  margin: 11px 8px;
}
.chat-message-div {
  display: flex;
}

.chat-message-sent {
  background-color: white;
  margin: 8px 16px 8px 64px;
  padding: 8px 16px;
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 100ms;
  color: black;
  border-radius: 8px 8px 2px 8px;
  background-color: lavender;
}

.chat-message-received {
  background-color: white;
  margin: 8px 64px 8px 16px;
  padding: 8px 16px;
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 100ms;
  color: black;
  border-radius: 8px 8px 8px 2px;
  background-color: lavender;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.shadow-effectnew {
		    background: #fff;
		    padding: 20px;
		    border-radius: 4px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		#customers-testimonialsnew .shadow-effectnew p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 300;
		}
		
		#customers-testimonialsnew .item {
		    text-align: center;
		    padding: 10px;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		#customers-testimonials .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.owl-carousel .owl-item img {
		    transform-style: preserve-3d;
		    max-width: 100px;
    		margin: 0 auto 0px;
		}
		
		
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #3190E7;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-testimonials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
		    background: #3190E7;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
		}
.testimonial-name { font-size:20px; font-weight:600; color:#fdc72b; padding-top:15px;}
.testimonial-name span { font-size:17px; font-weight:400; color:#e987f5; display:block;}
.navbar-right .dropdown-menu { right:auto !important;}




/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -25px !important;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 6px !important;
  margin: 0 auto; 
  background:#fff;
  }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

.video_gallery { width:96%; margin:20px auto;}
.pop-up-type img {height:220px;}
.video_gallery .col-md-3 { padding:0px 7px;}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin:100px auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close { color: #222; float: right; font-size: 28px; font-weight: bold;}
.close:hover,.close:focus { color: #000; text-decoration: none; cursor: pointer;}
.modal-header {padding: 2px 16px; color: white;}
.modal-body {padding: 10px 40px;}
.modal-body p { font-size:24px; font-weight:500; font-family: 'Barlow Condensed', sans-serif; color: #1d275a;}

.popUpBtn {}
.send_messageForm .inp {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 15px;height: 45px;padding: 10px;font-size: 16px; border:1px #ccc solid; background:#fff; color:#333;}
.send_messageForm select {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 20px;height: 45px;padding: 10px;font-size: 16px;outline: none;background: url(../img/contact-drop-icon.png) right center no-repeat #fff;background-position-x: 95%; -webkit-appearance: none; border:1px #ccc solid; background:#fff; color:#666;}
.send_messageForm .inp2 {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 10px;height: 100px;padding: 10px;font-size: 16px; border:1px #ccc solid;}
input.sendBtn {background: rgb(236,56,38); background: linear-gradient(90deg, rgb(37 35 118) 0%, rgb(56 53 153) 42%, rgb(48 45 141) 100%);border: 0px;color: #fff;padding: 10px 30px !important;font-size: 16px;font-weight: 400;text-transform: uppercase; letter-spacing: 1px; outline: none; border-radius:5px; margin-bottom:20px; cursor:pointer;}

.ft_bottom { background:#031004; padding:10px 0px; text-align:center;}
.ft_bottom p { padding:10px 0px; color:#ccc; margin:0px;}
.ft_bottom a { color:#ffc700; margin-left:5px;}
.top_gradient-linear { position: absolute; top: 0; right: 0; bottom: 50px; left: 0; background: linear-gradient(90deg, #17181842 0%, rgba(0, 150, 220, 0) 100%, rgba(0, 150, 220, 0) 100%); z-index: 0; height:100%;}
.counter { font-size:45px; font-weight:500; color:#fff;}
.count { font-size:50px; color:#fff; font-weight:700;}
.research_cont {order:1;}
.research_pic {order:2;}

.inner_banner { position:relative; display:inline-block; width:100%;}
.inner_banner img { width:100%;}
.inner_title {font-size:35px; position:absolute; top:55%; left:50%; font-weight:500; color: #fff; letter-spacing:1px; text-align:center; transform: translate(-50%, -55%); font-family: 'Poppins', sans-serif; text-shadow: 2px 2px 8px #000; width:100%;}
.overview { padding: 0px 150px;}
.overview h2 { color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 45px; font-size:40px;}
.overview p { color:#333; padding:10px 0px; line-height:26px; font-size:17px;}
.feature_sec { display:block; background:#efefef; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.feature_lft { width:50%; float:left; padding:4%;}
.lft_title { color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 40px; font-size:35px;}
ul.equipment { padding:0px; margin:10px 0px;}
ul.equipment li { list-style: none; font-size: 16px; color: #222; margin: 18px 0px; background:url(../images/feature-icon.png)0px 4px no-repeat;
    padding-left: 25px;}
.feature_rgt { width:50%; float:right;}
.feature_rgt img { width:100%;}
.advantage_sec { padding:70px 0px 0px;}
.aboutus_sec { padding: 70px 0px 50px; background: #f7fef5 url(../images/service-bg.jpg) no-repeat;}
.about_cont { font-size:15px; color:#333; padding:10px 0px; margin:0px;}
.about_left { background:#d3e9b9; border-radius:20px;}
.about_right { padding:20px 0px 0px 30px;}
.aboutus_sec img { border-radius:20px; width:100%; position:relative; top: 20px; left: 20px;}
.decades { background:#75b545; padding:20px; margin:60px 0px 20px; border-radius:6px;}
.decades p { font-size:15px; color:#fff; padding:10px 0px; margin:0px; line-height:24px;}
.accreditations_sec { padding: 60px 0px 50px; background: #f4f5f7;}
.sec_bg { background:#f0ffec;}
.service_txt { color:#333; padding: 15px 0px; text-align: left; line-height: 28px;}
.vertical-menu { max-width: 320px; width:100%;}
.vertical-menu ul { padding:0px;}
.vertical-menu ul li { padding:0px; position:relative;}
.vertical-menu a { color: black; display: block; padding: 15px; text-decoration: none; font-size:14px; text-transform:uppercase; background-color: #ededed; color:#222;}
.vertical-menu li:after { content: ''; position: absolute; top: 15px; right: 10px; background:url(../images/service-arrow.png) no-repeat; width:16px; height:16px;}
.vertical-menu a:hover { background-color: #3968c3; color: white;}
.vertical-menu a.active { background-color: #3968c3; color: white;}
.help_box {background-color: #ededed; padding:15px; max-width:320px; width:100%; margin-top:25px; color:#333;}
.need_help {color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 30px; font-size: 25px; margin:10px 0px 20px;}
.service_pic { display:block; padding-top:10px;}
.service_pic img { width:45%; margin-right:25px; float:left;}

.product_sec { padding:80px 0px 20px; color:#333; text-align:center;}
.product_title { color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 40px; font-size:35px; margin-bottom:10px; position:relative; display:inline-block;}
.product_title::before {content:''; position:absolute; right:-50px; top:-35px; background:url(../images/leaf.png) no-repeat; width:50px; height:50px;}
.featured { padding: 0px 150px 20px; font-size: 19px;}
.product_cont { font-size:16px; color:#222; padding:10px 0px; margin:0px; line-height:26px; font-family: 'Poppins', sans-serif;}
.product_cont em { font-size:26px; font-weight:600; color:#222; font-style:normal; padding: 5px 0px 7px 65px;}
.featured p { font-size:19px;}
.footer_top { display:block;}
.footer_top img { width:100%;}
.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {display: none;}
.addReadMore.showmorecontent .readMore {display: none;}
.addReadMore .readMore,
.addReadMore .readLess { font-weight: bold; margin-left: 2px; color:#189e00; cursor: pointer;}
.addReadMore .readLess{color: #ed3237;}
.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess { display: block;}
.SecSec { color:#222;}
.service_blk { background:#f7fef5  url(../images/service-bg.jpg) no-repeat; padding:80px 0px 50px; background-size:cover; color:#333;}
.service_blk .row { display:flex; align-items:center; padding:60px 0px;}
.service_blk .row:last-child { padding:60px 0px 0px;}
.service_lft { display:block;}
.serv-img { position: relative;z-index:999;}
.serv-img img { width:100%;}
.serv-img:before { content: ""; position: absolute; background: #d3f8ca; width: 100%; height: 100%; left: -25px; top: -25px; z-index:-1;}
.service_rgt { display:block; padding-left:30px;}
.service_rgt2 { display:block; padding:20px 30px 20px 0px;}
.service_box { display:block;}
.service_box_title { font-family: 'Poppins', sans-serif; font-weight:600; font-size:32px; color:#054268; padding-bottom:10px; text-align: left; display:inline-block; position:relative;}
.service_box_title::before {content:''; position:absolute; right:-50px; top:-35px; background:url(../images/leaf.png) no-repeat; width:50px; height:50px;}
.service_box p { font-size:17px; color:#222; padding:7px 0px; margin:0px; font-weight:300; text-align: left; line-height: 24px;}
.serv-img2 { position: relative;z-index:999;}
.serv-img2 img { width:100%;}
.serv-img2:before { content: ""; position: absolute; background: #d3f8ca; width: 100%; height: 100%; right: -25px; top: -25px; z-index:-1;}
.lft_pic {order:1;}
.lft_cont {order:2;}
.commercial_blk { background:#efffeb  url(../images/centre--excellence-bg.jpg) no-repeat;}
.overview_img { background:url('../images/overview-img.png') no-repeat;}
.feature_img { background:url('../images/feature-img.png') no-repeat;}
.advantage_img { background:url('../images/advantage-img.png') no-repeat;}
.overview_img2 { background:url('../images/overview-img2.png') no-repeat; width:50px; height:50px;}
.feature_img2 { background:url('../images/feature-img2.png') no-repeat;}
.advantage_img2 { background:url('../images/advantage-img2.png') no-repeat;}
.news_blk { background-size:cover; color:#333; padding:60px 0px 40px;}

.newsletter_sec { display:block; text-align:center;}
.newsletter_title { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 32px; color: #054268; padding-bottom: 10px; display: inline-block; position: relative;}
.newsletter_title::before { content: ''; position: absolute; right: -50px; top: -35px; background: url(../images/leaf.png) no-repeat; width: 50px;
height: 50px;}
.news_cont { color: #890fbb; font-size: 16px; text-align: center; padding: 10px 200px 20px;}
.globe-news_letter-searching-btn { text-align: center; padding-bottom: 20px; width: 40%; margin: 0 auto;}
.globe-news_letter-searching-btn .form-control { display: inline; width: 100%; height: 40px !important;}
.globe-news_letter-searching-btn .form-control { background: none !important; border:none; border-bottom: 1px solid #ccc; box-shadow:none; text-align:center; font-size:15px;}
.btn2 { padding: 15px 50px; position: relative; top: 30px; border-radius: 6px; background: #5dbb64 !important; border: none !important;    font-size: 19px; color:#fff;}
.btn2:hover { background:#38873e !important; color:#fff;}

.navigation1 {background:#fff; position: sticky; top: 0; transition: background-color 250ms linear; width: 100%; z-index: 999; padding: 12px 0px;}
.is-fixed { /* JS will apply this for IE11 / Edge 15 */ position: fixed;}
.navigation1 ul { display: flex; flex-flow: row; justify-content: center; line-height: 50px; list-style: none; margin: 0; padding: 0px 0px;    margin-right: 0px !important;	border-bottom: 1px #ccc solid;}
.navigation1 a { color: #222; font-weight: 400; letter-spacing: 1px; text-transform: capitalize; padding: 5px 15px; display: block; transition: all 150ms linear; font-size: 15px; font-family: 'Montserrat', sans-serif;}
.navigation-step-1 { padding: 0px 0px !important; width: 80%;}
.wrapper-logo-inner a#button { padding-left: 0px;}
.navigation-step-1 { padding: 5px 0px;}
.wrapper-who-we-are-1 { background-repeat: no-repeat; width: 100%; background-size: contain;}
/*.navigation a:hover,*/
.navigation1 a:hover, .navigation a:focus { background-color: transparent; color: #004b79; border-bottom:3px #5dbb64 solid;	text-decoration:none;}
.navigation1 a.active { background-color: transparent; color: #004b79; border-bottom:3px #5dbb64 solid;}
.navigation1 .is-scrolled { background-color: #00b6e3; transition: background-color 250ms linear;}
.navigation1 .is-scrolled a { color: #fff;}
.is-scrolled a:hover,
.is-scrolled a:focus,
.navigation .is-scrolled a:active,
.is-scrolled a.is-selected {  2020-02-26  background-color: snow; color: #004b79; border-bottom:3px #5dbb64 solid;}
.maincont { display: block;  margin: 0 auto;  /* min-height: 1600px; */ width: 100%;}
.vision_sec { padding:80px 0px; text-align:center;}
.vision_title { color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 40px; font-size: 30px; margin-bottom: 10px;    position: relative;}
.about_main { max-width:1170px; width:100%; margin:0 auto;}
.biotech { padding:40px 0px 20px; text-align:center;}
.biotech h3 { font-size:24px; color: #1d275a; letter-spacing:15px; text-transform:uppercase;}
.biotech span { display:block; color:#5dbb64; font-size:19px; letter-spacing:0px; text-transform:capitalize; font-size:400; margin-top:10px; font-family: 'Montserrat', sans-serif;}
.biotech p { padding:20px 200px; font-weight:400; font-family: 'Montserrat', sans-serif;}
.biotech img { width:100%; padding-top:20px;}
.graph_design { position:relative; display:block; background:url('../images/graph-bg.jpg') no-repeat; width:100%; min-height:430px;}
.design_one { position:absolute; left:0px; bottom:0px; width:18%; text-align:left;}
.numbering { font-size:30px; color:#5dbb64; display:block; font-weight:700;}
.graph_top { font-size:18px; color:#1d275a; text-transform:uppercase; font-weight:600; font-family: 'Montserrat', sans-serif;}
.graph_txt { font-size:14px; color:#333; font-family: 'Montserrat', sans-serif;}
.design_two { position:absolute; left:17%; top:0px; width:18%; text-align:left;}
.design_three { position:absolute; left:34%; bottom:0px; width:18%; text-align:left;}
.design_four { position:absolute; left:51%; top:0px; width:18%; text-align:left;}
.design_five { position:absolute; left:68%; bottom:0px; width:18%; text-align:left;}
.design_six { position:absolute; left:85%; top:0px; width:18%; text-align:left;}
.graph_design2 { display:none;}
.enviroment { background:url('../images/enviroment-bg.jpg') no-repeat; padding:80px 0px; text-align:center; background-size:cover;}
.enviroment_title { font-size:26px; color:#fff; font-weight:400; letter-spacing:1px;}
.chairman_sec { padding:80px 0px 100px; border-bottom: 1px #ccc solid;}
.chairman_sec img { width:100%;}
.chairman_cont { padding:0px 0px 10px 30px; display:block;}
.chairman_title { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 32px; color: #054268;  padding-bottom: 10px; text-align: left;display: inline-block; position: relative; margin-bottom:10px;}
.chairman_title:before { content: ''; position: absolute; right: -50px; top: -35px; background: url(../images/leaf.png) no-repeat; width: 50px;
height: 50px;}
.chairman_cont p { line-height:26px; text-align:justify; font-family: 'Montserrat', sans-serif;}
.chairman_cont span { font-size:22px; padding:10px 0px; font-family: 'Montserrat', sans-serif;}
.commitment_sec { padding:80px 0px 40px;}
.commitment_cont { padding:40px 20px 0px 0px;}
.commitment_sec img { width:100%;}
.tabcont { display:block; padding:40px 0px;}
button.accordion { width: 100%; border: 1px #ccc solid; outline: none; text-align: left; padding: 12px 20px; font-size: 16px; color: #333; cursor: pointer; background: none;  margin: 5px 0px;}
button.accordion:after { font-family: FontAwesome; content: "+"; font-family: "fontawesome"; font-size: 18px; float: right; font-weight:700;}
button.accordion.is-open:after { content: "-"; font-size: 22px; font-weight:700;}
button.accordion:hover,
button.accordion.is-open { background-color: #f3f3f3;}
.accordion-content { background-color: white; border-left: 1px solid whitesmoke; border-right: 1px solid whitesmoke; padding: 0 20px;
  max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out;}
.accordion-content p { font-size:15px; line-height:24px;}
.partners_sec { background:url('../images/partner-growth-bg.jpg') no-repeat; padding:80px 0px; text-align:center; background-size:cover;}
.partners_title { font-size:26px; color:#fff; font-weight:400; letter-spacing:1px;}
#clients { background:url('../images/world-map-bg.jpg') no-repeat; padding:80px 0px; text-align:center;}
.company_cont { font-size:22px; color:#054268; padding:10px 150px; font-weight:600; line-height:34px;}
ul.client_logo { padding:20px 0px; display:flex; justify-content:center; flex-wrap:wrap;}
ul.client_logo li { width:18%; list-style:none; border: 1px #ccc solid; padding:15px 10px; background: #fff; margin:10px;}
ul.client_logo li:hover { box-shadow:1px 2px 12px #ccc;}
#mlestones { padding-top:100px; text-align:center;}
.contact_blk { padding:80px 0px 0px; position:relative;}
.contact_title { font-family: 'Poppins', sans-serif; font-weight: 600;  font-size: 32px;  color: #054268;  padding-bottom: 20px;}
.contact_map { display:block;}
.contact_map img { width:100%;}
.need_sec { width:80%; position:relative; top:0px; margin-left:5%; border:1px #666 solid; padding:40px 50px 40px;}
.information_cont { width:60%; font-size:18px;}

.contact_form { padding-top:50px;}
.contact_form label { font-size:16px; color:#004b79; font-weight:400;}
.contact_form .inp {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 20px;height: 45px;padding: 10px 0px;font-size: 14px; border-bottom:1px #ccc solid; background:#fff; color:#666;}
.contact_form select {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 20px;height: 45px;padding: 10px;font-size: 16px;outline: none;background: url(../img/contact-drop-icon.png) right center no-repeat #fff;background-position-x: 95%; -webkit-appearance: none; border:1px #ccc solid; background:#fff; color:#666;}
.contact_form .inp2 {width: 100%;border: 0px;border-radius: 5px;margin-bottom: 10px;height: 70px;padding: 10px 0px;font-size: 14px; border-bottom:1px #ccc solid;}
input.sendBtn2 {background: rgb(236,56,38); background:#0067c0; border: 0px;color: #fff;padding: 12px 30px !important;font-size: 15px;font-weight: 400;text-transform: uppercase; letter-spacing: 1px; outline: none; border-radius:5px; margin:20px 0px; cursor:pointer;}
input.sendBtn2:hover { background:#044b89;}
.contact_pic { position:absolute; right:0px; bottom:-40px;}
.address_blk { display:block; position:relative; top:20px;}
.contact_details { padding-top:10px; width:85%; margin:0 auto;}
.office_title {font-family: 'Poppins', sans-serif; font-weight: 600;  font-size: 27px;  color: #054268;  padding-bottom: 15px;}
.office_txt { font-size:17px; color:#666; line-height:28px; padding-bottom:35px;}
.office_txt a { font-size:17px; color:#666;}
.office_txt a:hover { text-decoration:none; color:#054268;}
.blog_details h1 { font-size:26px; padding-bottom:10px; color: #054268 !important;}
.blog_pic img { width:75%; height:auto; min-height:400px; padding:10px 0px;}
.blog_details p { font-size:15px; line-height:26px;}
.custom-logo-link img { width:90px !important; height:95px !important;}
.menu-item .fa-angle-down:before { content: "\f107"; right: 18px; position: relative; color: #fff;}
.sub-menu .fa { display:none;}

.serve_green { padding:10px 100px;}
.main_service { position:relative;}
.serve_title { color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 40px; font-size: 30px; margin: 20px 0px;}
.serv_heading { font-size:26px !important; color:#222; font-weight:600; text-transform:uppercase;}
.serv_pic img { width:100%; margin:0 auto;}
.green_one { position:absolute; top:0px; right:0px;}
.green_one .content1 { background:#e0f5e7; padding:10px 20px; font-size:21px; border-radius:8px;}
.green_two { position:absolute; top:60px; left:-100px;}
.green_two .content1 { background:#e0f5e7; padding:10px 20px; font-size:21px; border-radius:8px;}
.green_three { position:absolute; top:130px; right:-180px;}
.green_three .content1 { background:#e0f5e7; padding:10px 20px; font-size:21px; border-radius:8px;}

.serv_pic2 img { width:100%; margin:0 auto;}
.house_one { position:absolute; top: 9%; left: -10px;}
.house_one .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_one .content1::before { position:absolute; content:''; background:url(../images/serve-arrow.png) no-repeat; width:18px; height:24px; top:15px; right:-16px;}
.house_two { position:absolute; top: 60px; right: 11%;}
.house_two .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_two .content1::before { position:absolute; content:''; background:url(../images/serve-arrow2.png) no-repeat; width:18px; height:24px; top:15px; left:-16px;}
.house_three { position:absolute; top: 27%; left: 10px;}
.house_three .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_three .content1::before { position:absolute; content:''; background:url(../images/serve-arrow.png) no-repeat; width:18px; height:24px; top:15px; right:-16px;}
.house_four { position:absolute; top:32%; right:-16%;}
.house_four .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_four .content1::before { position:absolute; content:''; background:url(../images/serve-arrow2.png) no-repeat; width:18px; height:24px; top:15px; left:-16px;}
.house_five { position:absolute; top: 45%; left: -105px;}
.house_five .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_five .content1::before { position:absolute; content:''; background:url(../images/serve-arrow.png) no-repeat; width:18px; height:24px; top:15px; right:-16px;}
.house_six { position:absolute; top:50%; right:-4%;}
.house_six .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_six .content1::before { position:absolute; content:''; background:url(../images/serve-arrow2.png) no-repeat; width:18px; height:24px; top:15px; left:-16px;}
.house_seven { position:absolute; bottom: 25%; left: -100px;}
.house_seven .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_seven .content1::before { position:absolute; content:''; background:url(../images/serve-arrow.png) no-repeat; width:18px; height:24px; top:15px; right:-16px;}
.house_eight { position:absolute; bottom:20%; right:-12%;}
.house_eight .content1 { background:#58b176; padding:15px 20px; font-size:20px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.house_eight .content1::before { position:absolute; content:''; background:url(../images/serve-arrow2.png) no-repeat; width:18px; height:24px; top:15px; left:-16px;}

.main_service2 { position:relative; padding:20px 5% 40px;}
.crative_design { padding:0px 6%;}
.serv_design { display:flex; align-items:center; min-height:400px;}
.nature_one { position:relative; padding:20px 0px; width: auto; display: inline-block; float:left; clear:both;}
.nature_one .content1 { background:#58b176; padding:15px; font-size:17px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.nature_one .content1::before { position:absolute; content:''; background:url(../images/serve-arrow.png) no-repeat; width:18px; height:24px; top:15px; right:-13px;}
.nature_two { position:relative; padding:20px 0px; width: auto; display: inline-block; float:right; clear:both;}
.nature_two .content1 { background:#58b176; padding:15px; font-size:17px; border-radius:8px; font-weight:500; color:#fff; text-align:left; position:relative;}
.nature_two .content1::before { position:absolute; content:''; background:url(../images/serve-arrow2.png) no-repeat; width:18px; height:24px; top:15px; left:-13px;}
.round_one { position:relative; left:10%;}
.round_two { position:relative; left:15%;}
.round_three { position:relative; left:2%;}
.round_four { position:relative; left:4%;}
.round_five { position:relative; right:25%;}
.round_six { position:relative; right:-20%;}
.round_seven { position:relative; right:10%;}
.round_eight { position:relative; right:-4%;}
.news_box {
    background: url(../images/slide-arrow.png) center no-repeat;
    padding: 20px 85px 60px 45px;
    min-height: 310px;
}
.owl-carousel .owl-item .news_box img { width:60px !important; padding:20px 0px 90px;}
.owl-carousel .owl-item .news_box p { font-size:17px; color:#111;}
.main_service2::before { content:''; background:#58b176; width:100%; height:50px; position:absolute; left:0px; top:50%; transform: translate(0px, 0px);}
.main_service2 .owl-theme .owl-nav { display:none;}
.main_service2 .owl-theme .owl-dots { display:none;}
.counter_sec { background:#2f5897; padding:10px 0px 20px; position:relative; top:-2px;}
.counter_des { display:flex; justify-content: center;}
.counter-container {text-align: center; margin: 20px; width:22%;}
.counternew {  text-align:center; width:22%; padding:20px;}
.counternew h3 { font-size: 30px;  margin: 10px 0px; color: #fff; font-weight: 700;}
.counternew span { font-size: 60px;  margin: 10px 0px; color: #fff; font-weight: 700;}
.counternew em { color:#9f9f9f !important; font-size:17px; font-style:normal; display:block;}
.counternew div { font-size:50px; color:#fff;}
.globe-news_letter-searching-btn { position:relative;}
.wpcf7-spinner { position:absolute !important; top:0px;}
ul.achievment { padding:10px 0px;}
ul.achievment li { list-style-type:none; background:url('../images/achievment-arrow.png') 0px 5px no-repeat; padding-left:18px; font-size:16px; margin:8px 0px; line-height:24px; font-family: 'Montserrat', sans-serif;}

.about_us { padding: 0px 20px 10px 0px; display: block;}
.about_us p { font-size:16px; line-height:24px; text-align:justify; font-family: 'Montserrat', sans-serif;}
.vision_sec p {font-family: 'Montserrat', sans-serif;}
.blogbannerimgs img { min-height:600px;}
.social1 { padding:42px 10px !important;}
.social2 { padding:42px 10px !important;}
.social3 { padding:42px 10px !important;}
.social4 { padding:42px 10px !important;}

.socialnew {
  width: 40px;
  height: 220px;
  position: fixed;
  top: 300px;
  list-style:none;
  z-index:999999;
  padding:0px;
  right:0px;
}

.socialnew li a {
  display: block;
  height: 40px;
  width: 40px;
  background: #222;
  border-bottom: 1px solid #333;
  font: normal normal normal
  16px/20px 
  'FontAwesome', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  transition: background .5s ease .300ms
}

.socialnew li:first-child a{ background: #dcdcdc; color:#444;}
.socialnew li:nth-child(2) a { background: #dcdcdc; color:#444;}
.socialnew li:nth-child(3) a { background: #dcdcdc; color:#444; }
.socialnew li:nth-child(4) a { background: #dcdcdc; color:#444 }

.socialnew li:first-child a:hover { background: #3b5998; color:#fff }
.socialnew li:nth-child(2) a:hover { background: #ff0000; color:#fff }
.socialnew li:nth-child(3) a:hover { background: #2d9ce7;  color:#fff }
.socialnew li:nth-child(4) a:hover { background: #cb2b89; color:#fff  }
    
.socialnew li a span {
  width: 100px;
  float: left;
  text-align: center;
  background: #222;
  color: #fff;
  margin: -25px 40px;
  padding: 8px;
  transform-origin: 0;
  visibility: hidden;
  opacity: 0;
  transform: rotateY(45deg);
  border-radius: 5px;
  transition: all .5s ease .300ms
}

.socialnew li span:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  top: 7px;
  border-left: 10px solid transparent;
  border-right: 10px solid #222;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}

.socialnew li a:hover span {
  visibility: visible;
  opacity: 1;
  transform: rotateY(0)
}

ul.media_sec { padding:20px 0px; display:flex; justify-content:left; flex-wrap:wrap; text-align:left;}
ul.media_sec li { width:30%; list-style:none; border: 1px #ccc solid; padding:10px; background: #fff; margin:15px; background: #ebebeb;}
ul.media_sec img { width:100%;}
.media_title {font-size: 22px; color: #054268; padding: 10px 0px; font-weight: 600; line-height: 34px;}
ul.media_sec li p { font-size: 15px;}


@media (min-width:768px) and (max-width:1024px){
	
body{overflow-x:hidden}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{z-index:999999999}
.header{padding:0 0}.contact-form{margin-top:30px}
.wrap-contact{padding-top:20px}.navbar-brand>img{width:100px;padding:0 10px}
.navbar-default .navbar-nav>li>a{padding:30px 10px; font-size:13px;}
.login{padding:8px 20px!important;margin-top:30px !important;margin-right:15px}
.topnav{border-bottom:1px solid rgba(255,255,255,.3);height:100px}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff!important;background:0 0!important}
.header-text{margin-top:0px}
.header-text h1{font-size:4em;margin-top:20px}
.header-text p{padding:0 120px;margin-top:20px}
.intro{margin-top:20px}
.intro h2{font-size:2.5em}
.more2{padding:10px 40px!important;font-size:1.2em;margin-top:10px;margin-bottom:25px}
.why{margin-top:20px;padding:30px 0}.why img{text-align:center;display:block;margin:0 auto;width:100%}
.why h2{font-size:2.5em;margin-top:20px;margin-bottom:15px}
.wrapper-services{margin-top:30px;margin-bottom:30px}
.wrapper-services h3{font-size:2.5em;margin-bottom:10px}
.wrapper-serv-inner h3{margin-top:15px;font-size:1em!important;font-weight:600;color:#222}
.min-footer{padding:30px 0}.address-mind ul{padding-left:50px}
.footer1 img{padding-bottom:20px;width:200px;text-align:center;display:block;margin:0 auto}
ul.social-network.social-circle{padding-left:0}
.login{color:#fff!important;padding:10px 20px!important;font-weight:400;border-radius:50px;font-size:0.8em;margin-top:22px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;text-transform:uppercase}
.header2{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.header2 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.warpe1{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe1 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.warpe2{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe2 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}.warpe3{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe3 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.warpe4{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe4 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}.warpe5{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe5 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.warpe6{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe6 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.warpe7{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}
.warpe7 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.about-img{margin-top:30px}
.dnd img{height:330px!important;margin-top:-66px;width:50%!important;right:0}
.about-img img{width:80%;height:400px;object-fit:cover}
.about-text{padding:20px 0}
.about-text h2{font-size:1.8em!important}
.mt-0{margin-top:0}
.contact-img i{font-size:3em}
.contact-img h2{font-size:1.7em}
.contact-img{border:1px solid #eee;margin-top:30px}
.wrap-contact{padding:0 15px 30px;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{z-index:999999999}
.modal{z-index:999999999999}
.login-form{padding:25px 0 0 0}
.modal-content{width:90%!important}

.mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } 
.slider, .slider > div { min-height:300px;}
.banner_title { padding: 25% 0px; font-size:40px;}
.mid_section {width: 100%;}
figure.effect-layla figcaption {padding: 3em 1rem;}
.grid figure { max-height:250px;}
.img-gallery-magnific { width: 100%;}
.magnific-img { width: 31%;}
.pop-up-type img {height: 180px;}
.main_design { padding: 30px;}
.container-menu { width: 100% !important; margin: 0 auto;}
.core-menu li a { padding: 40px 10px !important; font-size: 12px !important;}
.greenhouse { padding: 0px 20px;}
.innovation_sec { padding: 40px 0px 20px;}
.lead_right_cont { padding: 10px 10px 10px 20px;}
.charger {right: -15px; top: 30%;}
.research_sec { padding: 40px 0px;}
.research_cont { padding: 20px 80px 40px;}
.research_sec .row { display: block;}
.research_sec .col-md-6 { padding: 20px;}
.reseach_details h3 { font-size:30px;}
.reseach_details p { font-size: 14px; font-weight: 300;}
.service_cont { font-size: 15px; padding: 10px 50px;}
.service_details p { font-size: 13px;}
.blogName { font-size:16px; line-height:25px;}
.blogName a { font-size: 16px; font-weight: 500; line-height:25px;}
.blogImg { height:auto;}
.bloc_cont { font-size: 13px;}
.blog_sec { padding: 40px 0px;}
.newsletter .form-control { width: 73%;}
.design_service { padding: 0px 10px;}
.reseach_details { padding: 20px 0px 0px;}
.news_cont { padding: 10px 50px 20px;}
.commitment_sec { padding: 50px 20px 0px;}
.vision_sec { padding: 50px 20px;}
.biotech p {padding: 20px 50px;}
.graph_design { display:none;}
.graph_design2 { display:block;}
.graph_design2 { display:block;}
.graph_design2 ul { padding:10px; display:block; text-align:center;}
.graph_design2 ul li { width:43%; list-style:none; margin:20px; float:left;}
.graph_design2 ul li img {width:130px; border-radius:50%; border:10px #dbe5ec solid;}
.mb_heading { font-size:20px; color: #1d275a; font-weight:600; text-transform:uppercase; padding:10px 0px 0px;}
.mb_cont { font-size:15px; color:#333; padding:10px 0px;}
.enviroment { padding:50px 10px;}
.enviroment_title { font-size:20px;}
.dropdown li a { padding:12px !important;}
.inner_title { font-size:24px;}
.service_blk .row { display: block; padding: 10px 0px;}
.service_rgt { padding-left: 0px; margin-bottom: 40px;}
.serv-img { margin-left: 20px;}
.serv-img2 { margin: 20px 20px 30px 0px;}
#clients { padding:50px 0px;}
.company_cont { padding:0px 50px;}
ul.client_logo li { width:30%;}
.information_cont { width: 85%; font-size: 17px;}
.contact_pic { bottom: -80px;}
.address_blk { top: 20px;}
.office_title { font-size:23px;}
.office_txt { font-size:16px;}
.office_txt a { font-size:16px;}.counternew { text-align: center; width: 24%; padding: 10px;}
.counternew span { font-size:45px;}.counternew div { font-size:40px;}.counternew em { font-size:14px;}.innovation_sec h1 { line-height: 35px; font-size: 24px;}.shadow-effect p {line-height: 30px; padding: 5px 20px;}.blogGrid {margin: 15px 10px 20px;}.navigation1 a { padding: 5px 3px; font-size: 12px;}.mb_cont { font-size:14px;}.sub-menu li a { padding:12px 10px !important;}.nature_one .content1 { padding: 15px 10px; font-size: 14px; border-radius: 6px;}.nature_two .content1 { padding: 15px 10px; font-size: 14px; border-radius: 6px;}.innerwrappers img { display:none;}.news_box { background-image:none; padding: 20px 20px 60px 30px; min-height: 300px; border: 2px #222 solid; border-radius: 50%;}.featured { padding: 0px 20px 20px;}.need_sec { width: 90%; padding: 40px 40px 40px;}
.blogbannerimgs img { height: 350px; min-height:auto;}
}

@media (min-width:481px) and (max-width:767px){
.header{padding:0 0}
.dnd {background: #00a8ff;position: relative;width: 250px;height: 170px;float: right;bottom: 50px;}
.warpe5 h2 {padding-left: 15px !important;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{z-index:999999999}
.navbar-brand>img{width:200px;padding:0 15px!important}
.contact-form{margin-top:30px}.topnav{height:75px;border:none!important}
.navbar-default .navbar-toggle{border-color:#fff}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:25px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-default .navbar-nav>li>a{color:#fff;padding:10px 30px;border-bottom:1px solid #fff}button#login{margin-left:30px;margin-top:7px}
.login{padding:6px 35px!important}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#000}
.header-text img{width:200px}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent;background:#000;padding:0;position:absolute;left:0;right:0}
.header-text h1{font-size:3em;margin-top:20px}
.header-text{margin-top:100px}.header-text p{padding:0 40px;margin-top:20px}
.more{padding:10px 50px!important}.intro h2{font-size:2.3em}.intro{margin-top:30px}
.more2{padding:10px 45px!important;margin-top:15px;margin-bottom:20px}

.footer1 img{width:200px;text-align:center;display:block;margin:0 auto}
.min-footer{padding:30px 0}.address-mind ul{list-style:none;padding-left:50px}
ul.social-network.social-circle{padding-left:0}
.btn.bottom button#myBtn{margin-top:-10px}
.navbar-default .navbar-toggle .icon-bar { background-color: #ffc700 !important;}
.navbar-default .navbar-toggle {border-color: #ffc700;}
.graph_design { display:none;}
.graph_design2 { display:block;}
ul.media_sec { display:block;}
ul.media_sec li { margin:15px 0px; width:100%;}

}

@media (min-width:320px) and (max-width:480px)
{
body{overflow-x:hidden}
.header{padding:0 0;height:600px}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#1b1784}
.header-text{margin-top:0px;padding-left:0px}
.header-text h1{font-size:2.2em;color:#fff;font-weight:900;line-height:1.2em}
.header-text p{font-size:1.2em;color:#fff;font-weight:400;line-height:1.3em;margin-top:20px;padding:0 30px 0 0!important}
.navbar-brand>img{width:80px;padding:5px 0!important}
.more{padding:6px 22px!important;font-size:1em}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;background:#1b1784;padding:0;position:absolute;left:15px;right:0;  width:92% !important; top:100px;}
.navbar-default .navbar-nav>li>a{color:#fff;padding:10px 30px;border-bottom:1px solid #fff;}

.topnav{border-bottom:none; height:90px;}
.navbar-brand{padding:0 5px}button#login{margin-left:30px}
.intro h2{font-size:1.6em;font-weight:600;color:#5e5e5e;margin:20px 0 20px}
.intro{margin-top:10px}.more2{padding:8px 30px!important;margin-bottom:30px}
.why{background:#f9f9f9;margin-top:50px;padding:50px 0}
.blogbannerimgs img { min-height:none; height:200px !important;}.page-template-download-catalogue .globe-downloads-main { padding: 0px !important;}.blogImg { height:200px;}.biotech span { font-size:15px;}
.min-footer{background:#2a2d31;padding:30px 15px}
.footer1 img{padding-bottom:20px;width:150px}
ul.social-network.social-circle{padding-left:0}
.address-mind ul{padding-left:50px}
.footer1 img{text-align:center;display:block;margin:0 auto}
ul.social-network.social-circle li{padding-left:15px}
.header-text img{width:170px}
ul.social-network.social-circle{padding-left:0}
.btn.bottom button#myBtn{margin-top:-10px}
.nav-tabs>li>a{font-size:12px!important}
.login{padding:15px 30px!important;font-weight:400;border-radius:50px;font-size:1em;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;text-transform:uppercase; margin:10px 15px 15px; float:left;}
.header2{padding:0 30px;background-size:cover;background-position:center center;height:300px!important;padding:0!important}.header2 h2{text-align:center;padding-top:50px;color:#fff;font-size:1.8em;font-weight:800}
.mid_section { width:100%;}
.grid figure { max-height:220px; margin:20px 10px !important;}
.company_sec p { padding: 10px;}
.effect-layla h2 { font-size:20px !important;}
figure.effect-layla figcaption { padding: 2.5em 1em;}
figure.effect-layla:hover h2 { padding-top:8%;}
.aboutus .row { display:block;}
.aboutus {background: linear-gradient(90deg, #e1e0e0 100%, #F7F7F7 100%); padding: 40px 0px;}
.about_cont {padding-top: 25px;}
ul.tabs {padding-left:0px;  padding-top: 10px;}
ul.tabs li { padding: 12px 0px; font-size: 13px; margin:8px;}
ul.tabs li.current { font-size:13px;}
.img-gallery-magnific {width: 100%;}
.magnific-img { width: 46%;}

.slider, .slider > div { height:auto; margin-top:-10px;}
.banner_title { font-size: 35px; line-height: 35px; width: 100%; padding: 40% 0px; letter-spacing: 20px;}
.banner_title span { font-size:22px;}
.navbar-default .navbar-toggle .icon-bar { background-color: #1b1784 !important;}
.navbar-default .navbar-toggle {border-color: #1b1784; background:#fff;}
.modal-content { width:95%; margin:0 auto;}
.modal-body { padding: 10px 20px;}
.modal { padding-top:50px;}
.navbar-collapse:after { display:none;}
.navbar-default .navbar-toggle:hover { background-color: #fff;}
.video_gallery { width: 100%; margin:0px;}
.pop-up-type img { height: 100px; margin: 15px 0px;}
.navbar-collapse.in { overflow-y:hidden !important;}
.ft_bottom p {padding: 10px 2px;}
.topnav { width:100%; background: #fff; position: fixed; box-shadow: 1px 4px 8px #a1a0a0;}
.foo_title {margin: 30px 0px 10px; clear:both;}
.foo_social { padding-bottom: 20px;}
.main_design { padding: 25px; margin:10px;}
.collapsed { width: 45px !important; height: 35px !important; border-radius: 6px !important; margin: 32px 15px!important;}
.navbar-toggle { margin-top:32px !important;}
.innovation_sec { padding: 40px 0px 20px;}
.greenhouse {padding: 0px 10px;}
.innovation_sec h1 { font-size: 17px; line-height: 24px;}
.charger { right: 10px; top: 45%; background-image: none; background: #8bc34ad9;  width: 150px; height: 120px; border-radius: 8px; padding:0px;}
.lead_right_cont { padding: 15px;}
.ev_blk {padding: 20px 0px;}
.service_sec { padding: 40px 0px;}
.service_title { font-size:30px;}
.service_cont { font-size: 14px; padding: 10px;}
.service_details { margin:15px;}
.research_sec .row { display: block;}
.research_sec { padding: 30px 0px; height:auto;}
.research_sec .col-md-6 { padding: 15px;}
.reseach_details h3 { font-size:24px;}
.reseach_details p {font-size: 14px; font-weight: 300;}
.client_sec h2 { font-size:30px;}
.testimonials { padding: 60px 0px;}
.testi_title { font-size:30px;}
#customers-testimonialsnew .item { padding:0px;}
.shadow-effect p { padding: 5px 0px;}
.blog_sec { padding: 40px 0px;}
.blog_heading { font-size:30px;}
.blogGridSec { display:block; padding-top:0px;}
.blogGrid {width: 98%; margin: 15px auto;}
.newsletter { padding: 10px 0px;}
.newsletter p { font-size:12px; text-align:center;}
.newsletter .form-control { width: 70%; height: 41px !important;}
.pg_cont { font-size: 14px;}
.research_cont {order:2;}
.research_pic {order:1;}
.ft_lnk ul { padding: 0px; display: block; justify-content: normal; margin: 0; text-align: center;}
.ft_lnk ul li { display: inline;}
.ft_lnk ul li a { margin: 7px 7px; font-size: 13px; display: inline-block;}
ul.social li { margin: 10px 10px;}
.div-block-103 { margin-bottom:15px;}
.research_cont { font-size: 16px; text-align: center; padding: 20px 0px 20px;}
.leading_title { font-size: 17px;}
.research_title { font-size:30px;}
.count { font-size: 40px;}
.counter { font-size: 40px;}
.inner_title { font-size: 22px; text-align:center;}
.overview { padding: 0px 10px;}
.overview h2 { font-size: 30px;}
.overview p {line-height: 24px; font-size: 15px;}
.feature_sec { display:block;}
.feature_lft { width: 100%; padding: 5% 3%;}
.feature_rgt { width: 100%;}
.lft_title { font-size:25px;}
ul.equipment li { font-size:15px;}
.advantage_sec { padding: 40px 0px;}
.aboutus_sec { padding: 40px 0px 20px;}
.about_left { width: 95%;}
.about_right { padding: 30px 0px 0px 20px;}
.aboutus_sec .about_cont { padding-top:10px;}
.decades { margin: 20px 0px 20px;}
.accreditations_sec {padding: 30px 20px 20px;}
.accreditations_sec img { width:100%;} 
video#myVideo { margin-top: 100px;}
.inner_banner { margin-top: 90px;}
.toggle:before { color: #333 !important;}
.vertical-menu { max-width: none;}
.help_box { max-width: none;}
.service_pic img { width: 100%; margin-right: 0px; float: left; margin-bottom: 25px;}
.service_txt { padding:5px 0px;}
.product_title { font-size:24px;}
.product_title::before { right: -10px; top: -30px;}
.product_cont { font-size: 14px; padding: 5px 0px;}
.product_cont em { font-size: 22px;}
.product_sec { padding:50px 0px 0px;}
.service_blk .row { display:block; padding:10px 0px;}
.service_blk { padding: 40px 5px 0px 15px;}
.service_rgt {padding: 20px 0px 40px;}
.service_box_title {font-size: 19px; padding: 20px 0px 10px;}
.service_box p { font-size: 15px; padding: 5px 0px;}
.service_box_title::before { right: -55px; top: -15px;}
.service_rgt2 { padding: 20px 10px 40px 0px;}
.lft_pic {order:2;}
.lft_cont {order:1;}
.product_cont em { padding: 5px 0px 15px 65px;}
.slider { min-height:auto;}
.rsh-img:before {left:-10px;}
.reseach_details { padding: 20px 0px;}
.commercial-img:before { right:-15px;}
.reseach_details2 { padding-left: 0px;}
.reseach_details2 h3 { font-size:24px;}
.design_service { padding: 0px 10px;}
.news_cont { padding: 10px 10px 20px; font-size:14px;}
.globe-news_letter-searching-btn { width:100%;}
.btn2 { padding: 12px 40px; font-size: 17px;}
.newsletter_title { font-size: 25px; padding-bottom:0px;}
.commercial_sec { padding-top: 30px;}
.vision_sec { padding: 40px 10px;}
.vision_title { font-size:25px;}
.biotech { padding: 20px 0px;}
.biotech h3 {font-size: 20px; letter-spacing: 5px;}
.biotech p { padding: 20px 10px; font-size: 15px;}
.enviroment_title { font-size: 21px; padding:0px 10px;}
.chairman_cont { padding: 10px 0px 10px 0px;}
.chairman_title { font-size:25px;}
.chairman_cont p { line-height: 24px; font-size: 15px;}
.chairman_sec { padding: 40px 0px;}
.commitment_sec { padding: 40px 15px 0px;}
.graph_design { display:none;}
.graph_design2 { display:block;}
.graph_design2 ul { padding:10px; display:block; text-align:center;}
.graph_design2 ul li { width:100%; list-style:none; margin:20px 0px;}
.graph_design2 ul li img {width:130px; border-radius:50%; border:10px #dbe5ec solid;}
.mb_heading { font-size:20px; color: #1d275a; font-weight:600; text-transform:uppercase; padding:10px 0px 0px;}
.mb_cont { font-size:15px; color:#333; padding:10px 0px;}
.navigation1 ul { display:block; line-height:40px;}
.navigation1 a { padding:5px 0px;}
.company_cont { font-size: 16px; padding: 10px 0px; line-height:24px;}
#clients { padding: 30px 0px;}
ul.client_logo li { width: 41%; padding:10px;}
ul.client_logo li img { width:100%;}
ul.client_logo { padding:0px;}
.SecSec { font-size:15px;}
.bloc_cont { font-size: 14px;}
.contact_blk { padding: 40px 0px 0px;}
.contact_title { font-size:25px;}
.need_sec { top:20px; padding: 30px 20px 30px; width:90%;}
.information_cont { width: 100%; font-size: 15px;}
.contact_form { padding-top: 30px;}
.contact_pic { bottom: -100px;}
.contact_pic img { width:100%;}
.address_blk { top: 60px; padding-bottom: 40px;}
.office_title { font-size:20px;}
.office_txt { font-size: 14px; line-height: 26px;}
.office_txt a { font-size: 14px;}
a.custom-logo-link img { width: 22% !important; height: auto !important;}
.navigation a:focus { border:none;}
.blog_details h1 { font-size: 22px;}
.blog_pic img { min-height:auto; width:100%;}

.house_one { position: relative; top: 0px; left: 0px;}
.house_one .content1, .house_two .content1, .house_three .content1, .house_four .content1, .house_five .content1, .house_six .content1, .house_seven .content1, .house_eight .content1 { padding: 15px 10px; font-size: 18px; width: 100%; text-align:left;}
.house_one .content1::before, .house_two .content1::before, .house_three .content1::before, .house_four .content1::before, .house_five .content1::before, .house_six .content1::before, .house_seven .content1::before, .house_eight .content1::before { display:none;}
.house_two { position: relative; top: 10px; left: 0px;}
.house_three { position: relative; top: 20px; left: 0px;}
.house_four { position: relative; top: 30px; left: 0px;}
.house_five { position: relative; top: 40px; left: 0px;}
.house_six { position: relative; top: 50px; left: 0px;}
.house_seven { position: relative; top: 60px; left: 0px;}
.house_eight { position: relative; top: 70px; left: 0px; padding-bottom:80px;}

.main_service2::before { top:50%;}
.news_box {
	min-height:300px;
    background:none;
    padding: 20px 30px 40px 20px;
    border: 2px #222 solid;
    border-radius: 50%;
}
.owl-carousel .owl-item .news_box img {
    padding: 10px 0px 100px;
}
.owl-nav { display:none;}
.serv_design {
    min-height: auto;
    display: block;
	background-size: contain;
}
.mbl_cont { padding-top:45%;}
.nature_one { padding:7px 0px; width:100%;}
.nature_two { padding:7px 0px; width:100%; float:left;}
.nature_one .content1 { font-size:16px;}
.nature_two .content1 { font-size:16px;}
.nature_one .content1::before { display:none;}
.nature_two .content1::before { display:none;}
.innerwrappers { top:10%;}
.innerwrappers img { width:100%;}
.counter_des { display: block;}
.counternew { width: 100%; padding: 10px 20px;}
.featured { padding: 0px 10px 0px; font-size: 16px;}
.chairman_title:before {display:none;}
.blogbannerimgs img { min-height: 200px;}
.socialnew {top: 210px;}
.client_cont { padding: 20px 0px 30px;}
.blogGrid {padding: 40px 30px 10px 0px;}
.blogGrid .blogName { padding-left:60px; line-height:24px;}
.blogGrid .blogName a { font-size: 16px; line-height: 24px;}
.blogGrid:before { left:40px;}
.blogGrid:after { left:40px;}
.blogGrid:hover::after { width: 88%;}
ul.media_sec { display:block;}
ul.media_sec li { margin:15px 0px; width:100%;}

.aos-init {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
    }

}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 

}



.sub-menu{display: block;}
.wrapper_sidebar {
    padding: 25px;
    margin: 50px 0px;
    border-radius: 10px;
    text-align: left;
}
.rowbtns {
    margin-bottom: 30px;
}
.blog_heading{line-height: 15px;text-align: left;}
.blog_heading a{color: #fff}

.innerwrappers {
    position: absolute;
    margin: auto;
    display: block;
    left: 0px;
    right: 0px;
	z-index:-1;
}

.benefit_title { color: #1d275a; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 40px; font-size: 35px; padding:20px 0px 30px; position: relative;}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    display: block;
    clear: both;
}


.news_box .wordlimits {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 75px;
line-height: 25px;
width: 80%;
margin: auto;
text-align: center;
}

.inner_banner img {
    max-height: 600px;
    object-fit: cover;
}

ul.wp-block-list {
    text-align: left;
    padding-left: 40px;
    margin: 30px 0px;
}