/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.h6{font-family: "Montserrat", sans-serif;color: #172c45;line-height: 1.05;letter-spacing: .05em;text-transform: uppercase;}
/*=========================================== HEADER ===========================================*/
.logo-left .logo{margin-right: 0;}
.my-menu-top .html{font-size: 1rem;}
#masthead{background: #fff;}
#masthead .my-menu-top a{color: #EF3F29;}
#masthead .my-menu-top a:before{content: none;}
#masthead .my-menu-top a:hover{transform: translateY(-4px);}
#masthead .my-menu-top img{margin-right: 13px;}
.my-menu-top ul{justify-content: center;}
#masthead .my-menu-bottom a:before{width: 0px;}
#masthead .my-menu-bottom a:hover:before,
#masthead .my-menu-bottom .active a:before{width: 40px;}
#masthead .icon-menu {font-size: 2.1rem;}
@media(max-width:640px){
    .my-menu-top{display: none;}
}
@media (max-width: 549px){
    body .header-main {height: 80px;}
}

/*======================================= CONTENT ===========================================*/
.slider-nav-outside .flickity-page-dots{bottom: -25px;}
.our-services .icon-box-img {margin-bottom: 0;}
.our-services .icon-box-text{background-color: #EF3F29;padding: 10px 8px;transition: all .3s;}
.our-services a:hover .icon-box-text{background-color: #172C45;}
.our-services h3{margin: 0;}
.testimolials-slider .img-inner{max-width: 130px;}
.accordion-dark .accordion-title.active{background-color:#172C45 ; color:#fff;}
.accordion-dark .accordion-title{background-color: #f6f6f6;border: none;color: #172C45;}
.accordion-dark .accordion-item{margin-bottom: 10px;}

/*--------------- BRANDS ROW-----------------*/
#main .row-brands .img{margin-bottom: 0;}
.row-brands a{color: #333;}
.row-brands a:hover{color: #EF3F29;}
.row-brands img{padding: 0 6px;transition: all .3s;}
.row-brands  a:hover img{transform: scale(1.1);}
.row-brands .img-inner{overflow: visible;}



/*----Image captcha---*/
div .kc_captcha{text-align: center;display: block;margin-bottom: 10px;line-height: 30px;}
span.captcha-image {border: none;padding: 0 ;}
span.captcha-image .cf7ic_instructions span{color: #ff0000;   /*----Change to main site color here-----*/}
span.captcha-image label{text-align: center;margin: 0;}
span.captcha-image label > input{margin: 0 !important;position: absolute;width: 0px !important;padding: 0;}
span.captcha-image label > input + svg {border: none;padding: 4px;width: 33px;height: 33px;cursor: pointer;color: #111;}
.white-text span.captcha-image label > input + svg {color: #fff;}
span.captcha-image label > input:checked + svg, span.captcha-image label > input:focus + svg {border: none;color: #ff0000;   /*----Change to main site color here-----*/}
.cf7ic_instructions{font-size: 14px;z-index: 10;position: relative;}
/*----END Image captcha---*/

.wpcf7-spinner{position:absolute; margin: 0 5px;}
div .wpcf7-submit{margin-right: 0;}
.contact-form .col{padding-bottom: 0;}
@media(max-width: 850px){
	img.alignright, img.alignleft, img.aligncenter{margin: 0 auto; display: block}
}

/*======================================== FOOTER ====================================================*/
.custom-footer a, .custom-footer p{font-size: 0.9rem;}
.absolute-footer.dark{color: #ddd;padding-top: 15px;}
@media(max-width: 550px){
    .custom-footer .icon-box{text-align: center;display: block;}
    .custom-footer .icon-box-img{display: inline-block;vertical-align: middle;}
    .custom-footer .icon-box-text{display: inline-block;}
    .custom-footer .divider{margin-left: auto;margin-right: auto;}
    .custom-footer .ux-menu-link__link{display: inline-block;text-align: center;}
    .custom-footer .ux-menu-link__icon{vertical-align: baseline;}
}