/* ==========================================================================
   Base
   ========================================================================== */
html.js {
margin-top: 0px !important;
}
html, body {font-size: 14px; box-sizing: border-box; width: 100%; overflow-x:hidden;height: 100%; font-family: 'AvenirNext', sans-serif; }
body { overflow-y: scroll; /* has to be scroll, not auto */  -webkit-overflow-scrolling: touch;  }
.holder { min-height: 100%; position:relative; } 
.wrap {padding-bottom: 150px;}
a.button, a.button:visited {background-color: #cd1a6f; color: #fff; text-align: center; display: block; max-width: 380px; padding: 15px 20px; float: left;}
a.button:hover { color: #fff; background-color: #ba1864; }
button {background-color: #cd1a6f; color: #fff; text-align: center; display: block; max-width: 150px; padding: 15px 0;}
.left-nopadding {padding-left: 0;}
.right-nopadding {padding-right: 0;}
.main {padding-top: 61px;}

.clearfix:after { content:""; display:table; clear:both; }

h1 {font-family: 'AvenirNext', sans-serif; font-size: 2.35em; font-weight: 700; margin-bottom: 25px;}
h2 {font-family: 'AvenirNext'; font-size: 1.42em; font-weight: 700; margin-top: 0; }
a, a:visited {color:#cd1a6f; transition: all 0.2s ease;}
a:hover { color: #a6165a; text-decoration: none; }

.city a, .city a:visited, footer a, footer a:visited, .cart-button-container > a, .cart-button-container > a:visited { color:#656565; }
.city a:hover, footer a:hover, .cart-button-container > a:hover { color: #cd1a6f; }

.slider .slide .svgs img.svgoverlay {width: 100%;position: absolute;bottom: 0px;height: 55%;}

.mobile-logo { display: none; }

input, textarea { border-radius: 0px !important; }

th.product-thumbnail, td.product-thumbnail { display: none !important; }


/* ==========================================================================
   Sharing Template
   ========================================================================== */

.page-template-template-share-php header, .page-template-template-share-php footer { display: none; }
.page-template-template-share-php .holder .container-slider { height:100vh; }
.page-template-template-share-php .button { position: fixed; top: 0px; left: 0px; font-size: 22px; }
/* ==========================================================================
   Sharing section
   ========================================================================== */
.share-container {  }

.fb-button, .twitter-button, .mail-button, .fb-button:visited, .twitter-button:visited, .mail-button:visited, .fb-button:focus, .twitter-button:focus, .mail-button:focus { font-size: 30px; color: #656565; text-decoration: none; }
.fb-button:hover, .twitter-button:hover, .mail-button:hover { color: black; }
.fb-button {  }
.twitter-button {  }
.mail-button { font-size: 32.5px !important; }

/* ==========================================================================
   Header
   ========================================================================== */
   
header.navbar-default {background-color: #fff;margin-bottom: 0;border: none; min-height: 150px;-moz-box-shadow: 0 2px 5px rgba(33,31,27,.2); -webkit-box-shadow: 0 2px 5px rgba(33,31,27,.2); box-shadow: 0 2px 5px rgba(33,31,27,.2);}
.page-template-template-home-php header.navbar-default { box-shadow: none; }
header > .container { position: relative; }

/* Search Form */
header .search-form {width: 118px; float: right; margin-top:18px;}
header input.search-field.form-control { width: 100px; padding: 0px; height: 20px; text-transform: uppercase; font-size: 11px; }
header .search-field {border:none; border-bottom: 1px solid #a8a8a8; font-size: 0.8em; box-shadow: none; border-radius: 0;}
header .search-field:focus {outline: none; box-shadow: none;border-bottom: 1px solid #c6c6c6;}
header .search-submit { width: 10px; text-indent: 9999px; background-image: url(/assets/img/search.png); background-size: 11px; background-position: 5px 5px; background-repeat: no-repeat; border: none; }
header .btn-default:hover, header .btn-default:active {background-color: transparent; outline: none;}

/* CART */

.cart-button-container { float: right; margin-top: 90px; width: 170px; text-align: right; }
.cart-button-container > a { text-transform: uppercase; font-size: 11px; vertical-align: baseline; }
.cart-button-container > a > span.amount { font-size: 18px; margin-right: 5px; background-color: #656565; border-radius: 50%; padding: 2px 7px; color: white; top: 2px; position: relative; }
.cart-button-container > a > svg#Layer_1 { height: 25px;  width: 20px; position: relative; top: 6.5px; }

/* RADIOBUTTONS CART */
.woocommerce ul#shipping_method li, .woocommerce-page ul#shipping_method li {margin: 0;padding: 0px;text-indent: 0;list-style: none;width: 100%;}
input[name="shipping_method[0]"] { float: left; }
label[for=shipping_method_0_flat_rate], label[for=shipping_method_0_local_delivery] {padding-left: 0px;width: calc(100% - 30px);text-align: left;padding-left: 10px;}
/* ==========================================================================
   Navigation
   ========================================================================== */ 

.navbar-collapse {float: left;}
#menu-primary-navigation {height: 150px; width: auto;margin-left: -235px; left: 50%; position: absolute;} 

#menu-primary-navigation .menu-logo{background-image: url(/assets/img/logo.png); background-repeat:no-repeat; width: 188px; text-indent: 9999px;margin-left:45px; margin-right: 45px;}
#menu-primary-navigation .menu-logo a {display: block; height: 100%; width: 100%;}
#menu-primary-navigation li {margin-top: 46px;}
#menu-primary-navigation li a:hover {background-color: transparent;}
#menu-primary-navigation .open a{background-color: transparent;}
#menu-primary-navigation li a {display: block; height: 80px;padding-top: 49px; text-transform: uppercase;}
#menu-primary-navigation li.active a{background-color: transparent;}


/* ==========================================================================
   Image Content Template
   ========================================================================== */

.page-template-template-content-image-php .container-slider > .slider, .single-product .container-slider > .slider { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

.page-template-template-content-image-php .slider-infobox { position: absolute; width: 800px; left: 50%; margin-left: -400px; padding: 0px 33px 0px; max-height: calc(50vh - 120px); overflow: auto; border-bottom: 33px solid white; border-top: 33px solid white; z-index: 0; }

.page-template-template-content-image-php footer.content-info { bottom: 0px; border: none; }

.page-template-template-content-image-php .container-slider { width: 100%; overflow: hidden; max-height: none; height: 80%; height:  calc(100vh - 150px - 60px); position: relative; min-height: 0px; }

/* ==========================================================================
   Share Image Template
   ========================================================================== */

.page-template-template-share-php .container-slider > .slider { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

.page-template-template-share-php .slider-infobox { position: absolute; width: 800px; left: 50%; margin-left: -400px; padding: 0px 33px 0px; max-height: calc(50vh - 120px); overflow: auto; border-bottom: 33px solid white; border-top: 33px solid white; z-index: 0; }

.page-template-template-share-php footer.content-info { bottom: 0px; border: none; }

.page-template-template-share-php .container-slider { width: 100%; overflow: hidden; max-height: none; height: 80%; height:  calc(100vh - 150px - 60px); position: relative; min-height: 0px; }


/* ==========================================================================
   Woocommerce Notification
   ========================================================================== */
	
.woocommerce-notifications-container { position: fixed; top: 32px; left: 32px; z-index: 99999; }
.woocommerce-notifications-container > .woocommerce-message { border: 1px solid #8fae1b; background-color: rgba(143, 174, 28, 0.64); color: white; padding: 30px 40px; }

/* ==========================================================================
   Slider
   ========================================================================== */
/* SLIDER BASE */

.container-slider {width: 100%; overflow: hidden; max-height: none; height: 80%; height: calc(100vh - 150px); position: relative; min-height: 600px;  }

ul.slider {list-style-type: none; padding: 0; width: 99999px; position: relative; left: 0%; height: 100%;   }  
ul.slider .slide {float:left; display: inline-block; max-width: none; width: 100vw;position: relative; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
ul.slider .slide img{max-width:none; width: 100vw;height: auto;}

/* SLIDER BUTTON */
.slider-left {height: 90px; width: 40px; background-color: rgba(255,255,255,0.75); display: block; position: absolute; z-index: 1; top:50%; margin-top: -45px; transition: all 0.2s ease; background-image: url(/assets/img/arrowleft.png); background-size: 32%; background-position: 12px center; background-repeat: no-repeat; }

.slider-right {height: 90px; width: 40px; background-color: rgba(255,255,255,0.75); display: block; position: absolute; z-index: 1; top:50%; margin-top: -45px; right: 0; transition: all 0.2s ease; background-image: url(/assets/img/arrowright.png); background-size: 32%; background-position: 20px center; background-repeat: no-repeat; }
.slider-left:hover, .slider-right:hover {cursor: pointer; background-color: white;}

/* SETTINGS */

.settings-container { width: 443px; position: absolute; top: 25px; right: 25px; z-index: 1000; }

/* CITIES */

.cities-container { height: 42px; border-bottom: 4px solid white; }

ul.cities { padding-bottom: 1.2em; display: block; padding: 0px; }
ul.cities li {list-style-type: none; float: left; font-weight: 700; width: 110px; height: 42px; margin-right: 1px; }
ul.cities li:last-child { margin-right: 0px; }
ul.cities li a { font-size: 21px; font-weight: bold; background-color: #ffffff; opacity: 0.9; transition: all 0.2s ease; width: 100%; display: block; height: 100%; cursor: pointer; text-align: center; padding: 7px 0px; } 
ul.cities li a.activecity, ul.cities li a:hover { opacity: 1; color: #656565; }

/* CT COLORPICKER */

.settings-container .ct-colorpicker { width: 100%; display: none; }

.settings-container .ct-colorpicker > .ct-colorbutton { float: left; margin-right: 1px; cursor: pointer; transition: all 0.2s ease; height: 30px; width: 54.5px; box-shadow: inset 0px 3px 8px 1px rgba(0,  0,  0, 0.34); transition: all 0.2s ease; }
.settings-container .ct-colorpicker > .ct-colorbutton:last-child { margin-right: 0px; }
.settings-container .ct-colorpicker > .ct-colorbutton.ct-checked, .settings-container .ct-colorpicker > .ct-colorbutton:hover { border-color: black; height: 36px; box-shadow: none; }

.scroll { position: absolute; bottom: 0; background-color: #fff; left: 50%; width: 580px; height: 65px; margin-left: -290px; z-index: 1001; -moz-box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); -webkit-box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); }
.scroll p {text-align: center; margin: 20px 0px; font-size: 17px; color: #656464;} 

/* SLIDER INFOBOX */
.slider-infobox { position: absolute; width: 580px; left: 50%; margin-left: -290px; bottom: 0px; background: white; height: auto; padding: 35px 30px; z-index: 1001; -moz-box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); -webkit-box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); padding: 28px 33px; }

.slider-infobox h1 { font-size: 20px; margin: 0px; line-height: 20px; margin-bottom: 12px; }
.slider-infobox .info-price {color: #000; font-size: 15px; font-weight: bold; display: block; }
.slider-infobox .info-price.sale { text-decoration: line-through; }
.slider-infobox .sale-price { float: right; padding-right: 34px; }
.slider-infobox .single_add_to_cart_button, .woocommerce div.product form.cart .button {background:none; width: 150px; margin-top: 13px; height: 40px;background-color: #cd196f;font-weight: bold;border: none;outline: none;font-size: 14px;padding: 11px;text-shadow: none;position: absolute;bottom: 28px;}

.woocommerce-page button.button:active {top: auto;}

.slider-info-left { width: 183px; float: left; }

.slider-info-right { width: 331px; float: left; }

.slider-info-right p { margin: 0px; }

.slider-info-right .slider-info-images { margin-top: 10px; }
.slider-info-right .slider-info-images .slider-info-image { float: left; width: 62px; height: 41px; margin-right: 1px; cursor: pointer; background-position: center center; background-size: cover; background-repeat: no-repeat; }

/* SLIDER IMG OVERLAY */
.img-overlay { background-color: #8d8d8d; display: none; }
.img-overlay, .img-overlay-content { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1000;}

/* SLIDER SHADOW */
.slidershadow { -moz-box-shadow: inset  0  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868; -webkit-box-shadow: inset  0  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868; box-shadow: inset 0px 8px 8px -8px #696868, inset  0 -8px 8px -8px #696868; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
/* ==========================================================================
   Cart
   ========================================================================== */

table.shop_table.cart { border-radius: 0px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 73%; text-align: right; }

.woocommerce .checkout-button.alt.button, .woocommerce-page a.button, #place_order {background: none; background-color: #cd1a6f; color: #fff; text-align: center; padding: 15px 25px; font-weight: 700; border-radius: 0px; outline: none; border: none; text-shadow: none; transition: all 0.2s ease; } 

.woocommerce .checkout-button.alt.button:hover, #place_order:hover {background: none; background-color: #a6165a;}

.woocommerce .button[name=update_cart], .woocommerce .button[name=apply_coupon] { background: none; background-color: #777; color: #fff; text-align: center; padding: 15px 25px;font-weight: 700; border-radius: 0px;
outline: none; border: none; text-shadow: none; transition: all 0.2s ease; }

.woocommerce .button[name=update_cart]:hover, .woocommerce .button[name=apply_coupon]:hover { background: none; background-color: #5f5f5f; }
input#coupon_code { height: 44px; width: 150px; padding: 7px 20px 5px; border-radius: 0px !important; }

/* NOTIFICATION */
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { border-radius: 0px; background: none; box-shadow: none; border: 1px solid rgba(0,0,0,.1); padding-left: 80px !important; }
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before { height: 100%; border-radius: 0px; width: 40px; left: 0px; }
.woocommerce-message a.button.wc-forward {display: none;}


/* CHECKOUT */

label.checkbox[for=terms] { text-align: left; }

p.form-row.terms { float: left; }

div#payment, .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .woocommerce-checkout .form-row .chosen-container-single .chosen-single, .woocommerce-checkout .form-row .chosen-container .chosen-drop { border-radius: 0px; }

.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { float: left; width: 100%; }

label[for=ship-to-different-address-checkbox] { width: calc(100% - 20px); padding: 0px; margin: 0px; float: right; font-size: 25px; text-align: left; padding-left: 10px; }
#ship-to-different-address-checkbox { float: left; width: 20px; }
.woocommerce .checkout .col-2 h3#ship-to-different-address, .woocommerce-page .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; width: 100%; }


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { border-radius: 0; font-size: 1em; outline: none; padding: 15px; }

/* ==========================================================================
   Normal Content
   ========================================================================== */
.page-template-template-home-php .wrap {  width: 100%; position: relative; }
.page-template-template-home-php .wrap > .content { width: 1170px; margin: 0px auto; padding: 0px 15px; }

/* ==========================================================================
   Archive Products
   ========================================================================== */

.post-type-archive-product .product_title.entry-title { display: none; }
.post-type-archive-product .product .ct-colorpicker { display: none; }
.post-type-archive-product .products > .ct-colorpicker { margin-bottom: 30px; }

.woocommerce-page .quantity { float: left; }

.post-type-archive-product .product_meta { display: none; }

.page-header {border-bottom: none;}
/* ==========================================================================
   Home
   ========================================================================== */

.page-template-template-home-php .main {padding-left: 0; padding-top: 0;}

.page-template-template-home-php .stock { display: none; }

.page-template-template-home-php .quantity.buttons_added { display: none; }

.price { font-size: 21px; font-weight: bold; }

#color-picker {display: block;}

.page-template-template-home-php .home-row { margin-top: 96px; position: relative; margin-left: 0px; margin-right: 0px; }
.page-template-template-home-php .home-row .left-nopadding { height: 100%; position: absolute; padding-right: 30px; }
.page-template-template-home-php .home-row .right-nopadding { margin-left: 33.33333333333333%; position: relative; padding-left: 30px; }

.page-template-template-home-php .home-row .left-nopadding > img { position: absolute; bottom: 5px; right: 30px; }

/* ==========================================================================
   Kontakt
   ========================================================================== */
.with_frm_style label.frm_primary_label, .with_frm_style.frm_login_form label {font-family: 'AvenirNext', sans-serif; font-weight: 400;}
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style select, .with_frm_style textarea {border-radius:0; font-size: 1em; outline:none; padding: 15px;}
.with_frm_style .form-field input:focus, .with_frm_style select:focus, .with_frm_style textarea:focus, .with_frm_style .frm_focus_field input[type=text], .with_frm_style .frm_focus_field input[type=password], .with_frm_style .frm_focus_field input[type=email], .with_frm_style .frm_focus_field input[type=number], .with_frm_style .frm_focus_field input[type=url], .with_frm_style .frm_focus_field input[type=tel] {outline:none; border:1px solid #ccc !important; box-shadow: none;}
.with_frm_style input:focus {outline: none;}
.with_frm_style .frm_submit input[type=submit] {background-color: #cd1a6f; color: #fff; text-align: center; display: block; width: 150px; padding: 15px 0; border-radius: 0; font-family: 'AvenirNext', sans-serif;}
.with_frm_style .frm_submit input[type=submit]:hover {background-color: #a6165a; }
.with_frm_style .frm_top_container label.frm_primary_label {font-size: 1em; line-height: 1.8em;}

.frm_forms .frm_form_fields .frm_top_container {min-height: 75px;}

/* ==========================================================================
   Shop
   ========================================================================== */   
.woocommerce ul.products li.product {width: 100%;}
.woocommerce ul.products li.product>div.col-md-8 {padding-bottom: 50px;}
.woocommerce ul.products li.product img {height: 341px !important; width: auto;}

.woocommerce .woocommerce-ordering {display: none;}


/* The Products */
.woocommerce ul.products li.product .overlay {position: absolute; background-color: rgba(0,0,0,0.0); width:100%; height: 341px; transition:300ms background-color ease-in-out;}
.woocommerce ul.products li.product .overlay:hover {background-color: rgba(0,0,0,0.7);}

.woocommerce-page a.added_to_cart {display: none;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {display: none;}
.woocommerce .add_to_cart_button, .woocommerce-page a.button {background:none;background-color: #cd1a6f; color: #fff; text-align: center; display: block;  padding: 15px 0; font-weight: 700;transition: all 0.2s ease; }

.woocommerce-page a.button:hover {background: none; background-color: #a6165a;}


/* SINGLE */

.single-product-img { width: 100%; overflow: hidden; max-height: none; height: 80%; height: calc(100vh - 150px); position: relative; min-height: 600px;  }
.single-product .woocommerce-tabs, .single-product .products.related, .single-product .product_meta { display: none; }
.single-product img.attachment-full.wp-post-image { margin-bottom: 30px; width: 100%; }


body.single.single-product { height: 100vh; overflow: hidden; }
.single-product .wrap { width: 100%; position: relative; z-index: 1000; padding-top: 60px; }
.single-product .wrap > .content { width: 1170px; margin: 0px auto; background-color: white; position: relative; box-shadow: 0 0px 5px 2px rgba(33,31,27,.2); top: -35vh; height: 35vh; overflow: auto; padding: 40px 30px; }
.single-product .wrap > .content > .main { padding-top: 0px; padding-bottom: 40px; }


/* ==========================================================================
   Footer
   ========================================================================== */
footer.content-info { position: absolute; right: 0; left: 0; bottom: 0; width: 100%; background-color: #fff; border-top: 1px solid rgba(33,31,27,.2); padding: 15px 0;}
footer.content-info img, footer.content-info p {float: left;}
footer.content-info img {padding:4px 0 0 7px;}
footer.content-info ul { width: 100%; display: block; height: auto; padding: 0; }
footer.content-info ul li {float: left; list-style-type: none; border-right:1px solid #b3b3b3; padding: 5px 15px;}
footer.content-info ul li:last-child {border: 0;}

footer.content-info .col-sm-4.left-nopadding { top: 5px; position: relative; }