﻿/*!
 * IR BOD & MASKIN
 * Copyright 2020-2021
 *
 */
@import url(all.min.css);

body, html {width: 100%; height: 100%;}

/* TYPO */

body {font-family: korolev, sans-serif; font-size:18px;}
p {font-weight: 500;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
.content-section-heading h2 {font-size: 3rem;}
.content-section-heading h3 {font-size: 1rem; text-transform: uppercase;}
a {color: #d6a100;}
a:hover, a:focus, a:active {color: #000;}

/* GLOBAL */
.align-left {text-align:left;}
.align-center {text-align:center;} 
.align-right {text-align:right;}

.lightgrey {background-color:#f0f0f0;}
.grey {background-color:#999;}
.black {background-color:#000; color:#fff;}
.yellow {background-color:#d6a100;}
.white {background-color:#fff;}

img {display:block; width:100%;}

/* BUTTONS */
.btn {border-radius:54px; font-size:1.4rem;}
.btn-m {padding: 0.75rem 1.5rem;}
.btn-xl {padding: 1.25rem 2.5rem;}
.btn:hover, .btn:hover:focus {color: #fff; background-color:#000;}
.btn:focus, .btn.focus {outline: 0; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);}
.no-submit {display:block; width:210px; margin:0 auto;}
.booking {display:none; margin:0 auto; width:210px;}
.required-mess {display:none;}

@media (max-width: 1200px) {
    .btn {font-size:1.3rem;}
    }

@media (max-width: 767px) {
   .btn-xl {padding: 15px 25px;}
   .btn {font-size:1.3rem;}
   }


/* LIST */
ul.actions {cursor: default; list-style: none; padding-left: 0; }
ul.actions li {display: inline-block; padding: 0 1em 0 0; vertical-align: middle;}
ul.actions li:last-child {padding-right: 0;}

@media screen and (max-width: 767px) {
		ul.actions {margin: 0 auto 1em auto; max-width: 23em;}
        ul.actions li {padding: 1em 0 0 0; display: inline-block; text-align: center; width: 100%; vertical-align:middle;}
        /*ul.actions li:first-child {padding-top: 0;}
        ul.actions li > * {width: 100%; margin: 0 !important;}*/
    }

/* HEADER */
#header-menu {right: 0; width: 8.3333%; padding:0; position:fixed; z-index:10000; display:block; background:#f5f5f5; min-height:150px; /*-webkit-box-shadow: -13px 0px 14px -10px #666; box-shadow: -13px 0px 14px -10px #666;*/}
.masthead {min-height: 15rem; position: relative; display: table; width: 100%; height: auto; padding-top: 8rem; padding-bottom: 8rem; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.masthead.startpage {min-height: 30rem;}
.masthead h1 {font-size: 3rem; margin: 0; padding: 0;}
#logo-wrap {background-color:#fff; position:absolute; z-index:1000; top:0; left:0; width:50%; padding:15px 30px;}
#logo-wrap .tagline {display:inline-block;}
#logo-wrap .tagline span {font-size: 2.5rem; font-weight: 700; margin-left:2em; text-align:right; position:relative; top:8px;}
#logo-wrap .logo {display:inline-block;}
#logo-wrap img{width:100%; max-width:195px; display:inline;}

/* HERO IMAGES */
.masthead.mobile {display:none !important;}
.masthead.desktop {display:block;}

@media (min-width: 992px) {
  .masthead {height: 50vh;}
  .masthead.startpage {height: 100vh;}
  .masthead h1 {font-size: 4rem;}
}

@media (max-width: 1440px) {
    #logo-wrap .tagline span {font-size: 1.5rem; font-weight: 700; margin-left:2em; text-align:right; position:relative; top:4px;}
    .masthead h1 {font-size: 3rem;}
    }

@media (max-width: 1200px) {
    #logo-wrap .tagline {display:none;}
    .masthead h1 {font-size: 2.5rem;}
    }

@media (max-width: 1023px) {
    #header-menu {width:16.6666%; height:76px !important; min-height: 76px; background-color:#d6a100;}
    .masthead {min-height: 30rem;}
    .masthead.startpage {min-height: 45rem;}
    .masthead h1 {font-size: 2.5rem;}
    #logo-wrap {width:100%; padding:12px 15px 8px; position:fixed;}
    #logo-wrap .tagline {display:none;}
    #logo-wrap img {max-width:135px;}
    }

@media screen and (max-width: 767px) {
    .masthead.desktop {display:none !important;}
    .masthead.mobile {display:block !important;}
    .masthead {background-position: top center !important; background-size: cover !important;}
}

/* NAVIGATION */
#sidebar-wrapper {position: fixed; z-index: 999; right: 0; width: 250px; height: 100%; transition: all 0.4s ease 0s; transform: translateX(250px); background: #d6a100; border-left: 1px solid rgba(255, 255, 255, 0.1);}
.sidebar-nav {position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none;}
.sidebar-nav li.sidebar-nav-item a {display: block; text-decoration: none; color: #fff; padding: 15px;}
.sidebar-nav li a:hover {text-decoration: none; color: #fff; background: rgba(255, 255, 255, 0.2);}
.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {font-size: 1.2rem; background: rgba(214,161,0, 0.1); height: 80px; line-height: 50px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px;}
.sidebar-nav > .sidebar-brand a {color: #fff;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff; background: none;}
#sidebar-wrapper.active {width: 40%; transition: all 0.4s ease 0s;}
.menu-toggle {font-size:30px; position: fixed; top: 0; right: 0; width: 100%; max-width:8.333%; text-align: center; color:#212529; background: transparent; line-height: 50px; z-index: 999; margin:30px 0;}
.menu-toggle:focus, .menu-toggle:hover {color: #d6a100;}
.menu-toggle:hover {background: transparent;}
.menu-toggle.active {color:#000;}

.contact-phone{background-color:#000; color:#fff; font-size:30px; line-height: 50px; padding:36px 0; position: fixed; top:222px; right: 0; width: 100%; max-width:8.333%; text-align: center; margin-top:10px;}
.contact-email{background-color:#999; color:#fff; font-size:30px; line-height: 50px; padding:36px 0; position: fixed; top:344px; right: 0; width: 100%; max-width:8.333%; text-align: center; margin-top:10px;}
.contact-phone:hover, .contact-phone:focus, .contact-email:hover, .contact-email:focus {color: #d6a100;}

.crane-truck {background-color:#d6a100; color:#fff; font-size:30px; line-height: 50px; padding:36px 0; position: fixed; top:100px; right: 0; width: 100%; max-width:8.333%; text-align: center; margin-top:10px;}
.crane-truck span.truck {background: transparent url(crane-truck-white.svg) no-repeat center center; display: inline-block; width: 40px; height: 40px;}
.crane-truck span.truck:hover, .crane-truck span.truck:focus {background: transparent url(crane-truck-black.svg)}

h2 span.truck {background: transparent url(crane-truck-black.svg) no-repeat center center; display: inline-block; width: 40px; height: 40px;}

@media (max-width: 1280px) {
    #sidebar-wrapper.active {width: 50%;}
    }

@media (max-width: 1200px) {
    #sidebar-wrapper.active {width: 60%;}
    }

@media (max-width: 1023px) {
    #sidebar-wrapper.active {width:250px; right:250px; z-index:1100;}
    .menu-toggle {max-width:16.6666%; line-height: 30px; margin:20px 0;}
    .menu-toggle:focus, .menu-toggle:hover {color: #fff;}
    .contact-phone, .contact-email, .crane-truck{display:none;}
}

/* SECTIONS */
.fullwidth {margin-right: auto; margin-left: auto; /*margin-bottom: 30px;*/}
.content-section, .faq-section, .storehouse-section {padding-top: 7.5rem; padding-bottom: 7.5rem;}
.callout {padding: 15rem 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-callout.jpg"); background-position: center center;background-repeat: no-repeat; background-size: cover;}
.callout h2 {font-size: 3.5rem; font-weight: 700; display: block; max-width: 30rem;}

@media (max-width: 1023px) {
   .content-section, .faq-section, .storehouse-section {padding-top: 3.5rem; padding-bottom: 3.5rem;}
   .content-section .content.col-md-8, .content-section .content.col-md-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

/* CONTENT PAGES */
.content-section .content .box {padding:40px; height: 100%;}

/* FAQ LIST */
.faq-section .content {margin-bottom:2.5rem;}
.faq-section .content .box {padding:40px 40px 80px; height: 100%; position:relative;}
.faq-section .content .actions {margin-top:40px;}
.faq-cat {margin-bottom: 2.5rem;}
.faqitems {margin-bottom:20px;}
.faqitems h4 {cursor:pointer; padding-right: 4rem;}
.faqitems h4:before {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-transform: none !important;}
.faqitems h4:before {content: '\f107'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  display: block; height: 2.6em; line-height: 2.6em; pointer-events: none; position: absolute; right: 0; text-align: right; top:-15px; width: 3em; color:#d6a100;}
.faqitems.show h4:before {content: '\f106';}
.faq-question {position:relative; margin-bottom:10px; padding-right:20px;}
.faq-answer {display:none; margin-bottom:40px; padding-right:20px;}
.faq-answer.in {display:block;}
.faq-ask {position:absolute; left:0; bottom:40px; right:0; width: 300px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 767px) {
       .faqitems {margin-bottom:40px;}
      .faqitems h4 {padding-right:30px; font-size:14px; font-size:1.4rem;}
      .faqitems h4:before {text-align:right;}
      .faq-section .content .actions a {width:80%;}
}

/* FAQ QUESTION MODAL */
.modal-ask-question .modal-header {margin:4em 0 0; padding: 0; border-bottom:none;}
.modal-ask-question .modal-body {position:relative; padding:15px 15px 0; text-align:left;}
.modal-ask-question .modal-header, .modal-ask-question .modal-body {padding:0 40px 20px;}
.faq-section .icon {margin-right: 15px; font-size: 30px; position: relative; top: 4px;}
.close-button {background-color:transparent; color:#d6a100; text-align:right; border:none; position:absolute; top:5px; right:15px; font-size:54px;}
.modal-ask-question .modal-body .button-wrap {width:100%;}

/* FAQ LIST STARTPAGE */
.faq-small-section {padding:5% 0;}
.faq-small-section h2 {margin-bottom:2.5rem;}
.faq-small-section .content {margin-bottom:2.5rem;}
.faq-small-section .content .box {padding:24px 20px 20px; height: 100%; position:relative;}
.faq-small-section .content .actions {margin-top:40px;}
.faq-small-section .content .box .faqitems {margin-bottom:0;}
.faq-small-section .content .box .faq-question {margin-bottom:0;}
.faq-small-section .icon {margin-right: 15px; font-size: 30px; position: relative; top: 4px;}
.faq-small-section ul.actions{margin:0 auto;}
.faq-small-section .linktext {position: relative; top:-3px;}

@media screen and (min-width: 768px) {
  .modal-ask-question .modal-dialog {width:80%; margin:30px auto;}
    }
@media screen and (min-width: 1640px) {
  .modal-ask-question .modal-dialog {width:60%; margin:30px auto;}
    }
@media screen and (max-width: 1023px) {
   .faq-small-section .content.col-md-6, .faq-section .content.col-md-6{flex: 0 0 100%; max-width: 100%;}
}
    
@media screen and (max-width: 767px) {
  .modal-ask-question .modal-dialog {width:320px; margin:30px auto;}
  .modal-ask-question .modal-header, .modal-ask-question .modal-body {padding:0 20px 20px;}
  .modal-ask-question .modal-title {line-height: 1.2; text-align:center;}
  .modal-ask-question .close-button {top:-5px;}
  }

/* MODAL CONTACT */
.modal-phone .modal-header {padding: 3em 3em 1em; border-bottom:none;}
.modal-phone .modal-header .modal-title i {margin-right:0.5em;}
.modal-phone .modal-body {position: relative; padding: 1em 3em 3em; text-align: left;}
.modal-footer {border-top:none;}
.close {height: auto; float: none; position: absolute; top: 0.5em; right: 0.5em; font-size: 40px; color: #000 !important; font-weight: 700;}

/* MODAL INFO */
.modal.info {z-index: 99999;}
.modal.info .modal-content {background-color:#d6a100; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.75); border:none;}
.modal.info .modal-header {align-items: center ; justify-content: center; border:none; padding: 1rem 1rem 0;}
.modal.info .modal-title {font-size:46px; font-size:4.6rem;}
.modal.info .modal-body {padding:0 1rem;}
.modal.info .modal-body h2 {font-size:22px; font-size:2.2rem;}
.modal.info .modal-body ol {margin: 5%; font-size:24px; font-size:2.4rem;}
.modal.info .modal-body ol li {padding-left:15px;}
.modal.info .modal-body ol p.h3 {font-size:22px; font-size:2.2rem; font-weight: 700;}
.modal.info .modal-body ol p {font-size:18px; font-size:1.8rem;}
.modal.info .modal-body ul.actions {text-align: center;}
.modal.info .modal-body ul.actions li .btn.container::before {content: ''; background: transparent url(container.png) no-repeat center; height: 24px; width: 24px; display: inline-block; margin-right: 15px;}
    

@media (max-width: 1360px) {
    .modal.info .modal-title {font-size:40px; font-size:4.0rem;}
    .modal.info .modal-body h2 {font-size:20px; font-size:2rem;}
    .modal.info .modal-body ol p.h3 {font-size:18px; font-size:1.8rem;}
    .modal.info .modal-body ol p {font-size:14px; font-size:1.4rem;}
    }

@media screen and (max-width: 1200px) {
    .modal.info .modal-header {padding: 2rem 1rem 0;}
    .modal.info .modal-title {font-size:36px; font-size:3.6rem; line-height:1.2;}
    .modal.info .modal-body {padding:0 1rem;}
    .modal.info .modal-body h2 {font-size:18px; font-size:1.8rem;}
    .modal.info .modal-body ol {margin: 5%; font-size:16px; font-size:1.6rem;}
    .modal.info .modal-body ol li {padding-left:15px;}
   
    .modal.info .modal-body ol p.h3 {font-size:18px; font-size:1.8rem;}
    .modal.info .modal-body ol p {font-size:14px; font-size:1.4rem;}
    .modal.info .modal-body ul.actions li {/*margin-bottom:1rem;*/ width:auto;}
    .modal.info .modal-body ul.actions li .btn {width:auto;}
    }

@media screen and (max-width: 1023px) {
  .modal.info .modal-title {font-size:30px; font-size:3.0rem; line-height:1.2;}
    .modal.info .modal-body {padding:0 1rem;}
    .modal.info .modal-body h2 {font-size:16px; font-size:1.6rem;}
    .modal.info .modal-body ol {margin: 5%; font-size:20px; font-size:2.0rem;}
    .modal.info .modal-body ol li {padding-left:15px;}
   
    .modal.info .modal-body ol p.h3 {font-size:16px; font-size:1.6rem;}
    .modal.info .modal-body ol p {font-size:14px; font-size:1.4rem;}
    .modal.info .modal-body ul.actions li {/*margin-bottom:1rem;*/ width:auto; padding:0; margin-bottom:15px;}
    .modal.info .modal-body ul.actions li .btn {width:340px;}
    }
@media screen and (max-width: 480px) {
    .modal.info .modal-title {font-size:22px; font-size:2.2rem; line-height:1.2;}
    .modal.info .modal-body h2 {font-size: 14px; font-size: 1.4rem; margin-bottom:0;}
    .modal.info .modal-body ol p.h3 {font-size: 13px; font-size: 1.3rem; margin-bottom:0;}
    .modal.info .modal-body ol p {font-size:12px; font-size:1.2rem; line-height:1.0; margin-bottom:15px;}
    .modal.info .modal-body ul.actions li .btn {width:320px;}
    }

/* STOREHOUSE */
.storehouse-section .content {margin-bottom:2.5rem;}
.storehouse-section .content .box {padding:40px 40px 120px; height: 100%; position:relative;}
.storehouseitems {position:relative; margin-bottom:40px;}
.storehouse-section .image-holder, .storehouseitems .image-holder {margin-bottom:40px;}
.price-holder h4 {color:#d6a100;}
.booking-holder {margin-top:40px; position:absolute; width:250px; left:0; bottom:40px; right:0; margin-left: auto; margin-right: auto;}
#modalInfoStorehouse {top:100px;}

/* INNER */
.fullwidth > .inner {
    width: 72em;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
}

.fullwidth > .inner-footer {
    width: 72em;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (max-width: 1680px) {
        .fullwidth > .inner {width: 64em;}
}

@media screen and (max-width: 1023px) {
        .content-section .form-wrap, .content-section .storehouse-wrap {width:100% !important; max-width: 100%;}
        .storehouseitems {position:relative; margin-bottom:20px; }
        .content-section .content.form-wrap .box {padding:40px;}
}

@media screen and (max-width: 767px) {
    .form-wrap .box {padding-top:5px !important;}
    .storehouse-wrap .box{padding-bottom:5px!important;}

    .storehouseitems .image-holder {margin-bottom:20px;}
    .storehouse-wrap .storehouseitems .text-holder p {display:none;}
    }

/* INFO BOX */
.hero-infobox-wrap {display:flex; width:100%; position:absolute; bottom:0;  margin-bottom:0;}
.infobox-wrap.fullwidth {display:flex; width:100%;}
.infobox-wrap.fullwidth .col-md-6, .hero-infobox-wrap.fullwidth .col-md-6 {padding-left:0; padding-right:0;}
.infobox {background-color:rgba(214,161,0, 0.8);}
.infobox-extra {background-color:#d6a100; position:relative; top:0; z-index:100;}
.infobox .inner {margin:0 30px;}
.infobox-extra .inner {margin:0 30px 30px;}
.infobox .inner .info-text, .infobox-extra .inner .info-text-extra{padding:30px 15px;}
span.container {background:transparent url(container.png) no-repeat center; height:24px; width:24px; display:inline-block; margin-right:15px;}

@media screen and (max-width: 1023px) {
    .fullwidth > .inner {display:block;}
    .infoboxes.fullwidth .inner, .storehouse-section.fullwidth .inner {display:flex;}
        .infobox-wrap.fullwidth .col-md-6, .hero-infobox-wrap.fullwidth .col-md-6 {display:block; width:100%; flex: 0 0 100%; max-width: 100%;}
        .infobox .inner .info-text .btn {width:250px;}
}

@media screen and (max-width: 767px) {
    .infoboxes.fullwidth .inner{display:block;}
    }


/* INFO IMAGE */
.infoimage {background-color:transparent; position:relative; top:0; z-index:1;}
.infoimage .inner {margin:30px;}
.infoimage .inner .info-image {padding:30px 15px;}
.infoimage .inner .info-image .image-holder {padding:30px;}

/* INFO BOXES */
.infoboxes {padding:5% 0;}
.infoboxes .box {padding:15px; margin:15px; width:100%;}
.infoboxes .inner .items {display:flex !important;}
.infoboxes .inner .items .icon{font-size:54px; color:#d6a100; margin:2.5rem auto;}

@media screen and (max-width: 767px) {
    .infoboxes {padding:1% 0 5%;}
    .infobox-extra .inner .info-text-extra{text-align:center;}
    }

/* ICONS */
.service-icon {background-color: #fff; color: #1D809F; height: 7rem; width: 7rem; display: block; line-height: 7.5rem; font-size: 2.25rem; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);}

.text-faded {
  color: rgba(255, 255, 255, 0.7);
}

/* FOOTER */
.footer-section {background-color:#000; padding:2% 0; color:#d6a100;}
.footer-section .umb-grid {width:100%; margin:0 auto; max-width:72em;}
.footer-section a {color:#d6a100;}
.footer-section .row{margin-left:0; margin-right:0;}
.footer-section .column {padding:30px; text-align:left;}
.footer-section ul {list-style:none; margin:0; padding:0;}
.footer-section ul li {display:block;}
.copyright {margin-top:2.5rem;}
.scroll-to-top {font-size: 24px; font-size:2.4rem; margin-left: 5%;}

@media screen and (max-width: 1023px) {
    .footer-section .column {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:center;}
    }


/* GOOGLE MAPS */
#map_canvas {width: 100%; height: 700px; overflow: auto; position: relative; z-index: 99;}
#googleinfocontent {text-align: center; padding-top: 30px;}
#googleinfocontent img {max-width: 200px;}
.information {text-align:center;}

/* BOOKING FORM */
.company, .private {display:none;}
.company.show, .private.show {display:block;}
.control-group .col-md-6 {padding-left:0; padding-right:0; width:40%;}
.floating-label-form-group {font-size: 18px; position: relative; margin-bottom: 0; padding-bottom: 0.5em; border: none;}
.floating-label-form-group input, .floating-label-form-group textarea {font-size: 18px; color:#000; position: relative; z-index: 1; padding: 34px; resize: none; border: none; border-radius: 0; background-color:#fff; -webkit-box-shadow: none !important; box-shadow: none !important;font-family: korolev, sans-serif;}
.floating-label-form-group input::-webkit-input-placeholder,
.floating-label-form-group textarea::-webkit-input-placeholder {color:#d6a100; font-family: korolev, sans-serif;}
.floating-label-form-group label {font-size: 0.85em; line-height: 1.764705882em; position: relative; z-index: 0; top: 2em; display: inline; margin: 0 34px; -webkit-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; vertical-align: middle;  opacity: 0;}
.floating-label-form-group .help-block {margin: 15px 0;}
.floating-label-form-group-with-value label {top: 0;opacity: 1;}
.floating-label-form-group-with-focus label {color: #000;}
form .form-group:first-child .floating-label-form-group {border: none;}
.floating-label-form-group input.input-date { padding: 34px 34px 34px 64px;}
@keyframes click-wave {
  0% {height: 40px; width: 40px; opacity: 0.35; position: relative;}
  100% {height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0;}
}
.floating-label-form-group input.radio {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 24px; width: 24px; transition: all 0.15s ease-out 0s; background: #fff; border-radius: 50%; color: #000; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1000; padding:18px;}
.floating-label-form-group input.radio:hover {background: #fff;}
.floating-label-form-group input.radio:checked {background: #fff;}
.floating-label-form-group input.radio:checked::before {height: 20px; width: 20px; position: absolute; content: ''; display: inline-block; font-size: 26.66667px; text-align: center; line-height:24px; background-color:#d6a100; border-radius: 50%; top:8px; left:8px;}
.floating-label-form-group input.radio:checked::after {-webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #d6a100; content: ''; display: block; position: relative; z-index: 100;}
.floating-label-form-group input.radio::after {border-radius: 50%;}
.form-group ul li.radio-item label {margin-top: -20px;}
.form-group.form-check {margin-top:15px;}
.form-group.form-check .form-check-input {margin-right:15px; width:40px; height:40px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #fff; border-radius:4px; outline: none; transition-duration: 0.3s; background-color: #fff; cursor: pointer;}
.form-group.form-check .form-check-input:checked {background-color:#fff;}
.form-group.form-check .form-check-input:checked::before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  font-size:24px; display: block; width: 1.8em; height: 2.6em; text-align:center; color:#d6a100;}
.form-group.form-check label {margin-left:30px; margin-top:12px;}
.form-group ul {list-style:none; padding:0; margin:0;}
.form-group ul li {display:inline-block; width:45%;}
.form-group ul li label {font-size: 18px; display:inherit; opacity:1; top:0; margin: 0 1.5rem;}
.field-validation-error {color:#cd0000; margin-left:34px;}
.button-wrap {text-align:center;}

#form-result, #form-result-2 { margin-top:5%; position:relative; text-align:center;}
.back-holder {margin-top:40px; width:250px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 1023px) {
    .form-group ul li.radio-item label {margin-top: -20px;}
    }
@media screen and (max-width: 767px) {
    .form-group ul li label {margin: 0 0.5rem;}
    .floating-label-form-group input, .floating-label-form-group textarea {font-size: 16px; padding: 30px 20px;}
    .form-group.form-check label {margin-top: 0; font-size: 16px;}
    .form-group ul li.radio-item label {margin-top: -20px; font-size: 16px;}
}

 /* DATE-PICKER */
.date i {position: absolute; top: 52px; z-index: 100; left: 30px;}
.datepicker td, .datepicker th {width: 2.5rem !important; height: 2.5rem !important; font-size: 0.85rem; border-radius: 0;}
.datepicker {margin-bottom: 0; padding:0; z-index: 1000 !important; text-align:center !important;}
.datepicker-dropdown {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.datepicker-days {padding: 5px 15px 5px 10px;}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {background-color: #d6a100;}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {background-image: linear-gradient(to bottom, #d6a100, #d6a100);}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {background-image: linear-gradient(to bottom, #ccc, #ccc);}
.datepicker table tr td.highlighted {background: rgba(214,161,0,0.5); border-radius: 0;}
.datepicker table tr td.day {cursor: pointer;}
.datepicker table tr td.day.highlighted {cursor:none;}


/* COOKIE GDPR */
.cookie-gdpr {
    display: none;
    padding: 1% 0;
    position: fixed;
    z-index: 99991;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #d6a100;
    border-color: #d6a100;
    color: #000;
    opacity: 0.95;
}
 .cookie-gdpr.fullwidth .inner{display:block;}
 .cookie-gdpr p {margin-top:18px;}
 @media (max-width: 1023px) {
  .cookie-gdpr {display:none; padding:1% 0 3%;}
  .read-more {display:block; padding:2%; text-align:center !important;}
 .cookie-gdpr.fullwidth .inner {margin: 0 30px; width:auto; text-align:center;}
 .cookie-gdpr.fullwidth .inner .col-md-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
 .cookie-gdpr.fullwidth .inner .col-md-2 {width:50%; text-align:center;-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
 .cookie-gdpr.fullwidth .inner .col-md-2 .btn {font-size: 1.0rem;}
 .cookie-gdpr.fullwidth .inner .col-md-2 .btn-m {padding: 0.75rem 1.2rem;}
}

/*--------------------------------------------------------------
# Custom Block Grid
--------------------------------------------------------------*/
.umb-block-grid section {
    max-width:1266px;
    width:100% !important;
}

