/*!
Theme Name: Signal Business 24 Theme
Theme URI: http://underscores.me/
Author: Signal
Author URI: https://signal-interactive.com
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: signal-business-24-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.

Signal Business 24 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.

*/








/* 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: "gill-sans-nova", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	color: #515151;
}

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

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
a h1, a h2, a h3, a h4, a h5, a h6,.none, a{
    text-decoration: none!important;
}



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

}

/*


Gill Sans Nova UltraLight
font-family: "gill-sans-nova", sans-serif;
font-weight: 200;
font-style: normal;
Gill Sans Nova Light
font-family: "gill-sans-nova", sans-serif;
font-weight: 300;
font-style: normal;
Gill Sans Nova Book
font-family: "gill-sans-nova", sans-serif;
font-weight: 400;
font-style: normal;
Gill Sans Nova Book Italic
font-family: "gill-sans-nova", sans-serif;
font-weight: 400;
font-style: italic;
Gill Sans Nova Medium
font-family: "gill-sans-nova", sans-serif;
font-weight: 500;
font-style: normal;
Gill Sans Nova SemiBold
font-family: "gill-sans-nova", sans-serif;
font-weight: 600;
font-style: normal;
Gill Sans Nova Bold
font-family: "gill-sans-nova", sans-serif;
font-weight: 700;
font-style: normal;
Gill Sans Nova Bold Italic
font-family: "gill-sans-nova", sans-serif;
font-weight: 700;
font-style: italic;
Gill Sans Nova Heavy
font-family: "gill-sans-nova", sans-serif;
font-weight: 800;
font-style: normal;
Gill Sans Nova ExtraBold
font-family: "gill-sans-nova", sans-serif;
font-weight: 900;
font-style: normal;
Gill Sans Nova Inline SemiBold
font-family: "gill-sans-nova-inline", sans-serif;
font-weight: 600;
font-style: normal;
Gill Sans Nova Inline Bold
font-family: "gill-sans-nova-inline", sans-serif;
font-weight: 700;
font-style: normal;


*/




h1, .heading1{
	font-size: 66px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;

}

h2, .heading2{
	font-size: 48px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
 
}

h3, .heading3{
	font-size: 36px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;

}

h4, .heading4{
	font-size: 28px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;

}

h5, .heading5{
	font-size: 24px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;

}

h6, .heading6{
	font-size: 20px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;

}

.sans{
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 300;
}

.italic{
  font-style: italic !important;
}


.inline{
	font-family: "gill-sans-nova-inline", sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

p{
	font-size: 18px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.contentArea{
	font-size: 20px;
	font-family: "gill-sans-nova", 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: 14px !important;
  font-style: normal;
}

.hero .heading1{

  letter-spacing: 0px;
  font-weight: 900;
  font-size: 70px;
  line-height: 1em !important;
  text-shadow: 1px 1px #000;
}

.hero .heading2{

  letter-spacing: 0px;
  font-weight: 300;
  font-size: 36px;
  line-height: 1em !important;
  text-shadow: 1px 1px #000;
}

.hero .heading3{
	font-size: 40px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 400;
	font-style: normal;
  line-height: 150%;
  text-shadow: 1px 1px #000;
}

.hero .heading3.bold{
	font-weight: 800;
}

.hero .heading4{
	font-size: 32px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 300;
	font-style: normal;
 
}

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

.txt-lg, .txt-large, .txt-large p{
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
}
.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{
		font-size: 65px;
		line-height: 65px;	
	}

	.hero .heading2{
		
	}

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

	.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: 50px;
		line-height: 50px;	
	}

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

	.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: 26px;
		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;
	}

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

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

	.heading3, .heading4, .heading5{
		font-size: 22px;
		line-height: auto;
	}

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



}



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


/*colors*/


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

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



a{
	color: #2e1c39;
	text-decoration: none;
}

.white{
	color: #fff !important;
}
.black{
	color: #000 !important;
}
.gray{
	color: #2e1c39 !important;
}
.dark{
    color: #001c4b !important;
}

.theme, .theme i, .blue{
	color:#0a337a !important;
}

.theme-1, .theme-1 i, .blue-1{
	color:#3b5c95 !important;
}
.theme-2, .theme-2 i, .blue-2{
	color:#6c85af !important;
}
.theme-3, .theme-3 i, .blue-3{
	color:#9dadca !important;
}
.theme-4, .theme-4 i, .blue-4{
	color:#ced6e4 !important;
}

.accent, .accent i, .red{
	color:#e30613 !important;
}

.accent-1, .accent-1 i, .red-1{
	color:#e94f35 !important;
}
.accent-2, .accent-2 i, .red-2{
	color:#f08262 !important;
}
.accent-3, .accent-3 i, .red-3{
	color:#f6af95 !important;
}
.accent-4, .accent-4 i, .red-4{
	color:#fbd9ca !important;
}











.shadow{
	-webkit-box-shadow: 4px 4px 15px 2px rgba(0,0,0,0.41) !important;
  -moz-box-shadow: 4px 4px 15px 2px rgba(0,0,0,0.41) !important;
  box-shadow: 4px 4px 15px 2px rgba(0,0,0,0.41) !important;
}

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

.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: #900181;
  margin-right: 10px;
}

.btn{
	text-transform: uppercase;
	font-size: 16px !important;
	border-radius: 30px !important;
	padding:12px 30px !important;
}

.btn-sm {
    padding: .35rem 1rem !important;
    font-size: .875rem !important;
    border-radius: 30px !important;
}


.btn-lg{
	padding:20px 40px !important;
}

.btn-outline-light:hover{
	color: #0a337a !important;
}

.btn-outline-light:hover{
	color: #3b5c95 !important;
}

.btn-outline-theme{
	color: #0a337a !important;
  border-color: #0a337a !important;
}
.btn-outline-theme:hover{
	color: #fff !important;
  background-color:#0a337a !important;
}

.btn-outline-accent{
	color: #e30613 !important;
  border-color: #e30613 !important;
  border: 1px solid #e30613;
  background-color:rgba(255,255,255,.7)!important;
}
.btn-outline-accent:hover{
	color: #fff !important;
  background-color: #e30613 !important;
}

.parallax .btn-accent:hover{
	color: #e30613 !important;
  border-color: #e30613 !important;
  border: 1px solid #e30613;
  background-color:rgba(255,255,255,.6)!important;
}

.btn-blue, .btn-dark, .btn-theme{
	background-color:#0a337a !important;
	color: #fff !important;
}

.btn-blue:hover, .btn-dark:hover, .btn-theme:hover{
	background-color:#3b5c95 !important;
	color: #fff !important;
}

.btn-accent{
	background-color:#e30613 !important;
	color: #fff !important;
}

.btn-accent:hover, .btn-red:hover{
	background-color:#e94f35 !important;
	color: #fff !important;
}








.btn-dark{
	background-color:#363839;
	color: #fff;
}


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


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




.bg-white1{
	background-color: rgba(255, 255, 255, 0.1);
}
.bg-white2{
	background-color: rgba(255, 255, 255, 0.2);
}
.bg-white3{
	background-color: rgba(255, 255, 255, 0.3);
}
.bg-white4{
	background-color: rgba(255, 255, 255, 0.4);
}
.bg-white5{
	background-color: rgba(255, 255, 255, 0.5);
}
.bg-white6{
	background-color: rgba(255, 255, 255, 0.6);
}
.bg-white7{
	background-color: rgba(255, 255, 255, 0.7);
}
.bg-white8{
	background-color: rgba(255, 255, 255, 0.8);
}
.bg-white9{
	background-color: rgba(255, 255, 255, 0.9);
}



.bg-gray{
	background:#2e1c39 !important;
}
.bg-black{
	background:#000 !important;
}

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

.bg-dark{
	background-color: #000E4D !important;
}

.bg-theme{
	background-color:#0a337a !important;
}

.bg-theme-1{
	background-color:#3b5c95 !important;
}
.bg-theme-2{
	background-color:#6c85af !important;
}
.bg-theme-3{
	background-color:#9dadca !important;
}
.bg-theme-4{
	background-color:#ced6e4 !important;
}

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

.bg-accent-1{
	background-color:#e94f35 !important;
}
.bg-accent-2{
	background-color:#f08262 !important;
}
.bg-accent-3{
	background-color:#f6af95 !important;
}
.bg-accent-4{
	background-color:#fbd9ca !important;
}





.bg-theme-donation{
	background: linear-gradient(180deg, rgba(0,14,77,.9) 0%, rgba(0,14,77,.9) 60%, rgba(0,14,77,.9) 60%, rgba(0,14,77,.9) 100%), url('assets/img/background-donation.jpg') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}

.bg-theme-dark{
	background: linear-gradient(180deg, rgba(0,14,77,.9) 0%, rgba(0,14,77,.9) 60%, rgba(0,14,77,.9) 60%, rgba(0,14,77,.9) 100%), url('assets/img/grad_background_2.JPG') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}



.bg-theme-dark, .bg-theme-newsletter {
	background: linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.8) 60%, rgba(0,0,0,.8) 60%, rgba(0,0,0,.7) 100%), url('assets/img/newsletter-bg.jpg') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}




.bg-theme-dark-fiber {
	background: linear-gradient(180deg, rgba(46,28,57,.6) 0%, rgba(46,28,57,.6) 60%, rgba(46,28,57,.6) 60%, rgba(46,28,57,.6) 100%), url('assets/img/grad_background_2.JPG') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:repeat-y; !important; 
}

@keyframes brightenEffect {
  0% { opacity: 1; }
  50% { opacity: 0.1; } /* Lighter */
  100% { opacity: 1; }
}

.parallax-dark-fiber { 
  position: relative;
  background: url('assets/img/hero_fiber_bg7.JPG') no-repeat center center fixed !important; 
  background-size: cover !important;
  min-height: 400px;
}

.parallax-dark-fiber::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(46,28,57,.8) 0%,  rgba(46,28,57,.8) 100%);
  animation: brightenEffect 4s infinite alternate;
}

.parallax-dark-fiber > * { /* Direct children of .parallax-dark-fiber */
  position: relative;
  z-index: 1;
}





/*.parallax-dark-fiber { 
 
  background: linear-gradient(180deg, rgba(46,28,57,.6) 0%, rgba(46,28,57,.6) 60%, rgba(46,28,57,.6) 60%, rgba(46,28,57,.6) 100%), url('assets/img/hero_fiber_bg7.JPG') !important; 
  min-height: 400px; 
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

}*/


.bg-theme-pattern{
	background: linear-gradient(180deg, rgba(10,51,122,.2) 0%, rgba(10,51,122,.2) 60%, rgba(10,51,122,.2) 60%, rgba(10,51,122,.2) 100%), url('assets/img/background-blue-circles.jpg') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 	
}


.bg-intro-dark{
	background: linear-gradient(180deg, rgba(10,51,122,.9) 0%, rgba(10,51,122,.9) 60%, rgba(10,51,122,.9) 60%, rgba(10,51,122,.9) 100%), url('assets/img/pattern.svg') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 	
}

.bg-theme-dark2 {
	background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.8) 60%, rgba(0,0,0,.8) 60%, rgba(0,0,0,.8) 100%), url('assets/img/bg-dark.jpg') !important; 
  background-size: cover !important;  
  background-position: center center !important; 
  background-repeat:no-repeat !important; 
}

.bg-theme-dark3 {
	background: linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.7) 60%, rgba(0,0,0,.7) 60%, rgba(0,0,0,.7) 100%), url('assets/img/grad_background_2.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/grad_background_2.JPG') !important; 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.bg-theme-light2{
  background: linear-gradient(180deg, rgba(255, 255, 255,.9) 0%, rgba(255, 255, 255,.9) 86%, rgba(255, 255, 255,.9) 100%), url('assets/img/grad_background_2.JPG') !important; 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.parallax-bg-wire { 
  /* The image used */

  background: linear-gradient(180deg, rgba(255, 255, 255,.90) 0%, rgba(255, 255, 255,.90) 86%, rgba(255, 255, 255,.90) 100%), url('assets/img/grad_background_2.JPG') !important; 

  /* Set a specific height */
  min-height: 400px; 
  /*height: 600px;*/

  /* Create the parallax scrolling effect */
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

}

.parallax-bg-network { 
  /* The image used */

  background: linear-gradient(180deg, rgba(255, 255, 255,.85) 0%, rgba(255, 255, 255,.85) 40%, rgba(255, 255, 255,.85) 80%, rgba(255, 255, 255,.85) 100%), url('assets/img/grad_background_2.JPG') !important; 

  /* Set a specific height */
  min-height: 400px; 
  /*height: 600px;*/

  /* Create the parallax scrolling effect */
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

}

.parallax-bg-wh { 
  /* The image used */

  background: linear-gradient(180deg, rgba(255, 255, 255,.9) 0%, rgba(255, 255, 255,.9) 40%, rgba(255, 255, 255,.9) 80%, rgba(255, 255, 255,.9) 100%), url('assets/img/Trailer_rental_stock2_hero2.JPG') !important; 

  /* Set a specific height */
  min-height: 400px; 
  /*height: 600px;*/

  /* Create the parallax scrolling effect */
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

}






.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/grad_background_2.JPG'); 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat !important;
  background-size: cover !important;
  
}

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









.z9{
	z-index: 9;
}
.z99{
	z-index: 99;
}
.z999{
	z-index: 999;
}
.z9999{
	z-index: 9999;
}
.z99999{
	z-index: 99999;
}

  .border-divider-wrap{

  }
  .border-divider{
    width:40px;
    border:2px solid #fcb626;
  }
  .border-divider.wide-divider{
    width:80px;
  }

  .theme .border-divider{
    border:2px solid #9e9e9e !important;
  } 

  .accent .border-divider{
    border:2px solid #83a4f1 !important;
  }




.br-tl{
  border-top-left-radius: 100px;
}

.br-tr{
  border-top-right-radius: 100px;
}
.br-bl{
  border-bottom-left-radius: 100px;
}

.br-br{
  border-bottom-right-radius: 100px;
}


.round{
	border-radius: 50%;
}


.rounded{
	border-radius: 30px!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;
}
.padding-y-3p{
  padding-top: 3% !important;
  padding-bottom: 3% !important;
}
.padding-y-5p{
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}
.padding-y-10p{
  padding-top: 10% !important;
  padding-bottom: 10% !important;
}
.padding-y-15p{
  padding-top: 15% !important;
  padding-bottom: 15% !important;
}
.padding-y-20p{
  padding-top: 20% !important;
  padding-bottom: 20% !important;
}


 .bar{
    display: block;
    width:100px;
    height:6px;
    background-color: #fff;
    margin-bottom: 20px;
 }
@media (max-width: 767.98px) {
 
 .intro .bar, .cta_section .bar, .contentColumn .bar{
    margin:auto;
    margin-bottom: 20px;
 }
}

.uc{
	text-transform: uppercase;
}

.bold{
	font-weight: 900 !important;
}
.theme_icon{
  width: 120px;
  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;
}


.stripeBelow {
  position: relative; /* Needed to position the pseudo-element */
  display: inline-block; /* Ensures the stripe aligns with the text correctly */
}

.stripeBelow:after {
  content: ''; /* Required for pseudo-elements */
  display: block; /* Makes the pseudo-element behave like a block element */
  width: 100px;
  height: 4px;
  background-color: #e30613;
  position: absolute; /* Positions the pseudo-element in relation to the headline */
  left: 0; /* Aligns the stripe to the left edge of the headline */
  bottom: -30px; /* Adjusts the vertical position of the stripe */
}

.stripeBelow.center:after {
	content: '';
	display: block;
	width: 20%;
	height: 4px;
	background-color: #e30613;
	position: absolute;
	left: 40%;
	bottom: -30px;
}




/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
  .stripeBelow:after {
    left: calc(50% - 50px); /* Center the stripe by manually adjusting the width */
    transform: none; /* Remove horizontal translation */
  }
}


.grad-border-bottom{
  position: relative;
  box-sizing: border-box;
  margin: auto;
  background:white;
  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(228, 23, 27, 0.2), rgba(228, 23, 27, 1), rgba(228, 23, 27, 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(228, 23, 27, 1), rgba(228, 23, 27, .8), rgba(228, 23, 27, .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;
  }
	.text-center-xs{
		text-align: center !important;
	}


}






.uc{
	text-transform: uppercase;
}



.iconLarge{
	font-size: 60px;
}



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

/*.dropdown:hover .dropdown-menu {
    display: block;
}*/

/* Commenting out these for troubleshooting 
.headerMain .announcementRow .list-inline-item{

} 

.announcementRow .socialIcons li{
	margin: 0 12px;
	font-size: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.announcementRow .top-menu-1 li{
	margin: 0 6px;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}
*/

.nav-link {
	color: #fff;
}

.nav-link:hover {
	color: #B7017A;
}


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



.navbar-light .navbar-nav .nav-link {
	color: #302c30;
}

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

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

.navbar-brand .logo {
/*	max-width: 260px !important;
	width: 260px !important;*/
}

/* Shrink on scroll commented out for now
.shrink .navbar-brand .logo {
	max-width: 150px !important;
	width: 150px !important;
}
*/

/* Add transitions to elements that change size */
/*.sticky-top .main-header-bar,
.shrink .navbar-brand .logo,
.sticky-top .header-cta .btn-lg,
.sticky-top #mainNavRow,
.sticky-top #navNavMain li,
.sticky-top #menu-primary li {
	transition: all 0.3s ease; 
}*/

@media (max-width: 1399px) {
	/* Empty rule - no impact */
}

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

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

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

	/* Commenting out potentially problematic rules */
	/*
	.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) {
	


}

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

	

	/* Commenting out for troubleshooting
	.logoRow .logo {
		max-width: 70% !important;
		margin-left: 20%;
		padding-right: 5%;
	}
	*/
}






/* =====  Call To Action Section   ========  */

.cta_section.light h2, .cta_section.light p{
	color: #515151 !important;
}

.cta_section.dark h2, .cta_section.dark p{
	color: #fff !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) {


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


}



/* =====   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 .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_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-padding, .left_right_boxes .content-padding190{
  padding: 10% !important;
  padding-top:190px !important;
  padding-bottom:190px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding180{
  padding: 10% !important;
  padding-top:180px !important;
  padding-bottom:180px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding170{
  padding: 10% !important;
  padding-top:170px !important;
  padding-bottom:170px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding160{
  padding: 10% !important;
  padding-top:160px !important;
  padding-bottom:160px !important;
}


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

.left_right_boxes .content-padding, .left_right_boxes .content-padding140{
  padding: 10% !important;
  padding-top:140px !important;
  padding-bottom:140px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding130{
  padding: 10% !important;
  padding-top:130px !important;
  padding-bottom:130px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding120{
  padding: 10% !important;
  padding-top:120px !important;
  padding-bottom:120px !important;
}

.left_right_boxes .content-padding, .left_right_boxes .content-padding110{
  padding: 10% !important;
  padding-top:110px !important;
  padding-bottom:110px !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;
  }

}




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

}




/* ================================================= */
/* ================== event sections ================== */
/* ================================================= */

  .event-slider .swiper-slide img{
    object-fit: contain;
    height: 350px;
  }



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





/* =====  Recent Posts Slider Sections   ========  */
  .recentPostsSwiper.single img{
    width:100%;
    height: 600px;
    object-fit: cover;
  }
   .recentPostsSwiper.shorter img{
    width:100%;
    height: 200px;
    object-fit: cover;
    border-radius: 16px;
  }

  .recentPostsSwiper h3{
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
  }

.swiper.recentPostsSwiper {
  position: relative;
  padding-bottom: 10px !important;
}

.recentPostsSwiper .swiper-wrapper{
  margin-bottom: 0px;
}

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




.news {

}

.posted-on .updated{
    display: none !important;
}

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

.blog-section{
	margin-top:100px;
	margin-bottom: 100px;
}

.nav-classic .singlePost .blog-section{
	margin-top:0px;
}



.nav-classic .blog-section{
	/*margin-top:0px !important;
	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;
}



.singlePostHero #content{
	margin-top:0px;
	padding:0px;
	background-color: #fff;
	margin-top: 0px;
	box-shadow: 0 2px 25px  rgba(32,36,39, 0.09);
	margin-top:0px !important;
}

.singlePostHero #content .post-thumbnail{
	margin-top: 0px;
}
.singlePostHero #content .entry-content,
.singlePostHero #content .entry-footer,
.singlePostHero #content .post-navigation,
.singlePostHero #content .post_cta{
    padding-left: 40px;
    padding-right:40px;
}

.singlePostHero #content .entry-content{
	padding-top:40px;
}





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

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

.entry-footer span{
	margin-right:20px;
}
.entry-footer .comments-link{
	display:block;
}



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

}
.news .widget li{
	font-size: 18px;
}

.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 .current{
   padding:6px 9px 5px 9px;
}
/* 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-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;
}


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


  .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 {

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

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

}

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

}





/* =====           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) {
  .recentPostsSwiper.single img{
    width:100%;
    height: 400px;
    object-fit: cover;
  }

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

  .recentPostsSwiper.single img{
    width:100%;
    height: 200px;
    object-fit: cover;
  }

}



/* =====           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: 600;
    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;
    position: relative!important;
  }

  #footerMain .widgets .wrap{
    position: relative!important;
    z-index: 999 !important;
  }

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

  #footerMain p, #footerMain  li{
  	font-size: 14px;
  }


  #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:#fff;
  }
  #footerMain .social-icon a:hover i {
    color: #cfc0c0;
  }


  #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: 14px;
  }

}

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


}