/*===================== 	Premery bg color =====================*/:root{	--primary: var(--color);}/* Hex */.bg-primary,.meet-ask-row:after,.dez-separator.style-skew[class*="style-"]:after,.dez-separator.style-skew[class*="style-"]:before,.dez-tilte-inner.skew-title:after,.date-style-2 .post-date,.date-style-3.skew-date .post-date,.date-style-3.skew-date .post-date:before,.overlay-primary-light:after,.overlay-primary-middle:after,.overlay-primary-dark:after,.widget-title:after,.site-button,.comments-area .comment-form p input[type="submit"],.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus,.footer-line:after,.testimonial-1 .quote-left:before,.testimonial-2 .quote-left:before,.site-filters .active > [class*="site-button"],.list-num-count > li:before,.date-style-4 .post-date strong,.date-style-3 .post-date,.date-style-2 .post-date,.team-social-btn ul li a:hover,.top-bar-curve:after,.header-style-6 .header-nav .nav > li.active:after, .header-style-6 .header-nav .nav > li:hover > a:after,.owl-prev, .owl-next,.scroltop,#myNavbar li.active a,.sidenav ul li a:hover,.widget_calendar table tbody td#today,.searchform input[type="submit"]{    background-color: var(--color);}/*Hex color :hover */.site-button:active,.site-button:hover,.site-button:focus,.active > .site-button,.site-button.active,.bg-primary-dark,.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus ,.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,.owl-prev:hover,.owl-prev:active,.owl-prev:focus,.owl-next:hover,.owl-next:active,.owl-next:focus,.sidenav .closebtn:hover,.left-footer-menu .footer-social li a:hover,.comments-area .comment-form p input[type="submit"]:hover,.comments-area .comment-form p input[type="submit"]:focus,.comments-area .comment-form p input[type="submit"]:active,.widget_calendar table tbody td#today:hover,.searchform input[type="submit"]:hover   {    background-color: var(--color);}/* Rgba color */.dez-info-has.bg-primary {    background-color: rgba(222, 33, 33, 0.9);}/*===================== 	Premery text color =====================*/a,.text-primary,.primary li:before,.breadcrumb-row ul li a,.header-nav .nav > li.active > a,.header-nav .nav > li.current-menu-item > a .header-nav .nav > li .sub-menu li a:hover,.header-nav .nav > li:hover > a,.header-nav .nav > li .mega-menu > li ul a:hover,.header-nav .nav > li .sub-menu li:hover > a,.nav-dark.header-nav .nav > li .sub-menu li:hover > a,.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover,blockquote:before,ol.comment-list li.comment .reply a,
footer a:active,footer a:focus,footer a:hover,footer h1 a,footer h2 a,footer h3 a,footer h4 a,footer h5 a,footer h6 a,footer p a,.testimonial-1 .testimonial-position,.testimonial-4 .testimonial-name:after,.testimonial-2 .testimonial-position,.testimonial-3 .testimonial-position,.testimonial-3 .quote-left:before,.acod-head a:after,.acod-head a,.acod-head a:hover,.acod-head a.collapsed:hover,.dez-tabs .nav-tabs > li > a i,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.gallery-filters ul li:hover a, .gallery-filters ul li a:focus,.gallery-filters ul,.comments-area .comments-title::first-letter,.header-style-2.dark .header-nav .nav > li.active > a,.header-style-2.dark .header-nav .nav > li:hover > a,.widget_rss ul .rss-date{    color: #222;}/*===================== 	Premery border color =====================*/.navbar-toggle,.testimonial-4 .testimonial-pic,.testimonial-4:after,.testimonial-4 [class*="quote-"],button.scroltop,blockquote,.widget_gallery li:hover,.header-style-6 .top-bar {    border-color: var(--color);}.testimonial-5,.header-style-6 .header-nav .nav > li.active:before{	border-bottom-color: var(--color);}.dez-tabs.border-tp .nav-tabs > li > a.active{	border-top-color: var(--color)!important;}/*===================== 	Secondery bg color =====================*/.bg-secondry {    background-color: #2d3239;}/*===================== 	Secondery text color =====================*/.text-secondry {    color: #2d3239;}/*===================== 		Garllery  =====================*/.our-gallery .dez-info-has {    background-color: var(--color);    box-shadow: 0 0 0 15px var(--color) inset, 0 0 0 16px #ffffff inset;}/* Light Gallery */.lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar{    background-color: var(--color);}.lg-outer .lg-toogle-thumb,.lg-outer .lg-toogle-thumb:hover,.icon-bx-xs.check-km{	color: var(--color);}.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {    border-color: var(--color);}/*===================== 	New Important =====================*/a.text-primary:hover{	color: var(--color) !important;}
.header-nav ul li ul li:hover a{
    color: #000 !important;
}
/* .header-nav ul li > a{
    color: var(--color2) !important;
} */






/*.text-primary,*/
.site-footer .footer-bottom a:hover,
footer .widget_services ul li a:hover{
        color: #fff !important;
}

h1 .text-primary, h2 .text-primary{
    color: var(--color) !important;
}
        
.bg-primary{	background-color: var(--color) !important;}a.bg-primary:focus,a.bg-primary:hover{	background-color: var(--color) !important;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:red
    333}

.hh1{

    color: #fff;
    /* display: none; */

    
}

@media only screen and (max-width: 991px) {
  .container.not.clearfix.bg-primary {
        background-color: #3d424a !important;
    
    }

    .hh1{
        display: block;
    }
}



/*.site-button, button.scroltop{
    color: var(--color2) !important;
}*/


.site-button.white.radius-xl:not(.active):hover{
    color: var(--color)
}

/* .filters.nav a:active{
    background-color: var(--color) !important;
} */
footer a:hover{
    color: #fff !important;
}

.main-bar h6{
    color: #fff;
}
.header-style-4.dark .main-bar.whiteBg{
    background-color: #fff;
    color: var(--color);
}
.main-bar.whiteBg h6{
    color: var(--color);
}






.text-primary{
    color: var(--color) !important;
}
.whiteBg .contact-info span{
    color: #555 !important;
}
.whiteBg .site-button p, .whiteBg .site-button strong{
    color: #fff !important;
}






/*
footer colors when color3 != NULL
*/
footer.whiteBg{
    border-top: 1px solid #ccc;
}
.whiteBg .footer-top {
    color: var(--color);
    background-color: #fff;
}
footer h1, footer h1 a, footer h2, footer h2 a, footer h3, footer h3 a, footer h4, footer h4 a, footer h5, footer h5 a, footer h6, footer h6 a {
    color: var(--color);
}

footer.whiteBg, footer.whiteBg b, footer.whiteBg strong {
    color: var(--color);
}
footer.whiteBg p{
    color: #555;
}

.whiteBg .widget_services ul li a {
    color: #555;
}
.whiteBg .footer-bottom a:hover, footer .widget_services ul li a:hover {
    color: var(--color) !important;
}

.whiteBg .widget_getintuch i {
    background-color: transparent;
    border: 1px solid transparent;
}

footer a, footer a:visited {
    color: #666;
}
.whiteBg a:hover {
    color: #444 !important;
}



/* privacy policy */
ul.list-check-circle li::before{
    color: var(--color)
}




/** Blog **/
.posts-list a{
  display: block;
  position: relative;
  padding: 15px;
  padding-right: 330px;
  min-height: 230px;

  background: #fff;                
  border-bottom: 1px solid rgba(0,0,0, .1);
  margin-bottom: 25px;
}
.posts-list .bgImage{
  position: absolute;
  top: 15px;
  right: 15px;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.posts-list .img{
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out;
  background-position: center;
  background-size: cover;
}
.posts-list .date{
  position: absolute;
  top: 0;
  right: 15px;
  width: 80px;
  background-color: var(--color);
  color: var(--color2);
  text-align: center;
}
.posts-list .date strong{
  display: block;
  font-size: 10px;
  padding: 10px 5px 5px;
  position: relative;
}
.posts-list .date strong::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background-color: #fff;
  margin: 0 -10px;
  width: 20px;
}
.posts-list .date span{
  display: block;
  font-size: 16px;
  padding: 5px 5px 10px;               
}
.posts-list .bgImage:hover .img{
  transform: scale(1.05);
}

@media all and (max-width: 768px) {
  .posts-list a{
      padding: 15px;
      padding-top: 230px;
  }
  .posts-list .bgImage{
      top: 15px;
      right: 15px;
      left: 15px;
      width: auto;
      height: 200px;
  }
}


.pagination .page-item:first-child .page-link {
margin-right: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }

.pagination .page-item:last-child .page-link {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }




.mapsTitle{
    position: relative;
    background-color: #f7f7f7;
    padding: 10px 15px; 
    padding-right: 48px;
}
.mapsTitle:nth-child(even){
    background-color: #eee;
    border-top: 1px solid rgba(0,0,0, .05);
    border-bottom: 1px solid rgba(0,0,0, .05);
}
.mapsTitle a{
    display: block;
    font-size: 20px;
}
.mapsTitle i{
    position: absolute;
    right: 15px;
    top: 16px;
    transition: all .2s ease-in-out;
}
.mapsTitle a:hover i{
    right: 25px;
    color: var(--color);
}




