:root {
    --base-font: 'Univers Next Pro', sans-serif;
    --base-bg: #EDF2F9;
    --base-black: #2d2d2d;
    --base-black-alt: #363636;
    --base-white: #FFFFFF;
    --base-gray: #ececec;
    --base-gray-line: #c4c4c4;
    --base-gray-border: #d9d9d9;
    --base-black-light: #4c4c4c;
    --base-animation: all .4s ease;
    --base-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2847, 51, 63, 100%29'/%3e%3c/svg%3e");
    --base-form-check-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2855, 144, 24, 100%29'/%3e%3c/svg%3e");
}

html, body { height: 100%; font-weight: 300;}
body { background-color: var(--base-white); color: var(--base-black-light); font-family: var(--base-font); font-size: 18px;}
body p { margin-bottom: 0; line-height: 30px; font-size: 22px;}
body p b, body p strong, .bold { font-weight: 600;}
img { max-width: 100%;}
a { color: var(--base-black); text-decoration: none; transition: var(--base-animation);}
a.link { border-bottom: 1px solid transparent; cursor: pointer;}
a.link:hover { border-color: var(--base-black-light); }

.btn { min-width: 180px; font-size: 18px; text-transform: uppercase; padding: 14px 75px 12px 25px; border-radius: 30px; line-height: 1.4; border: 0; position: relative;}
.btn-primary { background-color: var(--base-gray); color: var(--base-black);}
.btn:hover, .btn:active, .btn:focus { background-color: var(--base-black) !important; color: var(--base-white);}
.btn i { font-size: 30px; position: absolute; right: 25px; top: 5px; transition: all .2s ease;}
.btn:hover i { right: 20px;}
.btn-link { padding: 14px 20px 12px; min-width: auto; color: var(--base-black); text-decoration: none; opacity: .75;}
.btn-link:hover { background: transparent !important;  color: var(--base-black); opacity: 1;}

h1, h2, h3, h4, h5, h6 { color: var(--base-black); font-weight: 400; margin: 0; line-height: 1.1;}
.ttl { font-size: 54px; padding-bottom: 10px;}

.navbar { padding: 20px 0; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.navbar .navbar-collapse { justify-content: flex-end;}
.navbar .navbar-nav .nav-item { font-size: 20px; text-transform: uppercase; margin: 0 5px;}
.navbar .navbar-nav .nav-item .nav-link { padding: 5px 10px; color: var(--base-black-light);}
.navbar .navbar-nav .nav-item .nav-link:hover { color: var(--base-black);}
.navbar .navbar-nav .nav-item.active .nav-link { font-weight: 400;}
.navbar-toggler { border: 0; padding: 0 5px; font-size: 24px;}
.navbar-toggler:focus { box-shadow: none; }

.carousel .carousel-inner { text-align: center;}
.carousel .carousel-inner:after { position: absolute; width: 100%; height: 100%; background: #4d5c5f; opacity: .35;}
.carousel.no_desc .carousel-inner:after { content: none;}
.carousel .carousel-caption { bottom: 60px; padding: 0; text-shadow: 0 0 20px rgba(0, 0, 0, .5); z-index: 2;}
.carousel .carousel-caption h1 { color: var(--base-white); font-size: 72px; text-transform: uppercase; line-height: 1;}
.carousel .carousel-caption p { font-size: 28px;}

.form-control, .form-select { border-color: var(--base-black-light); border-radius: 4px; font-size: 20px; padding: 12px 15px; height: 60px;}
.form-control:focus, .form-select:focus { box-shadow: none; border-color: var(--base-black-alt);}
textarea.form-control { height: 150px; resize: none; }

.about_cont { padding: 45px; max-width: 700px;}
.shadow { border-radius: 3px;}

.coll_ttl { font-size: 84px;}
.coll_ttl:before { content: ''; width: 125px; height: 6px; background: var(--base-black); display: block; margin-bottom: 10px;}
.coll_det { list-style: none; margin: 0; padding: 0;}
.coll_det li { display: flex; font-size: 26px; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid var(--base-gray-line);}
.coll_det li:first-child { margin-top: 0;}
.coll_det li:last-child { padding-bottom: 0; border-bottom: 0;}
.coll_det li b { font-weight: 300; min-width: 250px;}
.collection { cursor: pointer; margin-top: 45px;}
.collection .collection_ttl { font-size: 44px; padding-top: 30px;}
.collection .collection_ttl:before { content: ''; width: 20%; height: 6px; background: var(--base-black); display: block; margin-bottom: 10px;}
.pro { margin-top: 35px;}
.pro .pro_img { border: 1px solid var(--base-gray-border); }
.pro .pro_ttl { padding: 25px 0 12px; font-size: 36px; }
.pro .pro_det { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.pro .pro_det li { width: 50%; font-size: 22px;}
.pro .download { margin: -38px 2px 0 auto; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; z-index: 99; position: relative; background: #FFF; border-radius: 4px 0 0 0;}
.search form { max-width: 350px; margin: 0 0 15px auto; position: relative;}
.search [type=submit] { border: 0; height: 58px; position: absolute; top: 1px; right: 1px; padding: 0 15px; background: transparent;}
.search .adv_srch { font-size: 20px; color: var(--base-black-light); font-weight: 400; border-bottom: 1px solid; cursor: pointer;}
.search .adv_srch:hover { color: var(--base-black); }

.cta { background: url(../images/bg_cta.jpg) center center no-repeat; text-shadow: 0 0 20px rgba(0, 0, 0, .5); color: var(--base-white);}
.cta p { font-size: 24px; max-width: 400px; margin-left: auto;}
.cta .ttl { color: var(--base-white);}

.footer { background-color: var(--base-black); color: var(--base-white); padding-top: 65px;}
.footer a { color: var(--base-white); border-bottom: 1px solid transparent;}
.footer a:hover { border-color: var(--base-gray); color: var(--base-gray); }
.footer p { font-size: 20px; line-height: 1.4; padding-bottom: 5px;}
.footer .foot_ttl { color: var(--base-white); font-size: 24px; text-transform: uppercase;     padding-bottom: 15px;}
.footer .nav {}
.footer .nav .nav-item { padding: 3px 0;}
.footer .nav .nav-item a { display: inline-block; padding: 0; line-height: 1.3; font-size: 20px;}
.footer .nav.three-col { flex-direction: row !important; column-gap: 14px;}
.footer .nav.three-col .nav-item { width: calc(33.3333% - 10px);}
.footer .foot_copyright { background-color: var(--base-black-alt); margin-top: 65px; padding-top: 25px;padding-bottom: 25px; text-align: center;}

.offcanvas.slider_filter { width: 1000px; border: 0;}
.offcanvas .offcanvas-header { padding: 30px;}
.offcanvas .offcanvas-header .btn-close { font-size: 22px; margin-right: 5px;}
.offcanvas .offcanvas-header .btn-close:focus { box-shadow: none;}
.offcanvas .offcanvas-body { padding: 0 30px;}
.offcanvas .offcanvas-footer { padding: 0 30px 30px;}
.slider_filter .filter_ttl { font-size: 20px; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid var(--base-gray-line);}
.slider_filter .filter_options {}
.slider_filter .filter_options .form-check { margin: 0; padding: 3px 0;}
.slider_filter .filter_options .form-check input[type=checkbox] { opacity: 0;}
.slider_filter .filter_options .form-check input[type=checkbox]:checked + label { font-weight: 600;}
.slider_filter .filter_options .form-check .form-check-label { cursor: pointer;}

.offcanvas.slider_menu { width: 100%; border: 0;}
.offcanvas.slider_menu .navbar-nav .nav-item { margin: 0;}

.g-40 { margin: 0 -20px;}
.g-40>* { padding-left: 20px; padding-right: 20px;}
.g-30 { margin: 0 -15px;}
.g-30>* { padding-left: 15px; padding-right: 15px;}
.g-20 { margin: 0 -10px;}
.g-20>* { padding-left: 10px; padding-right: 10px;}
.g-xs { margin: 0 -8px;}
.g-xs>* { padding-left: 8px; padding-right: 8px;}

.bt_15 { border-top: 15px solid var(--base-black-light); }
.pad { padding-top: 80px; padding-bottom: 80px;}
.pad_lg { padding-top: 100px; padding-bottom: 100px;}
.pt_10 { padding-top: 10px;}
.pt_20 { padding-top: 20px;}
.pt_30 { padding-top: 30px;}
.pb_10 { padding-bottom: 10px;}
.pb_20 { padding-bottom: 20px;}
.pb_30 { padding-bottom: 30px;}
.pr_60 { padding-right: 60px;}
.show_lg { display: none;}

.text-right { text-align: right;}
.text-center { text-align: center;}
.f_26 { font-size: 26px; line-height: 1.3;}


@media (max-width:1199px){

}

@media (max-width:992px){
    .navbar .navbar-nav .nav-item .nav-link { padding: 5px 0;}
    .carousel .carousel-caption h1 { font-size: 54px;}
    .carousel .carousel-caption p { font-size: 24px;}
    .ttl { font-size: 44px;}
    .f_26, .coll_det li { font-size: 22px; }
    .coll_det li b { min-width: 175px;}
    .pro .pro_ttl { font-size: 30px; padding: 20px 0 8px;}
    .pro .pro_det { gap: 20px;}
    .pro .pro_det li { font-size: 20px; width: auto;}
    .col_rev_lg { flex-direction: column-reverse;}
    .about_cont { max-width: none;}
    .cta { text-align: center;}
    .cta p { margin: 0 auto;}
    .container { padding-left: 50px; padding-right: 50px; max-width: none;}
    .pt_50_lg { padding-top: 50px;}
    .pb_50_lg { padding-bottom: 50px;}
    .coll_ttl { font-size: 60px;}
    .collection .collection_ttl { font-size: 36px;}
    .coll_ttl:before { width: 90px;}
    .hide_lg { display: none;}
    .show_lg { display: block;}
}

@media (max-width:767px){
    .container { padding-left: 20px; padding-right: 20px; max-width: none;}
    .pad { padding-top: 60px; padding-bottom: 60px;}
    .pad_lg { padding-top: 80px; padding-bottom: 80px;}
    .bt_15 {border-top-width: 7px;}
    .about_cont { padding: 45px 20px;}
    .ttl { font-size: 36px;}
    .pr_60 { padding-right: 12px;}
    .pt_50_lg, .coll_det { padding-top: 30px;}
    .pb_50_lg { padding-bottom: 30px;}
    .footer .nav.three-col .nav-item { width: calc(50% - 10px);}
    .coll_ttl { font-size: 48px; padding-bottom: 25px;}
    .search form { max-width: none;}
    .collection, .pro { margin-top: 30px;}

}

@media (max-width:575px){
    .carousel .carousel-caption { bottom: 20px;}
    .carousel .carousel-caption h1 { font-size: 30px;}
    .carousel .carousel-caption p, .carousel-indicators { display: none;}
    .footer { padding-top: 50px;}
    .footer .foot_copyright { margin-top: 50px;}
    .footer .nav { flex-direction: row !important; column-gap: 14px;}
    .footer .nav .nav-item { width: calc(50% - 10px);}
    .pt_30_sm { padding-top: 30px;}
    .text-left_sm { text-align: left;}
    .coll_ttl { font-size: 40px;}
    .collection .collection_ttl { font-size: 32px;}
    .collection { margin-top: 30px;}
    .offcanvas .offcanvas-header { padding: 20px 20px 30px;}
    .offcanvas .offcanvas-body { padding: 0 20px;}
    .offcanvas .offcanvas-footer { padding: 0 20px 20px;}
    .offcanvas .offcanvas-body .row { margin: 0 -7px;}
    .offcanvas .offcanvas-body .col { padding: 0 7px;}
    .coll_det li b { min-width: 160px;}
}


::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-track { background: #dddddd;}
::-webkit-scrollbar-thumb { background: #4c4c4c;}
::-webkit-scrollbar-thumb:hover { background: #363636;}