﻿/* capocaoco */


/* ---- General ---- */
body { color: #020202; font: 20px 'montserrat', sans-serif; }
a:hover, a:focus { color: #020202; }

#text1, #text2 { font-size: 75%; max-width: 100%; }

#text1 ul li, #text2 ul li { list-style: none; }
#text1 ul li:before, #text2 ul li:before { content: ""; border: 1px solid #567760; border-radius: 50%; width: 8px; height: 8px; vertical-align: middle; display: inline-block; margin-right: 10px; }
#text1 ul, #text2 ul { padding: 0; }


.section-title h1, .section-title h2 { font-size: 200%; letter-spacing: 4px; }
.section h3 { font-size: 100%; margin: 0; }

/*clear floats*/
#GridContent { float: none; }
#GridContent::after { content: ''; display: table; clear: both; }

/* ---- Header ---- */
/*reset*/
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
#header2 ul.menu li.active { color: inherit; }
#header2 ul.menu li:hover { color: inherit; }
#header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; }

#header2 { background-color: #fff; color: #020202; padding: 0; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); }
#header2 .max-width { padding: 0 30px; width: 100%; max-width: 100%; }
#header2 #header-container { height: 90px; position: relative; display: flex; align-items: center; direction: rtl; }


/*header-right-section*/
#header2 .header-right-section { background-color: transparent; }
#header2.detailsInRow .header-right-section { direction: rtl; display: flex; align-items: center; justify-content: space-between; flex: 1; position: static; }
#header2 .menu-nav { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#header2 ul.menu { margin-bottom: 0; }



/*header-left-section*/

#header2 #header-left { height: auto; width: auto; }
#header2 .header-top-left { margin-right: 0; direction: rtl; }
#header2 .header-top-left a { margin-right: 0; }
#header2 .header-top-left a:not(:last-of-type) { margin-left: 10px; }
.cartBtn::before { content: '|'; display: inline-block; font-size: 26px; vertical-align: middle; padding: 0 12px; }
.cartBtn button { background: url('/warehouse/temp/capocaoco/cart-icon.svg'); background-size: 100%; background-repeat: no-repeat; background-position: center; background-size: 100%; width: 13px; height: auto; padding: 0; vertical-align: middle; }
.cartBtn svg { display: none; }
.cartItemsCounter span.CartItems { color: #fff; left: 50%; font-size: 55%; }
@media (min-width: 768px) {
    #header2 #header-left img { margin-bottom: -10px; }
}

/*toggle-btn*/
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background-color: #020202; }



#header2 .header-top-left svg { fill: #020202; height: 15px; width: 15px; }
#header2 ul.menu { font-size: 70%; }
#header2 ul.menu li { color: #020202; }
#header2 ul.menu li.last-item { margin-right: 0; }


#header2 ul.menu li a { position: relative; }
#header2 ul.menu li a::after { border-bottom: 1px solid #424242; content: ""; width: 0; position: absolute; bottom: -3px; left: 50%; transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; transform: translateX(-50%); }
#header2 ul.menu li a:hover::after { width: 100%; }
#header2 ul.menu li.active a::after { border-color: #424242; width: 100%; }




/* ---- Header Shop ---- */
.headerShop .cartItemsTable.hasQuantitySelection .item-quantity button { background-color: #f7f7f7; }
.headerShop .cartItemsTable.hasQuantitySelection .item-quantity button.item-plus { border-right: none; border-color: #bcbbb3; }
.headerShop .cartItemsTable.hasQuantitySelection .item-quantity button.item-minus { border-left: none; border-color: #bcbbb3; }
.headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { border-color: #bcbbb3; margin-right: -6px; margin-left: -6px; margin-top: 0; margin-bottom: 0; }
.headerShop a.goToCheckout.shopBtn:hover, .headerShop a.goToCheckout.shopBtn:focus { border-color: transparent; background: #567760; color: #fff; }
.headerShop .cartItemsNavSubTotal span.price { display: none; }
.headerShop .cartItemsNavSubTotal .totalSumItems span.cartItemsQ { margin-right: 5px; }



.categories-strip { display: none; }
#home-gallery .scroll-down { display: none; }


/*headershoplogin */
.headerShopLogin .loginFormInput .shopBtn { background-color: #567760; color: #fff; }
.headerShopLogin label.RememberMeLabel { font-size: 75%; }
.headerShopLogin .loginFormInput.forgotPass button { font-size: 75%; }
.headerShopLogin .userLogin .closeUserPop button { font-size: 80%; }
.headerShopLogin .userLogin .newUser { border-left: 1px solid #bcbbb3; text-align: center; }
.headerShopLogin .userLogin .subheadline { text-align: center; }
.headerShopLogin .userLogin .subheadline h2 { font-size: 125%; }

/* Register Page*/

.registerFormWrapper { background-color: #f7f7f7; }
.registerFormWrapper fieldset label { font-weight: normal; font-size: 80%; }
.registerFormWrapper .shop-form .normal-form-submit input.form-submit { background-color: #567760; font-size: 75%; padding: 10px 15px; min-width: 160px; color: #ffffff; }
.registerFormWrapper .shop-form .normal-form-submit input.form-submit:hover, .registerFormWrapper .shop-form .normal-form-submit input.form-submit:focus { background: #ffffff; color: inherit; border-color: #000000; }


/* User Profile */
.cartWrapper.ordersWrapper, .userProfile { margin-top: 0; }
.userProfile #headline { background-color: #f7f7f7; }
.userAccountPage .loggedInUser.profileSideBar h4 { background-color: #f7f7f7; }
.loggedInUser.profileSideBar a.active { background-color: #567760; }
.loggedInUser.profileSideBar a span { font-size: 80%; }

@media(max-width: 767px) {
    .userProfile .normal-form-submit { float: none; margin: 0 auto; }
}

/*header user panel*/
.userBtn > button { background: url(/warehouse/temp/capocaoco/user-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 15px; height: auto; padding: 0; vertical-align: middle; }
.userBtn button svg { display: none; }
.userBtn svg { vertical-align: middle; }
.userBtn.navShopBtn.mobile { line-height: 32px; margin-right: 15px; }
.header-top-left > .userBtn.navShopBtn { margin-right: 15px; line-height: 32px; }




/* headershop login tooltip */
.headerShopLoginUserLoggedIn:after { border-bottom-color: #567760; }
.headerShopLoginUserLoggedIn h4 { font-size: 80%; background-color: #567760; }
.headerShopLoginUserLoggedIn a.userAction, #header2 .header-top-left a.userAction, #header-left a.userAction { margin-left: 0; font-size: 75%; padding: 15px !important; }
.headerShopLoginUserLoggedIn a.userAction:after, #header2 .header-top-left a.userAction:after { border-color: #bcbbb3; }


@media(max-width: 767px) {
    .headerShopLoginUserLoggedIn.openBox { bottom: auto !important; }
}

/*header language button*/
#header2 .header-top-right { direction: ltr; }
#header2 .languages { vertical-align: unset; border-right: 1px; margin-right: 15px; }
#header2 .header-top-right a.lang { font-size: 70%; border: 1px solid #e3e3e3; transition: 0.35s ease; }
#header2 .header-top-right a.lang:hover { background: #000; color: #fff; border-color: #000; }

/* ---- Home Gallery ---- */
#home-gallery { overflow: visible; margin-bottom: 70px; height: 83vh !important; }
#home-gallery .slides::before { content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; z-index: 4; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 64%, rgba(0, 0, 0, 0.64) 100%), rgba(0, 0, 0, 0.16); }
#home-gallery .slides { overflow: hidden; }
#home-gallery .scroll-down { font-size: inherit; bottom: 0; animation: none !important; margin-bottom: -30px; }
#home-gallery .scroll-down:before { content: 'Custom made outdoor cooking'; font-size: 135%; display: block; margin-bottom: 12px; max-width: 300px; margin: 0 auto 25px; line-height: 1.2; letter-spacing: 2.7px; }

#home-gallery .scroll-down button { height: 60px; width: 1px; position: relative; padding: 0; border: none; background-color: #fff; }
#home-gallery .scroll-down button img { display: none; }
#home-gallery .scroll-down button::after { content: ''; position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; background-color: #000; }


#home-gallery .flex-direction-nav a.flex-prev:before { background: url('/warehouse/temp/capocaoco/w-arrow-l.svg') no-repeat; }
#home-gallery .flex-direction-nav a.flex-next:before { background: url('/warehouse/temp/capocaoco/w-arrow-r.svg') no-repeat; }
#home-gallery .flex-direction-nav a.flex-prev:before, #home-gallery .flex-direction-nav a.flex-next:before { width: 100%; height: 100%; }
#home-gallery .flex-direction-nav .flex-prev, #home-gallery .flex-direction-nav a.flex-next { width: 15px; height: 25px; }

/* ---- Home Page ---- */
.home-page .sections { max-width: 1350px; margin: 0 auto; }
.home-page .section { margin-bottom: 0; }

/*homepage gallery*/
.home-page .grid-gallery-section .gallery-slider { max-width: 1350px; }
section.intro-sec .section-title.section-animation-item { margin-bottom: 30px; }

/*intro custom section*/
.intro-sec { padding: 70px 15px; }

/*collections section*/
.collection-sec.grid-content-section { padding: 75px 0; margin-bottom: 0; }
.collection-sec.grid-content-section .section-title { margin-bottom: 60px; }
.collection-sec.grid-content-section .section-title h2 { margin-bottom: 13px; }
.collection-sec.grid-content-section .section-title h3 { margin: 0; }
.collection-sec.grid-content-section .row { margin: 0; }
.collection-sec.grid-content-section .grid-box { padding: 0; margin-right: 0; }
.collection-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 0; }
.collection-sec.grid-content-section .grid-boxes .grid-box-image::before { content: ''; height: 30%; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); opacity: 0.4; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none; }
.collection-sec.grid-content-section .grid-boxes .grid-box-image-container { position: static; }
.collection-sec.grid-content-section .grid-box-title { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; }

.collection-sec.grid-content-section .grid-box-title { display: block; position: absolute; left: 20px; bottom: 20px; }
.collection-sec.grid-content-section .grid-box-title h3 { font-size: 200%; color: #fff; margin-bottom: 0; }
.collection-sec.grid-content-section .grid-box-title h3 a { color: inherit; }


/*faviorites sectiuon*/
.fav-sec.grid-gallery-section { padding: 75px 0; }

.fav-sec.grid-gallery-section .section-title { margin-bottom: 60px; }
.fav-sec.grid-gallery-section .section-title h2 { margin-bottom: 13px; }
.fav-sec.grid-gallery-section .section-title h3 { margin: 0; }

.fav-sec.grid-gallery-section .owl-carousel .owl-prev:after, .fav-sec.grid-gallery-section .owl-carousel .owl-next:after { width: 15px; height: 25px; }
.fav-sec.grid-gallery-section .owl-carousel .owl-prev:after { background: url('/warehouse/temp/capocaoco/b-arrow-r.svg') no-repeat; }
.fav-sec.grid-gallery-section .owl-carousel .owl-next:after { background: url('/warehouse/temp/capocaoco/b-arrow-l.svg') no-repeat; }

.fav-sec.grid-gallery-section .owl-carousel .owl-stage-outer { max-width: 1030px; margin: 0 auto; }
.fav-sec.grid-gallery-section .owl-carousel.owl-text-select-on .owl-item img { max-width: 1030px; }
.fav-sec.grid-gallery-section .owl-carousel .owl-item .item .plus-sign { display: none; }
.fav-sec.grid-gallery-section .owl-carousel .photoTextWrapper { background-color: transparent; left: 22%; top: 6%; padding: 0; width: auto; }



/* bottom gallery section*/
.gallery-sec.grid-gallery-section { padding: 65px 0; }

.gallery-sec.grid-gallery-section .gallery-slider .flex-direction-nav a.flex-next:before, .gallery-slider .flex-direction-nav a.flex-prev:before { width: 100%; height: 100%; }
.gallery-sec.grid-gallery-section .gallery-slider .flex-direction-nav a.flex-next:before { background: url(/warehouse/temp/capocaoco/w-arrow-r.svg) no-repeat; }
.gallery-sec.grid-gallery-section .gallery-slider .flex-direction-nav a.flex-prev:before { background: url('/warehouse/temp/capocaoco/w-arrow-l.svg') no-repeat; }

.gallery-sec.grid-gallery-section .gallery-slider.flexslider .flex-prev, .gallery-slider.flexslider:hover .flex-prev { left: 45px; }
.gallery-sec.grid-gallery-section .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: 45px; }

.gallery-sec.grid-gallery-section .gallery-slider.flexslider .slides li { padding-bottom: 45%; }
.gallery-sec.grid-gallery-section .gallery-slider.flexslider .flex-prev, .gallery-slider.flexslider .flex-next { width: 15px; height: 25px; margin: 0; }


/* features section*/
.features-sec.grid-content-section { padding: 65px 0; }
.features-sec.grid-content-section .row { margin: 0; overflow: hidden; }

.features-sec.grid-content-section .section-title { margin-bottom: 65px; }
.features-sec.grid-content-section .section-title h2 { font-size: 175%; }

.features-sec.grid-content-section .grid-boxes .grid-box { padding: 0 30px; }

.features-sec.grid-content-section .grid-boxes .grid-box-title { margin-bottom: 20px; }
.features-sec.grid-content-section .grid-boxes .grid-box-title h3 { font-size: 105%; color: #020202; margin-bottom: 0; }
.features-sec.grid-content-section .grid-boxes .grid-box-title h3 a { color: inherit; }

.features-sec.grid-content-section .grid-boxes .grid-box-fulltext { font-size: 75%; line-height: 1.4; max-width: 206px; margin: 0 auto; }


.features-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 25px; }
.features-sec.grid-content-section .grid-boxes .grid-box-image-container { position: static; width: auto; }
.features-sec.grid-content-section .grid-boxes .grid-box-image-container img { height: 100%; max-width: 111px; transform: none; margin: 0 auto; }
.features-sec.grid-content-section .grid-boxes .box-image-animation, .features-sec.grid-content-section .grid-boxes .grid-box-title h3 a { pointer-events: none; }


.intro-sec .carousel { display: flex !important; flex-direction: column; width: 100%; max-width: 1170px; margin: 0 auto; font-size: 20px; }
.intro-sec .slick-dots { list-style-type: none; display: inline-flex; flex-wrap: wrap; font-family: inherit; order: -1; margin: 0 auto 60px; padding: 0; }
.intro-sec .slick-dots li { flex: 0 0 auto; font-size: 100%; line-height: 1.2; margin: 0 33px; cursor: pointer; }
.intro-sec .slick-dots li.slick-active:after { content: ""; display: block; width: 100%; height: 1px; background-color: #020202; margin-top: 5px; }
.intro-sec .carousel__item { display: flex; flex-wrap: wrap; align-items: stretch; }
.intro-sec .carousel_icon { margin-bottom: 25px; }
.intro-sec .carousel__dots { display: flex; justify-content: center; }
.intro-sec .carousel__content-wrapper { flex: 1 0 30%; }
.intro-sec .carousel__content-box { color: #fff; background: #494c59; margin-left: 20px; padding: 5% 7%; text-align: left; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; }
.intro-sec .carousel__title h3 { font-size: 135%; line-height: 1.2; margin-bottom: 15px; }
.intro-sec .carousel__text { font-size: 75%; line-height: 1.6; margin-bottom: 20px; }
.intro-sec .carousel__image { flex: 1 0 70%; max-width: 724px; }
.intro-sec .carousel__image img { display: block; width: 100%; height: auto; }
.intro-sec .carousel__btn { color: inherit; font-size: 75%; border-bottom: 1px solid; padding-bottom: 5px; }
.intro-sec .carousel__btn::after { content: ''; display: inline-block; margin-left: 10px; background: url(/warehouse/temp/capocaoco/arrow-btn.svg) no-repeat; background-size: 100%; width: 5px; height: 8px; }
.intro-sec a.carousel__btn:hover, .intro-sec a.carousel__btn:focus { color: inherit; }


@media (max-width: 991px) {
    .intro-sec .carousel__item { flex-direction: column; align-items: stretch; }
    .intro-sec .carousel__content-box { margin: 0; }
    .intro-sec .carousel__text { margin-bottom: 30px; }
    .intro-sec .carousel__image { width: 100%; max-width: none; }


    .intro-sec .slick-dots li.slick-active:after { margin-top: 5px; }
    .intro-sec .slick-dots li { margin-right: 15px; margin-left: 0; }
    .intro-sec .slick-dots li:last-child { margin-right: 0; }
}

@media (max-width: 767px) {
    .intro-sec .slick-dots { margin-bottom: 30px; }
    .intro-sec .slick-dots li { font-size: 80% }

    .intro-sec .carousel__content-box { padding: 30px; }
    .intro-sec .carousel__text { height: 100px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
    .intro-sec .carousel_icon img { max-width: 48px; max-height: 48px; }
}



/* ---- Inner pages ---- */
body.FormResultPage { text-align: center; }
body.FormResultPage #text1 a { text-decoration: underline; }

#ContentRegularModule, #ContactModule, #CatalogModule { padding: 0 15px; }
.MainContent { max-width: 610px; margin: 0 auto; }


/* Layout */

#GridPage { padding-top: 65px; padding-bottom: 130px; }
#GridPage .max-width { width: 100%; }
#GridTop.noTopImage.longer { height: 90px; }
.GridBottomGallery .gallery-cubes > div { padding: 10px; }

/* Form Inputs */
.normal-form input, .normal-form textarea { border-radius: 0; border-color: #567760; width: 100%; font-size: 65% !important; padding: 5px 15px; }
.normal-form:after { content: none; }
.normal-form input[type=submit] { background-color: #567760; font-size: 15px; min-width: 128px; max-width: none; width: auto; padding: 0 15px; }
.normal-form-comment { font-size: 14px; }


#contactform { padding: 50px 70px; margin-bottom: 0; border: none; background-color: #f7f7f7; }
#contactform .row { margin: 0; padding: 0 15px; }

#contactview.max-width-center { max-width: 872px; }
#contactview .contact-form-wrap { float: none !important; padding: 0; }

#contactform h3 { margin: 0; }
#contactform .contact-container { width: 100%; height: 100%; }

#contactform .submit-btn > div { width: 100%; }
#contactform .contact-form-submit { text-align: center; margin-bottom: 0; }
#contactform .contact-form-comment { font-size: 14px; margin-bottom: 0; margin-top: 15px; }

label.error, span.error { font-size: 70%; }

@media (max-width: 767px ) {
    #contactform { padding: 50px 15px; }
    #contactform form .row > div { padding-right: 0; padding-left: 0; }
    #contactform.normal-form .must::before { left: 7px; }
}



#DynamicFormObject input[type=submit] { border-radius: 0; width: 100%; font-size: 75%; color: inherit; background: #567760; border-color: transparent; color: #fff; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: transparent; border-color: #567760; color: inherit; }

/* ---- Footer ---- */
footer { padding-top: 0; }
#SiteFooter { background-color: #494d59; float: none; padding-bottom: 0; }
.FooterForm.form-container-wide { float: none; }
.FooterForm.form-container-wide .normal-form input { font-size: 65%; }
.FooterForm .footerFormContainer { background-color: #f7f7f7; padding: 45px 0 50px; }
.FooterForm.form-container-wide #DynamicFormObject { padding: 0; width: 100%; max-width: 945px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; font-size: 175%; padding: 0; margin-bottom: 35px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; margin-bottom: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: auto; flex: 1; float: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; width: auto; max-width: none; flex-basis: 128px; }
#SiteFooter a:hover, #SiteFooter a:focus { color: #a9aebd; }

@media (max-width: 767px) {
    .FooterForm.form-container-wide #DynamicFormObject { max-width: 100% !important; }
}



#SiteFooter { background: #494d59; color: #fff; font-size: 90%; position: relative; float: none; }

#SiteFooter .footer-text-divided { max-width: 1170px; margin: 0 auto; direction: rtl; padding: 60px 15px; position: relative; }


#SiteFooter .footer-text-divided .footer-text-right { width: 100%; position: relative; }
#SiteFooter .footer-text-right p { position: absolute; left: 0; bottom: 0; padding-left: 15px; }
#SiteFooter .footer-text-right img { max-width: 130px; }

#SiteFooter .footer-text-right ul { list-style: none; float: right; margin-bottom: 0; padding: 0; text-align: left; }
#SiteFooter .footer-text-right ul:not(:first-of-type) { padding-right: 100px; }

#SiteFooter .footer-text-right hr { margin-bottom: -40px; }
#SiteFooter .footer-text-right ul li:first-child { margin-bottom: 40px; font-size: 16px; }
#SiteFooter .footer-text-right hr { margin-bottom: -40px; }



#SiteFooter .footer-text-right ul li { font-size: 70%; margin-bottom: 15px; }
#SiteFooter .footer-text-left ul { float: left; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
.site-credit a.AccessabilityLink { float: right; position: static; transform: none; margin: 0 !important; }
.site-credit p { float: left; }




/* Register Page */

/* Locked category */
/*.CurrentCategoryLocked { position: static; transform: none; margin: 0 auto; }*/
.CurrentCategoryLocked h2 { font-size: 200%; }
.CurrentCategoryLocked .registerBtn { background-color: #000; color: #fff; padding: 10px 20px; margin-top: 20px; display: inline-block; transition: 0.35s all; }
.CurrentCategoryLocked .registerBtn:hover { background-color: #567760; color: #fff; }
.CurrentCategoryLocked form.categoryPasswordLogin { margin-bottom: 20px; float: none; }
.CurrentCategoryLocked .disclaimer p { line-height: 1; }
.CurrentCategoryLocked form.categoryPasswordLogin .catUserLogin input[type=password], form.categoryPasswordLogin .catUserLogin input[type=text] { font-size: 85%; padding: 5px 15px; text-transform: capitalize; }
.CurrentCategoryLocked form.categoryPasswordLogin input[type=button] { margin-left: auto; margin-right: auto; text-transform: capitalize; }
.CurrentCategoryLocked form.categoryPasswordLogin input[type=button]:focus, form.categoryPasswordLogin input[type=button]:hover { background: #567760; color: #ffffff; border-color: #567760; }


/* CONTACT PAGE*/
.contact-page .FooterForm.form-container-wide { display: none; }

/* -------------- */
/* ---- Shop ---- */
.ShopCheckoutPage.ShopRelatedPage section#GridTop:not(.noTopImage), .ShopRelatedPage section#GridTop:not(.noTopImage) { margin-bottom: 90px; height: 0 !important; }

/*reset*/
.shopBtn { border-radius: 0; font-size: 100%; background-color: transparent; color: #020202; border-color: #567760; }
.shopBtn:hover, .shopBtn:focus { background-color: #567760; border-color: transparent; color: #fff; }

.deleteCircle { fill: transparent !important; }
.cartItemsNavSubTotal .totalSumItems { font-size: 100%; }


/* CATALOG PRODUCT PAGE*/
.catalogContainer.container { padding: 0; }
.catalogContainer .backBtnWrapper { margin-bottom: 5px; }
.catalogContainer button.backBtn { margin-bottom: 0; }


#CatalogModule .itemContentWrapper.row { padding: 0 15px; }
#CatalogModule .itemContent { text-align: left; }
#CatalogModule .itemContent #headline { text-align: inherit; font-size: 200%; margin-bottom: 15px; }
#CatalogModule .itemContent #subheadline { font-size: 100%; margin-bottom: 15px; }
#CatalogModule .itemContent #subheadline h2 { font-size: inherit; margin-bottom: 0; }

#CatalogModule .itemImages { padding-left: 0; }
#CatalogModule .gallery-slider.large { border: 1px solid #bcbbb3; }
#CatalogModule .gallery-slider.thumbs li.item { width: 120px !important; padding-bottom: 100px; border: 1px solid #bcbbb3; margin-right: 15px; }

#CatalogModule #catalogText { font-size: 75%; }
#CatalogModule #CatalogItemView .item-quantity::after { content: ''; display: table; clear: both; }
#CatalogModule .itemContent #catalogText p { line-height: 1.6; }
/*variations*/
#CatalogModule .item-variations { padding: 20px 0 25px; }

/*quantity*/
#CatalogModule #CatalogItemView .item-quantity { padding: 25px 0 15px; margin: 0; }
#CatalogModule .item-quantity { float: none; width: auto; display: inline-block; }
#CatalogModule .item-quantity button { background-color: #f7f7f7; }
#CatalogModule .item-quantity button.item-plus { border-left: none; border-color: #bcbbb3; }
#CatalogModule .item-quantity button.item-minus { border-right: none; border-color: #bcbbb3; }
#CatalogModule .item-quantity .itemQuantityContainer { border-color: #bcbbb3; }




/*properties*/
.propertyGroupContainer h3 { font-size: 90%; }
.propertyOption.active { border-color: #020202; }

/*actions*/
#CatalogModule .item-actions { border: none; float: none; padding: 15px 0; }
#CatalogModule .item-actions .addToCart { float: none; }
#CatalogItemView .shareBox { display: none; }
button#addToCartBtn { padding: 10px 60px; font-size: 90%; border-color: transparent; background: #567760; color: #fff; }
button#addToCartBtn:hover, button#addToCartBtn:focus { background-color: transparent; color: #020202; border-color: #020202; }


/*catalog fields*/
#CatalogModule #CatalogItemView .catalog-fields { border: none; background: #f7f7f7; margin-top: 90px; }
#CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title { float: left; }
#CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title.active { border-bottom: 2px solid #567760; margin-bottom: -2px; }
#CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { border-bottom: 1px solid #bcbbb3; }
#CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title button { font-size: 90%; }
#CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text.active { padding: 20px 40px; font-size: 75%; }





/* SHOPPING CART */
.cartPage #headline { text-align: left; }
.cartPage .cartItemsTable .cartItemVariation span { font-size: 15px; margin-top: 5px; }


.cartSubTotal .subTotalTitle, .cartItemsTable .cartItemsTitles { background-color: #567760; color: #fff; font-size: 100%; font-weight: normal; }
.cartSubTotal .subTotalTitle h2 { float: none; font-size: inherit; font-weight: normal; line-height: inherit; }
.cartSubTotal, .cartItemsTable .items { background-color: #f7f7f7; }


.cartItemsTable .cartItemPrice.cartItemsCell, .cartItemsTable .cartItemTotal.cartItemsCell { display: none !important; }
.cartItemsTable .cartItem .itemName { margin-right: 0; margin-left: 10px; }
.cartItemsTable .item-quantity { width: auto; }
.cartItemsTable .cartItem .cartItemQ.cartItemsCell { margin-top: 10px; }
.cartSubTotal .subtotal, .cartSubTotal .totalPrice { display: none; }

/* Catalog Category Page */

#CatalogModule .filtersList { display: none; }
#CatalogModule #CatalogCategoryPage #headline { font-size: 200%; }


/*catalog item box*/
.catalogItemBox h3.itemTitle { font-size: 85%; max-width: 100%; }
.catalogItemBox a.item-text, .catalogCategoryBox .catalogCategoryBoxText { text-align: center; }

.catalogItemBox .catalogItemBoxInner { border: 1px solid #BCBBB3; }
.catalogItemBox a.item-image, .catalogCategoryBox a.catalogCategoryBoxImage { padding-bottom: 80%; }

/* ---- Checkout Page ---- */
form#checkout-form { direction: ltr; }
form#checkout-form label { font-size: 80%; font-weight: normal; }
form#checkout-form .checkoutTitle h3 { background-color: #567760; color: #fff; font-size: 100%; font-weight: normal; }
form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border-radius: 0; font-size: 75%; }


/* ---- Collection Page ---- */
body.collections-page { background-color: #f7f7f7; }
.collections-page #GridPage { padding-top: 0; padding-bottom: 0; }
.collections-page .bottom-gallery-sec { margin-bottom: 0; padding-bottom: 100px; padding-top: 50px; background-color: #fff; }
.collections-page .lobby-grid #GridPage .max-width { padding: 0; }
.collections-page #headline { display: none; }
.collections-page .grid-row-section { background-color: #fff; display: none; }

.collections-page .custom-models .section-title { margin-bottom: 35px; }

/*left col*/
.collections-page .left-col .grid-text-content { width: 100%; max-width: 460px; text-align: left; font-size: 75%; }
.collections-page .left-col .grid-text p { margin-top: 0; line-height: 1.6; }
.collections-page .left-col .grid-text img { margin-bottom: 25px; }
.collections-page .left-col span.scroll { margin-top: 125px; display: inline-block; }
.collections-page .left-col span.scroll::before { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #000; vertical-align: middle; margin-right: 15px; }

/*right col*/
.right-col .owl-carousel .owl-item .item { padding: 0; }
.right-col .owl-carousel .owl-item .item .plus-sign { display: none; }
.collections-page .right-col .owl-carousel .owl-stage { height: calc(100vh - 90px ); overflow: hidden; }
.collections-page .right-col .owl-carousel .owl-dots { z-index: 2; bottom: 30px; }
.collections-page .right-col .owl-carousel .owl-item { height: 100%; }
.collections-page .right-col, .collections-page .left-col { width: 50%; display: inline-block; margin-right: -6px; vertical-align: middle; margin-bottom: 0; }
.collections-page .right-col .owl-dot { background-color: transparent; border: 2px solid #fff; }
.collections-page .right-col .owl-dot.active { background-color: #fff; }
.collections-page .custom-models { background-color: #fff; padding: 80px 15px 65px; margin-bottom: 0; display: block; }




/* collections-page - cabinets-sec */
.collections-page .cabinets-sec.grid-content-section { max-width: 100%; background-color: #fff; margin-bottom: 0; padding-bottom: 50px; padding-top: 65px; }
.collections-page #LobbyModule .cabinets-sec.grid-content-section .grid-boxes { max-width: 1274px; padding-top: 0; }
.collections-page #LobbyModule .cabinets-sec.grid-content-section .grid-box { padding-right: 7px; padding-left: 7px; }
.collections-page .cabinets-sec .grid-box-image { padding-bottom: 124%; margin-bottom: 0; }
.collections-page .cabinets-sec .grid-box-opacity-layer { opacity: 0.64; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); height: 130px; position: absolute; bottom: 0; top: auto; }
.collections-page .cabinets-sec .grid-box-image-text { top: auto; bottom: 20px; font-size: 20px; z-index: 2; transform: translateX(-50%); }
.collections-page .cabinets-sec .grid-box-image-text p { font-size: 150%; }
.collections-page .cabinets-sec.grid-content-section .section-title { margin-bottom: 60px; }
.collections-page .cabinets-sec.grid-content-section .grid-boxes .box-image-animation { pointer-events: none; }

/* Collections-page - countertops sec*/
.collections-page .countertops-sec.grid-content-section { max-width: 100%; background-color: #fff; margin-bottom: 0; padding-top: 50px; padding-bottom: 50px; }

.collections-page .countertops-sec.grid-content-section .section-title { margin-bottom: 60px; }
.collections-page #LobbyModule .countertops-sec.grid-content-section .grid-boxes { max-width: 1000px; padding-top: 0; }


.collections-page #LobbyModule .countertops-sec .grid-boxes .grid-box-image { padding-bottom: 64%; margin-bottom: 35px; }
.collections-page #LobbyModule .countertops-sec .grid-boxes .grid-box-title h3 { font-size: 20px; color: #000; }
.collections-page .countertops-sec.grid-content-section .grid-boxes .box-image-animation img { max-width: 80%; margin: 0 auto; }
.collections-page .countertops-sec .grid-boxes .grid-box-title h3 a { color: #020202; pointer-events: none; }
.collections-page .countertops-sec.grid-content-section .grid-boxes .box-image-animation { pointer-events: none; }
.collections-page .countertops-sec.grid-content-section .grid-boxes .box-image-animation:hover img { transform: none; }

/*models custom gallery*/


/*gallery-section*/
.collections-page .section-title h2 { margin-bottom: 12px; }
/*.collections-page .bottom-gallery-sec .owl-carousel .owl-prev:after { background: url('/warehouse/temp/capocaoco/b-arrow-r.svg') no-repeat; width: 30px; height: 23px; background-size: 30px 23px; }
.collections-page .bottom-gallery-sec .owl-carousel .owl-next:after { background: url('/warehouse/temp/capocaoco/b-arrow-l.svg') no-repeat; width: 30px; height: 23px; background-size: 30px 23px; }*/
.collections-page .bottom-gallery-sec .owl-carousel .owl-item .item .plus-sign { display: none; }

@media (min-width: 768px) {
    .collections-page .bottom-gallery-sec .owl-carousel .owl-prev { right: 21%; }
    .collections-page .bottom-gallery-sec .owl-carousel .owl-next { left: 21%; }
    .collections-page .bottom-gallery-sec.grid-gallery-section .owl-carousel .owl-item:not(.center) { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); }
}








/* PLAN YOUR KITCHEN PAGE */
.plan-page .item-properties h3, .plan-page .item-properties textarea { display: inline-block; width: auto; font-size: 75%; margin: 0; vertical-align: middle; }
.plan-page .singleItemSection, .plan-page .itemContent { float: none; padding: 0; }
.plan-page .checkOutContainer .checkoutInputsWrapper { width: 100%; }
.plan-page .checkOutContainer::after { content: ''; display: table; clear: both; }

.plan-page #CatalogItemView { max-width: 1200px; padding-top: 70px; }
.plan-page #subheadline h2 { font-size: 100%; text-align: center; }
.plan-page .itemContent { max-width: 90%; text-align: left; margin: auto; }
.plan-page #headline { text-align: inherit; }
.plan-page #subheadline h2 { text-align: left; }
.plan-page .row { margin: 0; }
.plan-page form#checkout-form .checkoutFormWrapper { background-color: #fff; }
.plan-page .ingredientGroupSelection { display: flex; flex-wrap: wrap; margin-bottom: 100px; overflow: visible; }
.plan-page .ingredientGroupSelection h3 { flex: 1 0 100%; padding: 0 15px; margin: 0 0 15px; }
.plan-page .propertyOption { display: flex; flex-wrap: wrap; width: 33.3333% !important; padding: 15px; margin-right: 0 !important; }
.plan-page .propertyOption.active { border: none; }
.plan-page .propertyOption .propertyIcon { background-color: #fafafa; position: relative; height: 0; padding-bottom: 82.25%; overflow: hidden; width: 100%; flex: 1 0 100%; margin-bottom: 15px; }
.plan-page .propertyOption .propertyIcon img { height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 180px; width: auto; mix-blend-mode: multiply; }
.plan-page .item-properties { flex: 1 0 100%; margin-top: 35px; }
.plan-page .item-properties textarea { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; resize: none; overflow: auto; outline: none; border: none; border-bottom: 1px solid #707070; width: 75%; line-height: 1.5; }
.plan-page form#checkout-form .item-properties .checkoutInputsWrapper { padding: 0 15px; }
.plan-page .item-properties textarea { border-radius: 0; }
.plan-page .ingredientGroupSelection[data-id="972"] .propertyOption,
.plan-page .ingredientGroupSelection[data-id="975"] .propertyOption,
.plan-page .ingredientGroupSelection[data-id='1988'] .propertyOption.hasImg { flex-basis: 25%; width: 25%; }

.plan-page .ingredientGroupSelection[data-id="974"] .propertyOption .propertyIcon, .plan-page .ingredientGroupSelection[data-id="2563"] .propertyOption .propertyIcon { padding-bottom: 110%; }

.plan-page .ingredientGroupSelection[data-id="1988"] .propertyOption .propertyIcon { padding-bottom: 118%; }
.plan-page .ingredientGroupSelection[data-id="974"] .propertyOption .propertyIcon img, .plan-page .ingredientGroupSelection[data-id="1988"] .propertyOption .propertyIcon img, .plan-page .ingredientGroupSelection[data-id="974"] .propertyOption .propertyIcon img, .plan-page .ingredientGroupSelection[data-id="2563"] .propertyOption .propertyIcon img { width: 100%; max-height: none; }


.plan-page form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper { padding: 0; }
.plan-page .checkOutContainer .checkoutInputsWrapper:not(.customInputs) > div { width: 25%; }
.plan-page .checkOutContainer .checkoutInputsWrapper.customInputs { width: 100%; }
.plan-page #checkout-form .normal-form-submit { display: inline-block; float: none; width: auto; padding: 0 15px; }

.plan-page .form-submit { background-color: #567760; font-size: 75%; padding: 10px 15px; min-width: 160px; }

.plan-page form.shop-form input[type=checkbox] { width: 18px; height: 18px; border-color: #567760; }
.plan-page form.shop-form input[type=checkbox]:checked { background: #56775E url(/warehouse/temp/capocaoco/checkbox-v-white.svg) no-repeat; background-size: 10px 12px; background-position: center; border-color: #567760; }
.plan-page form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]):not(textarea) { height: 40px; }

.plan-page form#checkout-form .input-wrap label { display: none; }
.plan-page form#checkout-form .checkoutFormWrapper .checkBoxWrapper label { vertical-align: middle; margin-bottom: 0; font-size: 70%; }
.plan-page .form-submit:hover, .plan-page .form-submit:focus { background-color: transparent; border-color: #567760; color: #000; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; min-height: unset; }

@media(max-width: 767px) {
    .plan-page .ingredientGroupSelection { margin-bottom: 50px; }
    .plan-page .propertyOption { flex: 0 0 50% !important; }
    .plan-page .propertyOption .propertyIcon img { max-height: 80px; width: auto; }

    .plan-page #checkout-form .normal-form-submit { width: 100%; float: none; padding: 0 15px; text-align: center; }
    .plan-page .form-submit { width: 100%; }
    .plan-page .checkOutContainer .checkoutInputsWrapper:not(.customInputs) > div { width: 100%; }
}






@media(min-width: 1025px) {
    #header2 ul.menu li { margin-right: 30px; }
}


@media(min-width: 1100px) and (max-width: 1370px) {
    #header2 ul.menu { font-size: 60%; white-space: nowrap; }
}

@media(max-width: 1024px) {
    #header2.detailsInRow .header-right-section { width: auto; padding: 0; flex: 0 0 auto; }
    #header2 .menu-nav { transform: none; position: static; }
    #header2 .nav-menu-anim { margin-right: 0; }
    #header2 #header-container { justify-content: space-between; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2.headerHasCart #header-left { width: 100%; margin: 0; display: flex; align-items: center; }
    #header2.headerHasCart .cartBtn.navShopBtn.mobile { /* float: right; */ }
    #header2 #header-left a.logoHeader { margin-right: auto; max-width: 150px; }
    #header2.headerHasCart #header-left::after { content: ''; display: table; clear: both; }
    #header2 .social-links { margin-top: 50px; }
    #header2 ul.menu .social-links a svg { fill: #000; }


    #header2 ul.menu { width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #fff; text-align: center; padding-top: 40%; }
    #header2 ul.menu > li { float: none; padding: 10px 0; margin: 0; }
    #header2 ul.menu li a { font-size: 150%; display: inline-block; }
}

@media(max-width: 991px) {
    .mobile-subTotal { background-color: #f7f7f7; padding: 20px 15px; min-height: 0; display: none !important; }
    .shopLayout.checkoutPage .mobile-subTotal a.goToCart { white-space: normal; max-width: none; padding: 0; }

    /* CATALOG PRODUCT PAGE*/
    #CatalogModule .itemImages { padding-right: 0; }

    /* Cart Page / CheckoutPage */
    .ShopCheckoutPage #GridPage { padding-top: 40px; }
    .ShopCheckoutPage .shopLayout #headline { text-align: center; font-size: 150%; }

    .collections-page .right-col, .collections-page .left-col { width: 100%; margin-right: 0; }
    .collections-page .right-col .gallery-container { width: 100%; padding: 0 15px; }
    .collections-page .left-col span.scroll { margin-top: 25px; }

    .collections-page .left-col .grid-text-content { max-width: 660px; }
}




@media (max-width: 768px) {
    #home-gallery .flex-direction-nav a.flex-prev { left: 30px; }
    #home-gallery .flex-direction-nav a.flex-next { right: 30px; }

    /*collection page*/
    .collections-page .right-col .owl-carousel .owl-stage { height: auto; }
}

@media (max-width: 767px) {

    /* layout */
    #GridTop.noTopImage.longer { height: 70px; }

    /* ---- Header ---- */
    #header2 #header-container { height: 70px; }



    #header2 .max-width { padding: 0 15px; }


    /* ---- Home Page ---- */

    /*homepage section*/



    /*home gallery*/
    #home-gallery { margin-bottom: 35px; height: 75vh !important; }
    #home-gallery .scroll-down:before { font-size: 110%; margin: 0 auto 15px; }
    #home-gallery .slider-bg.stellar-bg { background-size: cover; background-position: center; height: 100% !important; min-height: 100%; }

    /*language*/
    #header2.detailsInRow .header-right-section { flex-direction: row-reverse; }
    #header2 .social-links { margin-top: 0; }
    #header2 .languages { display: inline-block !important; right: 0; position: static; margin-left: 0; }
    #header2.headerHasCart .cartBtn.navShopBtn.mobile { margin-right: 0; }
    #header2 .header-top-right a.lang { margin-left: 0; }


    .intro-sec, .collection-sec.grid-content-section, .fav-sec.grid-gallery-section { padding: 35px 0; }
    .intro-sec { padding-left: 15px; padding-right: 15px; }
    .gallery-sec.grid-gallery-section, .features-sec.grid-content-section { padding: 30px 0; }


    /*headlines*/
    .section-title h1, .section-title h2 { font-size: 150%; }
    .fav-sec.grid-gallery-section .section-title h3, .section h3 { font-size: 80%; }
    .features-sec.grid-content-section .section-title h2 { font-size: 120%; line-height: 1.4; }
    .collection-sec.grid-content-section .section-title, .fav-sec.grid-gallery-section .section-title, .features-sec.grid-content-section .section-title { margin-bottom: 30px; }

    /*collection section*/
    .collection-sec.grid-content-section .grid-box { margin-bottom: 0; }
    .collection-sec.grid-content-section .grid-box-title h3 { font-size: 150%; }
    .collection-sec.grid-content-section .grid-boxes .grid-box-image img { height: 50vh; object-fit: cover; }
    .collection-sec.grid-content-section .row { padding: 0 15px; }



    /*features section*/
    .features-sec.grid-content-section .grid-boxes .grid-box { padding: 0 15px; margin-bottom: 50px; }

    .features-sec.grid-content-section .grid-boxes .grid-box-title h3 { font-size: 75%; margin-top: 0; }
    .features-sec.grid-content-section .grid-boxes .grid-box-fulltext { font-size: 60%; }
    .features-sec.grid-content-section .grid-boxes .grid-box-title { margin-bottom: 10px; }

    /* gallery section */

    .gallery-sec.grid-gallery-section .gallery-container { width: 100%; padding: 0 15px; }
    .gallery-sec.grid-gallery-section .gallery-slider.flexslider .slides li { padding-bottom: 62.5%; }
    .gallery-sec.grid-gallery-section .gallery-slider.flexslider .slides li img { height: 100%; object-fit: cover; }
    .gallery-sec.grid-gallery-section .gallery-slider.flexslider .flex-next, .gallery-slider.flexslider:hover .flex-next { right: 25px; }
    .gallery-sec.grid-gallery-section .gallery-slider.flexslider .flex-prev, .gallery-slider.flexslider:hover .flex-prev { left: 25px; }

    /*fav section*/
    .fav-sec.grid-gallery-section .owl-carousel .photoTextWrapper { left: 28%; }

    /* ---- Footer ---- */
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { flex-basis: auto; }
    .FooterForm.form-container-wide .normal-form input { font-size: 70% !important; }

    #SiteFooter .footer-text-divided .footer-text-right { display: block; padding: 0; }
    #SiteFooter .footer-text-right p { padding-left: 0; top: 0; bottom: auto; }
    #SiteFooter .footer-text-right img { max-width: 80px; }
    #SiteFooter .footer-text-right ul { float: none; margin-bottom: 50px; text-align: center; width: 100%; }
    #SiteFooter .footer-text-right ul { float: none; text-align: left; width: 55%; }
    #SiteFooter .footer-text-right hr { display: none; }
    #SiteFooter .footer-text-right ul:not(:first-of-type) { padding-right: 0; }
    #SiteFooter .footer-text-right ul li { margin-bottom: 10px; }
    #SiteFooter .footer-text-right ul li:first-child { border-bottom: 1px solid; margin-bottom: 10px; padding-bottom: 10px; }





    /* ---- INNER PAGES ---- */

    /* Layout */

    #GridPage { padding-top: 70px; padding-bottom: 100px; }
    .GridBottomGallery .gallery-cubes > div { padding: 5px; }


    /* Locked category */
    .CurrentCategoryLocked h2 { font-size: 125%; }
    .CurrentCategoryLocked { width: 100%; padding: 0 15px; }
    .CurrentCategoryLocked .registerBtn { font-size: 80%; }

    form.categoryPasswordLogin input[type="password"], form.categoryPasswordLogin input[type="button"] { border-radius: 0; box-shadow: none; }


    /* ---- SHOP ---- */

    .ShopCheckoutPage.ShopRelatedPage section#GridTop:not(.noTopImage), .ShopRelatedPage section#GridTop:not(.noTopImage) { margin-bottom: 60px; }
    .ShopCheckoutPage .checkoutBtnMobile .shopBtn { direction: ltr; }



    /*product page*/
    .CatalogItemPage #GridPage { padding-top: 45px; }
    .CatalogItemPage #CatalogModule .itemContent #headline { font-size: 150%; }
    .CatalogItemPage #CatalogModule .itemContent #subheadline { font-size: 80%; }

    #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title button { font-size: 80%; }
    #CatalogModule .gallery-slider .flex-control-paging li a { background-color: transparent; border: 2px solid #3d3030; }
    #CatalogModule .gallery-slider .flex-control-paging li a.flex-active { background: #000; }
    #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 343px; }


    #CatalogModule #CatalogItemView .item-quantity { padding-top: 10px; padding-bottom: 5px; }
    #CatalogModule .item-variations { padding-top: 10px; padding-bottom: 10px; }
    #CatalogModule .item-makat { margin-bottom: 10px; }
    .propertyGroupContainer h3 { margin-top: 5px; }

    /* ---- Collection Page ---- */
    /*right col*/
    .collections-page .right-col, .collections-page .left-col { width: 100%; margin-right: 0; }
    .collections-page .right-col .gallery-container { width: 100%; padding: 0 15px; }
    .collections-page .left-col span.scroll { margin-top: 25px; }


    .collections-page .custom-models { padding: 40px 15px 30px; }
    .collections-page .bottom-gallery-sec { padding-top: 30px; }
    .collections-page .bottom-gallery-sec { padding-bottom: 35px; }


    /*collection-page cabinets sec*/
    .collections-page .cabinets-sec .grid-box-image-text p { font-size: 120%; }
    .collections-page .cabinets-sec.grid-content-section { padding-top: 30px; padding-bottom: 0; }



    /*collections-page countertops-sec*/
    .collections-page .countertops-sec.grid-content-section { padding: 30px 0 0; }
    .collections-page #LobbyModule .countertops-sec .grid-box { width: 50%; }
    .collections-page .countertops-sec.grid-content-section .grid-boxes .box-image-animation img { max-width: 100%; }
    .collections-page #LobbyModule .countertops-sec .grid-boxes .grid-box-title h3 { font-size: 16px; }
    .collections-page #LobbyModule .countertops-sec .grid-boxes .grid-box-image { margin-bottom: 20px; }
    /* ---- Checkout Page ---- */
    form#checkout-form .checkoutTitle h3 { font-size: 85%; }
    form#checkout-form label { font-size: 75%; }

    .normal-form input[type=submit] { width: 100%; }
}

/*password*/
.page-12526:not(.user-connected), .page-14309:not(.user-connected) { overflow: hidden; }
.page-12526 #text2 ul li:before, .page-14309 #text2 ul li:before { display: none; }
.page-12526 #text2 ul > li > a::before { content: ''; display: inline-block; width: 16px; height: 20px; background-image: url(../../../warehouse/temp/capocaoco/document-icon.svg); margin-right: 6px; background-size: cover; }
.page-12526 #text2 ul > li { direction: ltr; line-height: 2.6; }
form.categoryPasswordLogin label.password-label { left: 50%; top: -27%; font-size: 80%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

@media(min-width:1024px) {
    .page-12526 #text2 { display: flex; justify-content: center; text-align: left; }
    .page-12526 ul:nth-child(2) { margin-right: 60px; }
}

@media( max-width: 767px) {
    .page-12526 #text2 { text-align: left; }
    form.categoryPasswordLogin label.password-label { top: -20%; }
    .page-12526 ul { margin-bottom: 0; }
    #headline h1 { text-align: left; }
    .page-12526 #text2 ul > li > a::before { width: 22px; height: 28px; }
}
