@charset "UTF-8";

/*
Theme Name: MaazCS
Theme URI: 
Author: the MaazCS team
Author URI: 
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
   @font-face {
    font-family: Montserrat-Regular; 
    src: url(fonts/Montserrat-Regular.ttf);     
  }
  
  @font-face {
    font-family: Montserrat-Medium; 
    src: url(fonts/Montserrat-Medium.ttf);     
  }
  @font-face {
    font-family: Montserrat-SemiBold; 
    src: url(fonts/Montserrat-SemiBold.ttf);     
  }
  @font-face {
    font-family: Montserrat-Light; 
    src: url(fonts/Montserrat-Light.ttf);     
  }
  @font-face {
    font-family: Montserrat-Bold; 
    src: url(fonts/Montserrat-Bold.ttf);     
  }
 
 @font-face {
    font-family: agrandir-widelight; 
    src: url(fonts/agrandir-widelight.ttf);     
  }
 

 
body {
 margin:0px;
 padding:0px;
 font-family: Montserrat-Regular; 
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 background: #fff;
}
*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
 box-sizing: border-box;
}


a {
 -o-transition:.5s;
 -ms-transition:.5s;
 -moz-transition:.5s;
 -webkit-transition:.5s;
 transition:.5s;
 text-decoration: none;
}

.container{
  width: 1220px;
  margin:0 auto; 
}

.clearfix , .clear {
 clear:both;
}
.header{ 
background:#f6f6f6;
position: relative;
}
.header.scrolled { 
position: fixed;
width: 100%;
z-index:100;
background: transparent;
}
.header .header-container {
  width: 90%;
  margin:0 auto; 
}
.header.scrolled .header-container {
  width: 90%;
}
.header-top-strip {
background:#00194b;
font-size:12px;
color:#cbd5ea;
 font-family: Montserrat-Medium;
 padding:0px 0px 0px 10px;
}
.header-top-strip .header-address-email {
float:left;
width:65%;
}
.header-top-strip span.address {
background:url(images/marker-icon.png) no-repeat;
padding: 11px 15px 11px 22px;
background-size:17px;
display:inline-block;
background-position:0% 50%;
margin-right:12px;
border-right:1px solid #324b7d;
}
.header-top-strip span.email {
background:url(images/email-icon.png) no-repeat;
padding: 11px 0px 11px 26px;
background-size:22px;
display:inline-block;
background-position:0% 50%;
}
.header-top-strip .social-handles {
float:left;
width:19%;
padding:10px 10px;
text-align:right;
}
.header-top-strip .social-handles  a {
font-size:15px;
color:#cbd5ea;
}
.header-top-strip .free-consulting-cta {
float:right;
padding:11px 0px;
width:16%;
text-align:right;
}
.header-top-strip .free-consulting-cta a {
text-transform:uppercase;
font-size:13px;
color:#fff;
padding:11px 15px 12px 35px;
background:#1260cc url(images/phone-icon.png) no-repeat;
background-size:20px;
background-position:7% 50%;
}
.header .header-nav-section {
background:#fff;
position: relative;
}
.header .logo{
 float: left;
 width: 16%; 
 padding:5px 10px;
}
.header .logo img {
 width:132px;
}

.header .main-navigation{
 float: left;
 width: 62%; 
}
.header .search-hotline-section {
 float: right;
 width: 22%; 
 

}
.header .search-hotline-section .hotline {
float:left;
width:73%;
font-size:12px;
font-family: Montserrat-Regular; 
color:#585e82;
background:url(images/hotline-icon.png) no-repeat;
background-position:0% 50%;
padding:21px 0px 21px 45px;
border-right: 1px solid #d9d9d9;
}
.header .search-hotline-section .hotline span.number {
float:left;
font-size:14px;
color:#00194c;
font-family: Montserrat-SemiBold; 
}

.header .search-hotline-section .header-search {
float:right;
width:27%;
text-align:center;
padding-top:20px;
}
.header .search-hotline-section .header-search a img {
width:35px;
}


.header .main-navigation ul {
  margin:0px;
  padding: 28px 0px 0px 0px;
  list-style: none;
  display: inline-block;
} 
.header .main-navigation ul li{
  float: left;
  padding: 0px 15px;
  position: relative;
}
.header .main-navigation ul li a{
  font-size: 16px;
  color: #00194c; 
  font-weight: normal;
  font-family: Montserrat-SemiBold; 
  text-decoration: none;
  position: relative;
}

.header .main-navigation  .sub-menu-toggle{
  display: none;
}

.header .main-navigation ul li .sub-menu {
  display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 12px;
    left:0px;
    padding: 30px 15px;
    top: 15px;
    width: 220px;
    z-index: 99;
   -webkit-box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.44);
box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.44);
}

.header .main-navigation ul li.mega-menu .sub-menu {
  display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 12px;
    left: -100px;
    padding: 30px 15px;
    top: 15px;
    width: 760px;
    z-index: 99;
   -webkit-box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.44);
box-shadow: 0px 4px 21px -7px rgba(0,0,0,0.44);
}

.header .main-navigation ul li.mega-menu .sub-menu li{
  float: left;
  width: 25%;
  padding: 0px 15px;
  border-right: #ccc solid 1px;
  min-height: 236px;
}
.header .main-navigation ul li .sub-menu li:last-child{
  border:0px;
}
.header .main-navigation ul li .sub-menu li a:before{
  display: none !important;
}
.header .main-navigation ul li.mega-menu .sub-menu li a{
  font-size: 16px;
} 
.header .main-navigation ul li .sub-menu .sub-menu {
  position: static;
  -webkit-box-shadow: inherit;
-moz-box-shadow:inherit;
box-shadow: inherit;
background: none;
padding: 15px 0px;
width: 100%;
}
.header .main-navigation ul li .sub-menu .sub-menu li ,.header .main-navigation ul li.single-menu .sub-menu li{
  width: 100%;
  padding: 0px;
  padding-bottom: 15px;
  border:0px;
  min-height: inherit;
}
.header .main-navigation ul li .sub-menu .sub-menu li a,.header .main-navigation ul li.single-menu .sub-menu a{
  font-family: Montserrat-Regular; 
  font-size: 14px;

  }

  .header .main-navigation ul li:hover .sub-menu {
  display: block;
}

 .header .main-navigation ul li a:hover, .header .main-navigation ul li.current-menu-item>a{
  color: #1260cc;
 }
.header .main-navigation ul li a:before  {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #1260cc ;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.header .main-navigation ul li a:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left;
}


.home-banner {
background:#f6f6f6;
padding:0px;

}
.home-banner .banner-content {
width:50%;
float:left;
position:relative;
}
.home-banner .banner-content .banner-content-container {
width:610px;
margin:0px 0px 0px auto;
}
.home-banner .banner-content .banner-content-padding {
max-width:75%;
padding-top:15%;
}
.home-banner .banner-image {
width:50%;
float:right;
padding:30px 0px 0px 30px;
margin-bottom:-50px;
}
.home-banner .banner-image img {
max-width:99%;
}
.home-banner .banner-content h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px;
line-height:50px;
font-size:46px;
font-weight:normal;
}
.home-banner .banner-content h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:16px;
display:inline-block;
font-weight:normal;
}
.home-banner .banner-content p {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 15px 0px;
margin:0px;
line-height:26px;
font-size:18px;
}
.home-banner .services-cta {
}
.home-banner .services-cta a {
border-radius:35px;
padding:0px 55px 0px 20px;
font-size:14px;
color:#fff;
text-decoration:none;
display:inline-block;
text-transform:uppercase;
font-family: Montserrat-SemiBold; 
background:#1260cc url(images/b-circled-chevron.png) no-repeat;
background-position:100% 0%;
height:47px;
line-height:47px;
}
.home-about-section {
padding: 80px 0px;
background:#fff url(images/about-sec-bg.jpg) no-repeat;
background-position:100% 70%;


}
.home-about-section .img-sec {
float:left;
width:50%;
position:relative;
}
.home-about-section .cont-sec {
float:right;
width:50%;
position:relative;
text-align:left;
}
.home-about-section .img-sec img {
max-width:95%;
}

.home-about-section .img-sec .abtimgcont {
position:absolute;
width:100%;
bottom:50px;
z-index:1;
font-size:18px;
line-height:24px;
color:#fff;
font-family: Montserrat-Medium;
max-width:300px;
left:70px;
}
.home-about-section .img-sec .abtimgcont .left {
float:left;
width:27%;
border-right:2px solid #fff;
}
.home-about-section .img-sec .abtimgcont .right {
float:left;
width:63%;
padding-left:25px;
}
.home-about-section .img-sec .abtimgcont span.big1 {
font-size:52px;
font-family: Montserrat-Bold;
line-height:48px;
}
.home-about-section .img-sec .abtimgcont span.big2 {
font-size:20px;
font-family: Montserrat-Medium; 
}
.home-about-section .cont-sec .inner-padd {
padding:60px 50px 0px 10px;
}

.home-about-section .cont-sec h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px;
line-height:40px;
font-size:34px;
font-weight:normal;
}
.home-about-section .cont-sec h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
}
.home-about-section .cont-sec p {
font-family: Montserrat-Regular;
color:#585e82;
padding:0px 0px 20px 0px;
margin:0px;
line-height:24px;
font-size:16px;
}
.home-about-section .cont-sec ul {
font-family: Montserrat-Medium;

padding:0px;
margin:0px 0px 20px 0px;
line-height:22px;
font-size:16px;
list-style-position:inside;
}
.home-about-section .cont-sec ul li {
font-family: Montserrat-SemiBold;
list-style:none;
background: url(images/home-blue-arrow-bullet.png) no-repeat left center;
padding:5px 0px 5px 30px;
margin:0px;
line-height:22px;
font-size:16px;
color:#585e82;

}
.home-about-section .cont-sec p a {

color:#0055ff;
text-decoration:underline;
}


.home-products-section {
padding: 40px 0px;
}
.home-products-section .left {
float:left;
width:50%;
}
.home-products-section .right {
float:right;
width:50%;
}



.home-products-section h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px;
line-height:40px;
font-size:34px;
font-weight:normal;
max-width:400px;
}
.home-products-section h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
}
.home-products-section p {
font-family: Montserrat-Regular;
color:#585e82;
padding:30px 0px 20px 0px;
margin:0px;
line-height:24px;
font-size:16px;
float:right;
max-width:350px;
text-align:right;
}
.home-products-section .product-box {
float:left;
width:32.0%;
margin:0px 10px;
position:relative;
border-radius:20px;
line-height:1px;
}
.home-products-section .product-box.no-marg-left {
margin-left:0px;
}
.home-products-section .product-box.no-marg-right {
margin-right:0px;
}
.home-products-section .product-box .image img {
line-height:1px;
}
.home-products-section .product-box .image img {
width:100%;
border-radius:20px;
line-height:1px;
}
.home-products-section .product-box .cont {
position: absolute;
z-index:1; 
color:#fff;
height:126px;
font-size:22px;
font-family: Montserrat-SemiBold;
font-weight:normal;
margin:0px;
padding:50px 0px 0px 30px;
bottom:0px;
width:100%;
background:url(images/trans-bg-rep.png) repeat-x;
line-height:30px;
border-radius: 20px;
}
.home-products-section .see-more-cta {
text-align:center;
padding:20px 0px;
}
.home-products-section .see-more-cta a {
border-radius:35px;
padding:0px 65px 0px 30px;
font-size:14px;
color:#fff;
text-decoration:none;
display:inline-block;
text-transform:uppercase;
font-family: Montserrat-SemiBold; 
background:#1260cc url(images/b-circled-chevron.png) no-repeat;
background-position:100% 0%;
height:47px;
line-height:47px;
}

.home-our-clients {
padding: 40px 0px;
background:#f6f6f6;
}
.home-our-clients  h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px auto;
line-height:40px;
font-size:34px;
font-weight:normal;
max-width:400px;
text-align:center;
}
.home-our-clients  h3 {
font-family: Montserrat-Medium;
color:#0055ff;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
text-align:center;
}
.client-logo {
float:left;
width:16.66%;
}
.client-logo img {
width:100%;
}


.home-blog-section {
padding: 60px 0px;
background:#fff;
}
.home-blog-section  h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 0px 0px;
margin:0px auto;
line-height:40px;
font-size:34px;
font-weight:normal;
max-width:400px;
text-align:center;
}
.home-blog-section  h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
text-align:center;
}
.home-blog-section .descp {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 5px 0px;
margin:0px auto 15px auto;
line-height:20px;
font-size:14px;
max-width:350px;
text-align:center;
}
.home-blog-section .blog-card {
float:left;
width:32.0%;
margin:0px 10px;
position:relative;

line-height:1px;

}
.home-blog-section .blog-card.no-marg-left {
margin-left:0px;
}
.home-blog-section .blog-card.no-marg-right {
margin-right:0px;
}
.home-blog-section .blog-card .image {
position:relative;
}
.home-blog-section .blog-card .image img {
width:100%;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
line-height:1px;
}
.home-blog-section .blog-card .type {
position: absolute;
z-index:1; 
color:#fff;
font-size:14px;
height:30px;
line-height:30px;
font-family: Montserrat-Medium;
font-weight:normal;
margin:0px;
padding:0px 10px 0px 10px;
bottom:0px;
left:0px;
display:inline-block;
background: #1260cc;
}
.home-blog-section .blog-card .cont {
border:1px solid #e7e7e7;
background:#fff;
padding:25px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.home-blog-section .blog-card .cont h4 {
font-family: Montserrat-Bold;
color:#00194c;
padding:5px 0px 5px 0px;
margin:0px;
line-height:28px;
font-size:22px;
font-weight:normal;

}
.home-blog-section .blog-card .cont h4 a{
  color:#00194c;
  }
.home-blog-section .excerpt p{
font-family: Montserrat-Medium;
color:#585e82;
padding:10px 0px 5px 0px;
margin:0px;
line-height:20px;
font-size:14px;
text-align:left;
max-width:inherit;
}
.home-blog-section .date {
font-family: Montserrat-Medium;
color:#585e82;
padding:10px 0px 5px 25px;
line-height:20px;
font-size:13px;
background:url(images/cal-icon.png) no-repeat;
background-position:0% 60%;
}

.home-our-clients .see-more-cta , .home-blog-section  .see-more-cta , .home-services-section .see-more-cta {
text-align:center;
padding:20px 0px;
}
.home-our-clients .see-more-cta a , .home-blog-section  .see-more-cta a , .home-services-section .see-more-cta a {
border-radius:35px;
padding:0px 65px 0px 30px;
font-size:14px;
color:#fff;
text-decoration:none;
display:inline-block;
text-transform:uppercase;
font-family: Montserrat-SemiBold; 
background:#1260cc url(images/b-circled-chevron.png) no-repeat;
background-position:100% 0%;
height:47px;
line-height:47px;
}

.home-contact-section {
background:#00194c url(images/contact-sec-bg.jpg) no-repeat;
background-position:100% 0%;
}
.home-contact-section .inner {
background:url(images/contact-sec-left-bg.jpg) no-repeat;
background-position:0% 50%;
padding:60px;
}
.home-contact-section .cont-box {
float:left;

width:30%;
}
.home-contact-section .form-box {
float:right;
width:40%;
padding-top:10px;
}
.home-contact-section .wpcf7 form .wpcf7-response-output {
    margin: 5px 0px;
    padding: 0.2em 1em;
    color: #fff;
}

.home-contact-section .cont-box h2 {
font-family: Montserrat-Bold;
color:#fff;
padding:5px 0px 5px 0px;
margin:0px;
line-height:34px;
font-size:38px;
font-weight:normal;
}
.home-contact-section .cont-box p {
font-family: Montserrat-Regular;
color:#fff;
padding:5px 0px 5px 0px;
margin:0px;
line-height:20px;
font-size:16px;
}
.home-contact-section .form-box .cin {
font-size:14px;
color:#555;
background:#fff;
border-radius:5px;
padding:10px 10px;
margin:5px 2px;
border:none;
outline:none;
width:47%;
}
.home-contact-section .form-box .btn {
font-size:14px;
color:#fff;
background:#1260cc;
border-radius:5px;
padding:10px 10px;
margin:5px 2px;
border:none;
outline:none;
width:47%;
text-transform:uppercase;
font-family: Montserrat-Medium;
cursor:pointer;
}
.footer {
background:#fff url(images/footer-bg.jpg) no-repeat;
background-position:100% 0%;
padding:50px 0px 0px 0px;
}
.footer h4 {
font-family: Montserrat-Bold;
color:#00194c;
padding:5px 0px 15px 0px;
margin:0px 0px 25px 0px;
line-height:28px;
font-size:22px;
font-weight:normal;
background:url(images/footer-menu-heading-bar.jpg) no-repeat;
background-position:0% 100%;
}
.footer .col-1 {
float: left;
width:35%;
padding:0px 100px 0px 0px;
}
.footer .col-1 p {
font-family: Montserrat-Medium;
color:#585e82;
padding:15px 0px 15px 0px;
margin:0px;
line-height:20px;
font-size:14px;
}
.footer .col-1 .phone {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 5px 28px;
margin:0px;
line-height:20px;
font-size:14px;
background:url(images/footer-phone-icon.jpg) no-repeat;
background-position:0% 50%;
}
.footer .col-1 .email {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 5px 28px;
margin:0px;
line-height:20px;
font-size:14px;
background:url(images/footer-email-icon.jpg) no-repeat;
background-position:0% 50%;
}
.footer .col-2 {
float: left;
width:15%;
padding:0px 20px 0px 0px;
}


.footer .col-3 {
float: left;
width:15%;
}
.footer .col-2 ul , .footer .col-3 ul {
margin:0px;
padding:0px;
}
.footer .col-2 ul li , .footer .col-3 ul li {
  padding: 5px 0px;
  font-family: Montserrat-Medium;
color:#585e82;
margin:0px;
line-height:20px;
list-style:none;
font-size:16px;
}
.footer .col-2 ul li a  , .footer .col-3 ul li a{
  font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 15px 0px;
margin:0px;
line-height:20px;
font-size:16px;
}
.footer .col-4 {
float: left;
width:35%;
}
.footer .col-4 p {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 80px 15px 0px;
margin:0px;
line-height:20px;
font-size:14px;
}
.footer .col-4 .footer-nl-sec {
padding:0px 60px 15px 0px;
}
.footer .col-4 .social-handles a {
background:#eef1f5;
color:#687799;
font-size:26px;
line-height:50px;
text-align:center;
width:50px;
height:50px;
border-radius:50%;
display:inline-block;
margin-right:0px;
}
.footer .col-4 .nl-input ,.footer .col-4 .footer-nl-sec .es-email{
background:#eef1f5;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
padding:13px 30px 13px 20px;
font-size:16px;
color:#687799;
font-family: Montserrat-Medium;
border:none;
width:64%;
}
.footer .col-4 .nl-btn ,.footer .col-4 .footer-nl-sec input[type="submit"] {
background:#1260cc;
border-radius:30px;
padding:13px 20px 13px 20px;
font-size:16px;
color:#fff;
width:36%;
font-family: Montserrat-Medium;
border:none;
margin-left:-20px;
}
.footer .copyrights {
margin-top:50px;
border-top: 1px solid #eaeaea;
padding:25px;
text-align:center;
font-family: Montserrat-Medium;
color:#585e82;
line-height:20px;
font-size:14px;
}

.home-services-section {
padding:50px;
background:#fff url(images/services-left-bg.jpg) no-repeat;
background-position:0% 50%;
background-size: auto 80%;
}
.home-services-section .left-cont {
float:left;
width:30%;
}
.home-services-section .mid-cont {
float:left;
width:40%;
text-align:center;
}
.home-services-section .mid-cont img {
width:90%;
}
.home-services-section .right-cont {
float:left;
width:30%;
}
.home-services-section .service-card {
padding: 15px 5px 15px 5px;
}
.home-services-section .service-card .icon {
float:left;
width:20%;
}
.home-services-section .service-card .icon img {
max-width:100%;
}
.home-services-section .service-card .text {
float:left;
width:72%;
}
.home-services-section .service-card .text h4 {
font-family: Montserrat-Bold;
color:#00194c;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:24px;
font-size:18px;
font-weight:normal;
	text-transform:uppercase;
}
.home-services-section .service-card .text h4 a{
  color:#00194c;
  text-decoration: none;
  }
.home-services-section .service-card .text p {
font-family: Montserrat-Medium;
color:#585e82;
padding:0px 0px 5px 0px;
margin:0px;
line-height:20px;
font-size:14px;
}
.home-services-section  h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 30px 0px;
margin:0px auto;
line-height:40px;
font-size:34px;
font-weight:normal;
max-width:450px;
text-align:center;
}
.home-services-section  h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
text-align:center;
}
.about-page-section2 {
background:#00194c;

}
.about-page-section2 .text-cont {
float:left;
width:50%;
display: flex;
  justify-content: center;
  align-items: center;
height:530px;
}
.about-page-section2 .text-cont .inner-padd {
padding: 0px 90px 0px 90px;
}
.about-page-section2 .img-cont {
float:right;
width:50%;
height:530px;
line-height:1px;
overflow:hidden;
}
.about-page-section2 .img-cont img {
width:100%;
}
.about-page-section2  h2 {
font-family: Montserrat-Bold;
color:#fff;
padding:10px 0px 10px 0px;
margin:0px;
line-height:40px;
font-size:34px;
font-weight:normal;
}
.about-page-section2  h3 {
font-family: Montserrat-Medium;
color:#fff;
background:#1e376a;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
text-align:center;
}
.about-page-section2  p {
font-family: Montserrat-Medium;
color:#fff;
padding:0px 0px 15px 0px;
margin:0px;
line-height:22px;
font-size:16px;
}


.about-page-section3 {
padding:70px 0px;
background:#fff url(images/services-left-bg.jpg) no-repeat;
background-position:0% 50%;
background-size: 40% auto;
}
.about-page-section3  h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px auto;
line-height:40px;
font-size:34px;
font-weight:normal;
text-align:center;
}
.about-page-section3  p {
font-family: Montserrat-Medium;
color:#585e82;
padding:0px 0px 15px 0px;
margin:0px auto;
line-height:22px;
font-size:16px;
text-align:center;
max-width:550px;
}



.inner-page-banner {
background:#f6f6f6;
padding:0px;

}
.inner-page-banner .banner-content {
width:50%;
float:left;
position:relative;
}
.inner-page-banner .banner-content .banner-content-container {
width:610px;
margin:0px 0px 0px auto;
}
.inner-page-banner .banner-content .banner-content-padding {
max-width:85%;
padding-top:12%;
}
.inner-page-banner .banner-image {
width:50%;
float:right;
padding:30px 0px 0px 0px;
margin-bottom:-80px;
}
.inner-page-banner .banner-image img {
max-width:99%;
}
.inner-page-banner .banner-content h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px;
line-height:50px;
font-size:46px;
font-weight:normal;
}
.inner-page-banner .banner-content h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:16px;
display:inline-block;
font-weight:normal;
}
.inner-page-banner .banner-content p {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 15px 0px;
margin:0px;
line-height:26px;
font-size:18px;
}
.inner-page-banner .services-cta {
}
.inner-page-banner .services-cta a {
border-radius:35px;
padding:0px 55px 0px 20px;
font-size:14px;
color:#fff;
text-decoration:none;
display:inline-block;
text-transform:uppercase;
font-family: Montserrat-SemiBold; 
background:#1260cc url(images/b-circled-chevron.png) no-repeat;
background-position:100% 0%;
height:47px;
line-height:47px;
}



.about-service-cont-sections {
background:#fff;
padding: 30px 0px;

}
.about-service-cont-sections.grey {
background:#f6f6f6;

}
.about-service-cont-sections .text-cont {
float:left;
width:50%;
text-align:left;
padding:50px 0px 0px 0px;
}
.about-service-cont-sections.grey .text-cont {
text-align:right;
}
.about-service-cont-sections .text-cont .inner-padd {
max-width:70%;
margin:auto 0px 0px 50px;
}
.about-service-cont-sections.grey .text-cont .inner-padd {
margin:0px 50px 0px auto;
}
.about-service-cont-sections .img-cont {
float:left;
width:50%;
line-height:1px;
text-align:right;
padding:20px 0px;
}
.about-service-cont-sections.grey .img-cont {
float:right;
text-align:left;
}
.about-service-cont-sections .img-cont img {
max-width:100%;
}
.about-service-cont-sections  h2 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 10px 0px;
margin:0px;
line-height:34px;
font-size:28px;
font-weight:normal;
}
.about-service-cont-sections  h3 {
font-family: Montserrat-Medium;
color:#fff;
background:#1e376a;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
text-align:center;
}
.about-service-cont-sections  p {
font-family: Montserrat-Medium;
color:#585e82;
padding:0px 0px 15px 0px;
margin:0px;
line-height:22px;
font-size:16px;
}
.about-service-cont-sections .read-more-cta a {
color:#1260cc;
font-size:14px;
border:#1260cc solid 1px;
padding: 5px 20px;
border-radius: 36px;
}
.about-service-cont-sections .read-more-cta a:hover{
color:#fff;
background: #1260cc;
}
.home-services-section.service-page {
  padding: 80px 50px;
} 
.inner-page-top {
padding: 50px 0px;
background:#f6f6f6;
}

.inner-page-top h2,.inner-page-top h1 {
font-family: Montserrat-Bold;
color:#00194c;
padding:10px 0px 0px 0px;
margin:0px auto;
line-height:40px;
font-size:34px;
font-weight:normal;
max-width:500px;
text-align:center;
}
.inner-page-top  h3 {
font-family: Montserrat-Medium;
color:#1260cc;
background:#e6eeff;
padding:5px 15px 5px 15px;
margin:0px;
border-radius:25px;
line-height:20px;
font-size:14px;
display:inline-block;
font-weight:normal;
text-align:center;
}
.inner-page-top p {
font-family: Montserrat-Medium;
color:#585e82;
padding:5px 0px 15px 0px;
margin:0px auto;
line-height:26px;
max-width:500px;
text-align:center;
font-size:18px;
}
.inner-page-top .services-cta {
text-align:center;
}
.inner-page-top .services-cta a {
border-radius:35px;
padding:0px 55px 0px 20px;
font-size:14px;
color:#fff;
text-decoration:none;
display:inline-block;
text-transform:uppercase;
font-family: Montserrat-SemiBold; 
background:#1260cc url(images/b-circled-chevron.png) no-repeat;
background-position:100% 0%;
height:47px;
line-height:47px;
}


.blog-detail{
 padding: 110px 0px;   
}
.blog-detail .blog-detail-inner{
 width: 70%;
 margin: 0 auto; 
}
.blog-detail .blog-detail-inner .post-thumbnail img{
    width: 100%;
    max-width: inherit !important;
}
.blog-detail .blog-detail-inner .post-thumbnail{
    text-align: center;
}
.blog-detail .blog-detail-inner .entry-content{
 width:80%;
 margin: 40px auto; 
}
.blog-detail .blog-detail-inner  p {
    font-size: 16px;
    line-height: 28px;
    color: #3e3f52;
    margin: 20px 0px;
        font-family: Montserrat-Medium;
    color: #585e82; 
}
.blog-detail .blog-detail-inner h1{  
   font-family: Montserrat-Bold;
    color: #00194c;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    line-height: 50px;
    font-size: 46px;
    font-weight: normal;
}




.main-nav-toggle-icon{
    float: right;
    margin-top: 24px;
    cursor: pointer;
    display: none;
}

.main-nav-toggle-icon #menu-toggle-icon {
    width: 30px;
    height: 20px;
    position: relative; 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.main-nav-toggle-icon #menu-toggle-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background:#000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.main-nav-toggle-icon #menu-toggle-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-nav-toggle-icon #menu-toggle-icon span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    width: 76%;
}

.main-nav-toggle-icon #menu-toggle-icon span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-nav-toggle-icon #menu-toggle-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 7px;
}

.main-nav-toggle-icon #menu-toggle-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.main-nav-toggle-icon #menu-toggle-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 6px;
}




 .header-mobile-navigation{

    width: 100%;
    background: #124efd;
    position: fixed;
    float: left;
    z-index: 8;
    overflow:hidden;
    left: 0;
    top: 111px;
    padding: 0px 5%;
    height: 0px;
    
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

 
 .header-mobile-navigation.show{
    opacity: 1;
    height: 100%;
 overflow: auto;
}
 .header-mobile-navigation ul{
    list-style: none;
    padding: 0px;
    margin:60px  0px;
     
    text-align: center;
}

 .header-mobile-navigation ul li{
    width: 100%;
    display: block;
    padding: 20px 0px;
 
}


 .header-mobile-navigation ul li a{
    display: inline-block; 
    font-weight: normal;
    color: #fff; 
    font-size: 22px;  

    text-decoration: none;
}
 
 .header-mobile-navigation ul ul{
  margin:20px 0px;
  display: none;
  background: #0c45ec;
  border-radius: 8px;
 }
   .header-mobile-navigation ul ul li{
    padding:10px 0px;
	   padding-top:20px;
    border-bottom:#567ff6 solid 1px;
   }
      .header-mobile-navigation ul ul li:last-child{
        border: 0px;
      }
   .header-mobile-navigation ul ul ul li {
    padding: 0px;
    border-bottom: 0px;
	   padding-bottom: 15px;
   }
  .header-mobile-navigation ul ul li a{
    font-size: 18px;
    font-weight: bold;
  }
   .header-mobile-navigation ul ul ul {
    margin:10px 0px;
   }
  .header-mobile-navigation ul ul ul li a{
    font-size: 14px;
    font-weight: normal;
  }
 .header-mobile-navigation ul ul.show{
 }
.header-mobile-navigation  .sub-menu-toggle svg{
  color: #fff;
}
.header-mobile-navigation li{
	position:relative;
}
.header-mobile-navigation  .sub-menu-toggle .icon-minus{
  display: none;
}
.header-mobile-navigation  .sub-menu-toggle.open .icon-plus{
  display: none;
}
.header-mobile-navigation  .sub-menu-toggle.open .icon-minus{
  display: block;
}
 .header-mobile-navigation  .sub-menu-toggle{
  background: none;position: absolute;
  top: 24px;
  border: 0px;
 }

.header-search-wrapp{
    width: 100%;
    display: inline-block;
   padding: 20px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
z-index: 99;
display: none;
}
.header-search-wrapp.show{
    display: block;
}
.header-search-wrapp .search-field{
    width: 80%;
    display: inline-block;
    padding: 10px;
    background: none;
    border:0px;
    outline: none;
    border-bottom: #0055ff solid 2px;
}
.header-search-wrapp .search-submit{
        border: 0px;
    color: #fff; 
    border-radius: 36px;
    display: inline-block;
    padding: 10px 35px;
    /* margin-top: 20px; */
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    background: #0055ff;
    border-radius: 5px;
    margin-left:15px;
  
}
input{
  appearance: none;
  -moz-appearance:none;
  -webkit-appearance: none;

}
.header-search-wrapp form{
    display: inline-block;
    width: 96%;

}
.header-search-close{
       float: right;
    font-size: 32px; 
    cursor: pointer;
}
.header-search-close{
-webkit-text-stroke: 4px #fff;
}

.search-result-listing{
    padding: 20px 0px;
    width: 70%;
    margin: 0 auto;
}
.search-result-listing .searchr-list{
  display: inline-block;
    width: 100%;

}
.search-result-listing .searchr-img{
  float:left;
  width: 30%;
  padding-right: 25px;
}
.search-result-listing .searchr-content{
  float:left;
  width: 70%;
}

.search-result-listing article{
    padding: 30px 0px;
    border-bottom: #ccc solid 1px;
}
.search-result-listing article:last-child{
  border:0px !important;
}
.search-result-listing article h2 a{
     color: #191c51;
 }
.search-result-listing article h2 {
    font-size: 26px;
    line-height: 34px;
    color: #00194c;
    font-family: Montserrat-Bold; 
    margin-bottom: 0px;
}
.search-result-listing article  p {
    font-size: 16px;
    line-height: 22px;
    color: #3e3f52;
    margin: 10px 0px;
}
.search-result-listing footer,.search-result-listing  .more-link{
  display: none;
}

.service-detail-page .service-detail-boxes {
	width:100%;
	display:inline-block;
	margin:10px -4px
}
.service-detail-page .service-detail-box {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 6px;
    float: left;
    width: 48%;
    margin: 4px;
	font-family: Montserrat-Medium;
    color: #585e82; 
    line-height: 22px;
    font-size: 16px;
	min-height:160px;
}
.service-detail-page .service-detail-box strong{
	display:block; 
	margin-bottom:10px;
	font-size:18px;
}
.service-detail-page  .about-service-cont-sections .text-cont {
    float: none;
    width: 80%;
    text-align: left;
    padding: 50px 0px 0px 0px;
    margin: auto;
}
.service-detail-page 	.about-service-cont-sections .text-cont .inner-padd {
     max-width:inherit;  
     margin:  0px ;  
}
.service-detail-page .inner-page-top p { 
	max-width: 700px;
}
.service-detail-page strong{
	 margin-bottom:10px;
	display:block;
}
.service-detail-page h4{
    font-family: Montserrat-Bold;
    color: #00194c;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    line-height: 26px;
    font-size: 21px;
    font-weight: normal;
}
html {
  scroll-behavior: smooth;
}
.service-detail-page ul {
font-family: Montserrat-Medium;

padding:0px;
margin:  0px;
	margin-bottom:40px;
	display:inline-block;
	width:100%;
line-height:22px;
font-size:16px;
list-style-position:inside;
}
.service-detail-page ul li {
font-family: Montserrat-SemiBold;
list-style:none;
background: url(images/home-blue-arrow-bullet.png) no-repeat left center;
padding:5px 0px 5px 30px;
margin:0px;
line-height:22px;
font-size:16px;
color:#585e82;
float:left;
	width:50%;
}
.service-detail-page ul li a{
	color:#585e82;
}
/* Responsive */

@media only screen and (min-width:1480px)  {

.about-page-section2  h3 {
line-height:22px;
font-size:16px;

}
.about-page-section2 .text-cont .inner-padd {
padding: 0px 140px 0px 140px;
}
}
@media only screen and (min-width:1580px) {
.about-page-section2 .text-cont {
height:600px;
}

.about-page-section2 .img-cont {
height:600px;
}

.about-page-section2 .text-cont .inner-padd {
padding: 0px 180px 0px 180px;
}
}
@media only screen and (min-width: 992px) and (max-width:1200px) {
.header .header-container {
  width: 100%;
  margin: 0 auto;
}
	.home-banner .banner-content .banner-content-container {
		width: 490px;}
	.container {
  width: 90%;
  margin: 0 auto;
}
	.home-products-section .product-box {
  float: left;
		width: 31%;}
	.home-blog-section .blog-card {
  float: left;
		width: 31%;}
	.header .main-navigation ul li a {
		font-size: 14px;}
	.home-banner .banner-content h2 { 
  line-height: 40px;
		font-size: 36px;}
	.header-top-strip .header-address-email {
  font-size: 10px;
  width: 60%;
} 
.header-top-strip .social-handles {
  float: left;

	width: 22%;}
	.header-top-strip .free-consulting-cta { 
  width: 18%; 
}
}
@media only screen and (min-width: 651px) and (max-width:992px) {
 .search-result-listing .searchr-img{
  float:left;
  width: 100%;
  padding:0px 25px;
}
  .search-result-listing .searchr-img .post-thumbnail{
    margin: 0px !important;
  }
.search-result-listing .searchr-content{
  float:left;
  width: 100%;
  text-align: center;
}
  .search-result-listing article h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .header-search-wrapp form { 
    width: 90%;
}
.header-search-wrapp .search-field {
    width: 75%;
    }
  .search-result-listing   {
    width: 100%;
  }
  .header-search-wrapp .search-submit { 
    padding: 8px 10px; 
    margin: 0px;
    font-size: 13px;
  }
  .search-result-listing article {
    padding: 20px 0px;
 }
  .blog-detail .blog-detail-inner {
  width: 100%;
}
 .blog-detail {
  padding: 30px 0px;
}
.blog-detail .blog-detail-inner p {
  font-size: 14px;

  line-height: 26px;
  }
.blog-detail .blog-detail-inner h1 { 
  line-height: 36px;
  font-size: 32px;
  }
  .main-nav-toggle-icon{
    display: block;
    margin-right: 15px;
  }
.header-top-strip .header-address-email {
  display:none;
}
 .main-navigation {
  display:none;
 }
 .header .header-container {
  width: 100%;
}
.header-top-strip span.address , .header-top-strip span.email { 
display:none;
}
.header-top-strip .free-consulting-cta {
float: right;
width:55%;
}
.header-top-strip {
  padding: 0px;
}
.header-top-strip .social-handles {
  float: left;
  padding: 10px 15px;
  text-align: left;
  width: 35%;
}
.header .search-hotline-section .hotline {
display:none;
}
.header .logo {
  width: 50%;
}
.header .search-hotline-section {
  float: right;
  width: 50%;
}
.header .search-hotline-section .header-search {
  width: 35%;
}
 
.home-banner .banner-content .banner-content-container {
  width: 85%;
  margin: 0px auto;
}
.home-banner .banner-content h3 {
  line-height: 20px;
  font-size: 12px;
}
.home-banner .banner-content h2 {
  line-height: 32px;
  font-size: 26px;
  padding: 10px 0px 0px 0px;
}
.home-banner .banner-content p {
  line-height: 20px;
  font-size: 14px;
}
.home-banner .services-cta {
padding:10px 0px 10px 0px;
}
.home-banner .services-cta a {
  padding: 0px 45px 0px 15px;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  background-size: 35px;
}
 
.home-banner .banner-content .banner-content-padding {
  max-width: 100%;
  padding-top: 10%;
}
.container {
  width: 85%;
} 
.home-about-section .cont-sec h2 {
  line-height: 30px;
  font-size: 24px;
}
.home-about-section .cont-sec h3 {
  font-size: 12px;
}
.home-about-section .cont-sec p {
  line-height: 22px;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.home-about-section .cont-sec .inner-padd {
  padding: 30px 0px 0px 0px;
}
.home-about-section .cont-sec ul li {
  line-height: 20px;
  font-size: 14px;
}
.home-about-section .cont-sec ul {
  margin: 0px 0px 10px 0px;
  line-height: 20px;
  font-size: 14px;
}
.home-services-section {
  padding: 20px 0px;
  background-size: auto 60%;
}
.home-services-section h3 {
  font-size: 12px;

}
.home-services-section h2 {
  line-height: 30px;
  font-size: 24px;
  padding: 10px 0px 10px 0px;
}
.home-services-section .left-cont {
  float: none;
  width: 100%;
  padding-bottom:10px;
}
.home-services-section .right-cont {
  float: none;
  width: 100%;
      padding-top:30px;
}
.home-services-section .mid-cont {
  float: none;
  width: 100%;
display:none;
}
	.home-services-section .service-card {
  padding: 15px 5px 15px 5px;
  float: left;
  width: 50%;
  min-height: 160px;
}
.home-about-section {
  padding: 80px 0px 30px 0px;
}
.home-our-clients .see-more-cta a, .home-blog-section .see-more-cta a, .home-services-section .see-more-cta a , .home-products-section .see-more-cta a {
  padding: 0px 45px 0px 15px;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  background-size: 35px;
}
.home-products-section .left {
  float: none;
  width: 100%;
}
.home-products-section h3 {
  font-size: 12px;

}
.home-products-section h2 {
  line-height: 30px;
  font-size: 24px;
  padding: 10px 0px 10px 0px;
}
.home-products-section .right {
  float: none;
  width: 100%;
}
.home-products-section .see-more-cta {
  padding: 10px 0px;
}
.home-products-section p {
  padding: 0px 0px 20px 0px;
  margin: 0px;
  line-height: 20px;
  font-size: 14px;
  float: none;
  max-width: 100%;
  text-align: left;
}
 .home-products-section .product-box {
  float: left;
	 width: 31%;}
.home-products-section .product-box .cont {
  font-size: 15px;
    padding: 60px 0px 10px 10px;
    width: 100%;
    line-height: 18px;
}
.home-our-clients h3 {
  font-size: 12px;

}
.home-our-clients h2 {
  line-height: 30px;
  font-size: 24px;
}
.client-logo {
  width: 33.33%;
}
.home-blog-section h3 {
  font-size: 12px;

}
.home-blog-section h2 {
  line-height: 30px;
  font-size: 24px;
}
.home-blog-section .blog-card {
 width: 31%;
}
	.home-blog-section .excerpt p {       
  padding: 10px 0px 5px 0px;
  margin: 0px;
  line-height: 16px;
		font-size: 12px;}
	.home-blog-section .blog-card .cont { 
		padding: 15px;}
	.home-blog-section .blog-card .cont h4 { 
  line-height: 18px;
		font-size: 15px;}
.home-our-clients .see-more-cta, .home-blog-section .see-more-cta, .home-services-section .see-more-cta {

  padding: 10px 0px;
}
.home-contact-section .cont-box {
  float: none;
  width: 100%;
}
.home-contact-section .form-box {
  float: none;
  width: 100%;
}
.home-contact-section .inner {
  padding: 30px 10px;
}
.footer .col-1 , .footer .col-4 {
 
  width: 100%;
  padding: 0px 0px 0px 0px;
}
	.footer .col-2 , .footer .col-3 {
		width:50%;
	}
.footer .col-2 , .footer .col-3 , .footer .col-4 {
  padding-top: 30px;
}
.footer .col-4 p {
  padding: 5px 0px 15px 0px;
 }
 .footer .col-4 .footer-nl-sec {
  padding: 0px 0px 15px 0px;
}
.footer {
  background: #fff url(images/footer-bg-resp.jpg) no-repeat;
  background-position:100% 100%;
}
.home-about-section .img-sec .abtimgcont {

  bottom: 24px;
  font-size: 12px;
  line-height: 15px;
  max-width: 173px;
  left: 28px;
}
.home-about-section .img-sec .abtimgcont .left {
  width: 24%;
}
.home-about-section .img-sec .abtimgcont span.big1 {
  font-size: 28px;
  line-height: 30px;
}
.home-about-section .img-sec .abtimgcont span.big2 {
  font-size: 12px;
}
.home-about-section .img-sec .abtimgcont .right {
  width: 60%;
  padding-left: 9px;
}
.home-contact-section .cont-box p {
  line-height: 18px;
  font-size: 14px;
}
.home-contact-section .cont-box h2 {
  line-height: 34px;
  font-size: 30px;
}
.contact-style-two .info-column {
  float: left;
  width: 100% !important;
  padding: 10px;
}

.inner-page-banner .banner-content .banner-content-container {
  width: 85%;
  margin: 0px auto;
}
.inner-page-banner .banner-content h3 {
  line-height: 20px;
  font-size: 12px;
}
.inner-page-banner .banner-content h2 {
  line-height: 32px;
  font-size: 26px;
  padding: 10px 0px 0px 0px;
}
.inner-page-banner .banner-content p {
  line-height: 20px;
  font-size: 14px;
}
.inner-page-banner .services-cta {
padding:10px 0px 10px 0px;
}
.inner-page-banner .services-cta a {
  padding: 0px 45px 0px 15px;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  background-size: 35px;
}
 
.inner-page-banner .banner-content .banner-content-padding {
  max-width: 100%;
  padding-top: 10%;
}
 .about-page-section2 .text-cont,.about-page-section2 .img-cont { 
  height: 326px;
}
.about-page-section2 .text-cont .inner-padd {
  padding: 30px 30px 30px 30px;
}
.about-page-section2 h3 {
  font-size: 12px;
}
.about-page-section2 h2 {
  line-height: 30px;
  font-size: 24px;
}
.about-page-section2 p {
  line-height: 22px;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.about-page-section3 {
  padding: 50px 0px;
  background-position: 0% 50%;
  background-size: 60% auto;
}
.about-page-section3 h2 {
  line-height: 30px;
  font-size: 24px;
}
.about-page-section3 p {
  line-height: 22px;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.home-services-section.service-page {
  padding: 20px 0px;
}
.about-service-cont-sections .text-cont {
  float: none;
  width: 100%;
 }
 .about-service-cont-sections .img-cont {
  float: none;
  width: 100%;
 }
 .about-service-cont-sections.grey .text-cont {
  text-align: center;
  padding: 0px 0px 40px 0px;
}
.about-service-cont-sections .text-cont {
  text-align: center;
  padding: 0px 0px 30px 0px;
}
.about-service-cont-sections .text-cont .inner-padd , .about-service-cont-sections.grey .text-cont .inner-padd {
  margin: 0px auto;
  max-width: 90%;
}
.about-service-cont-sections h2 {
  line-height: 30px;
  font-size: 24px;
}
  .header-mobile-navigation ul ul ul{
    display:block;
  }
  .service-detail-page  .about-service-cont-sections .text-cont {
    float: none;
    width: 100%;}
  .service-detail-page ul li { 
    line-height: 22px;
    font-size: 14px; 
    width: 100%;
    background-size: 16px;
} 
  .service-detail-page .service-detail-box {
   
    width: 100%;
    margin:5px 4px; 
    color: #585e82; 
    line-height: 22px;
    font-size: 13px;
  min-height:inherit;
}
	.contact-style-two .form-column{
		width:100% !important;
	}
}

@media only screen and (max-width: 650px) {
  .search-result-listing .searchr-img{
  float:left;
  width: 100%;
  padding:0px 25px;
}
  .search-result-listing .searchr-img .post-thumbnail{
    margin: 0px !important;
  }
.search-result-listing .searchr-content{
  float:left;
  width: 100%;
  text-align: center;
}
  .search-result-listing article h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .header-search-wrapp form { 
    width: 90%;
}
.header-search-wrapp .search-field {
    width: 75%;
    }
  .search-result-listing   {
    width: 100%;
  }
  .header-search-wrapp .search-submit { 
    padding: 8px 10px; 
    margin: 0px;
    font-size: 13px;
  }
  .search-result-listing article {
    padding: 20px 0px;
 }
  .blog-detail .blog-detail-inner {
  width: 100%;
}
 .blog-detail {
  padding: 30px 0px;
}
.blog-detail .blog-detail-inner p {
  font-size: 14px;

  line-height: 26px;
  }
.blog-detail .blog-detail-inner h1 { 
  line-height: 36px;
  font-size: 32px;
  }
  .main-nav-toggle-icon{
    display: block;
    margin-right: 15px;
  }
.header-top-strip .header-address-email {
  display:none;
}
 .main-navigation {
  display:none;
 }
 .header .header-container {
  width: 100%;
}
.header-top-strip span.address , .header-top-strip span.email { 
display:none;
}
.header-top-strip .free-consulting-cta {
float: right;
width:55%;
}
.header-top-strip {
  padding: 0px;
}
.header-top-strip .social-handles {
  float: left;
  padding: 10px 15px;
  text-align: left;
  width: 35%;
}
.header .search-hotline-section .hotline {
display:none;
}
.header .logo {
  width: 50%;
}
.header .search-hotline-section {
  float: right;
  width: 50%;
}
.header .search-hotline-section .header-search {
  width: 35%;
}
.home-banner .banner-content {
  width: 100%;
  float: none;
}
.home-banner .banner-content .banner-content-container {
  width: 85%;
  margin: 0px auto;
}
.home-banner .banner-content h3 {
  line-height: 20px;
  font-size: 12px;
}
.home-banner .banner-content h2 {
  line-height: 32px;
  font-size: 26px;
  padding: 10px 0px 0px 0px;
}
.home-banner .banner-content p {
  line-height: 20px;
  font-size: 14px;
}
.home-banner .services-cta {
padding:10px 0px 10px 0px;
}
.home-banner .services-cta a {
  padding: 0px 45px 0px 15px;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  background-size: 35px;
}
.home-banner .banner-image {
  width: 100%;
}
.home-banner .banner-content .banner-content-padding {
  max-width: 100%;
  padding-top: 10%;
}
.container {
  width: 85%;
}
.home-about-section .img-sec {
  float: none;
  width: 100%;
}
.home-about-section .cont-sec {
  float: none;
  width: 100%;
  
}
.home-about-section .cont-sec h2 {
  line-height: 30px;
  font-size: 24px;
}
.home-about-section .cont-sec h3 {
  font-size: 12px;
}
.home-about-section .cont-sec p {
  line-height: 22px;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.home-about-section .cont-sec .inner-padd {
  padding: 30px 0px 0px 0px;
}
.home-about-section .cont-sec ul li {
  line-height: 20px;
  font-size: 14px;
}
.home-about-section .cont-sec ul {
  margin: 0px 0px 10px 0px;
  line-height: 20px;
  font-size: 14px;
}
.home-services-section {
  padding: 20px 0px;
  background-size: auto 60%;
}
.home-services-section h3 {
  font-size: 12px;

}
.home-services-section h2 {
  line-height: 30px;
  font-size: 24px;
  padding: 10px 0px 10px 0px;
}
.home-services-section .left-cont {
  float: none;
  width: 100%;
  padding-bottom:10px;
}
.home-services-section .right-cont {
  float: none;
  width: 100%;
      padding-top:30px;
}
.home-services-section .mid-cont {
  float: none;
  width: 100%;

}
.home-about-section {
  padding: 80px 0px 30px 0px;
}
.home-our-clients .see-more-cta a, .home-blog-section .see-more-cta a, .home-services-section .see-more-cta a , .home-products-section .see-more-cta a {
  padding: 0px 45px 0px 15px;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  background-size: 35px;
}
.home-products-section .left {
  float: none;
  width: 100%;
}
.home-products-section h3 {
  font-size: 12px;

}
.home-products-section h2 {
  line-height: 30px;
  font-size: 24px;
  padding: 10px 0px 10px 0px;
}
.home-products-section .right {
  float: none;
  width: 100%;
}
.home-products-section .see-more-cta {
  padding: 10px 0px;
}
.home-products-section p {
  padding: 0px 0px 20px 0px;
  margin: 0px;
  line-height: 20px;
  font-size: 14px;
  float: none;
  max-width: 100%;
  text-align: left;
}
.home-products-section .product-box {
  float: none;
  width: 100%;
  margin:0px 0px 20px 0px;
}
.home-products-section .product-box .cont {
  font-size: 18px;
  padding: 60px 0px 0px 20px;
  width: 100%;
  line-height: 22px;
}
.home-our-clients h3 {
  font-size: 12px;

}
.home-our-clients h2 {
  line-height: 30px;
  font-size: 24px;
}
.client-logo {
  width: 33.33%;
}
.home-blog-section h3 {
  font-size: 12px;

}
.home-blog-section h2 {
  line-height: 30px;
  font-size: 24px;
}
.home-blog-section .blog-card {
  float: none;
  width: 100%;
  margin:0px 0px 20px 0px;
}
.home-our-clients .see-more-cta, .home-blog-section .see-more-cta, .home-services-section .see-more-cta {

  padding: 10px 0px;
}
.home-contact-section .cont-box {
  float: none;
  width: 100%;
}
.home-contact-section .form-box {
  float: none;
  width: 100%;
}
.home-contact-section .inner {
  padding: 30px 10px;
}
.footer .col-1 , .footer .col-2 , .footer .col-3 , .footer .col-4 {
  float: none;
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.footer .col-2 , .footer .col-3 , .footer .col-4 {
  padding-top: 30px;
}
.footer .col-4 p {
  padding: 5px 0px 15px 0px;
 }
 .footer .col-4 .footer-nl-sec {
  padding: 0px 0px 15px 0px;
}
.footer {
  background: #fff url(images/footer-bg-resp.jpg) no-repeat;
  background-position:100% 100%;
}
.home-about-section .img-sec .abtimgcont {

  bottom: 24px;
  font-size: 12px;
  line-height: 15px;
  max-width: 173px;
  left: 28px;
}
.home-about-section .img-sec .abtimgcont .left {
  width: 24%;
}
.home-about-section .img-sec .abtimgcont span.big1 {
  font-size: 28px;
  line-height: 30px;
}
.home-about-section .img-sec .abtimgcont span.big2 {
  font-size: 12px;
}
.home-about-section .img-sec .abtimgcont .right {
  width: 60%;
  padding-left: 9px;
}
.home-contact-section .cont-box p {
  line-height: 18px;
  font-size: 14px;
}
.home-contact-section .cont-box h2 {
  line-height: 34px;
  font-size: 30px;
}

.inner-page-banner .banner-content {
  width: 100%;
  float: none;
}
.inner-page-banner .banner-content .banner-content-container {
  width: 85%;
  margin: 0px auto;
}
.inner-page-banner .banner-content h3 {
  line-height: 20px;
  font-size: 12px;
}
.inner-page-banner .banner-content h2 {
  line-height: 32px;
  font-size: 26px;
  padding: 10px 0px 0px 0px;
}
.inner-page-banner .banner-content p {
  line-height: 20px;
  font-size: 14px;
}
.inner-page-banner .services-cta {
padding:10px 0px 10px 0px;
}
.inner-page-banner .services-cta a {
  padding: 0px 45px 0px 15px;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  background-size: 35px;
}
.inner-page-banner .banner-image {
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.inner-page-banner .banner-content .banner-content-padding {
  max-width: 100%;
  padding-top: 10%;
}
.about-page-section2 .img-cont {
  float: none;
  width: 100%;
  height: 100%;
  overflow: inherit;
}
.about-page-section2 .text-cont {
  float: none;
  width: 100%;
  display: block;
  height: 100%;
}
.about-page-section2 .text-cont .inner-padd {
  padding: 30px 30px 30px 30px;
}
.about-page-section2 h3 {
  font-size: 12px;
}
.about-page-section2 h2 {
  line-height: 30px;
  font-size: 24px;
}
.about-page-section2 p {
  line-height: 22px;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.about-page-section3 {
  padding: 50px 0px;
  background-position: 0% 50%;
  background-size: 60% auto;
}
.about-page-section3 h2 {
  line-height: 30px;
  font-size: 24px;
}
.about-page-section3 p {
  line-height: 22px;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.home-services-section.service-page {
  padding: 20px 0px;
}
.about-service-cont-sections .text-cont {
  float: none;
  width: 100%;
 }
 .about-service-cont-sections .img-cont {
  float: none;
  width: 100%;
 }
 .about-service-cont-sections.grey .text-cont {
  text-align: center;
  padding: 0px 0px 40px 0px;
}
.about-service-cont-sections .text-cont {
  text-align: center;
  padding: 0px 0px 30px 0px;
}
.about-service-cont-sections .text-cont .inner-padd , .about-service-cont-sections.grey .text-cont .inner-padd {
  margin: 0px auto;
  max-width: 90%;
}
.about-service-cont-sections h2 {
  line-height: 30px;
  font-size: 24px;
}
	.header-mobile-navigation ul ul ul{
		display:block;
	}
	.service-detail-page  .about-service-cont-sections .text-cont {
    float: none;
		width: 100%;}
	.service-detail-page ul li { 
    line-height: 22px;
    font-size: 14px; 
    width: 100%;
    background-size: 16px;
} 
	.service-detail-page .service-detail-box {
   
    width: 100%;
    margin:5px 4px; 
    color: #585e82; 
    line-height: 22px;
    font-size: 13px;
	min-height:inherit;
}
.header.scrolled { 
position: fixed;
width: 100%;
z-index:100;
background: transparent;
}

.header.scrolled .header-container {
  width: 100%;
}
}