/**Yahdav - Mini Modular**/
body {font-size: 20px; color: #1d1d1d; background-image: url('../../../warehouse/temp/yachdav/bg.jpg');}
.row {margin: 0;}
h1, h2 {font-weight: bold;}

/*General Form Styles*/
#DynamicFormObject, #contactform { color: #fff; background: #1d1d1d; border: none;}
#DynamicFormObject:after, .normal-form:after { border: 2px solid #fff;}
.normal-form input, .normal-form select, .normal-form textarea {max-width: 100%; width: 100%; border: none; background: rgba(97, 97, 97, 0.9); font-size: 80%; border-radius: 0;}
.normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder { color: #fff;}
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { background: #fff; color: #1d1d1d; font-size: 100%; border-radius: 0; border: 2px solid transparent;}
    #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus 
    { background: none; border: 2px solid #fff; color: #fff;}
#DynamicFormObject .dynamicFormObjectTitleAndText {font-size: 130% ;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField {width: 100%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 110%;}
#contactform .contact-form-comment {font-size: 75%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none;}
#contactform textarea { margin-top: 0;}

/*Header*/
.home-page #header:not(.bg) {background: #000;}
#header #header-center-kdm a {border-width: 2px; border-radius: 0;}
#header #header-left img, #header.bg #header-left img { max-width: 120px;} 
#header .menu-nav, #header .submenu { color: #1d1d1d; background: #fff;}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before {background: #1d1d1d;}
#header li.social-mobile svg {fill: #1d1d1d;}
#header .submenu > li.active, #header .submenu>li:focus, #header .submenu>li:hover {background: #1d1d1d;}
#header .submenu li>a { font-size: 115%;}

/*Top Banner*/
#side-contact-form {top: 35%;}
#home-gallery .gallery-logo {width: 100%;}
#home-gallery .flex-control-paging li a {background: #fff;}
#home-gallery .flex-control-paging li a.flex-active {background: #1d1d1d;}
 
/*About Section*/
.home-page .grid-text-section {padding: 60px 0 40px; margin-bottom: 0;}
.grid-text-section .grid-text-content, #text1, #text2 { max-width: 700px; font-size: 90%;}
.grid-boxes .grid-box-title h3 {font-size: 110%;}

/*More Than Fitness Section*/
.grid-content-section .grid-box { background-color: #1d1d1d; padding: 0; margin: 0 20px; }
.grid-boxes .grid-box-title h3 a {color: #fff; font-weight: bold;}
.grid-boxes .grid-box-image { padding-bottom: 67%; margin-bottom: 0;}
.grid-box-title { padding: 10px 0; }

/*Gallery Section*/
.grid-gallery-section {margin-bottom: 0;}
.grid-gallery-section .section-title { margin-bottom: 35px;}

/*Footer*/
#SiteFooter .site-credit.alternative {padding: 10px 0;}
#SiteFooter .footer-text-divided>div.footer-text-middle img { max-width: 170px;}
.footer-text-divided>div.footer-text-left, .footer-text-divided>div.footer-text-right { vertical-align: middle;}

/***Inner Page***/
#GridPage { padding-top: 100px;}
.gallery-slider { margin: 0 auto;}
.gallery-cubes>div { padding: 7px;}

/*Media page*/
.grid-short-box.box { background: none; border: 2px solid #1d1d1d; color: #1d1d1d;}
.grid-short-box.box .grid-short-box-text { color: #1d1d1d;}
.grid-short-box.box:hover, .grid-short-box.box:focus { background: #1d1d1d;}

@media(min-width: 991px) {
    #contactform .contact-container { width: 80%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 80%; margin: 0 auto;}
}

@media(min-width: 768px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
        #contactform .contact-container .row > div:not(.textareaWrapper) { width: 33.333%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block;  float: none; }

    #header .submenu>li:first-child { margin-top: 25%;}
}

@media(max-width: 1024px) {
    .nav-menu-anim { vertical-align: middle;}

    .grid-short-box.box { padding-bottom: 120%;}
    #gridshort-view-media .grid-short-box-label { font-size: 100%; line-height: 1;}
}

@media(max-width: 990px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%;}
    #text1, #text2 { width: 90%;}

    #GridPage { padding-top: 60px;}
    .gallery-container { width: 90%; margin: 0 auto}
}

@media(min-width: 768px) and (max-width: 990px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 85%; margin: 0 auto 20px;}
}

@media(max-width: 767px) {
    .must:before { right: 13px;}

    #header #header-center-kdm, #header.bg #header-center-kdm { position: absolute; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
    #header #header-center-kdm a:first-child { height: 40px; font-size: 80%; padding: 0 10px; line-height: 38px;}
    #header .submenu>li { padding: 15px 10px;}
    #header #header-left img, #header.bg #header-left img { max-width: 90px;}
    #header .menu-nav { padding: 7px;}
    #header .submenu { margin-top: 56px;}

    #side-contact-form.mobile-form { width: 100%; margin: 0;}

    .grid-content-section .grid-box { margin: 0 0 40px;}
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 120%;}

    #gridshort-view-media { text-align: center;}
    #gridshort-view-media > div { display: inline-block; width: 60%; float: none !important; margin-bottom: 20px;}
    #gridshort-view-media .grid-short-box-label { font-size: 90%;}

    #SiteFooter { padding-bottom: 0;}
}

@media(max-width: 375px) {
    #header #header-center-kdm a:first-child { margin-left: 0; font-size: 65%; padding: 0 5px;}
    #header .phone-icon { font-size: 16px; padding-right: 10px;}
    #header .whatsApp-icon-mobile { padding-right: 7px;}
    .whatsApp-icon-mobile svg { width: 20px; height: 20px; }
}

@media(max-width: 360px) {
    #header #header-left img, #header.bg #header-left img { max-width: 90px;}

    #gridshort-view-media > div { width: 70%;}
}