/*
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.   ***************/
body{ font-family: "Montserrat", sans-serif;font-size:16px;font-weight:400}
#header .container{max-width:100%; padding-left:10rem;padding-right:10rem}
#top-bar .header-block-block-1{font-size: 0.88rem;
font-weight: 600;
line-height: 1.25rem;
text-align: center;
letter-spacing: 0em;
color: #FFFFFF;}
#masthead .container{padding-left: 2rem;
    padding-right: 2rem;}
#masthead .header-nav-main.nav-left li:first-child{border-left:1px solid #ECBC02}
#masthead .header-nav-main.nav-left > li a{padding:2.4rem 1.8rem;font-size: 0.94rem;
font-weight: bold;
line-height: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.015625em;
color: #0D2960;}
.header-nav-main.nav.nav-left>li{border-right:1px solid #ECBC02}
#top-bar .header-block-block-1 .row .col{padding-bottom:0}
#top-bar .flex-col.flex-left{width:100%}
.header-nav-main .header-search-form.search-form{width:25rem}
.header-nav-main.nav.nav-right .html_topbar_left .icon-box{font-size: 0.81rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.015625em;
		color: #0D2960;}
.header-nav-main.nav.nav-right > li {border-radius: 0.38rem;
    background: #ECBC02;
    height: 3.8rem;padding: 1rem;
    }
.header-nav-main.nav.nav-right > li > a{
    font-size: 0.81rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.015625em;
		color: #0D2960;padding:0px}
.header-nav-main.nav.nav-right > li > a span{padding-left:0.5rem}
.header-nav-main .header-search-form.search-form{padding:5px}
.header-nav-main.nav.nav-right > li.header-search-form.search-form.html{padding:5px}
.header-nav-main.nav.nav-right > li.header-search-form.search-form.html .header-search-form-wrapper{background:#fff;border-radius: 0.38rem;}
.header-nav-main.nav.nav-right > li.header-search-form.search-form.html .header-search-form-wrapper #woocommerce-product-search-field-0{border:none;height:3.125rem;overflow:hidden;font-size:19px;font-weight:500;color: #021843;}
.header-nav-main.nav.nav-right > li.header-search-form.search-form.html .header-search-form-wrapper #woocommerce-product-search-field-0::placeholder{color: #021843;}
.mp0 p{margin-bottom:0px}
.mp10 p,.mp16{margin-bottom:10px}
.mp16 p, .mp16{margin-bottom:16px}
.mp18 p, .mp18{margin-bottom:8px}
.bold{font-weight: bold;}
.bold0{font-weight:normal}
.bold200 {font-weight: 200;}
.bold500 {font-weight: 500;}
.bold700{font-weight: 700;}
.bold600{font-weight: 600;}
.c02{color:#FFCC02}
.cff{color:#fff}
.title55{line-height: 4rem;letter-spacing: -0.00125em;}
.line15{line-height:1.5rem}
.line35{line-height: 3.5rem;}
.lts018{letter-spacing: 0.1875px;}
.lts00125{letter-spacing: -0.00125em;}
.font16{font-size:16px}
.videohome1{padding-top:0px!important;width:fit-content;}
.logo-footer img{max-width:7.38rem}
.videohome1{background: rgba(0, 0, 0, 0.1);border-radius:0.5rem;overflow:hidden}
.sub-title{font-size: 1.06rem;
font-weight: bold;
line-height: 2.5rem;
text-transform: uppercase;
letter-spacing: 0.1875px;
color: #FFFFFF;}
.title55{font-size:4.5rem;}
.menufooter a,.menufooter{font-size: 0.88rem;
font-weight: 500;
line-height: 1.25rem;
letter-spacing: 0em;
color: #0D2960;}
@media (min-width: 1920px){
.header-nav-main .header-search-form.search-form {
    width: 28rem;
}
}
@media (min-width: 1680px) and (max-width: 1919.98px) {
#masthead .header-nav-main.nav-left > li a{padding: 2.4rem 1rem;font-size: 0.84rem;}	
#masthead .container {
    padding-left: 2rem;
    padding-right: 2rem;
}
.header-nav-main .header-search-form.search-form {
    width: 28rem;
}	
}
@media (min-width: 1440px) and (max-width: 1679.98px) {
#masthead .header-nav-main.nav-left > li a{padding: 2.4rem 0.5rem;font-size: 0.74rem;}	
.header-nav-main .header-search-form.search-form {
    width: 17rem;
}
.header-nav-main.nav.nav-right > li.header-search-form.search-form.html .header-search-form-wrapper #woocommerce-product-search-field-0{font-size:1rem}
#header .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}
#header #masthead .container {
    padding-left: 2rem;
    padding-right: 2rem;
}
#top-bar .header-block-block-1 {
    font-size: 0.78rem;
}
	
}
@media (min-width: 1366px) and (max-width: 1439.98px) {
#masthead .header-nav-main.nav-left > li a{padding: 2.4rem 0.5rem;font-size: 0.84rem;}
.header-nav-main .header-search-form.search-form {
    width: 14rem;
}
#top-bar .header-block-block-1 {
    font-size: 0.78rem;
}	
}
@media (min-width: 1280px) and (max-width: 1279.98px) {
#top-bar .header-block-block-1 {
    font-size: 0.78rem;
}	
#masthead .header-nav-main.nav-left > li a {
padding: 2.4rem 0.5rem;
font-size: 0.64rem;
}	
#header .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}
#top-bar .header-block-block-1 {
    font-size: 0.78rem;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}