#cms-wrapper{width:100%;padding:50px 20px 100px;background-color:#262626}
#cms-container{max-width:1670px;margin:0 auto}
.breadcrumb-wrapper{text-align:center}
.breadcrumb-container{display:inline-flex}
.breadcrumb-container > li{margin-left:1px}
.breadcrumb-container > li:first-child{margin-left:0}
.breadcrumb-container > li > a,.breadcrumb-container > li > div{position:relative;padding:4px 0 0 6px;font:100 clamp(0.95rem,0.833vw,1rem) / 1 Geologica;color:#fff;text-transform:uppercase}
.breadcrumb-container > li:first-child > a,.breadcrumb-container > li:first-child > div{padding:4px 0 0}
.breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
#cms-h1{margin-top:15px;font:200 clamp(2rem,2.083vw,2.5rem)/1 Geologica;color:#fff;text-align:center}
#contact-inner{margin-top:70px;width:100%}
#contact-left{width:320px}
#contact-right{padding-left:60px;width:calc(100% - 320px)}
#contact-cms{border-radius:20px;border:1px solid #dcdcdc;padding:10px 14px}
.contact-cms-list{width:100%}
.contact-cms-list>li{border-top:1px solid #cecece;padding:15px 0}
.contact-cms-list>li:first-child{border-top:none}
.contact-cms-list>li>a{font:400 clamp(1.1rem,1.042vw,1.25rem)/1 Geologica;color:#fff}
.contact-cms-list>li.cms_sel>a{padding:5px 0 5px 46px;background:url("../img/contact-sel.svg") 0 50% no-repeat}
#cms-photo-container{width:100%;padding-bottom:40px;padding-right:40px;position:relative}
#cms-photo{display:block;position:relative;width:100%;padding-bottom:45.65%;overflow:hidden;z-index:1}
#cms-photo img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
#contact-form-container{margin:50px auto 0;max-width:825px}
#contact-form-hTitle{font:400 clamp(1.375rem,1.563vw,1.875rem) / 1 Geologica;color:#fff;text-align:center}
#contact-form-hTitle2{margin-top:15px;font:400 clamp(1.05rem,1.042vw,1.25rem) / 1 Geologica;color:#fff;text-align:center}
#contact-form-hTitle3{margin-top:15px;font:400 clamp(0.9rem,0.781vw,0.938rem) / 1 Geologica;color:#B0B0B0;text-align:center}
.contact-form{margin-top:35px;display:block}
.contact-col{margin-top:15px}
.contact-col-left{position:relative;width:50%;padding-right:10px}
.contact-col-right{position:relative;width:50%;padding-left:10px}
.contact-input{position:relative;font:300 clamp(1rem,0.833vw,1.1rem) / 60px Geologica;color:#fff;width:100%;height:60px;background:#262626;padding:0 15px;border:1px solid #fff;outline:none;border-radius:10px !important;}
.contact-select{width:100%;height:50px;font:300 clamp(1rem,0.833vw,1.1rem) / 50px Geologica;position:relative;color:#262626;outline:0;padding:0 30px 0 15px;border:1px solid #fff;background:#fff url(../img/select-arrow.svg) 96% 50% no-repeat;cursor:pointer}
.contact-textarea{position:relative;font:300 clamp(1rem,0.833vw,1.1rem) / 1 Geologica;color:#fff;width:100%;height:160px;background:#262626;padding:15px 10px;resize:none;border:1px solid #cbcbcb;outline:none;border-radius:20px !important;}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border:1px solid #FFBC23}
.contact-input::-webkit-input-placeholder,.contact-textarea::-webkit-input-placeholder{color:#fff}
.contact-input:-moz-placeholder,.contact-textarea::-moz-placeholder{color:#fff}
.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:#fff}
.contact-input:-ms-input-placeholder,.contact-textarea::-ms-input-placeholder{color:#fff}
.contact-label-wrapper{width:100%}
.contact-label-container{display:inline-flex}
.contact-label{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:14px;font-weight:300;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.contact-label-link{display:block;font:400 clamp(1rem,0.833vw,1.1rem) / 25px Geologica;color:#fff}
.contact-label input{position:absolute;opacity:0;cursor:pointer}
.contact-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #bababa}
.contact-label:hover input ~ .contact-checkmark{border:1px solid #FFBC23}
.contact-label input:checked ~ .contact-checkmark{border:1px solid #4b4b4b;background-color:#4b4b4b}
.contact-checkmark:after{content:"";position:absolute;display:none}
.contact-label input:checked ~ .contact-checkmark:after{display:block}
.contact-label .contact-checkmark:after{left:8px;top:3px;width:5px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.contact-submit-col{margin-top:20px}
.contact-submit-outer{text-align:center}
#contact-submit{margin-top:30px;outline:0;position:relative;display:inline-block;font:400 clamp(1rem, 0.938vw, 1.125rem)/1 Geologica;color:#fff;background-color:#262626;text-transform:uppercase;padding:18px 50px;border-radius:50%!important;border:1px solid #fff;cursor:pointer}
#contact-submit:hover{background-color:#424242;color:#fff}
#googleMap-container{width:100%;height:600px;margin-top:60px}
#googleMap{width:100%;height:100%}
@media (max-width:1199px) {
    #cms-wrapper{padding:30px 15px 60px}
    #contact-inner{margin-top:40px;width:100%}
    #contact-right{padding-left:0;width:100%}
    #cms-photo-container{width:100%;padding-bottom:0;padding-right:0;position:relative}
    #googleMap-container{width:100%;height:460px;margin-top:50px}
}
@media (max-width:764px) {
    #cms-wrapper{padding:15px 10px 60px}
    .contact-col-left{width:100%;padding-right:0}
    .contact-col-right{width:100%;padding-left:0;margin-top:15px}
}