#cms-wrapper{width:100%;margin:1.82vw auto 4.16vw;padding:0 1.56vw}
#cms-container{max-width:1900px;margin:0 auto}
#cms-inner{margin-top:30px}
#cms-sidebar{width:300px}
#cms-contents{width:calc(100% - 300px);padding:0 30px}
#cms-contents.fullWidth{width:100%;padding-left:0}
#contact-form-container{margin-top:50px;background-color:#FCFCFC;border-radius:20px;border:1px solid #E0E0E0;padding:3vw 5.2vw;}
#contact-form-hTitle{text-align:center;opacity:0;transform: translateY(50px)}
#contact-form-hdesc{text-align:center;margin-top:10px;opacity:0;transform: translateY(50px)}
#contact-form-hTitle span{color: #ffffff;-webkit-text-stroke: 1px #828282;font-size: clamp(2.1875rem, 1.6518rem + 0.7143vw, 2.5rem);text-shadow: 4px 0px 0px #ff6726;text-transform: lowercase;}
#contact-form-hTitle2{margin-top:12px;font:300 clamp(1rem,0.833vw,1.1rem) / 1 Commissioner;color:#262626;text-align:center;opacity:0;transform: translateY(50px)}
.contact-form{margin-top:35px;display:block;opacity: 0;}
.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:400 clamp(1rem,0.833vw,1.1rem) / 54px Commissioner;color:#262626;width:100%;height:50px;background:#fff;padding:0 15px;border:1px solid #cbcbcb;border-radius:10px!important;outline:none;}
.contact-select{width:100%;height:50px;font:400 clamp(1rem,0.833vw,1.1rem) / 50px Commissioner;position:relative;color:#262626;outline:0;padding:0 30px 0 15px;border:1px solid #cbcbcb;background:#fff url(../img/select-arrow.svg) 96% 50% no-repeat;cursor:pointer}
.contact-textarea{position:relative;font:400 clamp(1rem,0.833vw,1.1rem) / 1 Commissioner;color:#262626;width:100%;height:110px;background:#fff;padding:15px 10px;resize:none;border:1px solid #cbcbcb;border-radius:10px!important;outline:none;}
input::placeholder,textarea::placeholder{text-transform: uppercase;}
input,textarea{text-transform: none}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border:1px solid #FF6726;color:#FF6726}
.contact-input::-webkit-input-placeholder,.contact-textarea::-webkit-input-placeholder{color:#262626}
.contact-input:-moz-placeholder,.contact-textarea::-moz-placeholder{color:#262626}
.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:#262626}
.contact-input:-ms-input-placeholder,.contact-textarea::-ms-input-placeholder{color:#262626}
.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 Commissioner;color:#262626}
.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 #FF6726}
.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;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} 
.contact-submit-col{margin-top:20px}
#contact-submit{margin-top:30px;width:100%;padding:16px 0 14px;background-color:#262626;color:#fff;border:none;outline:none;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;border-radius:5px!important}
#contact-submit:hover{background-color:#FF6726;color:#fff}
.contact-info-col{position:relative;width:50%;text-align:center;padding:0 20px}
.contact-info-col:first-of-type:before{content:'';position:absolute;width:1px;height:100%;top:0;left:100%;background-color:#e4e4e4}
.contact-info-hTitle{font:400 clamp(1.025rem,0.938vw,1.125rem) / 1 Commissioner;color:#262626;text-transform:uppercase;margin-bottom:25px}
#contact-info-desc{font:400 clamp(1.025rem,0.938vw,1.125rem) / 1.4 Commissioner;color:#262626}
#contact-info-desc strong{font-weight:700;color:#db0d18}
.contact-info-link{display:inline;font:500 clamp(1.025rem,0.938vw,1.125rem) / 1.4 Commissioner;color:#db0d18}
.contact-info-details{margin-top:25px}
.contact-info-details-row{margin-top:10px}
.contact-info-details-row:first-of-type{margin-top:0}
.contact-info-details-row > span{font:400 clamp(1.025rem,0.938vw,1.125rem) / 1.4 Commissioner;color:#262626}
#contact-info-followUs{margin-top:40px;text-align:center}
#contact-info-followUs > a{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}
#contact-info-followUs-title{font:500 clamp(1.025rem,0.938vw,1.125rem) / 1.2 Commissioner;color:#262626;margin-bottom:15px}
#googleMap-container{margin-top:40px;width:49%;height:690px}
#googleMap{width:100%;height:100%;border-radius:20px;border:1px solid #E0E0E0;}

#contact-info-container .footer-info-icon figcaption{color:#262626;}
#contact-info-container #footer-info > li::before{background-image:url(../img/footer/star_black.svg);}
#contact-info-container{padding:1.56vw 0;width:100%;max-width:1100px;position: relative;--border-scale:0;}
#contact-info-container::before, #contact-info-container::after {content:"";position: absolute;left: 0;width: 100%;height: 1px;background: #d9d9d9;transform: scaleX(var(--border-scale));transform-origin: center;}
#contact-info-container::before {top: 0;}
#contact-info-container::after {bottom: 0;}

#contact-info-container #footer-info li{opacity: 0;transform:translateY(30px);}
@media (min-width:1200px) {
    #cms-sidebar-list > li:not(.cms_sel) > a:hover{padding-left:20px}
    #cms-sidebar-list > li:not(.cms_sel) > a:hover:before{transform:translateX(0)}

    #contact-form-container{width:49%;margin-left:2%;}
    #contact-info-container{padding:50px 20px;margin:40px auto 0;}
}
@media (max-width:1199px) {
    #cms-wrapper{padding:0 15px}
    #cms-h1{margin-top:30px}
    #cms-inner{margin-top:20px}
    #cms-contents{width:100%;padding-left:0}
    #cms-photo-container{width:50%;margin:0 auto}
    #contact-form-container{margin-top:30px;width:100%}
    #contact-container{flex-direction:column-reverse;}
    #contact-info-container{margin-top:30px;padding:0 15px}
    #googleMap-container{width:100%;}
    .footer-info-link figcaption::before,.footer-socials>li:first-child::before{display:none;}
}
@media (max-width:764px) {
    #cms-wrapper{padding:0 10px}
    #contact-info-container{margin-top:30px;padding:30px 10px}
    #contact-info-container{padding:25px 10px}
    #cms-contents{width:100%;padding:0}
    .contact-col-left{width:100%;padding-right:0}
    .contact-col-right{width:100%;padding-left:0;margin-top:15px}
    .contact-info-col{width:100%;padding:0;margin-top:40px}
    .contact-info-col:first-of-type{margin-top:0}
    .contact-info-col:first-of-type:before{display:none}
    #googleMap-container{margin-top:30px;height:400px}
}