body{
font-family: 'Arvo', serif;
} nav{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition: .5s;
}
.navbar{
margin-bottom: 0;
}
.btn-outline-primary{
border: 1px solid #3391ff;
background: none;
color: #3391ff !important;
}
.btn-outline-primary:hover{ 
background: #3391ff!important; 
color: #fff!important;
}
.btn-primary1{
border-radius: 6px;
background-color: #3391ff;
color: #fff;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
display: block;
width: 155px;
margin: auto;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition: .5s;
}
.btn-primary1:hover{
border: 1px solid #3391ff;
background:#fff;
color: #3391ff !important;
}
.navbar{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition: .5s;
box-sizing: border-box;
}
.navbar-brand {
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
margin: auto;
}
.navbar-toggle {
z-index:3;
}
.navbar-nav>li{
}
.navbar-nav>li>a{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
line-height: normal;
letter-spacing: normal;
color: #1d3360;
border-radius: 6px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition: .5s;
}
.navbar-brand img {
margin-right: 10px;
display: inline-block;
}
.navbar-brand{
padding: 15px 15px; height: auto;
text-align: left;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition: .5s;
}
.navbar-brand img{
transition: .5s;
}
.navbar-brand img:hover{
-moz-transform: scale(1.15);
-webkit-transform: scale(1.15);
-o-transform: scale(1.1);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.navbar-collapse{
top: 55px;
position: relative;
}
.nav-phoneno a{
position: relative;
}
.nav-phoneno a:after{ 
height:12px;
width: 12px;
z-index: 99;
top: 15px;
left: 0;
content: "";
position: absolute;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/icon-phone.svg) no-repeat;
}
.black{
}
.black .navbar-brand img{
width: 55px;
width: 34px;
margin: auto;
display: block;
}
.black .navbar-collapse {
top: 10px; top: 4px;
}
.black .navbar-brand{
background: rgba(255,255,255,.9);
padding: 8px 15px;
}
.black .navbar {
min-height: 67px;
}
.navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.2s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
} @media (min-width: 992px){
.navbar-fixed-top .navbar-collapse, 
.navbar-static-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse{ padding-right: 43px; padding-left: 43px;}
.navbar .container { }
}
@media (min-width: 768px){
.navbar-nav>li>a{ padding: 12px 15px; margin: 0 12px;}
.navbar-brand{ text-align: center;}
.navbar>.container .navbar-brand, 
.navbar>.container-fluid .navbar-brand { margin-left: 0;}
.nav-phoneno a{padding-left: 24px;}
.black .navbar-nav>li>a{padding: 10px 15px;}
.navbar-fixed-top .navbar-collapse, 
.navbar-static-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse{ padding-right: 0px; padding-left: 0px;}
}
.navbar-toggle .icon-bar{ background:#3391ff; }
.nav>li>a:hover, 
.nav>li>a:focus{background-color:transparent; color: #3391ff;}
.navbar .container { }
@media screen and (max-width: 992px) and (min-width: 767px){
.navbar .container { width: 100%;}
.navbar-fixed-top .navbar-collapse, 
.navbar-static-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse{top: 180px; padding-right: 43px; padding-left: 43px;}
.black .navbar-collapse, 
.black .navbar-collapse, 
.black .navbar-collapse{top: 0px; padding-right: 0px; padding-left: 0px;}
}
@media (max-width: 768px){
.navbar-brand img { width: 80px; margin: auto; display: block;}
.navbar-nav{margin: 0;}
.navbar-fixed-top .navbar-collapse{ background: #fff; }
.navbar-nav>li{ border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;}
.navbar-nav>li a{margin: 7px 0;}
.navbar-nav>li>.btn{text-align: left; width: 120px;}
.super-footer p{text-align: center;}
}  .section__services h2,
.section__cleaning_services h2,
.section__faq h2{
text-align: center;
color: #1d3360;
font-size: 48px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: 0.45px;
margin-bottom: 80px;
margin-top: 0;
} @keyframes bg {
0% {
background-size:    0 3px,
3px 0,
0 3px,
3px 0;
}
25% {
background-size:    100% 3px,
3px 0,
0 3px,
3px 0;
}
50% {
background-size:    100% 3px,
3px 100%,
0 3px,
3px 0;
}
75% {
background-size:    100% 3px,
3px 100%,
100% 3px,
3px 0;
}
100% {
background-size:    100% 3px,
3px 100%,
100% 3px,
3px 100%;
}
}
.animatebox {
z-index: 9999;
width: 25%;
margin: 2rem auto;
padding: 2em;
background-repeat: no-repeat;
background-image:   linear-gradient(to right, #C9C9C9 100%, #C9C9C9 100%),
linear-gradient(to bottom, #C9C9C9 100%, #C9C9C9 100%),
linear-gradient(to right, #C9C9C9 100%, #C9C9C9 100%),
linear-gradient(to bottom, #C9C9C9 100%, #C9C9C9 100%);
background-size:    100% 3px,
3px 100%,
100% 3px,
3px 100%;
background-position:    0 0,
100% 0,
100% 100%,
0 100%;
animation: bg 1s cubic-bezier(0.19, 1, 0.999, 1) 1;
animation-play-state: paused;
animation-fill-mode: all;
animation-play-state: running;
animation-iteration-count: infinite;
}
.animatebox:hover {
}  .jumbotron-home{background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/main_banner.jpg) no-repeat center center; }
.jumbotron-services{background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/main_banner.jpg) no-repeat center center; }
.jumbotron{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
height: 100vh;
overflow: hidden;
margin-bottom:0;
padding: 0; }
.jumbotron-content{
position: absolute;
top: 0;
width: 100%;
max-width: 100%;
}
.jumbotron h1{ font-size: 45px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.37;
letter-spacing: normal;
text-align: center;
color: #1d3360;
padding: 0 30px;
margin-top: 200px;
margin-bottom: 40px;
}
@media (min-width: 768px){
.jumbotron{
position: relative;
height: 100vh;
overflow: hidden;
margin-bottom:0;
padding: 0; }
.jumbotron h1{
font-size: 60px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.37;
letter-spacing: normal;
text-align: center;
color: #1d3360;
padding: 0 20%;
margin-top: 300px;
margin-bottom: 40px;
}
} .section__services{
padding: 100px 0;
}
.service-icon-wrapper{
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/bg_service.png) no-repeat center center; 
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
padding: 85px;
}
.cleaning_staff{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cleaning_staff img{
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.latest_equipment{
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.latest_equipment img{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.eco_friendly{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.section__services  p{
font-size: 16px;
font-weight: normal;
line-height: 20px;
color: #1d3360;
padding: 30px 75px;
}
.service-icon-wrapper img{
text-align: center;
margin: auto;
} .section__testimonal{
min-height: 400px;
background: #3391ff;
position: relative;
overflow: hidden;
}
.section__testimonal p{
font-family: 'Arvo', serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-bottom: 40px;
}
.testimonal-content{
padding: 0 10%;
margin-top: 90px;
margin-bottom: 90px;
}
.section__testimonal h5{
opacity: 0.8;
font-family: 'Arvo', serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.78;
letter-spacing: 0.09px;
color: #ffffff;
text-align: center;
}
.section__testimonal .owl-nav{
position: absolute;
top: 50%;
width: 100%;
}
.section__testimonal .owl-carousel .owl-nav button.owl-next{
right: 0;
position: absolute;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/arrow-right.svg) no-repeat center center; 
height: 30px;
width: 30px;
}
.section__testimonal .owl-carousel .owl-nav button.owl-prev{
left: 0;
position: absolute;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/arrow-left.svg) no-repeat center center; 
height: 30px;
width: 30px;
}
.section__testimonal .owl-carousel .owl-nav button.owl-next span,
.section__testimonal .owl-carousel .owl-nav button.owl-prev span{
display: none;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot{}
.section__testimonal:after{ 
height: 81px;
width: 100px;
z-index: 99;
bottom: 0;
right: 0;
content: "";
position: absolute;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/icon_sponges.svg) no-repeat;
}
@media (min-width: 768px){
.section__testimonal:after{ 
right: 25px;
}
.testimonal-content{
margin-bottom: 0px
}
} .section__cleaning_services{
position: relative;
padding: 80px 0;
overflow: hidden;
}
.cleaning_services_bg{
position: absolute;
z-index: -2;
top: 0;
width: 100%;
height: 100%;
}
.cleaning_services_bg aside{
width: 50%;
display: inline-block;
height: 100%;
float: left;
}
.bgmain{
position: relative;
overflow: hidden;
}
.cleaning_services_bg aside:first-child{
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/service_bg_left.svg) repeat-y top left; 
}
.cleaning_services_bg aside:last-child{
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/service_bg_right.svg) repeat-y bottom right; 
}
.cleaning_services_bg_svg{
position: absolute;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
}
.section__cleaning_services h3{
font-family: 'Arvo', serif;
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
color: #1d3360;
margin-bottom: 20px;
text-align: center;
}
.section__cleaning_services p{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #1d3360;
}
.services_wrapper p{text-align: center;}
.services_wrapper img{margin: auto;}
.icon_commercial_cleaning,
.icon_office_cleaning,
.icon_office_staffing{
margin:auto;
}
.icon_commercial_cleaning{ margin-top:50px;  }
.img_officeboy_staffing{margin-top:50px; }
@media (min-width: 768px){
.services_wrapper img{margin:0}
.section__cleaning_services h3{ text-align: left; }
.services_wrapper p{text-align: left;}
.icon_commercial_cleaning,
.icon_office_cleaning,
.icon_office_staffing{
margin:0;
}
.img_officeboy_staffing{margin-top:0; }
} .section__about-us{
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/aboutus_bg.jpg) no-repeat bottom center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 80px 0;
}
.section__about-us h2{
font-family: 'Arvo', serif;
font-size: 48px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: 0.45px;
text-align: center;
color: #ffffff;
margin-top: 0;
}
.section__about-us  p{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-bottom: 50px;
}
.section__about-us .btn-default{
text-shadow:none;
background: #fff;
border: none;
font-family: 'Arvo', serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #1d3360;
padding: 15px 0px;
margin: auto;
width: 160px;
display: block;
}
.about-us-wrap{
padding: 0 30px;
width: 100%;
} .section__faq{
position: relative;
padding: 80px 0;
}
.section__faq .panel-group .panel{
border-radius:0;
}
.section__faq .panel-heading{
border-radius:0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.section__faq .panel-title{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #1d3360;
text-align: center;
}
.section__faq .panel-body{
text-align: center;
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #91959e;
}
.section__faq .panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-group .panel-heading+.panel-collapse>.panel-body, 
.panel-group .panel-heading+.panel-collapse>.list-group{
border-bottom: 1px solid #fff;
border-top: none;
}
.panel-title>a{
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.panel-title>a:hover{
text-decoration: none;
border-bottom: 1px solid #23527c;
}
.panel-title>a:after{}
.section__faq .panel-group{
margin-bottom: 0;
} footer{ }
footer .super-footer{
background-color: #f5f9ff;
position:relative;
min-height: 85px;
padding-top: 35px;
}
.super-footer:after{ 
height: 114px;
width: 150px;
z-index: 99;
bottom: 0;
right: 0;
content: "";
position: absolute;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/footer_bubble.svg) no-repeat;
}
.super-footer p{ 
color: #959bad; 
font-size: 12px; 
line-height: 14px; 
}
.super-footer ul{
float: none;
padding: 0;
margin: auto;
text-align: center;
display: block;
}
.super-footer ul li{ 
list-style: none; 
display: inline-block;
}
.super-footer ul li a{
color: #959bad;
font-family: 'Arvo', serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 14px;
letter-spacing: normal;
color: #959bad;
} .super-footer ul li:last-child a{padding-left: 30px;}
footer .media-footer{
margin-bottom: 30px;
border-top: 1px solid #ecedf2;
padding-top: 45px;
}
.media-footer .footer-logo{
display: inline-block;
width: 90px;
height: auto;
display: block;
text-align: center;
margin: auto;
}
ul.footer-nav{}
ul.footer-nav li{ 
list-style: none;
display: inline-flex;
text-align: center;
padding: 20px 15px;
}
ul.footer-nav li a{
color: #7785a0;
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: normal;
}
ul.footer-sm{}
ul.footer-sm li{
list-style: none;
display: inline-flex;
text-align: center;
padding: 0 12px;
}
ul.footer-callinfo{
list-style: none;
margin: auto;
display: block;
text-align: center;
padding: 0;
}
ul.footer-callinfo li{
position: relative;
color: #1d3360;
margin: 10px 0;
text-align:center;
display:inline;
padding:0 15px;
}
ul.footer-callinfo li h6{
font-size: 16px;
line-height: 16px;
margin: 0;
}
ul.footer-callinfo li a{
font-size: 14px;
line-height: 16px;
color: #1d3360;
}
ul.footer-callinfo li:before{ 
z-index: 99;
top: 2px;
left: 0;
content: "";
position: absolute;
}
ul.footer-callinfo .land-phone:before{
height: 12px;
width: 12px;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/icon-phone.svg) no-repeat;
}
ul.footer-callinfo .mobile-phone:before{
height: 14px;
width: 9px;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/icon-mobile.svg) no-repeat;
}
ul.footer-callinfo li h6{
margin-bottom: 20px;
}
@media (min-width: 768px){
ul.footer-nav li {
padding: 20px 30px;
}
.media-footer .footer-logo{
display: inline-flex;
text-align: center;
margin: 0;
}
ul.footer-callinfo li{
position: relative;
text-align: right;
color: #1d3360;
margin: 10px 0;
display: block;
}
ul.footer-callinfo li h6{
margin-bottom: 0;
}
.super-footer ul{
float: right;
padding: 0;
margin: auto;
text-align: center;
display: block;
}
.super-footer ul li:last-child a{padding-left: 30px;}
} .section__getready{
background: #3391ff url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/ready_get.svg) no-repeat bottom center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 60px 0;
}
.section__getready h2{
font-family: 'Arvo', serif;
font-size: 48px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: 0.45px;
text-align: center;
color: #ffffff;
margin-top: 0;
}
.section__getready  p{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin-bottom: 50px;
}
.section__getready .btn-default{
text-shadow:none;
background: #fff;
border: none;
font-family: 'Arvo', serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #1d3360;
padding: 15px 0px;
margin: auto;
width: 160px;
display: block;
margin-top: 40px;
}
.getready-wrap{
padding: 0 30px;
width: 100%;
}
@media (min-width: 768px){
.section__getready{padding: 95px 0;}
} .br-line{ 
border-bottom: 1px solid #ecedf2;
height: 60px;
margin-bottom: 60px;
}
.br-line-footer{ 
border-top: 1px solid #ecedf2;
height: 40px;
}
.services-page .jumbotron h1{
padding: 0;
}
.section__services-page{
padding: 120px 0;
}
.section__services-page ul{
margin: 35px 0;
}
.section__services-page ul li{  
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #1d3360;
}
@media (min-width: 768px){
.br-line{  height: 120px; margin-bottom: 120px;}
} .section__ourstory p,
.section__ourmission p,
.section__abouttkt p{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #1d3360;
}
.section__abouttkt ul,
.section__ourstory ul,
.section__ourmission ul{
margin: 18px 0;
padding-left: 20px;
}
.section__abouttkt ul li,
.section__ourstory ul li,
.section__ourmission ul li{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #1d3360;
}
.section__abouttkt h3,
.section__ourstory h3,
.section__ourmission h3{ 
margin-bottom: 60px; margin-top: 0;
font-size: 48px;line-height: 50px;
} .section__abouttkt h1{
padding-bottom: 40px; 
margin-bottom: 40px;
margin-top: 0;
font-family: 'Arvo', serif;
font-size: 60px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.15;
letter-spacing: normal;
color: #1d3360;
border-bottom: 1px solid #ecedf2;
}
.section__abouttkt h1:after{ }
.section__abouttkt{padding-top: 220px; overflow: hidden;}
.section__abouttkt .pic_figure{ position:relative; margin-top: 50px; margin-bottom: 50px;}
.section__abouttkt .pic_figure:after{
top: -30px;
left: 340px;
height: 505px;
width:505px;
content: "";
z-index: -2;
position: absolute;
background: url(//www.thekleenteam.com/wp-content/themes/kleenteam/assets/img/combined-shape.svg) no-repeat;
} .section__ourstory{position: relative; padding: 0 0; }
.section__ourstory h3{ margin-bottom: 60px; margin-top: 0;} .section__ourmission{position: relative; padding: 0 0 60px 0; }
.postmargin figure{ margin-bottom: 60px; }
.postmargin figure img{ margin-bottom: 15px;}
.postmargin div:nth-child(odd) figure,
.postmargin div:nth-child(even) figure{padding-right: 0;padding-left: 0;} 
.section__ourmission h3{ margin-bottom: 60px; margin-top: 0;}
@media (min-width: 768px){
.postmargin div:nth-child(odd) figure{padding-right: 25%;}
.postmargin div:nth-child(even) figure{padding-left: 25%;}
.section__abouttkt .pic_figure{ margin-top: 100px; margin-bottom: 80px;}
.section__ourmission{padding: 0 0 0 0; }
.section__abouttkt{padding-top: 200px;}
} .section__getintouch h1{
font-size: 60px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.37;
letter-spacing: normal;
color: #1d3360;
margin-bottom:40px; 
text-align: center;
}
.section__getintouch p,
.section__ouroffice p{
font-family: 'Arvo', serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
color: #1d3360;
}
.section__ouroffice p{text-align: center; margin-bottom: 50px;}
.section__ouroffice h3{
font-size: 48px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: 0.45px;
text-align: center;
color: #1d3360;
margin: 0 0 80px 0;
}
.section__ouroffice h4{
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
color: #1d3360; text-align: center;
}
.section__getintouch{ background:#f9fbff; padding: 220px 0 100px 0; }
.section__getintouch .form-area{
background: #fff;
box-shadow: 0 2px 24px 0 #0000000d;
padding: 45px;
margin-top: 50px;
}
.section__getintouch .form-area h3{
color: #3391ff;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-top: 0;
margin-bottom: 25px;
}
.form-area .btn-primary1{
font-size: 14px;
line-height: 16px;
width: 100%;
height: 48px;
}
.section__getintouch input[type=text]{
border: 1px solid #a5adbe;
height: 48px;
width: 100%;
color: #a5adbe;
border-radius: 4px;
}
.section__getintouch ::placeholder {color: #a5adbe;}
.section__getintouch textarea {
width: 100%;
height: 120px;
padding: 12px 20px;
box-sizing: border-box;
border: 1px solid #a5adbe;
border-radius: 4px;
background-color: #fff;
resize: none;
}
.form-control{
border: 1px solid #a5adbe;
height: 48px;
width: 100%;
color: #a5adbe;
border-radius: 4px;
padding: 10px 15px;
}
.section__ouroffice{padding: 60px 0;}
.google-maps {
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.section__getintouch{ padding: 220px 0 0 0;}
@media (min-width: 768px){
.section__getintouch{ padding: 220px 0 100px 0;}
.section__ouroffice {
padding: 120px 0;
}
.section__getintouch h1{ margin-bottom:40px;text-align: left;}
.section__getintouch .form-area{margin-top: 0px;}
.section__ouroffice p{text-align: left; margin-bottom: 0;}
.section__ouroffice h4{text-align: left; }
} .main__faq{ padding-top:140px;}
.main__faq .section__faq .panel-title,
.main__faq .section__faq .panel-body{ text-align: left; }