/* ================= */
/* === IMPORT ====== */
/* ================= */
@import url("jquery-ui/jquery-ui.css");
@import url("../../admin/template/css/variables.php");
@import url("../../admin/template/css/lightbox.css");
@import url("../../admin/template/css/input.css");
@import url("slider.css");
@import url("mobile.css");
/* ================= */
/* === FONT ======== */
/* ================= */
@import url("fonts.css");
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700');
/* ================= */
/* === CONTENT ===== */
/* ================= */
.ui-button::selection, .ui-button ::selection {background:transparent;}
.ui-button::-moz-selection, .ui-button ::-moz-selection {background:transparent;}
.ui-button {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
* {resize:none;outline-width:0;}
::-webkit-input-placeholder {font-style:italic;}
:-moz-placeholder {font-style:italic;}
::-moz-placeholder {font-style:italic;}
:-ms-input-placeholder {font-style:italic;}
/* == */
input, textarea {text-overflow:ellipsis;font-family: 'Josefin Sans', sans-serif;}
html, body, form {margin:0px;padding:0px;}
html {overflow-y:scroll;height:100%;}
img {border:0px;}
body {height:100%;font-family: 'Playfair Display', serif;font-size: 1em;line-height:1.1em;font-weight:normal;color:#413731;background:#f8f6f5;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
/* == */
a  {font-weight:normal;text-decoration:none;color:#3a3a3a;}
a:hover {text-decoration:none;color:#3a3a3a;}
/* == */
h1, h2, h3, h4 {color:#413731;font-weight:normal;margin:0px;padding:0px;}
h1 {font-size:35px;line-height:1em;}
h2 {font-size:1.3em;line-height:1em;}
h3 {font-size:23px;line-height:1em;}
h4 {font-size:1em;line-height:1em;}


/*======================*/
/*=====JQUERY UI FIX====*/
/*======================*/
.ui-datepicker-multi-2 {width:auto !important;border:0px;padding:0px;}
.ui-datepicker-multi-2 .ui-datepicker-calendar td a {display:block;padding:3px;text-align:center;text-decoration:none;}
.cms-calendar-highlight .ui-state-default {color:#FFFFFF;background:#000000;}
/*======================*/
/*== TIMEPICKER      ===*/
/*======================*/
.ui-timepicker-div .ui-widget-header {margin-bottom:8px;}
.ui-timepicker-div dl {text-align:left;}
.ui-timepicker-div dl dt {height:25px;margin-bottom:-25px;}
.ui-timepicker-div dl dd {margin:0px 10px 10px 65px;}
.ui-timepicker-div td {font-size:90%;}
.ui-tpicker-grid-label {background:none;border:none;margin:0;padding:0;}
.ui-timepicker-rtl {direction:rtl;}
.ui-timepicker-rtl dl {text-align:right;}
.ui-timepicker-rtl dl dd {margin:0px 65px 10px 10px;}

/********* MAIN *************/

.mainWrapper { padding: 25px;padding-bottom: 0px;}
.mainWrapper.second {padding-top: 0px;}
.pageCenter {width: 100%;max-width: 1170px;margin: 0 auto;}
.wrapperCenter {width: 95%;max-width: 1420px; margin:0 auto;padding-bottom: 50px;} /* padding-bottom - arhiivi pärast*/
.flexHolder {display: flex;flex-wrap: wrap;align-items: center;width: auto;justify-content: center;flex-direction: row;margin-top: 60px;padding-bottom: 50px;}
.flexHolder.onlyspace {justify-content: space-between;}
.flexHolder.space {justify-content: space-between;margin-top: 0;}

.customHr {position: relative;width: 100%;height: 2px;border-bottom: 1px solid #dad9d8;margin-top: 50px;}
.customHr > .hrLink {position: absolute;right: 0px;top: -6px;background: white;}
.customHr > .hrLink > a {font-size: 17px;font-style: italic;color: #413731;padding-left: 20px;}
.customHr > .hrLink > a:hover {color: #76675c;}

.mask {visibility: hidden;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 15000000;top: 0px;left: 0px;opacity: 0;transition: 0.9s;}
.mask.show {visibility: visible;opacity: 0.6;transition: 0.9s;}
.white {background: white;}

.customInput {height: 45px;border:1px solid #c8b5a9;width: 100%;padding-left: 10px;border-radius: 0;box-shadow: unset;background-color: white;-webkit-appearance: none;}
.holdInputLeft {float:left;width: 330px;margin-right: 30px;}

/********* HEADER ***********/

.headerWrapper {width: 100%;height: 140px;}
.headerWrapper > div > ul {position: relative;list-style: none;padding-top: 70px;z-index: 15000001;}
.headerWrapper > div > ul > li {float: left;margin:0 45px;padding-bottom: 15px;}
.headerWrapper > div > ul > li.active {background: url('../img/web/dot.png') bottom center no-repeat;}
.headerWrapper > div > ul > li:last-child {margin-left: 370px;}
.headerWrapper > div > ul > li:first-child {margin-left: 0px;}
.headerWrapper > div > ul > li > a {text-decoration: none;font-size: 19px;}
.headerWrapper > div > ul > li > a:hover {color: #707070;}
.headerWrapper > div > ul > li > .hoverTrigger > ul {padding-left: 30px;padding-bottom: 20px;padding-top: 20px;background: #f8f6f5;list-style: none;min-width: 200px;}
.headerWrapper > div > ul > li:hover > .hoverTrigger {display: block;z-index: 15000001;}
.headerWrapper > div > ul > li > .hoverTrigger {display: none;z-index: 15000001;}
.headerWrapper > div > ul > li > .hoverTrigger > ul > li {padding: 10px 20px;}
.headerWrapper > div > ul > li > .hoverTrigger { position: absolute;padding-top: 30px;}
.headerWrapper > div > ul > li > .hoverTrigger > ul > li > a:hover {color: #dcdcdc;}
.headerWrapper > div > ul > li > .hoverTrigger > ul > li > .hoverTrigger {display: none;}

.logoHolder {width: 228px;height: 125px;position: absolute;left: calc(50% - 114px)}
.logoHolder > a > img {width: 100%;}
.languageHolder {float: right;margin-top: -15px;}
.languageHolder > a {font-size: 17px;font-weight: 500;}

.instaIcon {float:right;margin-top: -15px;margin-right: 75px;width: 22px;height: 22px;}
.instaIcon > img {width: 100%;}
.faceIcon {float:right;margin-top: -15px;margin-right: 35px;width: 10px;height: 21px;}
.faceIcon > img {width: 100%;}
.instaIcon > img {width: 100%;}

.cartIcon {float: right;position: relative;margin-top: -20px;margin-right: 35px;width:25px; height: 27px;background: url('../img/web/ostukorv.svg') no-repeat;background-size: contain;
            cursor: pointer;}
.cartIcon > .hoverTrigger {display: none;position: absolute;z-index: 15000001;padding-top: 50px;left: -120px;}
.cartIcon > .hoverTrigger.disabled:hover {display: none;cursor: default;}
.cartIcon:hover > .hoverTrigger {display: block;}
.cartIcon > .hoverTrigger > .cartHoverBox {width: 350px;min-height: 100px;background: #f8f6f5;min-width: 200px;}
.cartIcon > .hoverTrigger > .cartHoverBox.empty {width: 200px;}
.cartIcon > .hoverTrigger > .cartHoverBox > .cartBoxContent {padding: 20px;padding-top: 30px;padding-bottom: 10px;}
.cartHoverOneProduct {border-top: 1px solid #dad9d8;padding-top: 20px;}
.cartHoverOneProduct.first {border: none;padding-top: 5px;padding-bottom: 15px;}
.cartHoverOneProduct > .imageHolder {float: left;width: 70px; height: 63px;}
.cartHoverOneProduct > .imageHolder > img {width: 100%;}
.cartHoverOneProduct > div > h2 {float: left;font-size: 16px;color: #413731;padding-top: 10px;width: 160px;overflow: hidden;max-height: 35px;line-height: 17px;}
.cartHoverOneProduct > .boxInfoHolder {float: left;width: 160px;}
.cartHoverOneProduct > div > .imageHolder {width: 70px;margin-right:5px;}
.cartHoverOneProduct > div > .imageHolder > a > img {width: 100%;}
.removeLink {font-size: 12px;font-family: 'Josefin Sans', sans-serif;color: #c8b5a9;text-decoration: underline;}
.removeLink:hover {color: #9d8b81;}
.inBoxPrice {float: right;color: #b09788;font-size: 22px;width:50px;padding-top: 18px;padding-right: 15px;}
.hoverBoxBtn {width:95%;height: 50px;background: #413731;text-align: center;line-height: 50px;margin:0 auto;color: #f8f6f5;font-size: 16px;}
.hoverBoxBtn:hover {background: #5e544e;color: #e3e1e0;}
.nothingInCart {width: 100%;text-align: center;line-height:50px;color: red;font-size: 14px;font-family: 'Josefin Sans', sans-serif;}

/******** MAINPAGE **********/

.mainpageBanner {position: relative;background-image: url('../img/web/main_bg_pic.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;height: 80vh;justify-content: center;}
.mouseAnimation {align-self: flex-end;width: 50px;height: 120px;background-image: url('../img/web/hiir.svg');background-repeat: no-repeat;display: inline-block;animation-name: hiir;animation-duration: 0.5s;
    animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-out;transition: all 0.2s ease-in-out;position: absolute;bottom: 0px;left: calc(50% - 25px);}
@keyframes hiir {
    0% {
        background-position: top 40px center;
    }
    100% {
        background-position: top 30px center;
    }
    0% {
        background-position: top 40px center;
    }
}
.mainpageBanner {text-align: center;color: white;}
.bannerTitle {height: 25%;text-transform: uppercase;padding-top: calc(50vh - 10%);}
.bannerTitle > h1 {color: white;font-size: 42px;line-height: 45px;}

.mainpageCustomBtn {width: 260px;height: 50px;border: 1px solid #c8b5a9;margin:30px auto;overflow: hidden;}
.mainpageCustomBtn:hover {border: 1px solid #b09d91;}
.mainpageCustomBtn > a > .btnText {font-size: 18px;line-height: 50px;width: 100%;text-transform: uppercase;color: #c8b5a9;}
.mainpageCustomBtn > a > .btnText > .iconHolder {float: right;margin-right: 20px;margin-top: -3px;}
.mainpageCustomBtn > a > .btnText:hover {color: #ac998f;}
.newProductsWrapper {width: 100%;min-height: 600px;background: white;margin-top: 45px;}
.mainPageProductsContent {padding: 70px 0px;}
.mainPageProductsContent > div > h1 {width: 100%;text-align: center;}
.categoryText { font-family: 'Josefin Sans', sans-serif;color:#c8b5a9;font-size: 12px;text-transform: uppercase;width: 100%;text-align: center;margin-top: 25px;font-weight: 600;letter-spacing: 2px;}
.biggerProductHolder > h3, .smalerProductHolder > h3 {width: 100%;text-align: center;margin-top: 10px;}
.productPrice {font-size: 25px;color: #c8b5a9;width: 100%;text-align: center;margin-top: 10px;font-style: italic;}
.biggerProductHolder > .imageHolder {position: relative;width: 100%;max-width:450px;}
.smalerProductHolder > .imageHolder {position: relative;}
.biggerProductHolder > .imageHolder > img, .smalerProductHolder > .imageHolder > img {width: 100%;}
.imageHolder > .imageHover, .imageHolder.smaler > .imageHover {position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(92,84,79,0.9);opacity: 0;visibility: hidden;transition: 0.5s}
.imageHolder > .imageHover > .hoverContent {padding: 20px;height: 89%;}
.biggerProductHolder > .imageHolder > .imageHover > .hoverContent > .innerBox {width:100%;height:99%;border: 1px solid #b2a297;}
.smalerProductHolder > .imageHolder > .imageHover > .hoverContent > .innerBox {width:100%;height:97%;border: 1px solid #b2a297;}
.lookMore {font-size: 25px;color: white;text-decoration: underline;line-height:328px;width: 100%;text-align: center;font-style: italic;}
.lookMore.smaler {line-height: 268px;}
.oneProduct {margin-right: 0;margin-bottom: 30px;}
.oneProduct.last {margin-right: 0px;}
.oneProduct.smaler {margin-right: 0;}
.oneProduct.smaler.last {margin-right: 0px;}
.oneProduct:hover > .biggerProductHolder > .imageHolder > .imageHover {opacity: 1;visibility: visible;transition: 0.3s;}
.oneProduct:hover > .smalerProductHolder > .imageHolder.smaler > .imageHover {opacity: 1;visibility: visible;transition: 0.3s;}
.imageHolder.smaler {width: 335px;}
.imageHolder.smaler > img {width: 100%;}

.mainpageBlogBox {width: 100%;height: 270px;background: url('../img/web/mainpage_blog.jpg') no-repeat;background-size: cover;}
.mainpageBlogBox > .boxContent {padding: 20px;height: 85%;width: 97%;}
.boxContent > .innerBox {width: 100%;height: 100%;border: 1px solid #ece8e8;}
.boxContent > .innerBox > h3 {padding-left: 115px;font-style: italic;padding-top: 40px;padding-bottom: 30px;}
.mainpageBlogText {padding-left: 115px;font-family: 'Josefin Sans', sans-serif;font-size: 16px;width: 90%;max-width: 700px;margin-bottom: 20px;line-height: 25px;min-height: 75px;font-weight: 400;}
.readMoreLink {padding-left: 115px;text-decoration: underline;font-size: 14px;}


/********* CONTENT ***********/

.contentTitleWrapper {width: 100%;height: 105px;background: url('../img/web/content_title_bg.jpg') white;text-align: center;}
.contentTitleWrapper > h1 {color: white;line-height: 105px;}
.content { background: white;padding-top: 50px;line-height: 1.9em;padding-bottom: 50px;}
.content > h2 {font-size: 30px;}
.content a {color: #b09788;text-decoration: underline;}
.content a:hover {color: #8a7365;}
.pageCenter > a {text-decoration: none;}
#map {width: 90%;height:300px;max-width: 1170px;margin:0 auto;}
.relativeHolder {position: relative;width: 2px;margin:0 auto;}
.verticalStripe {position:absolute;height: 30px;width:2px;background: #c8b5a9;top:35px;}
.bigerVerticalStripe {position: absolute;height: 50px;width: 1px;background: #c8b5a9;}
.upBox {position: absolute;width: 50px;height: 50px;background: url('../img/web/arrow.svg') #4d423b center no-repeat;right:20px;bottom: 20px;}

/*********** BLOG ************/

.bigBlogHolder > .imageHolder {position: relative;width: 100%;}
.bigBlogHolder > .imageHolder > img {width: 100%;}
.bigBlogHolder > .imageHolder > .blogInfoBox, .smallBlogHolder > .imageHolder > .blogInfoBox {position: absolute;bottom: -30px;width: 95%;max-width: 645px;height: 180px;background: #f8f6f5;left: calc(50% - 322px);}
.blogInfoBox > .blogInfoBoxContent {padding: 15px;}
.blogInfoBox > .blogInfoBoxContent > .drawBox {border: 1px solid #e8e5e3;width: 100%;height: 148px;}
.drawBox > h1 {text-align: center;font-size: 26px;height: 61px;overflow: hidden;line-height: 30px;}
.blogTopic {text-align: center;color: #c8b5a9;letter-spacing: 3px;text-transform: uppercase;font-weight: 900;font-family: 'Josefin Sans', sans-serif;font-size: 12px;padding-top: 5px;
            padding-bottom: 10px;}
.blogDate {color: #b09788;text-align: center;width: 100%;padding-top: 0px;padding-bottom: 10px;font-size: 18px;font-style: italic;}
.smallBlogHolder {float: left;margin-top: 90px;margin-bottom: 50px;}
.smallBlogHolder > .imageHolder {position: relative;width: 100%;max-width: 565px;} /*Wiidth muudetud blogi mainpagei pärast*/
.smallBlogHolder > .imageHolder > img {width: 100%;}
.smallBlogHolder > .imageHolder > .blogInfoBox {width: 95%;max-width: 515px;left: calc(50% - 257px);}
.blogTopic.smaler {text-align: left;padding-left: 25px;padding-top: 10px;}
.blogDate.smaler {text-align: left;padding-left: 25px;}
.drawBox > h1.smaler {text-align: left;padding-left: 25px;font-size: 24px;}
.drawBox > h1.smaler.mobile {font-size: 26px;}
.nodecoration {text-decoration: none !important;}

.blogHeaderImage {position: relative;width: 95%;max-width: 1170px;height:475px;background-size: cover;margin:0 auto;margin-bottom: 90px;}
.titleBoxHolder {position:relative;width: 95%; max-width:645px;height: 521px;margin:0 auto;}
.blogHeaderTitleBox {position: absolute;width:100%;max-width: 645px;height: 180px;background: #f8f6f5;bottom:-30px;}
.blogHeaderTitleBox > .blogHeaderContent {padding: 10px;width: 97%;height: 88%;}
.blogHeaderTitleBox > .blogHeaderContent > .drawBox {width: 100%;height:100%;border: 1px solid #e8e5e3;}
.blogContentText {font-size: 16px; color: #413731;font-family: 'Josefin Sans', sans-serif;padding-bottom: 50px;margin-top: 140px;}

.showInMobile {display: none;}

/********* CONTACT + FEEDBACK *******/

.feedbackWrapper {width: 100%;max-width: 700px;margin:0 auto;}
.feedbackWrapper a {text-decoration: none;}
.contactInputLabel {float: left;font-size: 14px;color: #413731;font-family: 'Josefin Sans', sans-serif;}
.contactInputLabel > span {color: #e10101;}

.input-container, .input-container:hover {border: 1px solid #c8b5a9;width: 94%;height: 45px;box-shadow: none;}
.contactLeft {float: left;width: 48%;}
.contactRight {float: right;width: 48%;}
.textarea-container, .textarea-container:hover {width: 99% !important;padding: 10px 0px 10px 6px !important;border: 1px solid #c8b5a9;box-shadow: none !important; }
.contactSubmit {float: right;height: 45px;min-width: 135px;background: #413731;padding-left: 25px;color: #f8f6f5;font-size: 16px;line-height: 45px;cursor: pointer;}
.contactSubmit:hover {background: #61564f;color: #dcdad9;}
.contactSubmit > .iconImg {float: right;padding-top: 3px;padding-right: 20px;padding-left: 10px;width: 22px;}
.contactSubmit > .iconImg > img {width: 100%;}
.contactSubmit.toMap {background: #b09788;width: 200px;margin:0 auto;float: none;}
.contactSubmit.toMap:hover {background: #846d63;}
.contactSubmit.centerText {padding-left:0px;text-align: center;}
.contactSubmit.continue {float: left;margin:0;background: #b09788;padding:0 25px;width: 150px;}
.contactSubmit.kassa {float: right;margin:0;background: #413731;padding:0 25px;width: 150px;}
.contactSubmit.kassa:hover {background: #574d44;}
.contactSubmit.vormista {float: none;position: absolute;background: #413731;padding:0 25px;width: 150px;bottom: 30px;left: 50%;transform: translate(-50%, 0);}
.contactSubmit.vormista:hover {background: #554b45;}

.allFields {float:left;width: 50%;font-family: 'Josefin Sans', sans-serif;font-size: 14px;}

/*********** ESHOP ***********/

.eshopCateMenuWrapper {height: 65px;width: 100%;background: #f8f6f5;line-height: 65px;text-align: center;margin-top: -50px;}
.eshopCateMenuWrapper > a {color: #413731;font-family: 'Josefin Sans', sans-serif;font-size: 14px;margin-right: 40px;text-decoration: none;}
.eshopCateMenuWrapper > a.active {text-decoration: underline;color: #b09788;}

.listHolder {display: flex;flex-wrap: wrap;align-items: left;width: auto;justify-content: left;flex-direction: row;padding-top: 30px;}
.listHolder.center {align-items: center;justify-content: center;}
.listHolder > a {text-decoration: none;}
.oneProductHolder {width: 340px;margin-left: 50px;margin-bottom: 50px;}
.oneProductHolder.first {margin-left: 0px;}
.oneProductHolder > .productImageHolder {width: 340px;height: 300px;}
.oneProductHolder > .productImageHolder img {width: 100%;object-fit: contain;}
.oneProductHolder > h1 {font-size: 23px;width: 100%;text-align: center;padding-top: 30px;}

.sortLabel {float:left;padding-top: 0px;margin-right: 10px;font-family: 'Josefin Sans', sans-serif;font-size: 14px;}
.sortSelect {float:right;margin-top:30px;}
.sortSelect > .ui-state-default, .sort-select > .ui-widget-header .ui-state-default  {background: url('../img/web/arrow_down.png') right center no-repeat !important;border: none !important;font-size: 14px;color: #413731;text-decoration: underline;font-family: 'Josefin Sans', sans-serif;}

.productViewImage {float:left;}
.imageThumbHolder {float:left;width: 200px;}
.productInfo {float: right;width: calc(100% - 700px);}
.productInfo > h1 {font-size: 31px;}
.productInfoPrice {float:left;font-size: 25px;color: #b09788;font-style: italic;margin-top: 25px;}
.productInfoText {font-size: 16px;font-family: 'Josefin Sans', sans-serif;margin-top: 40px;font-weight: 300;width: 100%;max-width: 400px;padding-bottom: 45px;}
.productInfoText.mobile {display: none;}
.productInfoText > ul {padding:0;margin:0;padding-left: 25px;}
.productInfoText > ul > li {list-style-image: url('../img/web/list-style.png');}
.productQntHolder {width: 100%;border-top: 1px solid #dad9d8;padding-top: 30px;}
.qntLabelHolder {position: relative;width:160px;float: left;margin-right: 10px;}
.qntLabel {position: absolute;z-index: 5;font-size: 16px;left: 20px;top: 7px;}
.contactSubmit.cart {float: left;border: none !important;}

.socialIconsHolder {margin-top: 30px;}
.socialLabel {float: left;font-size: 14px;font-family: 'Josefin Sans', sans-serif;}
.FBIcon {float: left;width:10px;height: 21px;background: url('../img/web/facebook.png') no-repeat;margin-left: 25px;margin-top: 3px;cursor: pointer;}
.PIcon {float: left;width:16px;height: 21px;background: url('../img/web/pinn.png') no-repeat;margin-left: 25px;margin-top: 3px;cursor: pointer;}
.TwitterIcon {float: left;width:23px;height: 19px;background: url('../img/web/twitter.png') no-repeat;margin-left: 25px;margin-top: 3px;cursor: pointer;}

.similarHeader {float: left;font-size: 25px;line-height: 60px;border-bottom: 1px solid #dad9d8;width: 100%;}

.qntInCart {position: absolute;width:20px;height: 20px;border-radius: 50%;background: #9e0039;top: -8px;right:-10px;color: white;line-height: 22px;text-align: center;font-size: 13px;font-family: 'Josefin Sans', sans-serif;}

.addBoxHolder {position: relative;width: 95%;max-width: 525px;margin:0 auto;}
.productAddedCart { display:none;position: absolute; width: 100%;max-width: 525px;min-height: 210px;background: #f3f0ee;border:10px solid white;z-index: 15000005;top:20%;}
.productAddedCart > .addedContent {padding: 40px 40px; }
.productAddedCart > .addedContent > a {text-decoration: none;}
.addedContent > .addedTitle {font-size: 27px;width: 100%;text-align: center;margin-bottom: 45px;}
.productAddedCart.show {display: block;}

/************ BASKET **********/

.basketLeftHolder {float:left;width: 100%;max-width: 800px;}
.basketRightHolder {float: right;}
.basketListTitels {width: 100%;border-bottom: 1px solid #dad9d8;}
.productListTitle {font-size: 12px;color: #c8b5a9;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;}
.productListTitle.name {float:left;}
.productListTitle.qntPrice {float:right;margin-right: 60px;}
.productListTitle.totalPrice {float:right;}
.basketProductRow {position: relative;float: left;width: 100%;border-bottom: 1px solid #dad9d8;}
.basketProductRow > .rowLeft > .productImage {float: left;width: 100px;}
.basketProductRow > .rowLeft > .productImage > a > img {width: 100%;}
.basketProductRow > .rowLeft > .productTitle {font-size: 18px;padding-top:20px;padding-left: 130px;}
.basketProductRow > .rowLeft > .productDelete {font-size: 12px;margin-top:-6px;padding-left: 130px;color: #c8b5a9;font-family: 'Josefin Sans', sans-serif;text-decoration: underline;cursor: pointer;width:80px;}
.rowLeft {float:left;width: 100%;max-width: 470px;padding-top: 5px;padding-bottom: 5px;}
.basketPrices {font-size: 22px;color: #b09788;font-style: italic;padding-top:10px;}
.basketPrices.oneProductPrice {float:left;margin-left: 20px;padding-top: 24px;}
.basketPrices.oneProductPrice.total {float:right;margin-right: 0px;padding-top: 24px;}
.qntChoseHolder {position: absolute;right: 75px;top: 2px;}
.qntMinus {float:right;width:5px;height:15px;background: url('../img/web/qnt_left.png') no-repeat;cursor:pointer;margin-top: 35px;}
.qntPlus {float:right;width:5px;height:15px;background: url('../img/web/qnt_right.png') no-repeat;cursor:pointer;margin-right: 60px;margin-top: 35px;}
.qntTotal {float: right;margin:0 20px;margin-top: 22px;}

.buyerDataHolder {margin-top: 55px;}
.buyerDataHolder > h2 {background: none;font-size: 25px;font-weight: 500;margin-bottom: 50px;padding-left:0px;}

.holdSubmit {position: relative;width: 200px;margin:0 auto;}

.inputLabel {float:left; font-size: 14px;font-family: 'Josefin Sans', sans-serif;}
.inputLabel > span {color: #e10101;}

.transportDataHolder {margin-top: 55px;}

.customSelect {width: 330px;overflow: hidden;border-radius: 0px;border: 1px solid #c8b5a9;background-color: white;}
.customSelect > select {height: 45px; width: 350px;border: none;font-size: 14px;color: #413731;background: url('../img/web/down_arrow.png')transparent no-repeat 90%;
    cursor: pointer;font-weight: 500;padding-left: 10px;font-family: 'Josefin Sans', sans-serif;}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #413731;
    font-family: 'Josefin Sans', sans-serif;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #c9b6ab;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #c8b5a9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* Swed*/
[type="radio"].swed:checked + label,
[type="radio"].swed:not(:checked) + label
{
    padding-left: 0px;
}
[type="radio"].swed:checked + label:before,
[type="radio"].swed:not(:checked) + label:before {
    left: 32px;
    top: 30px;
}
[type="radio"].swed:checked + label:after,
[type="radio"].swed:not(:checked) + label:after {
    left: 36px;
    top: 34px;
}

/**/

[type="radio"].seb:checked + label:before,
[type="radio"].seb:not(:checked) + label:before {
    left: 42px;
    top: 42px;
}


.makseviisDataHolder {padding-top: 55px;}

.kullerForm > input[type=text] {width: 100%;max-width: 330px;}
.basketTotalsHolder {width: 340px;min-height: 370px;background: #f8f6f5;float: right;}
.basketTotalsHolder > .basketTotalsContent {position: relative;padding: 10px;width: 94%;height:350px;}
.basketTotalsHolder > .basketTotalsContent > .contentBoxDraw {border: 1px solid #e8e5e3;height: 76%;padding: 40px 25px;}
.totalLabel, .totalTotal {float:left;font-size: 22px;color: black;}
.totalTotal {float:right;}
.vatIsIn {font-size: 12px;color: #b09788;font-family: 'Josefin Sans', sans-serif;}
.error {color: red;font-size: 13px;}

/********** TAGS ***********/

.tagsList {float: left;font-size: 14px;font-family: 'Josefin Sans', sans-serif;margin-left: 10px;}


/********** FOOTER *********/

.footerWrapper {position: relative;width: 100%;height: 260px;background: #413731;}
.columnHolder {float: left;width: 200px;padding-top: 50px;}
.columnHolder > .columnTitle {font-size: 14px;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;color: white;margin-bottom: 15px;}
.columnHolder > ul {margin:0;padding:0;}
.columnHolder > ul > li {list-style: none;}
.columnHolder > ul > li > a {color: #c8b5a9;font-size: 13px;font-family: 'Josefin Sans', sans-serif;line-height: 25px;}
.columnHolder > ul > li:last-child > a {color: white;}
.columnHolder > ul > li > a:hover {color: #877871;}

.infoHolder {float: right;padding-top: 50px;width: 185px;}
.infoHolder > .footerLogoHolder {float:right;width: 148px;margin-bottom: 20px;}
.infoHolder > .footerLogoHolder > img {width: 100%;}
.addressRow {float:right;font-size: 13px;font-family: 'Josefin Sans', sans-serif;font-weight: 400;color: white;}
.emailRow {float:right;margin-top: 30px;}
.emailRow > a {color: #c8b5a9;font-family: 'Josefin Sans', sans-serif;font-weight: 400;font-size: 13px}

/********* JQUERY ***********/
.ui-spinner {width: 160px;}
.ui-spinner-input {padding-left: 108px;padding-right: 0px;margin-right: 0px;font-size: 18px!important;}
.ui-spinner-up {top: 42%;background: url('../img/web/spinner-right.png') no-repeat !important;border: none !important;right: 0;cursor: pointer;}
.ui-spinner-down {bottom: 7%;background: url('../img/web/spinner-left.png') no-repeat !important;border: none !important;left: 90px;cursor: pointer;}

.tabs > .ui-widget-header {background: none;}
.tabs > .ui-widget-header > .ui-state-default {background: url('../img/web/tab_default.png') left no-repeat;padding:0px 20px;}
.tabs > .ui-widget-header > .ui-state-default > a {font-size: 14px;color: #413731;}
.tabs > .ui-widget-header > .ui-state-default.ui-state-active {background: url('../img/web/tab_active.png') left no-repeat;}
.tabs > .ui-widget-header > .ui-state-default.ui-state-active > a {font-size: 14px;color: #413731;}
.tabs > .ui-tabs-panel {padding-left: 0px;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: #f8f6f5;color:black;border: 1px solid #f8f6f5;}

/******** MOBILE MENU **********/

.mobileIcon {display: none;float:left;height:15px;width: 20px;margin-top: 75px;}
.mobileIcon > .longStripe {width: 100%;height: 2px;background: #423832;transition: 1.2s;}
.mobileIcon > .smallStripe {width: 50%;height: 2px;background: #423832;margin: 5px 0px;transition: 0.9s;}
.mobileIcon.hide > .longStripe { width:0;transition: 0.9s; }
.mobileIcon.hide > .smallStripe { width:0;transition: 1.2s; }

.footerMenuMobile > ul {display: none;width:100%;text-align: center;margin:0;padding:0;padding-top: 45px;}
.footerMenuMobile > ul > li {padding: 10px 0px;}
.footerMenuMobile > ul > li a {color: #c8b5a9; font-size: 13px;text-transform: uppercase;}
.footerMenuMobile > ul > li > div {display: none;}

.mobileMenuHolder {position:absolute;width: 100%;top: -500px;min-height: 500px;background: rgba(236,238,239,0.9);z-index:15000002; transition: 1s;visibility: hidden;}
.mobileMenuHolder.open {top: 0px;transition: 0.5s;visibility: visible;}
.mobileMenuHolder > ul {margin-top: 30px;list-style: none;}
.mobileMenuHolder > ul > li {padding:20px 0;padding-left: 20px;}
.mobileMenuHolder > ul > li.subarrow {}
.mobileMenuHolder > ul > li.active {background: url('../img/web/dot.png') left center no-repeat}
.mobileMenuHolder > ul > li > a {font-size: 25px;color: black;margin-top: 100px;}
.mobileMenuHolder > ul > li.subarrow > a {background: url(../img/web/submenu_arrow.png) right center no-repeat;padding-right: 35px;}
.mobileMenuHolder > ul > li > div {display: none;}
.mobileMenuHolder > ul > li > div ul {list-style: none}
.mobileMenuHolder > ul > li > div > ul li {padding: 10px}

.closeMobileMenu {width: 18px;height: 18px;background: url('../img/web/close_menu.png') no-repeat;margin-top: 80px;margin-left: 60px;}
.mobileHeaderMenu {display: none;position: relative;width: 100%;height: 40px;margin-top: -50px;background: #f8f6f5;}
.headerBtn {font-family: 'Josefin Sans', sans-serif;font-size: 14px;line-height: 40px;}
.filterIcon > img {margin-top:12px;margin-left: 10px;}
.outer-center {float: right;right: 50%;position: relative;}
.inner-center {float: right;right: -50%;position: relative;}
.mobileHeaderMenu > .mobileHeaderMenuList {visibility: hidden;opacity:0;position: absolute;top:40px;width: 100%;min-height:100px;background: #f1eeec;text-align: center;padding-top: 30px;}
.mobileHeaderMenu > .mobileHeaderMenuList.show {visibility: visible;opacity:1;padding-bottom: 20px;}
.mobileHeaderMenu > .mobileHeaderMenuList > a {float:none;font-size: 14px;font-family: 'Josefin Sans', sans-serif;color: #413731;text-decoration: none;}
.mobileHeaderMenu > .mobileHeaderMenuList > a.active {color: #b09788;text-decoration: underline;}
.mobileHeaderMenu > .mobileHeaderMenuList > .customHr {width: 65%;margin:10px auto;}

.productViewImageMobile {display: none !important;}

/*********** RESPONSIVE HELP **********/
@media screen and (max-width: 1440px)  {
    /*.flexHolder.onlyspace { justify-content: center;}*/
    .oneProduct {margin-right: 20px;}
    .biggerProductHolder > .imageHolder {max-width: 380px;}
    .bigerVerticalStripe { display: none;}
    .imageHolder.smaler {width: 300px;}
}
@media screen and (max-width: 1260px)  {

}

@media screen and (max-width: 1175px)  {
    .headerWrapper > div > ul > li:last-child {padding-left: 250px;}
}

@media screen and (max-width: 1175px)  {
    .mobileIcon {display: block}
    .headerWrapper > div > ul {display: none;}
    .languageHolder {margin-top: 75px;}
    .instaIcon {margin-top: 75px;}
    .faceIcon {margin-top: 75px;}
    .cartIcon {margin-top:70px;}
    .bigerVerticalStripe {display: none;}
    .flexHolder.onlyspace {}
}
@media screen and (max-width: 1115px)  {
    .flexHolder.onlyspace {justify-content: center;}
    .flexHolder.space {justify-content: center;}
    .biggerProductHolder > .imageHolder {max-width: 300px;}
    .biggerProductHolder {margin-right: 10px;}
    .smalerProductHolder {margin-right: 10px;}
    .imageHolder.smaler {width: 222px;}
    .lookMore {line-height: 200px;}
    .lookMore.smaler {line-height: 150px;}

    .mouseAnimation {display: none;}
    .biggerProductHolder > h3, .smalerProductHolder > h3 {font-size: 18px}
    .infoHolder {margin-right: 80px;}
    .columnHolder {padding-left: 15px;}
    .mainpageBlogBox {width: 95%;margin:0 auto;}
    .mainpageBlogBox > .boxContent {width: 96%;}

    .customHr {width: 95%;margin:0 auto;margin-top: 50px;}
    .sortSelect {margin-right: 20px;}
    .listHolder {justify-content: center;}

    .qntLabelHolder {margin-bottom: 10px;}
    .similarHeader {float: none;margin:0 auto;width: 95%;}

    .oneProductHolder {width: 290px;margin-left: 30px;}
    .oneProductHolder > .productImageHolder {width: 290px;height: 280px;}

    .oneProductHolder > h1 {padding-top: 0px;}
    .imageThumbHolder {margin-left: 10px;}
}

@media screen and (max-width: 770px)  {
    .hideInMobile {display: none;}
    .instaIcon,
    .faceIcon {display: none;}
    .customHr { width: 94%;}
    .flexHolder {padding-bottom: 0;}
    .footerMenuMobile > ul {display: block;}

    .logoHolder {width: 170px;left: calc(50% - 85px);margin-top: 30px;}

    .mainWrapper {padding: 10px;}
    .bannerTitle {padding:0px 40px;padding-top: 90px;}
    .bannerTitle > h1 {font-size: 28px;}

    .mainpageCustomBtn { margin: 110px auto;}
    .verticalStripe {top: 45px;}

    .mainPageProductsContent {padding: 40px 0px;}

    .oneProduct {margin-right: 0;}
    .oneProduct.smaler {margin-right: 0;}
    .imageHolder {margin:0 auto;width: 95%;}
    .biggerProductHolder > .imageHolder {width: 90%;}

    .mainpageBlogBox {width: 95%;margin:0 auto;padding-top: 15px;background:url('../img/web/mob_footer_blog_bg.jpg') #f7f6f6 bottom right no-repeat;}
    .mainpageBlogBox > .boxContent {padding: 0px;width: 93%;margin:0 auto;height:94%;}
    .boxContent > .innerBox > h3 {padding-left:25px;padding-right: 10px;}
    .mainpageBlogText {padding-left: 25px;}
    .readMoreLink {padding-left: 25px;}
    .moreLinkHolder {float:left;margin-bottom:25px;}

    .footerMenuMobile {display: block;}

    .bigBlogHolder {}
    .bigBlogHolder > .imageHolder {width: 95%;}
    .bigBlogHolder > .imageHolder > .blogInfoBox, .smallBlogHolder > .imageHolder > .blogInfoBox {bottom: -30px;left:50%;margin:0 auto;transform: translate(-50%, 0);}
    .smallBlogHolder > .imageHolder > .blogInfoBox {bottom: -100px;}
    .smallBlogHolder {margin-top: 100px;float: none;margin-right:0;margin-bottom:70px;}
    .smallBlogHolder > .imageHolder > .blogInfoBox {}
    .smallBlogHolder > .imageHolder {width: 95%;}
    .blogContentText {padding: 20px;}
    .blogHeaderImage {height: 230px;}
    .titleBoxHolder {height: 300px;margin-bottom: 120px;}
    .blogHeaderTitleBox > .blogHeaderContent > .drawBox {width: 99%;}
    .showInMobile > a > .smallBlogHolder {margin-top: 0px;}
    /*.smallBlogHolder {margin-bottom: 0;}*/
    .contactRight {float:none;width:102%;}
    .contactLeft {float:none;width: 102%;}
    #contactForm {padding: 20px;}

    .mobileHeaderMenu {display: block;}
    .eshopCateMenuWrapper, .sortSelect {display: none;}

    .listHolder {justify-content: center;}
    .oneProductHolder {margin-left: 10px;}

    .productViewImage {display: none;}
    .productViewImageMobile {display: block !important;}
    .productInfo {float: none;width: unset;margin-top: 40px;padding: 20px;} /*Margin-top muudetud toote vaate pärast mobiilis */
    .productView {display: none;}
    .productInfoPrice {float: none;width: 100%;text-align: center;}
    .productInfoText {display: none;}
    .productQntHolder {border: none;}
    .qntLabelHolder {float:none; margin:0 auto;margin-bottom: 20px;}
    .contactSubmit.cart {margin-left: 50%; transform: translate(-50%, 0);padding-right: 7px;}
    .contactSubmit.cart > .iconImg {padding-right: 7px;}
    .productInfoText.mobile {display: block;}
    .similarHeader {float: none;width: 90%;margin:0 auto;}
    .oneProductHolder > .productImageHolder img {width: 100%;} /* width on 100 toote listi piltide pärast*/
    .addBoxHolder {width: 75%;}
    .addedContent > .addedTitle {font-size: 26px;}
    .contactSubmit.continue {float: none;padding: 0;margin:10px auto;}
    .contactSubmit.kassa {float: none;padding: 0;margin:10px auto;}
    .cartIcon > .hoverTrigger {left: 70%; transform: translate(-100%, 0);}

    .basketProductRow > .rowLeft {width: 54%;}
    .basketProductRow > .rowLeft > .productImage {display: none;}
    .basketProductRow > .rowLeft > .productTitle {padding-left: 20px;font-size: 12px;line-height:15px;}
    .basketProductRow > .rowLeft > .productDelete {padding-left: 20px;font-size: 10px;}
    .basketPrices.oneProductPrice {font-size: 15px;}
    /*left: 50%; transform: translate(-50%, 0);*/
    .productListTitle.name {padding-left: 20px;}
    .productListTitle.totalPrice {width: 50px;line-height: 15px;}
    .basketPrices.oneProductPrice.total {margin-right: 10px;}
    .productListTitle.qntPrice {margin-right: 50px;}
    .qntChoseHolder {right: 46px;}

    .buyerDataHolder { padding:0 20px;}
    .customInput {width: 95%;}
    .transportDataHolder {padding:0 20px;}
    .makseviisDataHolder {padding:20px;padding-top: 40px;}
    .basketRightHolder { width: 100%;}
    .basketTotalsHolder {float: none;margin: 40px auto;}

    .mainpageBlogBox {height:unset;min-height: 100px;padding-bottom: 14px;}

    .mclear {clear: both;}
    .mheight_10 {height: 10px;}
    .showInMobile {display: block;}

    .buyerDataHolder > h2 {margin-bottom: 20px;}
}

@media screen and (max-width: 490px)  {
    .languageHolder { display: none;}
    .cartIcon {margin-right: 10px;}
    .blogHeaderTitleBox > .blogHeaderContent > .drawBox {width: 97%;}
    .basketProductRow > .rowLeft {width: 30%;}
}