.mainbg1{width:100%; float: left; background-color:#0b0e35;}
.newcontainers{width: 100%; display: table; max-width: 1200px; margin: 0 auto;}
.about1{padding:0px 0;}
.mainbg1  .about1{padding:90px 0px;}
.about1 h1{font-size:5em; color: white;}
.about1 p {color: #ffffff;  font-size:2.2em; padding: 10px 0 0 0; line-height: 38px;}

.about2{padding:60px 0px; display: table;}
.about2 .leftpart{width:50%; display: table-cell; border-right: 1px solid grey; vertical-align: top; padding-right: 20px;;}
.about2 .leftpart h2{font-size: 3em;  color: #333;  line-height:36px; }
.about2 .leftpart ul{list-style: lower-alpha; padding:20px;}
.about2 .leftpart ul li{padding: 3px 0px; color: #4d4d4d; }
.about2 .rightpart {border:none; padding-left: 30px; vertical-align: middle;}
.about2 .rightpart img{width: 100%; border:8px solid #cccccc; padding: 5px;}
.about2 p{font-size: 1.6em; padding: 30px 0px; line-height:26px;}



.mainbg2{background-image: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../images/aboutus.jpg); background-size:100% 100%; height:400px; position: relative; }
.mainbg2 .innercount{position: absolute; top: 60px; max-width: 1100px; left: 0; right: 0; margin: auto;}
.mainbg2 .innercount h3{color: #ffffff;  font-size:3em; text-align: center; width: 100%; display: block; line-height:40px;}
.mainbg2 .innercount .rows{width:100%; display: table; margin-top: 90px;}
.mainbg2 .innercount .rows .cols{width:25%; display: table-cell; text-align: center; color: white;}
.mainbg2 .innercount .rows .cols strong{ font-size:4.5em;}
.mainbg2 .innercount .rows .cols small{ font-size:1.4em;  display: block;}
.mainbg2 .innercount .rows .cols span{font-size:4em; vertical-align: bottom; }


.ourservices2{padding:60px 0px}
.ourservices2 h3{color: #333;  font-size:3.6em; text-align: center; width: 100%; display: block; line-height:40px;}
.ourservices2 .rows{ width: 100%; display: block; padding:30px 0px; float:left;}
.ourservices2 .rows .lpart{width:65%; float: left;}
.ourservices2 .rows .lpart .row{width:100%;}
.ourservices2 .rows .lpart .row .cols{width:50%; float: left; padding:10px;}
.ourservices2 .rows .lpart .row .cols .insets{ background-color: #f8f8f8; border: 1px solid #dfdfdf; padding: 15px; float: left; width: 100%; min-height: 160px;}
.ourservices2 .rows .lpart .row .cols .insets .onicon{float: left; display: none;}
.ourservices2 .rows .lpart .row .cols .insets .oniconlist{float: right; width:100%;}
.ourservices2 .rows .lpart .row .cols .insets .oniconlist strong{ font-size:1.2em;}
.ourservices2 .rows .lpart .row .cols .insets .oniconlist ul{    list-style: lower-roman; padding: 5px 0 0 20px;;}
.ourservices2 .rows .lpart .row .cols .insets .oniconlist ul li{font-size:0.9em; }
.ourservices2 .rows .lpart .row .cols .insets .oniconlist p{font-size:0.9em;  padding:5px 0px;}

.ourservices2 .rows .rpart{width:500px; float:right; background-color:#0b0e35; padding:15px; margin-top:10px; position: fixed; top:50%; left:50%; 
transform: translate(-50%, -50%); z-index: 9;}
.ourservices2 .rows .rpart:before{background-color:black; content: ''; position: absolute;}
.ourservices2 .rows .rpart strong{color: #ffffff;  font-size:2.2em; padding-left: 15px; }
.ourservices2 .rows .rpart strong i{position: absolute; right: -15px; top: -15px; background-color: #0b0e35; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; cursor: pointer;}
.ourservices2 .rows .rpart ul{list-style: none; padding:10px;}
.ourservices2 .rows .rpart ul li.names{width:100%;}
.ourservices2 .rows .rpart ul li{padding:6px; float: left; width: 50%;}
.ourservices2 .rows .rpart ul li input[type="text"], .ourservices2 .rows .rpart ul li select{font-family:inherit; font-weight: 600; border: none; padding:8px 10px; border-radius: 0; width: 100%;  font-size:1.4em;}
.ourservices2 .rows .rpart ul li select{padding:12px 6px;}
.ourservices2 .rows .rpart ul li textarea{border: none; font-weight: 600; height: 80px; padding:8px 10px; border-radius: 0; width: 100%;  font-size:1.4em; font-family: inherit;}
.ourservices2 .rows .rpart ul li input[type="submit"]{border-radius:0; border: none; font-weight: bold; padding: 8px; width:100%; margin-top:-10px; text-align: center; font-size: 1.6em; background-color: #868686;}
.ourservices2 .rows .rpart ul li input[type="submit"]:hover{background-color: #b2b2b2;}

.teamcontainer{ display: table;}
.teamcontainer .cols{width:25%; display: table-cell; border:solid #ffffff; background-color: #e3e3e3; border-width:4px 1px 1px 0;  padding:20px; }
.teamcontainer .cols:last-child{border-right:none;}
.teamcontainer .cols span.imgs{text-align: left; display: block; padding-top: 20px;}
.teamcontainer .cols span.imgs img{width:80px;}
.teamcontainer .cols h3{ font-size: 1.8em; line-height: normal; padding: 10px 0 10px 0;text-align: left;}
.teamcontainer .cols ul{list-style:none; padding: 5px 0 0 0px;}
.teamcontainer .cols ul li{font-size:1.5em; font-weight: 600; padding: 4px 0; }
.teamcontainer .cols ul li i{margin-right:5px; font-weight: bold;}
.teamcontainer .cols p {font-size:1.4em;  padding: 5px 0px; text-align: left; line-height: 24px; font-weight: 600;}
.requestcallbutton{float:left;width:100%; text-align: center; margin-top:30px;}
.requestcallbutton strong {width:300px; padding: 10px 20px; background-color: #0b0e35; color: #ffffff; font-size: 2em; padding-left: 15px; cursor: pointer; transition: all .5s;}
.requestcallbutton strong i{transform: rotate(15deg); font-size: 1.4em; vertical-align: middle;}
.popuformbase{display: none; }
.popupform{100%; position: fixed; top: 0; z-index: 99999;}
.popupform .coverlay{background-color:black; height: 100%; width: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.7)}
.requestcallbutton strong:hover{ background-color: #131a7a;}

.getintouchs{background-image:linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0.5)), url('../images/get-into-touch%201440x960.jpg'); width: 100%; display: block; height: 400px;
background-attachment: fixed;  background-size: cover; padding:40px; text-align: center;}
.getintouchs > .container{height:100%; border: 1px solid #646464;  justify-content: center; align-items: center; display: flex; flex-direction: column; }
    .getintouchs strong{font-weight: bolder; font-size:4em; color:white; padding: 30px 0px;}   
.getintouchs strong > a{ text-decoration: none; color: white;}
.getintouchs small{font-size:2em; color: #bba07a; font-weight:bold; display: block;}
.getintouchs ul{ display: block; width: 100%;}
.getintouchs ul li{ display:inline-block; margin: 0 10px;}
.getintouchs ul li a { text-decoration: none; color:white; font-size:2em; transition: all .5s;}
.getintouchs ul li a i{color: #bba07a; font-size: 16px; transition: all .5s;}
.getintouchs ul li a:hover{color: #bba07a;}
.getintouchs ul li a:hover i{color:white}

@media only screen and (max-width:1200px){
.newcontainers{width:90% !important;}
.mainbg2 .innercount .rows .cols small{width:99%;}
}
@media only screen and (max-width:900px){

.about2 .leftpart{width:100%; display: block; border:none;}
.ourservices2 .rows .lpart{width:100%;}
.ourservices2 .rows .rpart{width:90%;}
.teamcontainer .cols{width: 50%; display: inline-block;vertical-align: top; height: 300px; border-top: 1px solid white;}
.teamcontainer .cols span.imgs{padding:0;}
.teamcontainer .cols:nth-child(-n+2){height:250px;}
}

@media only screen and (max-width:767px){

.mainbg2 .innercount .rows .cols{width:100%; display: block; margin: 65px 0px;}
.mainbg2{height:770px; background-color: black;     background-image: none;}
.ourservices2 .rows .lpart .row .cols{width:100%}
.about1 h1{font-size: 30px;}
.about1 p{font-size: 18px; line-height: 28px;}
.about2 .leftpart h2, .mainbg2 .innercount h3{font-size: 26px; line-height: 30px;}
.ourservices2 .rows .rpart strong i{top:-14px; right:-20px;}
.ourservices2 .rows .rpart ul li{padding:2px;}
.mainbg2 .innercount .rows{margin-top:20px;}
.ourservices2 .rows .rpart ul li textarea{margin-bottom: 10px;}
}

@media only screen and (max-width:640px){
.teamcontainer .cols{width:100%; display:block; height: auto;}

}