@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

*{outline: 0;}
body{font-family: 'Roboto', sans-serif; font-size: 16px; scroll-behavior: smooth;}
h1{}
h2{font-size: 35px;color: #2F2F2F;}
h3{}
h4{font-size: 24px;margin-bottom: 1rem;color: #2F2F2F;}
h4 p{display:inline-block; font-weight:400}
h5{}
h6{}
a{color: initial;text-decoration: none;}
a:hover{color: #304561;text-decoration: none;border-color: #304561;}
p{font-size: 16px;color: #2F2F2F;}
p:last-child{margin:0}
ul{margin:0; padding: 0;}
ul li{}
button:focus{outline: 0;}

.form-control:focus, .form-control:hover{border:1px solid #304561; box-shadow:initial}
.form-control{font-size: 16px;padding: 14px 15px;height: initial;font-family: 'Roboto', sans-serif;border: 1px solid #C0C0C0;color: #585555;}
input[type=submit].form-control{ background: #304561; color: #fff; font-weight: 500; border:1px solid #304561}
input[type=submit].form-control:hover{background:#fff; border-color:#304561; color:#304561; cursor: pointer;}
input[type=submit].form-control.width-50{max-width: 190px;float: none;display: inline-block;}

.container{position:relative}

.owl-dots{text-align: center;}
.owl-dots button{}
.owl-dots button span{width: 12px;height: 12px;background: #2e2e2e;display: inline-block;border-radius: 50%;margin: 0 4px;}
.owl-dots button.active{}
.owl-dots button.active span, .owl-dots button:hover span{background: #fff;}

.link-style1{color: #707070;border-bottom: 1px solid #707070;}

.opacity5{opacity:.5}

.border-bottom-green{border-bottom: 10px solid #EBEBEB;border-radius: 0px 0px 5px 5px;}
.border-bottom-red{border-bottom: 10px solid #EBEBEB;border-radius: 0px 0px 5px 5px;}

.fa.red{color: maroon!important;}
.fa.green{color: #00803c!important;}

.custom-radio{display: inline-block;position: relative;padding-left: 25px;width: 45%;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;line-height: initial;}
.custom-radio input{position: absolute; opacity: 0; cursor: pointer; }
.custom-radio .checkmark {position: absolute;top: 2px;left: 0;height: 14px;width: 14px;background-color: #fff;border-radius: 50%;border: 1px solid black;}
.custom-radio:hover input ~ .checkmark {opacity: .5;}
.custom-radio .checkmark:after{content: ""; position: absolute; display: none;}
.custom-radio input:checked ~ .checkmark:after{display: block; }
.custom-radio .checkmark:after{top: 3px;left: 3px;width: 6px;height: 6px;border-radius: 50%;background: black;}

.select-hidden{display: none; visibility: hidden; padding-right: 10px; } 
.select{cursor: pointer;display: inline-block;position: relative;color: #fff;width: 350px;height: 55px;}
.select-styled{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #304561;padding: 10px 30px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;font-size: 16px;border-radius: 8px;font-weight: 500;line-height: 36px;text-align: left;} 
.select-styled:after{content: "\f107";font-family: fontawesome;width: 0;height: 0;position: absolute;top: 9px;right: 32px;font-size: 22px;} 
.select-styled:before{content:'';border: 1px solid rgb(255 255 255 / 80%);height: 35px;width: 1px;display: block;position: absolute;right: 50px;}
.select-styled:hover {background-color: #b83729;} 
.select-styled:active, .select-styled.active{background-color: #ab3326;} 
.select-styled:active:after, .select-styled.active:after{top: 9px; border-color: transparent transparent #fff transparent;} 
.select-options{display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #ab3326;} 
.select-options li {margin: 0;padding: 8px 0;text-indent: 30px;border-top: 1px solid #ffffff;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;text-align: left;background: #333;} 
.select-options li:hover { color: #304561; background: #fff;} 
.select-options li[rel="hide"] {display: none;}

.switch-button{text-align: center;display: inline-block;background: #EBEBEB;border-radius: 10px;}
.switch-button ul{}
.switch-button ul li{float: left;list-style: none;}
.switch-button ul li a{transition: color 200ms;padding: 14px 0px;font-size: 15px;font-weight: 500;border-radius: 10px;display: block;width: 170px;}
.switch-button ul li.active a, .switch-button ul li:hover a{background:#304561; color:#fff}
.switch-button .btn {display: inline-block;padding: 14px 0px;position: relative;text-align: center;transition: background 600ms ease, color 600ms ease;margin: 0;width: 170px;font-size: 15px;font-weight: 500;border-radius: 10px;}
.switch-button input[type=radio].toggle {display: none;}
.switch-button input[type=radio].toggle + label {cursor: pointer;}
.switch-button input[type=radio].toggle + label:hover {background: none;color: #1a1a1a;}
.switch-button input[type=radio].toggle + label:after {/* background: #1a1a1a; */content: "";height: 100%;position: absolute;top: 0;transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);width: 100%;z-index: -1;}
.switch-button input[type=radio].toggle.toggle-left + label {border-right: 0;}
.switch-button input[type=radio].toggle.toggle-left + label:after {left: 100%;}
.switch-button input[type=radio].toggle.toggle-right + label {margin-left: -5px;}
.switch-button input[type=radio].toggle.toggle-right + label:after {left: -100%;}
.switch-button input[type=radio].toggle:checked + label {cursor: default;color: #fff;transition: color 200ms;background: #304561;}
.switch-button input[type=radio].toggle:checked + label:after {left: 0;}
.switch-button.full{width: 100%;}
.switch-button.full .btn{width:50%}

.store-hours-table .table th{padding:15px; vertical-align: middle;}
.store-hours-table .table input{padding: 6px 15px;}
.bootstrap-timepicker-widget table td span{font-size:20px;color:#304561;}
.bootstrap-timepicker-widget table td input{font-size:16px;width:35px!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;border:1px solid #ccc;}
.btn-primary{font-size:15px!important;font-weight:500!important;background-color:#304561!important;border-color:#304561!important;padding:7px 10px!important;border-radius:10px!important;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#1b2738!important;border-color:#1b2738!important;}

.btn:focus {outline: none;box-shadow: none;}
.btn{box-shadow: none !important}

@media(max-width: 992px){
 .switch-button{width: 100%;}
 .switch-button .btn{width:50%;}
}

@media(max-width: 767px){
 h2{font-size: 28px;}
 h4{font-size: 22px;}
 h2 br, h4 br, p br{display: none;}
 input[type=submit].form-control.width-50{max-width: 100%;}
 .select{width: 100%;}
 .switch-button{width: 100%;}
 .switch-button .btn{width: 50%;}
 .switch-button .btn{font-size: 14px; padding: 12px 10px;}
}