/*!
Theme Name: Catalyst Retail, Inc.
Theme URI: http://btsbrands.com/
Author: BTS Brands
Author URI: https://btsbrands.com/
Description: Custom WordPress theme for Catalyst Retail, Inc.
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: bts_brands
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.

BTS Brands 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/
*/
/*------------------------------------------------------------------------------*/

@font-face {
    font-family: "Flaticon";
    src: url("assets/fonts/flaticon.eot");
    src: url("assets/fonts/flaticon.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/flaticon.woff") format("woff"),
    url("assets/fonts/flaticon.ttf") format("truetype"),
    url("assets/fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

html {
  scroll-behavior: smooth;
}
body{overflow-x: hidden !important; color: #FFFFFF; font-size: 15px; line-height: 28px; font-family: 'Poppins', sans-serif;}
.heading-border h1,.heading-border h2,.heading-border h3{padding-bottom: 30px; margin-bottom: 20px;
    background: url("assets/img/nav-hover.png") center bottom no-repeat; background-size: 30% 3px; display: inline-block; }
.heading-border-left h1,.heading-border-left h2,.heading-border-left h3{padding-bottom: 30px; margin-bottom: 20px;
    background: url("assets/img/nav-hover.png") left bottom no-repeat; background-size: 30% 3px; display: inline-block; }
img{image-rendering: -webkit-optimize-contrast;}
/************************* fonts, buttons, icons and text blocks styles**********************************/
h1{font-size: 50px; color: #26459a; line-height: 50px;}
h2{font-size: 44px; color: #26459a; line-height: 44px;}
h3{font-size: 24px; color: #26459a; line-height: 26px;}
h4{font-size: 20px; color: #26459a; line-height: 30px;}
h5{font-size: 16px; color: #26459a; line-height: 24px;}
h6{font-size: 14px; color: #26459a; line-height: 24px;}
.regular h1, .regular h2, .regular h3, .regular h4, .regular h5, .regular h6{font-weight: 400;}
.search-results h1{font-size: 30px; color: #000000; font-weight: 400; line-height: 36px;}
.bdr-btm-3{ background: url('assets/img/bdr-btm-3.png') center bottom no-repeat; padding-bottom: 30px; margin-bottom: 30px;}
.heading-inline{display: inline !important;}
.heading-notopmargin h1{margin-top: 0;}
.white{color: #ffffff;}
.black{color: #000000;}
a{color: #888888; font-weight: 400;text-decoration: none; -webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
a:hover{color: #888888; text-decoration: none;}
a:focus{text-decoration: none; outline: none}
ul{margin: 0; padding: 0}
ul li{list-style: none;}
p{margin: 15px 0 0 0 !important; padding: 0;}
.p-notopmargin p{margin-top: 0 !important;}
.centered{text-align: center;}
.right{text-align: right;}
.just{text-align: justify;}
.italic{font-style: italic;}
.f-right{float: right;}
.f-left {float: left;}
.fix {overflow: hidden;}

.mybtn{
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 30px;
    letter-spacing: 1px; 
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 6px 50px;
    text-transform: uppercase;
} 
.mybtn:hover{
    color: #ffffff;
    background: #26459a;
    padding: 6px 70px;
}
.mybtn:focus{
    color: #ffffff; 
}
.btn-gray, .btn-gray:focus{background: #eaeaea; color: #004812; border: none; text-decoration: none;}
.btn-gray:hover{background: #aeaeae; border: none; color: #ffffff; text-decoration: none; }
.btn-banner{background: transparent; position: relative; overflow: hidden; border: 2px solid #ffffff; color: #ffffff; text-transform: uppercase;}
.btn-banner i{left: -50px; top: 9px; position: absolute;}
.btn-banner:hover > i{left: 15px;}
.btn-banner:hover{padding-left: 40px !important; color: #ffffff; border: 2px solid #ffffff; }
.btn-green{background: #82c23e; border-radius: 20px;}
.btn-green:hover {background: #82c23e; border-bottom: none;}
.btn-dark{background: #D5AF34; color: #ffffff; border-radius: 2px;}
.btn-dark:hover{background: #000000; color: #ffffff;  border-radius: 2px;}

.icon-outset p{padding-left: 15px;}
.icon-outset i{margin-left: -14px !important; margin-right: 2px; }
.txt-black{color: #000000;}
.txt-md{font-size: 16px; line-height: 28px;}
.txt-white{color: #ffffff;}
.txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white h5, .txt-white h6{color: #ffffff;}
/************************* fonts, buttons, icons and text blocks styles end**********************************/

/************************* margins and paddings***************************************************************/
.marginxs{margin-top: 30px; margin-bottom: 30px;}
.marginsm{margin-top: 55px; margin-bottom: 55px;}
.marginmd{margin-top: 90px; margin-bottom: 90px;}
.marginlg{margin-top: 150px; margin-bottom: 150px;}
.paddingxs{padding-top: 30px; padding-bottom: 30px;}
.mrg-bt-40{margin-bottom: 40px;}
.mrg-bt-30{margin-bottom: 30px;}
.mrg-bt-20{margin-bottom: 20px;}
.mrg-tp-20{margin-top: 20px;}
.mrg-tp-30{margin-top: 30px;}
.mrg-tp-40{margin-top: 40px;}
.marginauto{margin: auto;}
.notopmargin{margin-top: 0 !important;} .nobottommargin{margin-bottom: 0 !important;} .noleftmargin{margin-left:  0 !important;} .norightmargin{margin-right:  0 !important;}
.notoppadding{padding-top: 0 !important;} .nobottompadding{padding-bottom: 0 !important;} .noleftpadding{padding-left:  0 !important;} .norightpadding{padding-right:  0 !important;}
.custom-width-80{width: 80%; margin: auto;}
.custom-width-90{width: 90%; }
.txt-padded{padding-left: 15px; padding-right: 15px;}
.txt-padded-white{padding: 50px; background: #f9f9f9;}
/************************* margins and paddings end***************************************************************/

/*****************backgrounds, borders and lines**************************************************************************************/
.section-sep{height: 3px; background: url('assets/img/section-sep.png') center center no-repeat;}
.line{height: 1px; border-bottom: 1px solid #c5c5c5;}
.line-gold{height: 1px; border-bottom: 5px solid #dda036;}
.line-gold-thin{height: 1px; border-bottom: 2px solid #dda036;}
.line-dark-thin{height: 1px; border-bottom: 1px solid #cccccc;}
.line-light-thin{height: 1px; border-bottom: 1px solid #eeeeee;}
.bg-white{background: #ffffff;}
.bg-white-tr{background: rgba(255, 255, 255, 0.8);}
.bg-dark{background: #2e3233;}
.bg-dark-buildings{background: url('assets/img/buildings.png')center bottom no-repeat #181d1e;}
.bg-light-gray{background: #fafafa;}
.bg-green{background: #82c23e;}
.bg-blue{background: #233f71;}
.bgNavy {background: #222a35;}
/*****************backgrounds, borders and lines**************************************************************************************/

/*************************** general global styles**************************************************************************************/
.deadcenter{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.deadcenter2{position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%);}
.gen-transition{-webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
.gen-transition2{-webkit-transition: 0.5s ease-in-out !important;-moz-transition: 0.5s ease-in-out !important;-ms-transition: 0.5s ease-in-out !important;-o-transition: 0.5s ease-in-out !important;transition: 0.5s ease-in-out !important;}
.gen-rel{position: relative;}
.img-100 img{max-width: 100%; height: auto !important;}
.img-min-100 img{min-width: 100%; max-width: 100%; height: auto !important;}
/*************************** general global styles end**************************************************************************************/

.page-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    z-index: 1042;
    opacity: 1;
}
.page-loaded {
    opacity: 0;
}
.loaded-zindex {
    z-index: -9 !important;
}
.loaded {
    display: none !important;
}
.loader-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.loader{
    width: 100px;
    height: 100px; 
    margin: 0 auto;
    position: relative; 
} 
.loader div{
    background: #04a3e6;
    width: 6px;
    height: 20px;
    border-radius: 5px;
    transform-origin: 10px 35px;
    transform: rotate(0deg);
    position: absolute;
    left: 45px;
    top: 15px;
    animation: loader 0.8s infinite;
}
.loader div:nth-child(2){
    transform: rotate(45deg);
    animation-delay: 0.1s;
}
.loader div:nth-child(3){
    transform: rotate(90deg);
    animation-delay: 0.2s;
}
.loader div:nth-child(4){
    transform: rotate(135deg);
    animation-delay: 0.3s;
}
.loader div:nth-child(5){
    transform: rotate(180deg);
    animation-delay: 0.4s;
}
.loader div:nth-child(6){
    transform: rotate(225deg);
    animation-delay: 0.5s;
}
.loader div:nth-child(7){
    transform: rotate(270deg);
    animation-delay: 0.6s;
}
.loader div:nth-child(8){
    transform: rotate(315deg);
    animation-delay: 0.7s;
}
@keyframes loader{
    0%{
        background: transparent;
        transform-origin: 10px 35px;
        left: 45px;
    }
    30%{ background: #04a3e6; }
    100%{
        background: transparent;
        transform-origin: -10px 35px;
        left: 55px;
    }
}
 

.headerPages{position: relative;}
.headerPages:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    height: 100%;
}

/*******************Camera Home Slider************************************************/

.camera_wrap {
    height: 100vh !important; min-height: 450px;
    margin-top: 0;
}
.camera_overlayer {
    opacity: 1;
    background: rgba(0, 0, 0, .3) !important;
}
.camera_commands{
    display: none;
}
.camera_next, .camera_prev {
    background: none;
}
.camera_next > span {
    position: absolute;
    right: 20px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(255,255,255,0.20);
}
.camera_prev > span {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(255,255,255,0.20);
}
.camera_next > span:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700; 
}
.camera_prev > span:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700; 
}
.camera_next > span:hover, .camera_prev > span:hover{
    background-color: #141f3d;
}

/******************* Page Top Header ************************************************/
.headerbg {
	padding: 120px 0;
	position: relative;
}
.headerbg h1{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;  
    color: #ffffff;
} 
 
/*******************Start Main Navigation************************************************/
.header-top {
    position: absolute;
    top: 6px;
    right: -180px;
    z-index: 9999;
}
.header-contact {
    float: left;
}
.header-contact li {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}
.header-contact li a {
    font-size: 13px;
    font-weight: 600;
    color: #231f20;
}
.header-contact li a:hover {
    color: #286cb5;
}

.header-social {
    float: left;
}
.header-social li {
    display: inline-block;
    position: relative;
    padding-right: 5px;
}
.header-social li:last-child{padding-right: 5px;}
.header-social li a {
    display: inline-block;
    font-size: 13px;
    color: #ffffff;
    background: #231f20;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #286cb5;
}
.header-social li a:hover {
    background: #286cb5;
}

.headertwo {background:#222a35 !important; border-bottom: 1px solid rgb(255 255 255 / 20%);}
.navbar-fxd-wrapper {position: fixed; top: 0px; z-index: 999; left: 0; width: 100%; background: transparent; opacity: 1; padding: 0 15px;}
.site-logo {position: absolute;top: 12px; left: 0px; width: 200px; height: 80px; background: url('assets/img/logo-white.svg') top left no-repeat;background-size: 190px;}
.site-logo:hover {border-bottom: none;}

#menu-primary-menu {-webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
#navbar {padding-right: 0;}
.navbar {margin-bottom: 0;border: none;}
.navbar-nav {
    float: right; 
    padding-top: 0px;
    position: relative;
}
.navbar-nav li:last-child{padding-right: 0; margin-right: 10px;}
.navbar-nav li{margin: 20px 15px; padding: 0; float: none; display: inline-block; position: relative;}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0;
}
.navbar-nav li a {
    display: block;
    margin: 0;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background: transparent !important;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.navbar-nav li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 3px;
    background-color: #04a3e6;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.navbar-nav li a:hover:before { 
    width: 100%;
    right: auto;
    left: 0; 
}
.navbar-nav li.current-menu-item a:before {
    width: 100%;
    right: auto;
    left: 0; 
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{
    outline: none;
    text-decoration: none;
}


.sub-menu {
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 99;
    width: 220px;
    background: #231f20;
    border: none;
    box-shadow: none;
}
.sub-menu li {display: block; text-align: left; padding: 0 !important; width: 100%; margin: 0; border-bottom: 1px solid rgb(40 108 181 / 50%);}
.sub-menu li a {display: block !important; font-size: 14px; padding: 5px 10px !important; margin: 0 !important;color: #ffffff !important; background: none !important; border-bottom: none !important;}
.sub-menu li.current-menu-item a, .sub-menu li a:hover {background: #231f20 !important; color: #ffffff !important;}
.navbar-nav li:hover > .sub-menu {display: block;}

/**************misc******************/
.page-margin{margin-top: 100px;}
.page-heading{margin-top: 90px; background: #eeeeee; padding: 30px 0;}
.page-heading h1{
    font-size: 24px;
    font-weight: 500;
    color: #004812;
    line-height: 24px;
    margin: 0;
}
.form-fields, .form-fields2{
    width: 100%;
    padding: 8px 15px;
    font-size: 13px;
    float: left;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
}

.form-fields-left{width: 48%; float: left; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields-right{width: 48%; float: right; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields2{ height: 140px;}
.form-terms{float: left; margin-bottom: 25px !important; font-size: 13px; line-height: 22px;}
.wpcf7-list-item{display: block; margin-bottom: 10px; font-size: 14px;}

.wpcf7-submit, .ln-widgetBox.search .searchButton a {
    width: 100%;
    background: #1c2e4a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 10px 40px !important;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
    line-height: 24px;
    font-size: 16px !important;
    letter-spacing: 2px;
}
.wpcf7-submit:hover, .searchButton a:hover{color: #ffffff !important; background: #b19242 !important; border: 1px solid #ffffff;}


div.wpcf7 img.ajax-loader {float: left;}
.wpcf7-list-item{margin: 0 10px 0 0px !important;}
.wpcf7-list-item first label{margin-bottom: 0;}
.wpcf7-list-item-label{font-weight: 400;}
div.wpcf7-response-output{float: left; margin: 0 !important;}

.wpcf7-not-valid-tip{display: none !important;}
.wpcf7-not-valid{border: 1px solid #bf303e;}

.sidebar{padding-left: 30px;}
.sidebar-thumbnails img{width: 32% !important; height: auto !important;}
.sidebar-cats a{color: #525656; }

.bullet-text ul{margin: 15px 0;}
.bullet-text ul li{display: block; padding-left: 30px; background: url(assets/img/double-arrow.png) 5px 10px no-repeat; margin: 5px 0; }

.show{display: block;}
.hide{display: none;}
.pagination {
    clear:both;
    /*padding:20px 0;*/
    margin: 0;
    position:relative;
    line-height:13px;
    font-weight: 600;
}
.pagination span{
    display:block;
    float:left;
    margin: 2px 20px 2px 0;
    padding:4px 7px;
    text-decoration:none;
    width:auto;
    color: #2e2b28;
}
.pagination span.current{
    display:block;
    float:left;
    margin: 2px 2px 2px 0 !important;
    padding:4px 7px;
    border-radius: 2px;
    text-decoration:none;
    width:auto;
    color: #2e2b28;
    background: #cccccc;
}
.pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:4px 7px;
    text-decoration:none;
    width:auto;
    color: #dda036;
    border-radius: 2px;
}
.pagination a:hover{
    background: #dda036; color: #ffffff; border-bottom: none;
}
.pagination .current{
    padding:6px 2px 5px 2px;
    color:#2e2b28;
}
.pagination-container{position: relative;}
.pagination-absolute-container{position: absolute; top: 30px; right: 0; }

#about, #services, #experience, #listings, #contact {position: relative; top: -100px;}

.round-image{width: 120px; height: 120px; border-radius: 100%; float: left; overflow: hidden;}
.round-image2{width: 290px; height: 290px; border-radius: 100%; margin: 0 auto; overflow: hidden;}
.img-text{width: 60%; float: left; padding-left: 20px;}
span.screen-reader-text{display: none}
.search-field{margin-bottom: 10px; border: 1px solid #aeaeae; outline: none; border-radius: 3px; padding: 1px 10px;}
.search-submit{border: none; outline: none; background: #394F5F; color: #ffffff; padding: 2px 15px; border-radius: 3px;}
.search-results search-form{display: block; margin-top: 35px !important;}
.search-results h3{margin-top: 0; font-weight: 500;}
.search-results .blog-f-image{width: 100px; float: left;}
.search-results .blog-text{width: 60%; float: left; padding-left: 15px;}
.search-results .blog-text{width: 80% ;}
.search-results a{font-weight: 400;}

.small-thumb-feed h5{margin: 0; font-weight: 500;}
.small-thumb-feed p{margin-top: 0 !important; display: inline;}

.small-thumb-feed .blog-f-image{width: 100px; float: left;}
.small-thumb-feed .blog-text{width: 80% ; float: left; padding-left: 15px;}
.small-thumb-feed a{font-weight: 400; margin: 0 !important;}
.ex-pd{padding: 0 10px;}
.form-container{width: 90%; margin: auto;}
.form-container-narrow{width: 60%; margin: auto;}
.minus-margin{margin-top: -100px;}

.specialties .circle-iconmd{font-size: 30px;}
.block h3{margin-top: 0;}
.txtsmaller{font-size: 13px;}
.uppercase{text-transform: uppercase;}
.more-link{display: none;}
.col-main{border: 1px solid #f5f5f5; border-radius: 5px; padding: 5px;}

.blog-feed{float: left; margin-bottom: 30px; border-bottom: 2px dotted #dddddd; padding-bottom: 15px;}
.news-tags a{font-weight: 400; color: #004812;}
.news-tags a:hover{border-bottom-color: #004812;}
.blog-feed h2{font-weight: 500; font-size: 22px; line-height: 26px; }
.blog-feed h2 i{position: absolute; left: 0; top: 0px; color: #ffffff; font-size: 13px !important; background: #82c23e;
    border-radius: 100%; padding: 12px 13px; display: inline-block;}
.blog-feed h2 a{font-weight: 500; color: #004812;}
.blog-feed h2 a:hover{border-bottom-color: #004812;}
.icon-centered .circle-iconlg{float: none; margin: auto;}
.blog-details{font-size: 12px; font-weight: 400;}
.blog-more{margin: 10px 0; display: inline-block;}
.blog-more:hover{border-bottom: none; color: #004812;}
.sidebar-feed h5{font-weight: 600; margin-bottom: 0;}
.sidebar-feed h5:hover{color: #000000;}
.sidebar-feed p{margin-top: 0 !important;}
.sidebar-gray-block{background: #f9f9f9; padding: 15px;}

/***************************POPUP*******************************/
.modal-content-area {
    position: relative;
    z-index: 1050;
    background: #ffffff;
    border-radius: 5px;
    min-height: 90%;
    border: none;
    width: 95%;
    margin: 5vh auto;
}
.modal-backdrop {
    opacity: 0.8 !important;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 20px;
    border: none;
}
.modal-header .close {
    margin-top: 0;
    margin-right: 0;
    font-size: 28px;
    opacity: 0.4;
}
.modal-header h3 {
    font-weight: 600;
    margin: 0;
    font-size: 26px;
    text-transform: capitalize;
}
.modal-header p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px !important;
}
.modal-content {
    border: none;
    padding: 0 0 25px 0;
    box-shadow: none;
    text-align: center;
}

/***
====================================================================
	Slider Section
====================================================================
***/

.slide-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    text-align: center;
}
.slide-text h1 {
    color: #ffffff;
    font-weight: 300;
    line-height: 54px;
    font-size: 48px;
    margin-top: 0;
    text-transform: uppercase;
}
.slide-text h3 { 
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 0 5px 0;
}
.slide-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    margin: 0 !important;
}
.slide-text img {width: 600px; max-width: 100%; margin-bottom: 100px;}


/***
====================================================================
	Start Section Heading
====================================================================
***/

.sec-title h2 {
    margin: 0;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize; 
}
.sec-title p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    color: #555555; 
    margin-top: 10px !important;
}
.sec-title-white h2, .sec-title-white p {
    color: #ffffff; 
}
 
/***
====================================================================
            Footer Section
====================================================================
***/

.main-footer {
    position: relative; 
    z-index: 1;
    text-align: center;
}
.main-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(0 33 125 / 70%);
    height: 100%;
}
 
.main-footer .footerLinks {
    margin-bottom: 20px;
}
.main-footer .footerLinks ul li {
    display: inline-block;
    padding: 0 10px;
}
.main-footer .footerLinks li a {
    color: #ffffff; 
    line-height: 38px;
    font-size: 16px;
}
.main-footer .footerLinks li a:hover { 
    text-decoration: underline;
}

.main-footer .footerSocial li{
    display: inline-block;
    margin-right: 5px;
}
.main-footer .footerSocial li a{
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #000000;
    background: #ffffff; 
    height: 32px;
    width: 32px;
    border-radius: 50%;
} 
.main-footer .footerLogo {
    margin-top: 40px;
}
.main-footer .footerLogo img {
    width: 200px;
}
 
.main-footer .footerCopyright {
    color: #ffffff;
    margin-top: 15px !important;
    font-size: 13px;
	line-height: 20px;
}
.main-footer .footerCopyright a {
    color: #ffffff; 
}
.main-footer .footerCopyright a:hover { 
    text-decoration: underline;
}
  

.contactFooterLogo img {
    width: 220px;
}
.contactFooterSec {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.contactFooterSec .contactInner {
    width: 50%;
}
.contactFooterSec .contactInner h3 {
    font-size: 22px;
}
.contactFooterSec .contactInner p {
    font-size: 15px;
    line-height: 22px;
    color: #000000;
}
.contactFooterSec .contactInner a { 
    color: #000000;
}

 
/***
====================================================================
           Gallery Section
====================================================================
***/

.owl-carousel .owl-nav {
    display: none; 
}
/* .owl-carousel .owl-item img { 
    filter: grayscale(1);
    opacity: 0.6;
} */


/***
====================================================================
            Home Page Section
====================================================================
***/

.homeSection { 
    display: flex;
    flex-wrap: wrap;  
}
.homeSecText {
    width: 50%;
    padding: 170px 10%;
}
.homeSecImg {
    width: 50%;
}
.homeSecText {
    background: #ffffff;
    text-align: center;
    position: relative;
    z-index: 1;
}
.homeSecText::after {
    position: absolute;
    content: "";
    border-color: transparent transparent transparent rgb(255 255 255);
    border-style: solid;
    border-width: 25px 30px 25px 30px;
    top: 50%;
    right: -90px;
    transform: translate(-50%, -50%);
}
.homeSecText h2 {
    font-size: 42px;
    line-height: 46px;
    font-weight: 100;
    margin: 0 0 50px 0;
    text-transform: uppercase;
    position: relative;
}
.homeSecText h2::before {
    content: "";
    position: absolute;
    display: block;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 2px;
    background: #04a3e6;
}
.homeSecText h2 strong {
    font-weight: 600;
}
.homeSecText p {
    margin: 0 0 30px 0 !important;
    color: #000000;
    line-height: 24px;
	font-size: 16px;
}

.homeSection2 .homeSecText {
    position: relative; 
    z-index: 1;
}
.homeSection2 .homeSecText:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(0 33 125 / 70%);
    height: 100%;
    z-index: -1;
}
.homeSection2 .homeSecText h2 {
    color: #ffffff; 
}
.homeSection2 .homeSecText h2 strong {
    color: #04a3e6; 
}
.homeSection2 .homeSecText::after {
    position: absolute !important;
    content: "" !important;
    border-color: transparent rgb(3 24 82) transparent transparent !important;
    border-style: solid !important;
    border-width: 25px 30px 25px 30px !important; 
    top: 50% !important;
    left: -28px !important;
    right: unset !important;
    transform: translate(-50%, -50%) !important;
}
.homeSection2 .homeSecText p {
    color: #ffffff; 
}

.homeSection3 {  
    border-bottom: 1px solid #dddddd;
}

/***
====================================================================
	Start Client Page
====================================================================
***/

.clientSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	gap: 5px;
}
.clientitem {
    border: 1px dashed #dddddd;
    padding: 10px;
    text-align: center;
    flex: 250px;
}
.clientitem img {
    filter: grayscale(1);
    opacity: 0.6;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.clientitem:hover img {
    filter: grayscale(0);
    opacity: 1;
}


/***
====================================================================
	Start Blog Page
====================================================================
***/

.newsBoxContainer {padding: 0;}
.newsBoxContainer .row {display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0;}
.newsBoxContainer .row > div {float: none;}
.blog-box .blog-box-thumb {
    overflow: hidden;
    position: relative; 
}

.blog-box .blog-box-thumb .blog-box-date {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 10px 15px;
    background-color: #fff;
    color: #04a3e6; 
    text-transform: capitalize; 
}
.blog-box .blog-box-thumb .blog-box-date span {
    font-size: 18px;
    display: block;
    width: 40px;
    text-align: center;
    line-height: 22px;
    font-weight: 700; 
}
.blog-box .blog-box-details {
    position: relative;
    padding: 20px;
    top: -40px;
    left: 20px;
    background: #fff;
    width: calc(100% - 40px);
     box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
}
.blog-box .blog-box-details h4 { 
    line-height: 20px;
    margin: 0;
}
.blog-box .blog-box-details h4 a {
    color: #26459a;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.blog-box .blog-box-details h4 a:hover {
    text-decoration: underline;
}
.blog-box .blog-box-details .read-more {
    font-size: 12px;
    font-weight: 600;
    color: #808285;
    text-transform: capitalize;
}
.blog-box .blog-box-details .read-more:hover { 
    color: #04a3e6; 
}

.single-post-blog img {
    width: 100%;
}

/***
====================================================================
	Start Services Page
====================================================================
***/

/*.servicesSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.servicesBox {
    width: 48%;
    margin: 20px 10px;
}
.serviceInner {
    text-align: center;
    padding: 50px 30px;
    background-color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    position: relative; 
    border-radius: 5px;
}
.serviceInner .icon {
    color: #04a3e6;
    margin-bottom: 20px;
    background-color: #26459a; 
    height: 120px;
    line-height: 100px;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 50px;
    width: 120px;
    float: left;
    border: 8px solid #f2f2f2;
}
.serviceInner h3 {
    margin-bottom: 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    margin-top: 0 !important;
}
.serviceInner p {
    margin-bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 15px;
    line-height: 24px; 
    text-align: left;
}
.serviceInner:hover .icon{
    background-color: #ffffff !important;
    color: #04a3e6;
    border: 8px solid #04a3e6;
}
.serviceInner:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background-color: #26459a;
}
.serviceInner:hover h3 {
    color: #ffffff;
}
.serviceInner:hover p {
    color: #ffffff;
}
.serviceInfo {
    padding-left: 135px;
}*/


.servicesSec:nth-child(odd) {
    background: #fafafa;
}
.servicesContainer .servicesSec .row {margin-top: 90px;}
.servicesContainer .servicesSec:last-child .row {margin-bottom: 90px;}
.servicesBox {
    text-align: center;
}
.servicesBox h3 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    margin: 0 0 40px 0;
    text-transform: uppercase;
    position: relative;
}
.servicesBox h3::before {
    content: "";
    position: absolute;
    display: block;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 2px;
    background: #04a3e6;
}
.servicesBox p { 
    line-height: 30px;
    font-size: 16px;
}




/***
====================================================================
	Start Team Page
====================================================================
***/

.teamSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.teamBox {
    width: 25%;
    padding: 0 10px 35px;
}
.teamBox .teamInner {
    position: relative;
}
.teamBox .teamInner .teamImg img{
	filter: grayscale(1);
	-webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.teamBox .teamInner .teamImg img:hover{filter: grayscale(0);}
.teamBox .teamInner .teamInfo {
    padding: 15px 0 10px;
}
.teamBox .teamInner .teamInfo h3 {
    margin: 0; 
    color: #26459a;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
}
.teamBox .teamInner .teamInfo span { 
    color: #26459a; 
    font-size: 14px;
}
.teamSingleInfo h5 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    font-weight: 600;
}
.teamSingleText h3 {
    margin-top: 0;
}
.teamSingleText p {
    margin: 0 0 10px 0 !important;
}
.teamBox .teamInner .bioBtn{display:inline-block; background:#26459a; color: #ffffff; padding:5px 25px; border-radius:20px; font-size:14px; line-height:14px;}
.overlayHeader{position: relative;}
.overlayHeader:before{content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index:0;}
.clients .navbar-fxd-wrapper, .news .navbar-fxd-wrapper, .single-team .navbar-fxd-wrapper {background: #00217d;}
/*************************************
		Contact Page Start
*************************************/
.contactPageSec h3{margin:0; font-size:24px; line-height:28px;}
.contactPageSec p{font-size:16px; line-height:24px;}
.contactPageSec ul li{display:flex; flex-direction:column; margin-top:15px; line-height:24px;}
.contactPageSec ul li a{align-self: flex-start;}
.contactPageSec ul li a.mybtn{margin-top: 10px; background: #26459a;}
.contactPageSec ul li a.mybtn:hover{padding: 6px 50px;}
/************LEAFLET MAP******************/
#map1,#map2{height:350px; cursor: pointer;}
.leaflet-popup-content-wrapper {border-radius: 0 !important;}
.leaflet-popup-content {
    margin: 10px 10px !important;
    width: 300px !important;
}
.leaflet-popup-content img{
    width: 100%;
    height: auto;
}
.leaflet-popup-content h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.leaflet-popup-content h5 {margin: 0;}
.propSec .owl-item.center .propBox{min-height: 460px; height: 460px;}
/* .leaflet-container a.leaflet-popup-close-button {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 16px !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: #25205e !important;
} */
.leaflet-top, .leaflet-bottom{z-index: 998 !important;}
.leaflet-container a.leaflet-popup-close-button{width: initial !important; height: initial !important; background: #26459a !important; color: #ffffff !important; padding: 0 !important;}
/************LEAFLET MAP Ends******************/
/*************************************
		Contact Page End
*************************************/
.page-id-16 .headerbg{padding: 220px 0;}
.page-id-220 .crAddressSec{display: none;}
.idClientSec{position: relative; top: -155px;}
.idServicesSec{position: relative; top: -100px;}
.page-id-154 .headerbg h1, .page-id-153 .headerbg h1{opacity:0;}