@font-face {
	font-family: "Poppins-Black";
	src: url("assets/font/Poppins-Black.otf");
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

.mid-sec {
    height: auto;
    background: #11294b;
	clear:both;
}




.over_slider .slidern {
    width: 100%;
    float: left;
    background-color: #ffff;
}
.navbar {
	padding: 0!important;
	margin: auto;
	height: 65px;
	position: absolute;
	z-index: 1;
	width: 100%;
}

#mid-wrapper {
	width: 100%;
	float: left;
	margin: 40px 0;
}


.clear {
	clear: both;
}

.bg-dark {
	background-color: #fff0 !important;
}

.banner {
	width: 100%;
	float: left;
}
.logor{width:5; float:left; display:none;}
.navbar-expand-lg .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: 0px !important;
}

.banner_text_slider {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}

.bottom-left {
	position: absolute;
	bottom: 0px;
	left: 16px;
}

.centered {
	position: absolute;
	bottom: -140px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: left;
}
















.o_core_values {
    width: 100%;
    float: left;
}
.o_core_values .left h1 {
    width: 100%;
    float: left;
    font-size: 38px;
    font-weight: 700;
    color:#fff;
}




.o_core_values .left p {
    width: 100%;
    float: left;
    color:#fff;
}


.out_core_value {
    width: 100%;
    float: left;
    margin-top: -66px;
    position: relative;
    z-index: 1;
    border: 01px solid #eee;
}
.over_slider {
    width: 100%;
    float: left;
}

.over_slider .slider {
    width: 50%;
    float: left;
}
.over_slider .slider .images-section {
    width: 50%;
    float: left;
}
over_slider .slider .images-section img {
    width: 100%;
    float: left;
    width: 285px;
    height: 285px;
}.over_slider .slider .text-section {
    width: 50%;
    float: left;
    background-color: #fff;
    height: 285px;
    padding: 20px;
}
.over_slider .slider .text-section {
    width: 50%;
    float: left;
    background-color: #fff;
    height: 285px;
    padding: 20px;
}
.over_slider .slider .text-section h1 {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0;
}
.over_slider .slider .text-section p {
    width: 100%;
    float: left;
    line-height: 25px;
    font-size: 16px;
}
.over_slider .slider .text-section .readmore {
    width: 120px;
    float: left;
}
.over_slider .slidern {
    width: 100%;
    float: left;
}

.over_slider .slidern .first_secty {
    width: 25%;
    float: left;
    padding: 20px;
}
.over_slider .slider .text-section .readmore {
    width: 120px;
    float: left;
}
.over_slider .slider .text-section .readmore button {
    width: 100%;
    float: left;
    background-color: #f8941e;
    border: 0px;
    color: #fff;
    font-size: 15px;
    padding: 05px;
}



.images-section a img{height:285px;}






















.centered_over {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.position_banner_text{width:1140px; margin:auto;}
.respan{color:#00b9f2;}

.banner_slider_heading {
	width: 960px;
	font-size: 70px;
	font-weight: bold;
	color:#fff;
	font-style: italic;
	margin-bottom:40px;
	line-height: 80px;
}

.banner_heading_bottom_text{width:100%; float:left; color:#fff; font-size:44px; font-style: italic; font-weight:700;}


.contact-slide{padding-top:70px;}


/****************about_us_start****************/

.about_us_outer {
	width: 100%;
	float: left;
	background-color: #f5f5f5;
}

.imgclass {
	width: 100%;
	float: left;
}

#about_cont {
	padding: 50px 0 40px 0;
}

.about_h1 {
	font-size: 38px;
	font-weight: bold;
	border-left: 03px solid #ff6c30;
	padding: 14px 0 14px 30px;
}

.span_class {
	color: #3ab1cf;
}

.peragraph_about {
	width: 100%;
	float: left;
	color: #737373;
	line-height: 25px;
	font-size: 16px;
	padding-top: 22px;
}

.question_class {
	color: #181818;
}

.navea{padding:16px 20px;}
.nave{margin-left:400px;}

.spanstory{color:#0c4582;}
.ourstories{width:100%; float:left; padding-top:95px;}
h1{font-weight:bold; font-size:70px; padding-bottom:10px;}
h6{font-weight:bold; font-size:28px;}
.classs{font-size: 24px; line-height:28px;}


.sectionwhoweare{background-color:#11294b; margin-top:67px; padding-bottom:119px;}
.sectionwhoweare_headding{text-align:center; color:#fff; background-image: url("../../assets/img/bnordr_bg.jpg"); top:0; bottom:0;   font-weight:700; font-size:56px; color:#fff; padding:90px 0 67px 0;}
.sectionwhoweare_headding .text{width:450px; background-color: #11294b; margin:auto;}


.logo_class{width:200px; float:left;}
.we-tranform{width:100%; float:left; padding:200px 10px; font-size:27px; font-weight: 500;}




.performance{width:100%; float:left; padding:59px 80px;}
.services_offer{width:100%; float:left; background-color:#bcc1cd; text-align:center; font-size:48px; font-weight:600; font-style:italic; background-image: url("../../assets/img/performance.jpg"); bottom:0; background-size:cover; padding-bottom:100px;} 
.branding_outer{width:100%; float:left; border-right:01px solid #000;}
.branding_outer.bordersect{border-right:0px;}
.branding{width:90%; margin:15px auto; font-size:32px; font-style:normal; padding:15px 0px 0 0; clear:both; height: 85px; line-height: 34px;}
.branding_icon{width:100%; float:left;}
.branding_p{width:67%; margin:auto; padding:28px 0; text-align:center; font-size:23px; clear:both; font-weight:normal; font-style:normal;}

.success {
	width: 100%;
	float: left;
	background-color: #272725;
	text-align: center;
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}
.curious{font-size:42px; text-align:center; color:#fff; padding-bottom: 100px;}
.imgwidth{width:100%; float:left;}
.ourteam{width:100%; float:left; padding:20px; top:10%; bottom:50%; position:relative; color:#fff;}
.ourteam h1{width:100%; float:left; font-size:30px;}
.ourteam p{width:100% ;float:left; font-size:25px;}

.ourteam1{width:100%; float:left; padding:20px 0; top:0%; bottom:0%; position:relative; color:#fff;}
.ourteam1 h1{width:100%; float:left; font-size:30px;}
.ourteam1 p{width:100% ;float:left; font-size:25px;}


.success_in {
	padding: 77px;
}

.bottompad{width:100%; float:left; height:100px;}


footer{width:100%; float:left; margin-top:0px;}
.footer-logo{width:100%; float:left; margin-top:43px;}
.footer-nav{width:100%; float:left; margin-top:46px;}
.footer-nav ul{padding-left:0px; line-height:54px; font-size:24px;}
.footer-nav ul li{list-style:none;}
.footer-nav ul li a{color:#000;}
.footer-nav ul li a:hover{color:#000; text-decoration:none;}

.footerfind{width: 100%;
float: left;
margin-top: 43px;
font-size: 20px;
padding-top: 20px;}



.footer-find-icon{width:100%; float:left; margin-top:11px;}
.footer-find-icon .inside{width:20%; float:left;}

#faicon{font-size:40px;}

.footer_contact{width:100%; float:left; margin-top:43px;font-size:20px; color:#09439c; padding-top:20px;}
.footer-address{width:100%; float:left; font-size:14px; padding-top:20px; font-size:16px; line-height:20px;}


.brandingaligning{width:100% ;float:left; color:#fff; text-align:center; background-image: url("../../assets/img/cotts_icon.png"); background-color:#11294b; padding-bottom:114px;}
.brandingaligning h1{width:100%; float:left; padding-top:115px;}
.brandingaligning p{width:100%; float:left; font-size: 38px;}
.brandingaligning .person_name{width:100%; float:left; font-size: 38px; font-style:italic; line-height:38px;}
.brandings_h1in{color:#ffae47;}



.ouecorevalue{width:100%; float:left; margin-top:-163px;}
.ouecorevalueinside{width:100%; float:left; border:01px solid #000; padding:10px; margin:10px 0;}
.ouecorevalueinside img{width:100%; float:left;}
.ouecorevalueinside .text{width:100%; float:left; text-align:center; font-weight:bold; font-size:32px;}



.contactusbg{background-image: url("../../assets/img/contactusbg.jpg");}
.contace_nav{background-color:#fff!important; width:100%!important;}
.contact_all{
    width: 100%;
    float: left;
    position: relative;
    z-index: -1;
}
.contact1left{width:28%; float:left; height:100vh;}
.contact1left img {
    height: 124vh!important;
    margin-top: -91px;
}
.contact1left img{width:100%; float:left;}
.contact_ccenteert{width:28%; float:left; margin-left:1.5%; background-color:#2a394c82; padding:37px; color:#fff; font-size:24px; line-height: 30px; 
height:108vh!important;}
.locationmap{width:100%; float:left; padding:0px; background:#fff; margin-bottom:20px; margin-top: 100px;}
.contact-follow_article{width:100%; float:left; padding:10px; background-color:#fff;}
.contact-follow_article article{width:36px; float:left; padding:05px; text-align:center; margin-right:20px; background-color:#10284a; border-radius:05px;}
.contact-follow_article article a i{color:#fff;}
.contact-follow_article article:last-of-type{margin-right:0px!important;}
.contactthird{width:41%; float:left; padding:26px 24px; margin-left:1.4%;background-color:#2a394c82; height:110vh!important;}
.contactthird .inner{width:100%; float:left; background-color:#fff; padding:10px;
height: 98vh;}
.contactthird .inner h1{width:100%; float:left; font-size:36px; margin: 0; padding: 0;}
.contactthird .inner p{width:100%; float:left; font-size: 20px}
.contactthird .inner .formcontact{width:100%; float:left;}
.contactthird .inner .formcontact .text{width:100%; float:left; padding:14px 0 9px 0;}
.contactthird .inner .formcontact input{width:100%; float:left;}
.contactgetourattention{width:100%; float:left; text-align:center; color:#ec9b41; font-size:18px; font-weight:600; padding: 35px 0 10px 0;}

.contactgetourattention button{}


.contactgetourattention button:hover{text-decoration:none;}
.contactgetourattention button{color:#fff; background: #ec9b41; padding: 08px 28px; border-radius:10px; border:0;}

.section-oloir{width:28%; float:left;}
.navea{padding:16px 20px;}

.footer-address .inneer {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.footer-address .inneer .icon {
    width: 10%;
    float: left;
    text-align: center;
}


.footer-address .inneerr .text{  width: 90%;
    padding:04px 0!important;
    float: right;
}

.footer-address .inneer .icon img{
    width: 80%;
    float: left;
    text-align: center;
}




.footer-address .inneer .text {
    width: 90%;
    float: right;
}




.footer-address .inneerr {
    width: 100%;
    float: left;
    margin-bottom: 08px;
}



.footer-address .inneerr .int {
    width: 100%;
    float: left;
}


.footer-address .inneerr .int .icon {
    width: 10%;
float: left;
text-align: center;
}
.footer-address .inneerr .int .icon img {
    width: 100%;
float: left;
text-align: center;
}





.over_slider .slidern {
	width: 100%;
	float: left;
}

.over_slider .slidern .first_secty {
	width: 25%;
	float: left; padding:20px;
}



.over_slider .slidern .first_secty h1{
	width: 100%;
float: left;
font-size: 20px;
font-weight: 700;
padding: 15px 0 25px 0;
}



.over_slider .slidern .first_secty p{
	width: 100%;
float: left;
line-height: 25px;
font-size: 16px;
}
.folowus{color:#000;}
		.folowus:hover{color:#000;}
.over_slider .slidern .first_secty .readmore{width: 120px; float: left; background-color: #fff;}

nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.static-top {
    z-index: 9999;
}
.over_slider .slidern .first_secty .readmore  a button {
    width: 100%;
    float: left;
    background-color: #f8941e;
    border: 0px;
    color: #fff;
    font-size: 15px;
    padding: 05px;
}

.over_slider .slidern .ritght{width:75%; float:left;}
.over_slider .slidern .ritght img{width:100%; float:left; height:285px;}


.contactt-blanksect{height:80px; width:10%; float:left;}

.navea{padding:16px 20px;}

.contact_head{width:100%; float:left; text-align:center; clear:both; background:#0000005c;}

    .cont_hedr{width:100%; float:left; text-align:center; padding:20px;}
.cont_hedr h1{width:100%; float:left; text-align:center; font-size:28px; color:#fff;}
.cont_hedr p{width:60%; margin:auto 20%; float:left; text-align:center; color:#fff; font-size:16px;}


.contact_ccenteert .insec{width:100%; float:left;}
.contact_ccenteert .insec .left_icon{width: 10%;
float: left;
text-align: center;}
        .contact_ccenteert .insec .right_text{width: 86%;
float: right;
font-size: 20px;}

.footer-logo img {
    width: 60%;
}
.over_slider .slidern {
    width: 100%;
    float: left;
    background-color: #fff;
}

.ourteamimg{width:100%; float:left;}

.our_team_oiut{display:none;}

/*.imgwidth_desktop{display:block;}*/



/* will be red only in google chrome */
.contact_ccenteert{width:28%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   
    .contact_ccenteert {
    width: 28%;
    float: left;
    margin-left: 1.5%;
    background-color: #2a394c82;
    padding: 37px;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    padding-bottom:0px;
    height: 110vh!important;
}
    
    
    
    
}








.conts-allesertionsss{width:100%; float:left; position: relative;
    z-index: -1;}
.conts-allesertionsss .left{width:28%; float:left; margin-top:-92px;}
.conts-allesertionsss .left img{width:100%; height:104vh;}	


.conts-allesertionsss .center{width:28%; float:left; padding:42px 37px!important; background-color: #2a394c82; margin-left:20px;}
.conts-allesertionsss .center .insec {
    width: 100%;
    float: left;
}
.conts-allesertionsss .center .insec .left_icon {
    width: 10%;
    float: left;
    text-align: center; color:#fff;
	font-size:24px;
}
.insec .right_text {
    width: 86%;
    float: right;
    font-size: 20px;
	color:#fff;
}


.location-map{width:100%; float:left; margin-bottom:10px;}


.contact_us-follow_article {
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #fff;
}


.contact_us-follow_article article {
    width: 36px;
    float: left;
    padding: 05px;
    text-align: center;
    margin-right: 40px;
    background-color: #10284a;
    border-radius: 05px;
}


.contact_us-follow_article article:last-of-type {
    margin-right: 0px;
}

.contact_us-follow_article article a{color:#fff;}
.conts-allesertionsss .right{width: 41%;
    float: left;
    padding: 26px 24px;
    margin-left: 1.4%;
    background-color: #2a394c82;
} 



.conts-allesertionsss .right .inner{width:100%;float:left; background-color:#fff; padding:10px;}
.conts-allesertionsss .right .inner h1 {
    width: 100%;
    float: left;
    font-size: 36px;
    margin: 0;
    padding: 0;
}
.conts-allesertionsss .right .inner p {
    width: 100%;
    float: left;
    font-size: 20px;
}
.conts-allesertionsss .right .inner .formcontact .text{padding:05px 0;}
.hide-imdfr{display:none; width:auto;}
.hide-imdfr2{display:block; width:auto;}

.contactgetoura {
    width: 100%;
    float: left;
    text-align: center;
    color: #ec9b41;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 04px 0;
}
.contactgetoura button {
    color: #fff;
    background: #ec9b41;
    padding: 08px 28px;
    border-radius: 10px;
    border: 0;
}