/*!
Theme Name: Inspection Group Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inspection-group-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Inspection Group Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	/*margin: 0 0 1.5em;*/
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}











/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/
/*================== Custom ====================*/
/*================== Styles ====================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/
/*=============================================*/










.logged-in .sticky-top {
  top: 32px;
}





body{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
.siteHeader{
  overflow: unset !important;
}

.logged-in .navbar-fixed-top {
  top: 32px;
}

h1, h2, h3, h4, h5, h6, p{
  margin:0;
  padding:0;
  line-height: auto;
  font-family: 'Lato', sans-serif;
  font-weight: 400;

}

h1, .h1, h1 strong{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 48px; 
  font-weight: 500; 
}
h2, .h2, h2 strong{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 36px; 
  font-weight: 500; 
}
.h3, h3 strong{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 24px; 
  font-weight: 400;

}
.h4, h4 strong{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 22px;  
  font-weight: 400;
}
.h5, h5 strong{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 20px;  
  font-weight: 400;
}
.h6, h6 strong{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 16px; 
  font-weight: 400; 
}

p{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 16px; 
  font-weight: normal;
  line-height: 1.7rem;
}
/*p{
  font-size: 16px;
  line-height: 2em;
  color:#050708;
  font-weight: 200;
}
*/

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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

  h1, .h1, h1 strong{
    
    font-size: 40px; 
     
  }
  h2, .h2, h2 strong{
    
    font-size: 30px; 
  
  }
  .h3, h3 strong{
   
    font-size: 22px; 
   

  }

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}



.fw1{
  font-weight: 100 !important;
}
.fw2{
  font-weight: 200 !important;
}

.fw3{
  font-weight: 300 !important;
}

.fw4{
  font-weight: 400 !important;
}

.fw5{
  font-weight: 500 !important;
}

.fw6{
  font-weight: 600 !important;
}

.fw7{
  font-weight: 700 !important;
}

.fw8{
  font-weight: 800 !important;
}

.fw9{
  font-weight: 900 !important;
}


.fbBold, .bold{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.fbMedium{
  font-family: 'Lato', sans-serif;
  font-weight: 500 !important;
  font-style: normal;  
}
.fb{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;  
}
.fbItalic{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: italic;  
}
.font100{
  font-size:100px;
}

.img-fill{
  width:100%;
}

.img-fluid{
  width:100%;
}
.center{
  text-align: center;
}

.mb10{
  margin-bottom: 10px;
}

.mb20{
  margin-bottom: 20px;
}

.mt10{
  margin-top: 10px;
}

.mt20{
  margin-top: 20px;
}

.white{
    color:#fff !important;
}

.red{
  color: #b3332e !important;
}

.blue{
  color:#2e3a57 !important;
}

.lBlue{
  color: #4ba0ff !important;
  /*6699cc*/
}

.dBlue{
  color:#001955 !important;
}

.orange{
  color:#f05720 !important;
}

.yellow{
  color:#ec971f !important;
}

.bold{
  font-weight: 700 !important;
  text-shadow:none;
}

.underline{
  text-decoration: underline;
}



.green{
    color:#20660A;
}

.gray{
    color:#383838;
}


.gray-bg{
    background-color: #383838;
}

.green-bg{
    background-color: #99cc33;
}



.rounded{
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.number-block{
  margin-bottom: 30px;
}

.numberCircle {
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    border: 2px solid #001955;
    background-color: #001955;
    color:#fff;
    text-align: center;
    display: inline-block;
}


.text-underline{
  border-bottom: 3px solid #fff;
  padding-bottom: 2px;

}
.text-smaller{
  font-size: .75em;
}
/* clear button*/
.btn-clear {
    border: 1px solid #fff;
    border-radius: 4px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    transition: all .3s ease
}

.btn:hover {
    border: 1px solid #52add3;
    color: #fff;
    background: #52add3
}

.banner .btn{
  /*font-weight: bold;*/
  font-size: 22px;
}


.bg-dark{
  background-color:#090a35 !important;
  background-color:#001955 !important;
  
}

.btn-primary, .btn-theme{
  background-color:#001955 !important;
  color:#fff !important;
}
.btn-primary:hover, .btn-theme:hover{
  background-color:#52add3 !important;
  color:#fff !important;
}

.bg-yellow{
  background-color: #FEFF00;
}


.badge-primary {
  color: #fff;
  background-color:#001955 !important;
}

.btn-danger{
  background-color: #b3332e !important;
}



.btn-blue.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-blue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #354364;
  background-image: -moz-linear-gradient(top, #2e3a57, #405078);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e3a57), to(#405078));
  background-image: -webkit-linear-gradient(top, #2e3a57, #405078);
  background-image: -o-linear-gradient(top, #2e3a57, #405078);
  background-image: linear-gradient(to bottom, #2e3a57, #405078);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e3a57', endColorstr='#ff405078', GradientType=0);
  border-color: #405078 #405078 #252f46;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #405078;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
  color: #ffffff;
  background-color: #405078;
  *background-color: #374568;
}
.btn-blue:active,
.btn-blue.active {
  background-color: #2e3a57 ;
}


.btn-white {
  color: #b3332e;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #b3332e;
  
}


.btn-warning {
  color: #fff;
  font-weight: bold;
  background-color: #ec971f;
  border: 1px solid #fff;
  
}

.btn-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border: 1px solid #fff;
  
}

.rounded{
  border-radius: 13px;
}

.uc{
  text-transform: uppercase;
}

.card-no-borders{
  border:none !important;
}
.card-no-borders .card-footer{
  background-color: rgba(0,0,0,.0);
  border:none !important;
}


.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 0.5s infinite linear;
  -o-animation: bounce 0.5s infinite linear;
  -webkit-animation: bounce 0.5s infinite linear;
  animation: bounce 0.5s infinite linear;
  colr:000;
}

@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}








@media only screen and (min-width : 1300px){
  .container{
    max-width: 95% !important;
    margin:0 auto;
  }
}

/* Extra large devices (large desktops, 1200px )*/
@media only screen and (min-width : 769px){
  .nav-container{
    max-width: 90% !important;
    margin:0 auto;
  }
}






/*header / nav section*/
.top-header-bar{
  display:none;
   background: rgba(125, 126, 120, .56);
   padding:5px 0;
   font-size:16px 
}
.top-header-bar ul{
   margin:0;
   padding:0;
}

.top-header-bar li{
   font-size:20px;
   line-height: 20px;
   margin:0;
   padding:0;
   margin-left:10px;
}
.top-header-bar li a{
  color:#dedfdf;
}

.main-header-bar{
  /*background:#e2e2e2;*/
  /*background: rgba(125, 126, 120, 0.25);*/
  background: #dedfdd;
  background: #000f34 !important;
  padding:20px 0;
  font-size:16px
}

/*shrink on scroll*/

.shrink .main-header-bar{
 padding:5px 0; 
}
.shrink .main-header-bar .logo img{
  height:45px;
}

.shrink .header-cta .btn-lg{
  padding: .25rem .5rem !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
  border-radius: .2rem !important;
}

.shrink #mainNavRow{
  padding:5px 10px;
}
.shrink #navNavMain li, #menu-primary li{
  font-size: 16px;
}

/* Add transitions to elements that change size */
.sticky-top .main-header-bar,
.sticky-top .main-header-bar .logo img,
.sticky-top .header-cta .btn-lg,
.sticky-top #mainNavRow,
.sticky-top #navNavMain li, 
.sticky-top #menu-primary li {
    transition: all 0.3s ease; /* Adjust the duration and easing as desired */
}




.main-header-bar p{
  margin: 0;
  font-size: 26px;  
  line-height: 38px;
  font-weight: 200;
  color:#fff;
}
.main-header-bar p {
 text-align: right;

}
.main-header-bar .header-cta{
  text-align: right;
}
.main-header-bar .header-cta .btn-lg{
 

}

.main-header-bar .logo img{
  height:70px;
}

.navbar-dark .navbar-nav .nav-link,  #menu-primary li,  #menu-primary li a{
  color: rgba(255,255,255,1);
}


#navNavMain li, #menu-primary li{
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  white-space: nowrap;

}

#mainNavRow{
  padding:10px;
}

#navNavMain .dropdown-menu, #navNavMain .dropdown-menu a{
  color:#001955 !important;
  min-width: 15rem;
}



@media only screen and (min-width: 993px) { 
  #navNavMain li, #menu-primary li{
    margin-left:30px;
    margin-right:30px;

  }
  .navbar{
    padding:5px;
  }
}






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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
  #navNavMain li, #menu-primary li{
    margin-bottom: 10px;
  }
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}



.section-m1{
  margin-top:60px;
  margin-bottom:60px;
}

/*hero sections*/




.heading1{
  font-size: 66px;
  font-style: normal;
  text-transform: uppercase;
}

.heading2{
  font-size: 48px;
  font-style: normal;
  text-transform: uppercase;
}

.heading3{
  font-size: 36px;
  font-style: normal;
  text-transform: uppercase;
}

.heading4{
  font-size: 28px;
  font-style: normal;
  text-transform: uppercase;
}

.heading5{
  font-size: 24px;
  font-style: normal;
  text-transform: uppercase;
}

.heading6{
  font-size: 20px;
  font-style: normal;
  text-transform: uppercase;
}

p{
  font-size: 18px;
  font-family: raleway, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.contentArea{
  font-size: 20px;
  font-family: raleway, sans-serif;
  font-weight: 400;
  font-style: normal;
}

p .xl{
  font-size: 24px !important;
  font-style: normal;
}
p.small, .small p, p .small, p small{
  font-size: 16px !important;
  font-style: normal;
}

p strong{
  font-weight: 800 !important;
}

.hero .heading1{
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 50px;
  line-height: 1em !important;
  text-shadow: 1px 1px #000;
}

.hero .heading2{
  font-family: "trade-gothic-next", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 36px;
  line-height: 1em !important;
  text-shadow: 1px 1px #000;
}

.hero .heading3{
  font-family: "trade-gothic-next", sans-serif;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}
.hero .heading3.bold{
  font-weight: 800;
}

.hero .heading4{
  font-family: "trade-gothic-next", sans-serif;
  font-size:28px;
  font-style: normal;
  text-transform: uppercase;
}

.hero .heading5{
  font-size: 22px;
}
.hero .heading4.bold{
  font-weight: 800;
}

.txt-large, .txt-large p{
  font-size: 24px;
  font-weight: 200;
  line-height: 42px;
}
.x-bold{
  font-weight: 900 !important;
}





/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1299.98px) {

  .heading1{
    font-size: 50px;
    line-height: 50px;
  }

  .heading2{
    font-size: 40px;
    line-height: auto;
  }

  .heading3{
    font-size: 34px;
    line-height: auto;
  }

  .heading4{
    font-size: 28px;
    line-height: auto;
  }

  .heading5{
    font-size: 24px;
    line-height: auto;
  }

  .heading6{
    font-size: 20px;
    line-height: auto;
  }

  .hero .heading1{
    
  }

  .hero .heading2{
    
  }

  .hero .heading3{
    
  }

  .hero .heading4{
    
  }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

  .heading1{
    font-size: 50px;
    line-height: 50px;
  }

  .heading2{
    font-size: 40px;
    line-height: auto;
  }

  .heading3{
    font-size: 34px;
    line-height: auto;
  }

  .heading4{
    font-size: 28px;
    line-height: auto;
  }

  .heading5{
    font-size: 24px;
    line-height: auto;
  }

  .heading6{
    font-size: 20px;
    line-height: auto;
  }

  .hero .heading1{
    font-size: 80px;
    line-height: 70px;
  }

  .hero .heading2{
    
  }

  .hero .heading3{
    
  }

  .hero .heading4{
    
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

  .heading1{
    font-size: 40px;
    line-height: auto;
  }

  .heading2{
    font-size: 32px;
    line-height: auto;
  }

  .heading3{
    font-size: 28px;
    line-height: auto;
  }

  .heading4{
    font-size: 24px;
    line-height: auto;
  }

  .heading5{
    font-size: 20px;
    line-height: auto;
  }

  .heading6{
    font-size: 18x;
    line-height: auto;
  }

  .hero .heading1{
    font-size: 50px;
    line-height: 50px;
  }

  .hero .heading2{
    font-size: 26px;
    line-height: 50px;
  }

  .hero .heading3{
    font-size: 24px;
    line-height: auto;
  }

  .hero .heading4{
    font-size: 26px;
    line-height: auto;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .txt-large, .txt-large p {
    font-size: 28px;
    line-height: 32px;
  }

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .hero .heading1{
    font-size: 28px;
    line-height: 32px;
  }

  .hero .heading2{
    font-size: 22px;
    line-height: 24px;
  }
  .hero .heading3{
    font-size: 22px;
    line-height: 24px;
  }

  .txt-large, .txt-large p {
    font-size: 22px;
    line-height: 28px;
  }



}


.hero h1{
  font-weight: 800px;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 10px;
}

.hero h2{
  font-weight: 400px;
  font-size: 22px;
  line-height: 26px;
}
.hero .quote_col h2{
  font-weight: 400px;
  font-size: 24px;
  line-height: 36px;
}


/*.hero_cta h1{
  font-weight: 800px;
  font-size: 40px;
  line-height: 60px;
}

.hero_cta h2{
  font-weight: 400px;
  font-size: 24px;
  line-height: 36px;
}*/




.hero_cta .formwrap{
  background-color: rgba(255,255,255,.8);
  padding:20px;
  border-radius: 13px;
}

.hero_cta .formwrap h2{
  margin-bottom: 10px;
  color:#16518c;
}
.hero_cta .formwrap .form-group label{
  font-size: 14px;
  font-weight: 200;
}



  /* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 990px){


}

  /* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
 
}




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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
  .hero h1{
    font-size: 50px;
    line-height: 60px;
  }

  .hero h2{
    font-size: 26px;
    line-height: 32px;
  }

  .hero_cta h1{
    font-size: 30px;
    line-height: 40px;
  }

  .hero_cta h2{
    font-size: 20px;
    line-height: 28px;
  }
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){



}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

  .hero_cta .formwrap{
    margin-top:20px;
  }


}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}




.CTA_Row{
  background-color:#001955 !important;
  padding:20px 0px;
  text-align: center;
}

.CTA_Row h3{
  margin-bottom: 6px;
  text-transform: uppercase;

}
.CTA_Row h4{
  margin-bottom: 12px;

}

.intro h1, .intro h2{
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 500;
}

.intro h3{
  font-size: 20px;
  font-style: italic;
  line-height: 24px;
  color: #383838;
  margin-top: 20px;
  margin-bottom: 10px;
}


/*service boxes*/
.service-boxes {
  margin-bottom: 120px;
}
.service-boxes .service-box{
  padding:0px;
  margin-bottom: 20px;
}

.service-box .card-body{
  min-height:60px;

}

.service-boxes .service-box h2{
  font-size: 20px;
  text-align: center;
  margin:10px 0px;
  text-transform: uppercase;
}

.service-boxes .service-box p{
  font-size: 16px;
  text-align: center;
}

/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
  .service-boxes {
    margin-bottom: 20px;
  }
}





.spacer-100{
  margin: 100px 0px;
}

.margin-1{
  margin-top: 100px;
  margin-bottom: 100px;
}

.padding-1{
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .text-center-md{
    text-align: center !important;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .text-center-sm{
    text-align: center !important;
  }
  .hidden-sm{
    display: none;
  }

  .margin-1{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .padding-1{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .margin-2{
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .padding-2{
    padding-top: 100px;
    padding-bottom: 100px;
  }



}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .hidden-xs{
    display: none;
  }
  .text-center-m{
    text-align: center !important;
  }


}



.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('../placeholder.html');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
  padding:80px 0px;
  text-align: left;
/*  text-align: justify;*/
}

.left_right_boxes .content-padding{
  padding: 10%;
}

.left_right_boxes h2{
  margin-bottom: 12px;
}

.left_right_boxes h3.gray{
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    padding: 6%;
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
    padding: 4%;
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding{
    padding: 3%;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding{
    padding: 2%;
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding{
    padding: 10%;
  }
  .left_right_boxes .content_box{
    padding: 10%;
  }
}






/* =====  Left Right section   ========  */

.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
/*  padding:80px 0px;*/
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}
.left_right_boxes .content-padding, .left_right_boxes .content-padding200{
  padding: 10% !important;
  padding-top:200px !important;
  padding-bottom:200px !important;
}

.left_right_boxes .content-padding150{
  padding: 10% !important;
  padding-top:150px !important;
  padding-bottom:150px !important;
}

.left_right_boxes .content-padding100{
  padding: 10% !important;
  padding-top:100px !important;
  padding-bottom:100px !important;
}

.left_right_boxes .content-padding50{
  padding: 10% !important;
  padding-top:50px !important;
  padding-bottom:50px !important;
}

.left_right_boxes .content-padding25{
  padding: 10% !important;
  padding-top:25px !important;
  padding-bottom:25px !important;
}

.left_right_boxes .content-padding0{
  padding: 10% !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
}




/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    /*padding: 6%;*/
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
   /* padding: 4%;*/
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 3%;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 2%;
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding, 
  .left_right_boxes .content-padding200, 
  .left_right_boxes .content-padding150, 
  .left_right_boxes .content-padding100, 
  .left_right_boxes .content-padding50, 
  .left_right_boxes .content-padding25, 
  .left_right_boxes .content-padding0{
    padding: 10%;
  }
  .left_right_boxes .content_box{
    padding: 10%;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

}

/* =====  New Left Right section   ========  */

.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
  padding:80px 0px;
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}
.left_right_boxes .content-padding{
/*  padding: 10%;
  padding-top:200px;
  padding-bottom:200px;*/
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    /*padding: 6%;*/
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
   /* padding: 4%;*/
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding{
/*    padding: 3%;*/
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding{
/*    padding: 2%;*/
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding{
/*    padding: 10%;*/
  }
  .left_right_boxes .content_box{
    padding: 10%;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

}


.why_section{
  background-image: linear-gradient(0deg, rgba(23,31,35,0.8) 0%, rgba(23,31,35,0.9) 51%, rgba(23,31,35,0.8) 100%), url('../jpg/inspection-scene-bg.jpg');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover ;
}

.why_section h3{
  padding:0 20%;
}

.why_section img{
  margin-bottom: 20px;
  max-width: 120px;
}

.why_section hr{
  border-top: 1px solid rgba(255,255,255,.5);
}

.statBlock{
  margin-top:50px;
}
.statBlock .stat{
  
  text-align: center;
  font-size: 38px;
  font-weight: 800;
  color:#fff;
  margin-bottom: 0px;
}
.statBlock p{
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color:#fff;
}

.statBlock p i{
  text-align: center;
  font-size: 40px;
  font-weight: 300;

}


@media (max-width: 575.98px) {
  .statBlock .stat{
    font-size: 22px;
  }
  .statBlock p{
    font-size: 18px;
  }

}

/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
  .col-why{
    margin-bottom: 50px;
  }
  .col-why h3{
    font-size: 30px;
  }
  .why_section img{
    margin-bottom: 20px;
    max-width: 90px;
  }


}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}



@media (max-width: 575.98px) {
  .statBlock .stat{
    font-size: 22px;
  }
  .statBlock p{
    font-size: 18px;
  }

}


.product{
  margin-bottom: 40px;
}
.product .card-title{
  margin-top:12px;
  min-height:40px;
  font-size: 16px;
  font-weight: 600;
}

.product .card-body{
  min-height: 130px;
}






.training .event{

}
.training .stat-row{
  margin-bottom: 20px;
}
.training .stat-row p{
  font-size: 14px;
}

.training .stat-row p .spacer{
  margin:0 15px;
}
.training .stat-row p .percent{
  font-size: 16px;
  color:#007aff;
  font-weight: 600;

}
.training .intro{
  font-size: 
}

.training .row-striped:nth-of-type(odd){
  background-color: #efefef;
  border-left: 4px #000000 solid;
}

.training .row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px #efefef solid;
}

.training .row-striped {
    padding: 45px 0;
}

.accordion .card-header{
 
}

.accordion h2 button{
  font-size: 26px;
  color:#001955;
}
.accordion h2 button:hover{
  color:rgba(82, 173, 210, 1);
  background: rgba(82, 173, 210, 0.0);
  border:none;
}

.accordion .bars{
  position: absolute;
  right:10px;
}
















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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}







/*service page*/



.content{
  padding-left:40px;
}

.content p{
  margin-bottom: 10px;
}

.page-title{
  
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 6px;
}
.page-sub-title{
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 20px;
}

#content-form, #serviceContent{
    margin-top: 40px;
    margin-bottom: 20px;
}

#serviceContent, .contact-content, .home-intro{
  margin-top:100px;
}

#serviceContent h3{
  margin-bottom: 10px;
}


/*.content{
    padding: 20px;
    padding-top:40px;
    padding-bottom:40px;
    padding-right: 40px;
}*/

.content p{
/*   text-align: justify;*/
   font-size: 16px;

}

.content p a{
   
 color: #171d2b !important;
}

.content h2{
    color: #171d2b !important;
}

.content h3{
    color:#2e3a57;
    margin-top:20px;
    font-size: 24px;
}

.content h4{
    font-size: 16px;
    line-height: 20px;
}

.content h3{
   color: #52add3 !important;
   color: #171d2b !important;
   font-size: 20px;
   margin-top:0px;
}
.content li a{
   
   color: #171d2b !important;
  
}



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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}



.bs-slide .btn{
  margin-right:20px;
}





.form-wrap{
    background-color: #000;
    background-color: #2e3a57;
    padding:20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}


.form-wrap-row{
    background-color: #000;
    /*background-color: #52add3;*/
    padding:40px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}


.form-wrap h2, .form-wrap-row h2{
    /*color:#fff;*/
    color: #fff;
    text-align: center;
}

.form-wrap p, .form-wrap-row p{
     color:#52add3;
     font-size: 18px;
     text-align: center;
}
.callNow{
  font-size: 60px;
  margin-bottom: 20px;
}

.contact-form label{
   color:#fff; 
}









/*call to action section*/

/* Slogan Area */

.slogan {
    min-height: 100px;
    background: #2e3a57;
    background:#171d2b;
    width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.slogan-content {
    padding: 25px 0;
}

.slogan-content h3{
    text-transform: uppercase;
    line-height: 34px;
    color: #fff;
    font-size: 30px;
    /*text-align: right;*/
    /*color:#243f60;*/
}

.slogan-content h3 a{
    color:#243f60;
}

.slogan-title {
    display: inline-block;
    margin: 10px 0;
}

.page-services .slogan-content {
    padding: 40px 0;
}

.page-services .get-started  {
    padding-top: 15px;
}

.get-started {
    padding-top: 1px;
    vertical-align:middle;
}


/*Testimonials Section*/


/*Bootstrap Testimonials
------------------------------------*/


.testimonials {
  padding: 100px 0;
  background-image: linear-gradient(90deg, rgba(254,254,254,0.8) 0%, rgba(254,254,254,0.9) 51%, rgba(254,254,254,0.8) 100%), url('../jpg/new-york-bg.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




#testimonials_Carousel .carousel-item {

  padding-top:40px;
  padding-bottom: 40px;
  text-align: center;

}

#testimonials_Carousel h2 {
  color: #171d2b;
  font-size: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#testimonials_Carousel p {
  color: #555;
  font-size: 16px;
  padding: 0 70px;
}

#testimonials_Carousel span.author {
  color: #777;
  font-size: 14px;
}

.carousel-indicators li{
  background-color: rgba(85, 85, 85, 0.5)!important;
}
.carousel-indicators .active{
  background-color: #972b26!important;
}











/*sidebar navigation*/
.sidebar_services{
    background-color: #171d2b;
    padding:30px 0px;
    padding-right:0;
    padding-bottom: 40px;
  }
  .sidebar_services h1{
    font-size: 20px;
    font-weight: bold;
    color:#fff;
    padding:10px;
    padding-left:20px;
    border-bottom: 1px solid #52add3;
    padding-bottom: 5px
  }
  .sidebar_services h2{
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color:#fff;
    padding:10px;
    padding-left:20px;
  }
  .sidebar_services li{
    font-size: 18px;
    padding:0px;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
  }
  .sidebar_services li:hover{
    background-color: #52add3;
    color: #fff !important;
  }

  .sidebar_services li a{
    color: #52add3;
    text-decoration: none;
    display: block;
    padding-top:5px;
    padding-bottom: 5px;
    padding-left:20px; 
  }

  .sidebar_services a:hover{
    color: #fff !important;
  }




/*  parallax cta form on service pages  */

section.module.parallax-2 {
  background-image: linear-gradient(90deg, rgba(23,31,35,0.9) 0%, rgba(23,31,35,0.9) 51%, rgba(23,31,35,0.9) 100%), url('../jpg/new-york-bg.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:60px 0px;
  }

  .cta-form-block{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  section.module.parallax h1, section.module.parallax h2{
    color:#fff !important;
    font-size: 40px;
    padding-bottom: 40px;
    
  }

  .parallax .cta-form-block h4{
     color: #52add3 !important;
     color:#fff !important;
     text-align: center;
  }

  .parallax form label{
    color:#fff;
    font-size: 20px;
  }

  .cta-form-block .form-control{
    background-color:  rgba(255, 255, 255, .3);
    margin-bottom: 30px;
  }

  #getQuote .white .form-control{
    background-color:  rgba(255, 255, 255, .8);
  }

  

  .parallax form label.error, .parallax form div.error{
    color:#f0ad4e !important;
    font-size: 12px !important;
  }
  
  .parallax form textarea.error, .parallax form input.error{
    border:1px solid #f0ad4e !important; 
  }
  

@media only screen and (max-width : 992px){
  .cta-form-block h1{
    font-size: 30px !important;
    margin-bottom: 14px !important;
    padding-bottom: 0px !important;
  }
  .cta-form-block h4{
    font-size: 16px !important;
  }

}

/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
  .cta-form-block h1{
    font-size: 20px !important;
    margin-bottom: 10px !important;
    padding-bottom: 0px !important;
  }
  .cta-form-block form{
    padding:10px 20px;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}
/*  end parallax cta form on service pages  */





@media screen and (min-width: 389px){
  .hero .btn:first-of-type{
    margin-bottom:0;
  }

  .call-now-section p {
    font-size: 16px;
  }
  .call-now-section .call-now{
    font-size: 18px;
  }

}
@media screen and (min-width: 700px){
  .hero{
    padding:60px 0;
    font-size:20px;
  }
  .hero h1{
    font-size:40px;
    line-height: 60px;
  }

  .call-now-section{
    margin-top:20px;
    padding-right:20px;
  }


  .call-now-section p {
    font-size: 20px;
  }
  .call-now-section .call-now{
    font-size: 24px;
  }

}
@media screen and (min-width: 768px){
  .site-nav li{
    float:left;
    /*padding:10px 8px;*/
    padding:0px;
  }
  .site-nav ul{
    height:auto;
  }
  .site-nav.open{
    height:55px;
  }
  .call-now-section p {
    font-size: 26px;
  }
  .call-now-section .call-now{
    font-size: 34px;
  }
 

}
@media screen and (min-width:992px){
  .site-header .col-md-8{
    text-align:right;
    color:#fff;
    font-family:'Lato', Arial, Helvetica, sans-serif;
  }
  .site-header p{
    margin:0;
    font-size:26px;
    font-weight:200;
  }
  .site-header .blue{
    color:#52add3;
    font-weight:bold;
    font-size:40px;
  }
  .site-nav,.site-nav.open{
    height:30px;
    font-size:18px;
  }
  .site-nav li{
    padding:10px 12px;
  }
  /*.logo a{
    height:92px;
    width:268px;
  }*/
 
  .hero .cta{
    text-align:left;
    font-size:19px;
  }

  .hero h1{
    font-size:47px;
  }
  .hero .btn{
    font-size:18px;
  }
  .cta{
    margin-top:140px;
  }

  .call-now-section p {
    font-size: 30px;
  }
  .call-now-section .call-now{
    font-size: 40px;
  }

}
@media screen and (min-width: 1200px){
  .site-nav li{
    padding:10px 23px;
  }
  .hero h1{
    font-size:50px;
  }
  .cta{
    font-size:26px;
  }
  .hero .btn{
    font-size:23px;
  }
  .hero .btn:first-of-type{
    margin-right:10px;
  }
  .hero .cta{
    margin-top:210px;
    font-size:26px;
  }
  .hero:after{
    background:none;
  }
}







.call-now-btn{
  margin-top: 40px;
  margin-bottom: 40px;
}



.point{
  margin-bottom:0px;
  
}


.industry-logos{
  padding:0px 20px;
}
.industry-logos .swiper-slide img{
  padding:0px 20px;
}
.industry-logos .swiper-container{
  padding-bottom: 20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0px;
}


/*Contact Page*/

#map{
  height: 800px;
}

/*li icons*/
ul{
    padding-left:20px;
}

.check li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 1.5em;
    list-style:none;
    padding-bottom: 10px;
    
}

.check li:before {
    font-family:'FontAwesome';
    content:"\f054";
    padding-right:10px;
    /*color:#243f60;*/
    color:#b3332e;
}

.bull li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 1em;
    list-style:none;
    padding-bottom: 10px;
    font-weight: bold;
    
}

.bull li:before {
    font-family:'FontAwesome';
    content:"\f0da" !important;
    padding-right:10px;
    /*color:#243f60;*/
    color:#b3332e;
    font-size: 14px;
}

.arrow li {
    list-style:none;
    
}

.arrow li:before {
    font-family:'FontAwesome';
    content:"\f0da";
    padding-right:10px;
    /*color:#243f60;*/
    color:#b3332e;
}


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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
  #map{
    height: 600px;
  }
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
#map{
    height: 500px;
  }
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

#map{
    height: 400px;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}




#hero{

}

.hero_cta{

}

.hero-content{

}

.hero-content h1{
  
}
.hero-content h2{
  
}

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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

  #hero{
    padding:20px 10px !important;
  }


}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
  .hero_cta{
    height: auto !important;

  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}





/* -----------  home page   ------------*/

/*banner*/
#carousel h1{
    color:#fff;
}

#carousel{
    
}


/*home content*/






/*service box section*/
.services{
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top:40px;
  margin-bottom:0px;
}

.services-wrap{
  background-color: #171d2b;
}

  .services .row, .services .col-md-4, .services .col-xs-6{
    margin:0px;
    padding:0px;
  }
  .services .service-description h1{
    color:#fff;
  }

  .service-img-box {
    position:relative;
    overflow:hidden;
}

.service-description {
    position:absolute;
    top:30%;
    /*right:0;*/
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:9999;
}

.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(0, 0, 51, 0.75);
    width:100%;
    height:100%;
    /*padding:2%;*/
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
.caption .btn{
  position:relative;
  top:60%;
  display:inline-block;
  text-align:center;
  z-index:99999;

}

/*end service blog section*/






/*
.detroit2cards .card-body{
  min-height: 600px;
}
@media only screen and (min-width: 1400px) { 
  .detroit2cards .card-body{
    min-height: 550px;
  }
}
@media only screen and (min-width: 1800px) { 
  .detroit2cards .card-body{
    min-height: 450px;
  }
}


@media only screen and (max-width : 1399px){
  .detroit2cards .card-body{
    min-height: 600px;
  }
}

@media only screen and (max-width : 1200px){
  .detroit2cards .card-body{
    min-height: 750px;
  }
}

@media only screen and (max-width : 992px){
  .detroit2cards .card-body{
    min-height: 0;
  }
}

*/

/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

/*call to action section*/

/* Slogan Area */
.slogan {
    min-height: 100px;
    background: #fafafa;
    width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.slogan-content {
    padding: 25px 0;
}

.slogan-content h3{
    text-transform: uppercase;
    line-height: 40px;
    color:#243f60;
    font-size: 30px;
}

.slogan-content h3 a{
    color:#243f60;
}

.slogan-title {
    display: inline-block;
    margin: 10px 0;
}




.contact-section li{
    margin-top:10px;
}

.contact-section a{
    color: #212529 !important;
}

.contact-section li i{
    padding-right:5px;
}



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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}









/* ================================================= */
/* ================================================= */
/* ================================================= */
/* ================================================= */
/* ================== blog pages ================== */
/* ================================================= */
/* ================================================= */
/* ================================================= */
/* ================================================= */




.news {

}

.news article{
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.blog-section{
  margin-top:100px;
  margin-bottom: 100px;
}
.blog-section.single{
  /*margin-top:200px;*/
}
.blog-section article{
  margin-bottom:20px;
}
.post-thumbnail{
  margin-top:10px;
}
.news .post-thumbnail, .post-thumbnail img{
  width:100%;
  height:auto;
}

.news .entry-title{
  margin-bottom: 10px;
}
.news .entry-title, .news .entry-title a{
  font-size: 32px;
  color:#000;
}
.news a:hover{
  color: #672e4f !important;
  text-decoration: none;
}
.entry-meta a, .entry-footer a{
  color: #007bff !important;
}

.news .nav-links a, .entry-content a{
  color: #007bff !important;

}

.entry-content h2, 
.entry-content h3, 
.entry-content h4,
.entry-content h5,
.entry-content h6{
  font-size: 24px;
  margin-top:18px;
  margin-bottom:4px;
}
.entry-content p{
  
  margin-bottom:10px;
}

.entry-footer {
  margin-top:20px;
}

.blogFeed .entry-footer {
  display:none !important;
}

.entry-footer span{
  margin-right:20px;
}
.entry-footer .comments-link{
  display:block;
}
.entry-footer .comments-link a{
  color: #007bff !important;
}


/*blog sidebar*/
.widget-title{
  font-size: 24px;

}
.news .widget li{
  font-size: 18px;
}
.widget li a, .rpwwt-widget a,{
  color: #007bff !important;
}
.widget li a{

}
.blog-section .blog-sidebar{
  padding-left:50px;
}




 #blogCarousel .carousel-item{
    height:400px;
    background: rgb(0,0,56);
    background: linear-gradient(171deg, rgba(0,0,56,0.65) 0%, rgba(0,0,56,0.77) 100%, rgba(0,0,56,0.5) 100%);
    background-image: url('<?php bloginfo('stylesheet_directory'); ?>/assets/img/blog/hero--blog.jpg');
    background-repeat:no-repeat !important;
    background-position: center center;
    background-size: cover !important;
 }
 #blogCarousel .carousel-control-next,  #blogCarousel .carousel-control-prev{
    width:3%;
 }
 #blogCarousel .carousel-item-content{
  margin-left:60px !important;
  margin-right:60px !important;
 }

 #blogCarousel h2{
    /*font-family: 'Montserrat',sans-serif;*/
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: bold;
    color:#fff;
 }

 #blogCarousel p.excerpt{
    font-size: 20px;
    color:#fff;
    font-weight: 200;
 }
 #blogCarousel .meta, #blogCarousel .meta a{
    font-size: 12px;
    color:#fff;
    margin-bottom: 20px;
 }
 #blogCarousel .read-more a{
  color:#fff;
 }
 .blog .sidebar-widget{
  margin-bottom: 40px;
 }
 .blog .sidebar-widget h3{
    margin-bottom: 20px;
 }

 .blog .sidebar-widget li{
  color:#0274be;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 200;
 }
 .blog .sidebar-widget li a{
  color:#0274be;
 }




.blog-posts .card{
  margin-bottom: 30px;
}

.blog-posts .card-img-top {
  width: 100%;
  height: 20vw;
  object-fit: cover;
}
.blog-posts .card-title{
  
}
.blog-posts .card-title a{
  color:#E19D97;
}
.blog-posts .card-body {
  
  /*height: 260px;*/
  object-fit: cover;
}
.blog-posts .read-more-btn{
  margin-top:10px;
}
.blog-posts h2.card-title{

  font-size: 20px;
}

/*blog pagination*/
.pagination {
   clear:both;
   position:relative;
   font-size:11px; /* Pagination text size */
   line-height:13px;
   float:right; /* Pagination float direction */
}
.pagination span, .pagination a {
   display:block;
   float:left;
   margin: 2px 2px 2px 0;
   padding:6px 9px 5px 9px;
   text-decoration:none;
   width:auto;
   color:#fff; /* Pagination text color */
   background: #555; /* Pagination non-active background color */
   -webkit-transition: background .15s ease-in-out;
   -moz-transition: background .15s ease-in-out;
   -ms-transition: background .15s ease-in-out;
   -o-transition: background .15s ease-in-out;
   transition: background .15s ease-in-out;
}
.pagination a:hover{
   color:#fff;
   background: #6AAC70; /* Pagination background on hover */
}
.pagination .current{
   padding:6px 9px 5px 9px;
   background: #6AAC70; /* Current page background */
   color:#fff;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .blog-posts .card-body {
  /*height: 310px;*/
 }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  .blog-posts .card-body {
  /*height: 400px;*/
 }  
}

  
.services .card .card-description{
  min-height: 220px;
}


.services .card .learn_more{
  
}

@media (max-width: 1200px) {  
   .services .card .card-description{
    min-height: 260px;
  }
  
}











/* sidebar from niche site */
/*blog sidebar*/

.sidebarSection{

  margin-bottom: 50px;
}
.widget-title{
  font-size: 24px;
}

.blog-sidebar .widget {
  margin-bottom: 30px;

}
.blog-sidebar .widget ul{
  padding: 0;
  padding-left:10px;
    list-style-type: none;

}
.blog-sidebar .widget li{
  font-size: 18px;
  margin-bottom: 10px;
}
.blog-sidebar .widget li a{
  color: #90986b !important;
}
.blog-sidebar .widget li a{
  color: #90986b !important;
}
.blog-section .blog-sidebar{
  padding-left:50px;
}


.read-more{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

#secondary{

}

#popup{
  overflow: hidden;
}
#popup h2{
  padding-top:20%;
}


.blog-sidebar .search-form {
  margin-bottom: 20px;

}

.blog-sidebar .search-form label{
  display: inline-block;
  width:60%;

}
.blog-sidebar .search-form .search-field{
  display: inline-block;
  width:100%;
  border-radius: 0px;
}

.blog-sidebar .search-form .search-submit{
  display: inline-block;
  width:38%;

}

.blog-sidebar .sb_instagram_header{
  display:none !important;
}



.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #90986b;
  border-color: #90986b;
}


  .page-link, .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }
  .page-numbers.current{
     color: #666 !important;
     font-weight: 600;
  }
  .page-numbers.dots{
    color: #666 !important;
  }




/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
  .blog-section.single {
  margin-top: 40px;
  }
  .blog-section .blog-sidebar{
    padding-left:30px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
  .blog-section .blog-sidebar{
    padding-left:10px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

/*blog sidebar*/

.sidebarSection{

  margin-bottom: 50px;
}
.widget-title, .widget h2{
  font-size: 24px;
}

.blog-sidebar .widget, .widget, .widget_block {
  margin-bottom: 30px;

}
.blog-sidebar .widget ul, .wp-block-categories-list, .wp-block-latest-posts__list{
  padding: 0 !important;
  padding-left:10px !important;
  list-style-type: none !important;

}
.blog-sidebar .widget ul li{
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.blog-sidebar .widget li a{
  color: #90986b !important;
}
.blog-sidebar .widget li a{
  color: #90986b !important;
}
.blog-section .blog-sidebar{
  padding-left:50px;
}


.read-more{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}



#popup{
  overflow: hidden;
}
#popup h2{
  padding-top:20%;
}


.blog-sidebar .search-form {
  margin-bottom: 20px;

}

.blog-sidebar .search-form label{
  display: inline-block;
  width:60%;

}
.blog-sidebar .search-form .search-field{
  display: inline-block;
  width:100%;
  border-radius: 0px;
}

.blog-sidebar .search-form .search-submit{
  display: inline-block;
  width:38%;

}

.blog-sidebar .sb_instagram_header{
  display:none !important;
}



.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #90986b;
  border-color: #90986b;
}


  .page-link, .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }
  .page-numbers.current{
     color: #666 !important;
     font-weight: 600;
  }
  .page-numbers.dots{
    color: #666 !important;
  }




/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
  .blog-section.single {
  margin-top: 40px;
  }
  .blog-section .blog-sidebar{
    padding-left:30px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
  .blog-section .blog-sidebar{
    padding-left:10px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}





/*============================================*/
/*============================================*/
/*=======        blog-card           =========*/
/*============================================*/
/*============================================*/

.blog-card h2, .blog-card .title, .hero-article{
  font-size: 22px;
  text-transform: uppercase;
}
.blog-card h3{
  font-size: 20px;
}
.blog-card img{
/*  height: 100%;*/
  object-fit: cover;
}
.blog-card .details,
.blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.blog-card .details {

  margin: auto;
  color: #716f6f;
  padding: 10px;
  width: 100%;
  font-size: 0.9rem;
}
.blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blog-card .details ul li {
  display: inline-block;
}
.blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 10px;
}
.blog-card .details .tags li {
  margin-right: 2px;
}
.blog-card .details .tags li:first-child {
  margin-left: -4px;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .blog-card h2, .blog-card .title, .hero-article .title{
    font-size: 20px;
  }
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .blog-card h2, .blog-card .title, .hero-article .title{
    font-size: 18px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .blog-card h2, .blog-card .title, .hero-article .title{
    font-size: 16px;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}
@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


/*============================================*/
/*============================================*/
/*============  base-blog-cards  =============*/
/*============================================*/
/*============================================*/


.base-blog-cards .blog-card{
  height: 300px;
  transition: all 0.6s ease-in-out ;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .base-blog-cards .blog-card{
    height: 330px;
  }
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .base-blog-cards .blog-card{
    height: 350px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .base-blog-cards .blog-card{
    height: 320px;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 688px) {
  .base-blog-cards .blog-card{
    height: 340px;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .base-blog-cards .blog-card{
    height: auto;
  }
  .base-blog-cards .blog-card .h-100{
    height: auto !important;
  }
  .base-blog-cards .blog-card img{
    height: 250px;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}




/*============================================*/
/*============================================*/
/*=======   third-img-slide-cards    =========*/
/*============================================*/
/*============================================*/


.third-img-slide-cards .blog-card {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6%;
  background: #fff;
/*  line-height: 1.4;*/
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
}
.third-img-slide-cards .blog-card a {
  color: inherit;
}
.third-img-slide-cards .blog-card a:hover {
  /*color: #88bb21;*/
}
.third-img-slide-cards .blog-card:hover .photo {
  transform: scale(1.3) rotate(3deg);
}
.third-img-slide-cards .blog-card .meta {
  position: relative;
  z-index: 0;
  height: 200px;
}
.third-img-slide-cards .blog-card .photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s;
}
.third-img-slide-cards .blog-card .details,
.third-img-slide-cards .blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.third-img-slide-cards .blog-card .details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  margin: auto;
  transition: left 0.2s;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  width: 100%;
  font-size: 0.9rem;
  transition: all 0.9s ease-in-out ;
}
.third-img-slide-cards .blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.third-img-slide-cards .blog-card .details ul li {
  display: inline-block;
}
.third-img-slide-cards .blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.third-img-slide-cards .blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.third-img-slide-cards .blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 10px;
}
.third-img-slide-cards .blog-card .details .tags li {
  margin-right: 2px;
}
.third-img-slide-cards .blog-card .details .tags li:first-child {
  margin-left: -4px;
}
.third-img-slide-cards .blog-card .description {
  padding: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.third-img-slide-cards .blog-card .description h1,
.third-img-slide-cards .blog-card .description h2 {

}
.third-img-slide-cards .blog-card .description h1 {
  line-height: 1;
  margin: 0;
  font-size: 1.7rem;
}
.third-img-slide-cards .blog-card .description h2 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: 600;
  color: #676262;
}
.third-img-slide-cards .blog-card .description .read-more {
  text-align: right;
}
.third-img-slide-cards .blog-card .description .read-more a {
  /*color: #88bb21;*/
  display: inline-block;
  position: relative;
}
.third-img-slide-cards .blog-card .description .read-more a:after {
  content: "";
  font-family: FontAwesome;
  margin-left: -10px;
  opacity: 0;
  vertical-align: middle;
  transition: margin 0.3s, opacity 0.3s;
}
.third-img-slide-cards .blog-card .description .read-more a:hover:after {
  margin-left: 5px;
  opacity: 1;
}
.third-img-slide-cards .blog-card p {
  position: relative;
  margin: 1rem 0 0;
}
.third-img-slide-cards .blog-card p:first-of-type {
  margin-top: 1.25rem;
}

/* line aboce p tag */
.third-img-slide-cards .blog-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #88bb21;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}
.third-img-slide-cards .blog-card:hover .details {
  left: 0%;
}
@media (min-width: 640px) {
  .third-img-slide-cards .blog-card {
    flex-direction: row;
   /* max-width: 700px;*/
  }
  .third-img-slide-cards .blog-card .meta {
    flex-basis: 40%;
    height: auto;
  }
  .third-img-slide-cards .blog-card .description {
    flex-basis: 60%;
  }
  .third-img-slide-cards .blog-card .description:before {
    transform: skewX(-3deg);
    content: "";
    background: #fff;
    width: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .third-img-slide-cards .blog-card.even {
    flex-direction: row-reverse;
  }
  .third-img-slide-cards .blog-card.even .description:before {
    left: inherit;
    right: -10px;
    transform: skew(3deg);
  }
  .third-img-slide-cards .blog-card.even .details {
    padding-left: 25px;
  }
  .third-img-slide-cards .breadcrumb-item a, .third-img-slide-cards .read-more-link{
    color: #88bb21 !important;
  }

}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .third-img-slide-cards .breadcrumb{
    display: none;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}













footer{
  
}

footer .footer_top{
  background-color: #171d2b;
  padding:60px 0px;
}

footer .footer_top h2{
  color: #eee;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 20px;
}
footer .footer_top p, footer .footer_top li, footer .footer_top a{
  color: #eee;
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
}

footer .footer_top li i{
  margin-right:10px;
}

footer .footer-social li{
  font-size: 30px;
  margin:0px 10px;
}

footer .footer-social li i{
  font-size: 30px;
}


footer .copyright{
  background-color:#071026; 
  padding:6px; 
  color: #ccc;
  font-size: 12px;
}
footer .copyright .footer-socials{
  font-size: 30px;
  color: #ccc;
}
footer .copyright .footer-socials i{
  margin-right:14px;
  color:#ccc;
}
footer .copyright .copy{
  margin-top:20px;
}



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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}



#getQuote .wpcf7-response-output{
  color: #fff !important;
}
#getQuote .form-control{
  color: #fff !important;
}