/*!
Theme Name: Greater Dayton Main 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: greater-dayton-main-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.

Greater Dayton Main 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
--------------------------------------------------------------*/


/* 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;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* 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 Theme Styles   ============*/
/*=================                         ===========*/
/*=====================================================*/
/*=====================================================*/
/*=====================================================*/


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




html,
body {
  /*overflow-x: hidden;*/   /* Prevent scroll on narrow devices */
}
body{
	font-family: trade-gothic-next, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-style: 20px;
	color: #515151;
}

h1,h2,h3,h4,h5,h6,p,li{
	overflow-wrap: normal;
}

h1,h2,h3,h4,h5,h6{
	color:#000;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
}


/*// 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) {
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}

}

/*


Raleway Bold

font-family: raleway, sans-serif;
font-weight: 700;
font-style: normal;

Raleway Regular

font-family: raleway, sans-serif;
font-weight: 400;
font-style: normal;

Raleway Medium

font-family: raleway, sans-serif;
font-weight: 500;
font-style: normal;

Raleway Light

font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;

Raleway Italic

font-family: raleway, sans-serif;
font-weight: 400;
font-style: italic;

Handel Gothic MEDIUM 
font-family: handel-gothic, sans-serif;
font-weight: 500;
font-style: normal;


Handel Gothic D Bold
font-family: handel-gothic, sans-serif;
font-weight: 700;
font-style: normal;


*/

.heading1{
	font-size: 66px;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading2{
	font-size: 48px;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading3{
	font-size: 36px;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading4{
	font-size: 28px;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading5{
	font-size: 24px;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading6{
	font-size: 20px;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
	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;
}

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

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

.hero .heading3{
	text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 32px;
  line-height: 1em !important;
  text-shadow: 1px 1px #000;
}
.hero .heading3.bold{
	font-weight: 800;
}

.hero .heading4{
	font-size: 32px;
	font-family: raleway, sans-serif;
	font-weight: 300;
	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 .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: 50px;
		line-height: 50px;
	}

	.hero .heading3{
		font-size: 28px;
		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: 36px;
		line-height: 38px;
	}

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

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



}


/*colors*/


.grayScale {
    filter: gray;
    filter: grayscale(0);
}

.grayScale:hover {
    filter: gray;
    filter: grayscale(100%);
}


a{
	color: #9e9e9e;
	text-decoration: none;
}

.white, a.white{
	color: #fff !important;
}
.black{
	color: #000 !important;
}
.gray{
	color: #9e9e9e !important;
}
.theme{
	color:#9e9e9e !important;
}
.dark{
    color: #363839 !important;
}

.accent{
	color: #183883 !important;
}

.red, .red a{
  color: #c92429 !important;
}
.red_bg{
  background-color: #c92429 !important;
}

.red_bg_grad{
	background: radial-gradient(circle, #bd1e2c 0%, #661b1d 100%);
}






.border-red{
	border: 3px solid #c92429;
}


.yellow{
	color: #ffe800 !important;
}

.swiper-button-next, .swiper-button-prev{
	color:#c92429 ;
}

.text-gradient{
	background: -webkit-linear-gradient(left,#8dc63f 0%,#546c11 72%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

ul.arrow li:before {    
  font-family: 'FontAwesome';
  content: '\f138';
  color: #c92429;
  margin-right: 10px;
}

.btn{
	text-transform: uppercase;
}

.btn-outline-light:hover{
	color: #c92429 !important;
}
.btn-theme{
	background-color:#363839 !important;
	color: #fff;
}
.btn-theme{
	background-color:#9e1c1c !important;
	color: #fff;
}

.btn-theme:hover{
	background-color:#9e9e9e !important;
	color: #000 !important;
}
.btn-dark{
	background-color:#363839;
	color: #fff;
}


.btn-outline-theme{
	color: #c92429;
  border-color: #c92429;
}

.

.btn-accent{
	background-color:#183883;
	color: #fff;
}

.btn-accent:hover{
	background-color:#33549e;
	color: #fff;
}

.btn-light:hover {
	color: #000;
	background-color: #dbdbdb;
	border-color: #f9fafb;
}


.bg-theme{
	background-color:#c92429;
	color: #fff;
}


.bg-accent{
	background:#183883 !important;
}

.bg-gray{
/*	background:#9e9e9e !important;*/
   background:#544d4d !important;
}



.bg-light{
	background-color: #f0efef !important;
}

.bg-dark{
	background-color: #363839;
}

.bg-theme-dark{
	background: linear-gradient(180deg, rgba(54,56,57,.8) 0%, rgba(54,56,57,.9) 50%, rgba(54,56,57,.8) 100%), url('assets/img/hero-blueprints-4.jpg') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}

.bg-theme-dark2{
	background: linear-gradient(180deg, rgba(54,56,57,.95) 0%, rgba(54,56,57,.95) 50%, rgba(54,56,57,.95) 100%), url('assets/img/hero-blueprints-4.jpg') !important;
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}

.bg-theme-light{
  background: linear-gradient(180deg, rgba(130, 188, 10,.8) 0%, rgba(130, 188, 10,.8) 86%, rgba(130, 188, 10,.8) 100%), url('assets/img/background-1.jpg') !important; 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.bg-trans-light{
	background-color: rgba(255, 255, 255,.2);
}

.bg-trans-dark{
	background-color: rgba(0, 0, 0,.4);
}

.full-width-bg{
  background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.9) 86%, rgba(0,0,0,.9) 100%), url('/wp-content/themes/signal-business-theme/assets/img/background-1.jpg'); 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat !important;
  background-size: cover !important;
  
}

.bg-none{
  background: #fff !important;
}


.overflowHidden{
    overflow: hidden;
}
.relative{
  position: relative;
}

.z{
	z-index: 99999999999999999 !important;
} 
.margin-1{
	margin-top: 100px;
	margin-bottom: 100px;
}

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

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


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

.uc{
	text-transform: uppercase;
}

.bold{
	font-weight: 900 !important;
}
.theme_icon{
  width: 80px;
  margin-bottom: 10px;
}


.iconLarge{
	font-size: 60px;
}


.border-double {
	border-top-width: 9px !important;
	border-right-width: 9px !important;
	border-bottom-width: 9px !important;
	border-left-width: 9px !important;
	padding-top: 60px !important;
	padding-right: 25px !important;
	padding-bottom: 10px !important;
	padding-left: 25px !important;
	border-left-color: rgba(255,255,255,0.3) !important;
	border-left-style: double !important;
	border-right-color: rgba(255,255,255,0.3) !important;
	border-right-style: double !important;
	border-top-color: rgba(255,255,255,0.3) !important;
	border-top-style: double !important;
	border-bottom-color: rgba(255,255,255,0.3) !important;
	border-bottom-style: double !important;
}


.grad-border-bottom{
  position: relative;
  box-sizing: border-box;
  margin: auto;
  background:white;
  color:black;
  padding-bottom:10px;

}

.grad-border-bottom:after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1;
  margin-bottom: -3px; /* !importanté */
  background:  linear-gradient(to right, rgba(183, 183, 183, 0.1), rgba(65, 65, 65, 1), rgba(190, 190, 190, 0.2));
}


.grad-border-bottom.left:after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1;
  margin-bottom: -3px; /* !importanté */
  background: linear-gradient(0.25turn, rgba(65, 65, 65, 1), rgba(183, 183, 183, .8), rgba(183, 183, 183, .2))
}



.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 !important;
  }
	.text-center-m{
		text-align: center !important;
	}


}






.uc{
	text-transform: uppercase;
}

.theme_icon{
  width: 80px;
  margin-bottom: 10px;
}

.iconLarge{
	font-size: 60px;
}


.projectsSwiper{
	padding-bottom: 40px;
}


/* =====  Header Nav Section  ========  */


.headerMain .announcementRow .list-inline-item{
	margin: 0px 20px;
	font-size: 14px;
} 



.logoRow .logo{
	max-width: 460px !important;
}

header .socialIcons li i{
	font-size: 20px;
}

#menu-primary li{
	margin: 0 16px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: handel-gothic, sans-serif;
	font-weight: 700;
}

#menu-primary li.quoteNav{
	font-weight: 800;
	color:;
}

.dropdown-menu .menu-item{
	margin: 0 !important;
	font-size: 18px;

}

.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #000;
}


@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) {

	.logoRow .logo{
		max-width: 70% !important;
		margin-left: 30%;
		padding-right: 10%;
	}

	.navbar-toggler{
		position: absolute;
		top: -65px;
		left: 10px;
	}


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

	.announcementRow .px-5{
		padding-right: 1rem!important;
		padding-left: 1rem!important;
	}

	.logoRow .logo{
		max-width: 85% !important;
		margin-left: 20%;
		padding-right: 10%;
	}

}

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

	.announcementRow .px-5{
		padding-right: 1rem!important;
		padding-left: 1rem!important;
	}

	.logoRow .logo{
		max-width: 70% !important;
		margin-left: 20%;
		padding-right: 5%;
	}

}




/* =====   Intro section   ========  */
.intro.service{

}
.intro.service li{
  margin-bottom: 10px;
}
@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) {


}



/* =====  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.image-right.arrow .bgImage{
	clip-path: polygon(100% 0%, 90% 51%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.left_right_boxes.image-left.arrow .bgImage{
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 10% 51%, 0% 0%);
}

.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;
  }

}

/* =====  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_block section   ========  */

  .why_block{
    padding:200px 0px;
  }

  .why_block .difference_block  {
   text-align: center;
  }

  .why_block .why_block h2{
    margin-bottom: 40px;
  }
  .why_block .difference_block{
    text-align: center;
    padding:2%;
  }
  .why_block .difference_block h3{
    min-height: 60px;
    vertical-align: text-bottom;
  }
  .why_block .difference_block h4{
    font-size: 16px;
    font-weight: 400;
    min-height: 110px;
  }
  .why_block .difference_block img{
    height: 200px;
    width: 80%;
    object-fit: contain;
    margin-bottom: 20px;


}
  }


@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) {
  .why_block{
    padding:100px 0px;
  }
  .why_block .difference_block{
    margin-bottom: 40px !important;
  }
  .why_block .difference_block{
    padding:0px 60px;
  }
  .why_block .difference_block h3{
    
    min-height: 0px;
   
  }
  .why_block .difference_block h4{
    min-height: 0px;
  }

}

@media (max-width: 480px) {
  
  .why_block .difference_block{
    padding:0px 20px;
  }
  

}



/* =====           section   ========  */

@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) {


}






/* =====           section   ========  */

@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) {


}






/* =====           section   ========  */

@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) {


}





/* =====           section   ========  */

@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) {


}





/* =====           section   ========  */

@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) {


}




/* =====           section   ========  */

@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) {


}




/* =====           section   ========  */

@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) {


}




/* =====           section   ========  */

@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) {


}





/* =====           section   ========  */

@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) {


}




/* =====           section   ========  */

@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) {


}






/* =====   Footer section   ========  */
  #footerMain{
    
  }

  #footerMain.bg-dark .widget-title{
    color:#fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;

  }
  #footerMain.bg-dark .widget-title:after {
    /*display: block;
    content: "";
    width: 70px;
    border-bottom: 2px solid #948f90;
    margin: 3px 0 8px;*/
  }

  #footerMain .widgets{
    margin-bottom: 20px;
  }

  #footerMain .widgets li{
    margin-bottom: 12px;
  }
  #footerMain.bg-dark .widgets li a, #footerMain .nav-link{
    text-decoration: none;
    color: #fff;
  }


  #footerMain .social .list-inline-item{
    margin-right:16px;
    font-size: 16px;
  }

  #footerMain .social-icon i{
    display: inline-block;
    border: .5px solid #8a8a8a;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #8a8a8a;
    padding: 0.5em 0.6em;
  }
  #footerMain .social-icon a i {
    color:#696969;
  }


  #footerMain .widgets i{
    margin-right: 10px;
  }

  #footerMain .copyInfo p{
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color:#fff;
    line-height: 15px;
  }
@media (max-width: 1399px) {

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

  #footerMain .social .list-inline-item{
    margin-right:0px;
    font-size: 16px;
  }

}

/*// 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) {


}





/* =====           section   ========  */

@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) {


}