@import url('main.css');
@media (min-width:1200px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 30px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#262626}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #inner-h1{margin-top:20px;position:relative;font-size:36px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center;padding-bottom:20px;}
    #inner-h1:after{content: '';position: absolute;width: 60px;height: 3px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #ae282c}
    #contact-container{margin-top:30px;width:100%}
    #contact-info-container{width:34%;background-color:#f4f4f4;padding:80px 4%}
    #contact-form-container{width:66%;background-color:#00888c;padding:80px 6%}
    #contact-info-htitle{font-size:30px;font-weight:500;text-align:center;padding-bottom:12px;border-bottom:2px solid #00888c;color:#00888c;text-transform:uppercase}
    .contact-info-col{width:100%;margin-top:20px;text-align:center}
    .contact-info-col > figure{display:inline-block}
    .contact-info-col > figure img{max-width:100%;height:auto}
    .contact-info-col > span,.contact-info-col > a{margin-top:5px;width:100%;display:block;font-size:22px;font-weight:500;color:#00888c}
    .footer-socials{display:inline-flex}
    #contact-form-htitle{font-size:30px;font-weight:500;color:#fff;text-transform:uppercase;}
    #contact-form-htitle2{margin-top:15px;font-size:16px;color:#fff;}
    #contact-form{display:block;margin-top:30px}
    .contact-col{margin-top:25px}
    .contact-col-left{float:left;width:50%;padding-right:10px}
    .contact-col-right{float:right;width:50%;padding-left:10px}
    .contact-textarea{margin-top:25px}
    .contact-input{position:relative;font-size:16px;color:#fff;width:100%;height:50px;line-height:50px;background:#00888c;padding:0;border:none;border-bottom:1px solid #fff;outline:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
    .contact-textarea{position:relative;font-size:16px;color:#fff;width:100%;height:160px;background:#00888c;padding:10px;resize:none;border:1px solid #fff;outline:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius: 5px !important;}
    .contact-submit-col{width:100%;margin-top:20px}
    .contact-label-wrapper{float:left}
    .contact-label-container{margin-top:6px}
    #contact-submit{float:right;padding:14px 60px 12px;background-color:#262626;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;cursor:pointer;text-transform:uppercase}
    #contact-submit:hover{background-color:#006b6e;color:#fff}
    .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.inter{height:50px}
    .contact-link{float:left;padding-left:35px;font-size:16px;color:#fff;line-height:24px;font-weight:400}
    .contact-label input{position:absolute;opacity:0;cursor:pointer}
    .contact-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #fff;border-radius:5px}
    .contact-label input:checked ~ .contact-checkmark{border:1px solid #fff;background-color:#fff}
    .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 #262626;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .contact-input::-webkit-input-placeholder, .contact-textarea::-webkit-input-placeholder{color:#fff;text-transform:uppercase}
    .contact-input:-moz-placeholder, .contact-textarea:-moz-placeholder{color:#fff;text-transform:uppercase}
    .contact-input::-moz-placeholder, .contact-textarea::-moz-placeholder{color:#fff;text-transform:uppercase}
    .contact-input:-ms-input-placeholder, .contact-textarea:-ms-input-placeholder{color:#fff;text-transform:uppercase}
    #googlemap-container{margin-top:30px;width:100%;height:600px}
    #googlemap{width:100%;height:100%}
}
@media (min-width:765px) and (max-width:1199px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 10px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#262626}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #inner-h1{margin-top:20px;position:relative;font-size:26px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center;padding-bottom:20px;}
    #inner-h1:after{content: '';position: absolute;width: 60px;height: 3px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #ae282c}
    #contact-container{margin-top:30px;width:100%}
    #contact-info-container{width:34%;background-color:#f4f4f4;padding:40px 2%}
    #contact-form-container{width:66%;background-color:#00888c;padding:40px 5%}
    #contact-info-htitle{font-size:20px;font-weight:500;text-align:center;padding-bottom:12px;border-bottom:2px solid #00888c;color:#00888c;text-transform:uppercase}
    .contact-info-col{width:100%;margin-top:20px;text-align:center}
    .contact-info-col > figure{display:inline-block;width:40px}
    .contact-info-col > figure img{max-width:100%;height:auto}
    .contact-info-col > span,.contact-info-col > a{margin-top:5px;width:100%;display:block;font-size:18px;font-weight:500;color:#00888c}
    .footer-socials{display:inline-flex}
    #contact-form-htitle{font-size:26px;font-weight:500;color:#fff;text-transform:uppercase;}
    #contact-form-htitle2{margin-top:12px;font-size:16px;color:#fff;}
    #contact-form{display:block;margin-top:30px}
    .contact-col{margin-top:20px}
    .contact-col-left{float:left;width:50%;padding-right:10px}
    .contact-col-right{float:right;width:50%;padding-left:10px}
    .contact-textarea{margin-top:25px}
    .contact-input{position:relative;font-size:16px;color:#fff;width:100%;height:50px;line-height:50px;background:#00888c;padding:0;border:none;border-bottom:1px solid #fff;outline:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
    .contact-textarea{position:relative;font-size:16px;color:#fff;width:100%;height:160px;background:#00888c;padding:10px;resize:none;border:1px solid #fff;outline:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius: 5px !important;}
    .contact-submit-col{width:100%;margin-top:20px}
    .contact-label-wrapper{width:100%}
    .contact-label-container{margin-top:6px}
    #contact-submit{width:100%;margin-top:20px;padding:14px 60px 12px;background-color:#262626;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;cursor:pointer;text-transform:uppercase}
    #contact-submit:hover{background-color:#006b6e;color:#fff}
    .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.inter{height:50px}
    .contact-link{float:left;padding-left:35px;font-size:16px;color:#fff;line-height:24px;font-weight:400}
    .contact-label input{position:absolute;opacity:0;cursor:pointer}
    .contact-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #fff;border-radius:5px}
    .contact-label input:checked ~ .contact-checkmark{border:1px solid #fff;background-color:#fff}
    .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 #262626;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .contact-input::-webkit-input-placeholder, .contact-textarea::-webkit-input-placeholder{color:#fff;text-transform:uppercase}
    .contact-input:-moz-placeholder, .contact-textarea:-moz-placeholder{color:#fff;text-transform:uppercase}
    .contact-input::-moz-placeholder, .contact-textarea::-moz-placeholder{color:#fff;text-transform:uppercase}
    .contact-input:-ms-input-placeholder, .contact-textarea:-ms-input-placeholder{color:#fff;text-transform:uppercase}
    #googlemap-container{margin-top:30px;width:100%;height:400px}
    #googlemap{width:100%;height:100%}
}
@media (min-width:0px) and (max-width:764px) {
    #cms-wrapper{margin-top:30px;width:100%;padding:0 10px}
    #breadcrumb-wrapper{text-align:center}
    #breadcrumb-container{display:inline-flex}
    #breadcrumb-container > li{margin-left:8px}
    #breadcrumb-container > li:first-child{margin-left:0}
    #breadcrumb-container > li > a, #breadcrumb-container > li > div{font-size:16px;font-weight:400;color:#262626}
    #breadcrumb-container > li.breadcrumb-sel > a{font-weight:500}
    #inner-h1{margin-top:20px;position:relative;font-size:26px;font-weight:500;text-transform:uppercase;color:#00888c;text-align:center;padding-bottom:10px;}
    #inner-h1:after{content: '';position: absolute;width: 60px;height: 3px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #ae282c}
    #contact-container{margin-top:30px;width:100%}
    #contact-info-container{width:100%;background-color:#f4f4f4;padding:40px 2%}
    #contact-form-container{width:100%;background-color:#00888c;padding:40px 5%}
    #contact-info-htitle{font-size:20px;font-weight:500;text-align:center;padding-bottom:12px;border-bottom:2px solid #00888c;color:#00888c;text-transform:uppercase}
    .contact-info-col{width:100%;margin-top:20px;text-align:center}
    .contact-info-col > figure{display:inline-block;width:40px}
    .contact-info-col > figure img{max-width:100%;height:auto}
    .contact-info-col > span,.contact-info-col > a{margin-top:5px;width:100%;display:block;font-size:18px;font-weight:500;color:#00888c}
    .footer-socials{display:inline-flex}
    #contact-form-htitle{font-size:20px;font-weight:500;color:#fff;text-transform:uppercase;}
    #contact-form-htitle2{margin-top:12px;font-size:16px;color:#fff;}
    #contact-form{display:block;margin-top:30px}
    .contact-col{margin-top:20px}
    .contact-col-left{width:100%;}
    .contact-col-right{width:100%;margin-top:20px}
    .contact-textarea{margin-top:25px}
    .contact-input{position:relative;font-size:16px;color:#fff;width:100%;height:50px;line-height:50px;background:#00888c;padding:0;border:none;border-bottom:1px solid #fff;outline:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
    .contact-textarea{position:relative;font-size:16px;color:#fff;width:100%;height:160px;background:#00888c;padding:10px;resize:none;border:1px solid #fff;outline:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius: 5px !important;}
    .contact-submit-col{width:100%;margin-top:20px}
    .contact-label-wrapper{width:100%}
    .contact-label-container{margin-top:6px}
    #contact-submit{width:100%;margin-top:20px;padding:14px 60px 12px;background-color:#262626;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;cursor:pointer;text-transform:uppercase}
    #contact-submit:hover{background-color:#006b6e;color:#fff}
    .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.inter{height:50px}
    .contact-link{float:left;padding-left:35px;font-size:16px;color:#fff;line-height:24px;font-weight:400}
    .contact-label input{position:absolute;opacity:0;cursor:pointer}
    .contact-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #fff;border-radius:5px}
    .contact-label input:checked ~ .contact-checkmark{border:1px solid #fff;background-color:#fff}
    .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 #262626;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .contact-input::-webkit-input-placeholder, .contact-textarea::-webkit-input-placeholder{color:#fff;text-transform:uppercase}
    .contact-input:-moz-placeholder, .contact-textarea:-moz-placeholder{color:#fff;text-transform:uppercase}
    .contact-input::-moz-placeholder, .contact-textarea::-moz-placeholder{color:#fff;text-transform:uppercase}
    .contact-input:-ms-input-placeholder, .contact-textarea:-ms-input-placeholder{color:#fff;text-transform:uppercase}
    #googlemap-container{margin-top:30px;width:100%;height:400px}
    #googlemap{width:100%;height:100%}
}