/* ================= */
/* === 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');

/* ================= */
/* === 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:"Playfair Display", sans-serif;-webkit-font-smoothing: auto;}
html, body, form {margin:0px;padding:0px;}
html {overflow-y:scroll;min-height:100%;}
img {border:0px;}
body {min-height:100%;font-family:"Playfair Display", sans-serif;;font-size: 1em;line-height:1.1em;font-weight:normal;color:#575757;background:black;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
/* == */
a  {font-weight:normal;text-decoration:underline;color:#3a3a3a;}
a:hover {text-decoration:none;color:#3a3a3a;}
/* == */
h1, h2, h3, h4 {color:#3a3a3a;font-weight:normal;margin:0px;padding:0px;}
h1 {font-size:1.88em;line-height:1em;}
h2 {font-size:1.3em;line-height:1em;}
h3 {font-size:1.2em;line-height:1em;}
h4 {font-size:1em;line-height:1em;}

/******* MAIN *********/
.pageCenter {width: 100%;max-width: 1100px; margin:0 auto;}
.headerWrapper {padding-top: 100px;}
.mainWrapper {width: 100%;min-height: 100%;background: url(../img/web/bigBG.png) 50% 0% black no-repeat;background-position:50% -100px;overflow: hidden;}
.sideStripe {position: absolute;    -ms-transform: rotate(270deg); /* IE 9 */-webkit-transform: rotate(270deg); /* Safari */transform: rotate(270deg);left: -420px;top: 550px;}
.stripeRelative {position: relative;border-bottom: 1px solid #565656;width: 1020px;text-align: center;}
.drawStripe {position: absolute;top:-11px;background: black;width: 360px;left: calc(50% - 90px);}
.drawStripe > h1 {letter-spacing: 4px;text-transform: uppercase;font-size: 20px;}

.mask, .mask-two {position:relative;visibility:hidden;position:fixed;width:100%;height: 100%;background:rgba(0,0,0,0.95);z-index: 5;top:0px;left:0px;opacity: 0;transition: 0.9s;z-index:10;}
.mask.active, .mask-two.active {visibility: visible;opacity: 1;}
.comingmask {position:fixed;width:100%;height: 100%;background:rgba(0,0,0,0.95);z-index: 5;top:0px;left:0px;opacity: 0;transition: 0.9s;z-index:10;visibility: hidden;}
.comingmask.active {visibility: visible;opacity: 1;}
.comingBox {width: 365px;height: 100px; border: 1px solid #edb74e;border-radius: 3px;margin:0 auto;color:white;font-size: 24px;text-align:center;line-height: 100px;margin-top: 20vh;cursor: pointer;background: black;}

.center {text-align: center;padding:0 !important;}
.nojustify {text-align: center !important;}

.engPadding {padding: 8px 25px !important;}
.engWidth {width: 230px !important;}
.estFont {font-size: 16px !important;}

.closeModal {position: absolute;width:16px; height: 18px;background: url('../img/web/close.png') no-repeat;right:0;top: -30px;cursor: pointer;}

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

.languageHolder {float: right;margin-top: -80px;margin-right:45px;}
.languageHolder > a {font-size: 13px;color: #edb74e;text-decoration: none;padding:5px 10px;}
.languageHolder > a.second {border-left: 1px solid #edb74e;padding-right: 0;}
.languageHolder > a.active {color: white;}

.cartHolder {position: relative;float: right;width: 28px;height: 32px;background: url('../img/web/cart.png') no-repeat;margin-top: -90px;cursor: pointer;}
.cartHolder > .count {position: absolute;bottom: -5px;right: -5px;color:white;width: 20px;height: 20px;background: grey;border-radius: 50%;text-align: center;line-height: 14px;}


/********** BOOKS **********/

.bookHolder {margin: 0 auto;width: 100%;max-width: 1100px;padding-top: 50px;}
.oneBookHolder {position: relative;float: left;margin-left: -60px;}
.oneBookHolder.middle {margin-top: -10px;}
.oneBookHolder > img {width: 470px;margin-right: -165px;}
.oneBookHolder.two > img {width: 470px;margin-top: 0;margin-right: -200px;}
.oneBookHolder.right > img {width: 470px;margin-top: 0;}
.oneBookHolder.three {margin-top: -10px;}

.bookClickBox {position: absolute;width: 275px;height: 480px;top:75px;left:90px;cursor: pointer;}


.oneBookHolder.middle > .middleTitleHolder {width: 230px;margin-top: -67px;margin-left: 72px;text-align: center;position: relative; z-index: 5;}
.oneBookHolder.middle > .middleTitleHolder > h1 {color:white;font-size: 21px;}
.oneBookHolder.two {margin-left: -17px;}
.oneBookHolder.two > .middleTitleHolder {position:absolute;width: 230px;margin-top: -79px;margin-left: 81px;text-align: center;z-index: 5;}
.oneBookHolder.two > .middleTitleHolder > h2 {color: white;font-size: 21px;}
.oneBookHolder.two > .middleTitleHolder > h3 {color: #edb74e;font-size: 16px;}
.oneBookHolder.three > .middleTitleHolder {margin-top: -71px;}


.readBtn {display: inline-block;font-size: 15px;color: #271f16;background: #edb74e;padding: 2px 3px;border-radius: 100px;text-transform: uppercase;font-weight: bold;margin-top: 25px;float: left;cursor: pointer;}
.readBtn:hover {background: #cb9947;}
.readBtn.orderPage {float: right;}
.drawBorder {border: 1px solid #403832;padding: 6px 18px;border-radius: 100px;}
.readToCenter {width: 100%;text-align: center;}
.readToCenter > .readBtn {float: none;}
.readToCenter.eng {display: none;}

.buyBtn {float: right;font-size: 14px;border-radius: 100px;border:1px solid #edb74e;padding:8px 15px;margin-top: 25px;color: #edb74e;text-transform: uppercase;cursor: pointer;font-weight: bold;}
.buyBtn:hover {color: #cd9947;border: 1px solid #cd9947;}

img.icon {width: 14px;margin-left: 10px;}

.goRead {width: 100%;text-align: center;color: #edb74e;cursor: pointer;}
.goRead:hover {color: #e2ad4c;}
.goRead > img {width: 14px;margin-left: 5px;}

/******** HALF ********/

.halfLogoHolder {position: relative;width: 100%;max-width: 1100px;margin:0 auto;height:105px;background: url('../img/web/poolik_logo.png') center top no-repeat;z-index: 2;margin-top: -65px;border-bottom:1px solid #141210;}
.btnLink, .goalsLink {position: absolute;right:0;bottom:-8px;color: #edb74e;text-decoration: underline;padding-left: 10px;background: black;font-size: 17px;cursor: pointer;}
.btnLink:hover, .goalsLink:hover {color: #cd984b;text-decoration: none;}
.goalsLink {bottom: -35px;}
/******* NEWS **********/

.newsSection {min-height: 190px;width: 100%;max-width: 1100px;margin:0 auto;}
.oneDesc {float: left;width: 275px;position: relative;cursor: pointer;}
.oneDesc > .imageHolder {float:left;width: 68px;padding-top:50px;}
.oneDesc > .imageHolder > img {width: 100%;}
.oneDesc > .nameHolder, .oneDesc > .titleHolder {float: left;color: #edb74e;font-size: 14px;text-transform: uppercase;padding-top: 50px;margin-left: 15px;font-weight: bold;}
.oneDesc > .titleHolder {padding-top: 10px;font-size: 13px;text-transform: none;width: 160px;}
.oneDesc > .shortText {position:absolute;font-size: 13px;color: white;width: 190px;top: 120px;right:0;}

.fade-out {
    position: relative;
    max-height: 50px;
    overflow: hidden;
}
.fade-out:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient( rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100% );
}

/******** YELLOW BOX ******/

.yellowBoxHolder {visibility: hidden;opacity:0;position: fixed;top: 15%;width: 100%;max-width: 965px;border: 1px solid #edb74e;left: calc(50% - 482px);transition: all 0.9s ease-in-out;z-index: 11;}
.yellowBoxHolder.show {visibility: visible;opacity: 1;background: black;position: fixed;}
.yellowBoxHolder > .contentHolder {position: relative;width: 100%;font-size: 16px;color: white;}
.yellowBoxHolder > .contentHolder > .content {padding: 35px 50px;line-height: 25px;text-align: justify;}
.yellowBoxHolder > .contentHolder > .content > .title {position: relative;font-size: 30px;color: #edb74e;text-transform: uppercase;width: 100%;text-align: center;}
.title > .text {display: inline-block;background: black;padding:0 10px;}
.title.store {top: -17px;}
.title.copy {top: -50px;}
.yellowBoxHolder.bookStores {position: absolute;max-width: 380px;left: calc(50% - 160px);min-height: 190px;}

.yellowBoxHolder.bookOpen {max-width: 700px;left: calc(50% - 350px);position: absolute;transition: none;width: 95%;}
.yellowBoxHolder.buyBook {max-width: 700px;left: calc(50% - 350px);}
.yellowBoxHolder.basketView {visibility: visible;opacity: 1;max-width: 795px;position: relative;margin:0 auto;left: auto;margin-top: 5%;margin-bottom: 50px;}
.yellowBoxHolder.contact {max-width: 500px;left: calc(50% - 250px);}

.yellowBoxHolder.contact h3 {font-size: 20px;text-transform: uppercase;color: #edb74e;margin-bottom: 10px;margin-top:50px;font-weight: 600;}
.yellowBoxHolder.contact .content {color: #edb74e;font-size: 18px;padding-bottom: 50px !important;}
.yellowBoxHolder.contact .content > a {color: white;line-height: 2;}

.buyTable {width: 70%;margin:0 auto;margin-top: 70px;border-collapse: collapse;}
.buyTable.cart {width: 80%;}
.buyTable tr {height: 45px;}
.buyTable tr th {color: white;font-size: 18px;text-transform: uppercase;font-weight: normal;margin-bottom: 20px;}
.buyTable tr td {font-size: 18px;font-weight: normal;border-bottom: 1px solid #191919;line-height: 23px;text-transform: none;}
.buyTable tr th:first-child {text-align: left;}
.buyTable tr td:first-child {text-align: left;}
.buyTable tr td:last-child {text-align: right;}
.buyTable tr th:last-child {text-align: right;}
.buyTable tr td > span {color: white;font-size: 19px;}
td.bookQnt {font-size: 19.5px;}

.buyTable.cart tr td {color: #edb74e;border-bottom: none;}

.totalHolder {font-size: 18px;width: 70%;margin:0 auto;margin-top: 35px;}
.totalHolder > .totalTitel {float: left;color: white;}
.totalHolder > .totalSum {float: right;color: white;}
.signHolder {width: 70%;margin:0 auto;margin-top: 35px;font-size: 18px;text-align: left;text-transform: none;margin-bottom: 65px;}
.buttonsHolder {width: 70%;margin:0 auto;margin-bottom: 35px;}
.buttonsHolder > .buyBtn {float:left;}
.buttonsHolder > .readBtn {float: right;}

.naiselik {width: 185px;margin-top: 40px;}
.apollo {width: 163px;margin-top: 27px;}
.rahvaraamat {width: 163px;margin-top: 40px;}

.bestSellerHolder {position: absolute;top:45px;left: 34px;}
.bestSellerHolder.three_best {top: 50px;left: 38px;}
.bestSellerHolder > img {width: 80px;}
.bestSellerHolder.bigger > img {width: 90px;}

.content.book.eng {text-align: center;}

/*********** COMMENTS **********/

.leftSide, .rightSide {float:left;}
.rightSide {width: 85%;margin-left: 10px;}

.openCommentsHolder, .openNewsHolder {visibility: hidden;position: absolute;opacity:0;width: 100%;max-width: 830px;min-height: 500px;top: 15vh;z-index:11;}
.openCommentsHolder.show, .openNewsHolder.show {visibility: visible;opacity: 1;left: calc(50% - 415px);}
.openNewsHolder {min-height: 160px;top: 35vh;}
.oneComment.news > div > .nameHolder {width: 100%;text-align: center;}
.oneComment {margin-bottom: 60px;}
.oneComment > div > .imageHolder {float:left;width: 90px;}
.oneComment > div > .imageHolder > img {width: 100%;}
.oneComment > div > .nameHolder, .nameHolderMobile {font-size: 23px;color: #edb74e;text-transform: uppercase;font-weight: bold;margin-bottom: 15px;line-height: 30px;}
.titleHolder, .titleHolderMobile {font-size: 17px;color: #edb74e;font-weight: bold;margin-bottom: 15px;}
.oneComment > div > .descHolder {font-size: 16px;color: #e1e1e1;line-height: 25px;text-align: justify;padding-bottom: 10px;}
.oneComment.news > .rightSide {width: 94%;}

.nameHolderMobile {display: none;margin-left: 105px;width: 64%;}
.titleHolderMobile {display: none;margin-left: 105px;width: 64%;}

/*********** NEWS ***********/

.oneNewsHolder {float: left;width: 365px;margin-top: 50px;cursor: pointer;}
.oneNewsHolder > .rightSide {width: 80%;margin-right: 5px;}
.oneNewsHolder > div > .dateHolder {font-size: 20px;color: #edb74e;width: 40px;line-height: 17px;}
.oneNewsHolder > div > .shortDesc {font-size: 14px;color: white;margin-top: 20px;}
.oneNewsHolder > div > .dateHolder > span {font-size: 33px;}
.oneNewsHolder > div > h2 {font-size: 17px;color: #edb74e;font-weight: bold;line-height: 22px;height: 45px;}

.oneComment.news {position: relative;border: 1px solid #edb74e;}
.oneComment.news > .rightSide {padding:40px 20px;}
.oneComment.news > .newsTitle {position: absolute;top:-5px;left: 51%;transform: translate(-50%, -50%);}
.oneComment.news > .newsTitle > .text {color: #edb74e;font-size:30px;background: black;padding:0 10px;}


/************ GOLAS ************/

.yellowBoxHolder.goals {position:absolute;max-width: 520px;left: calc(50% - 260px);}
.yellowBoxHolder.goals > .contentHolder > .content {padding: 35px 75px;}
.goalHeader {font-size: 25px;color: #e1e1e1;text-transform: uppercase;margin-bottom: 25px;}
.goalRow {font-size: 18px;color: #edb74e;border-bottom: 1px solid #1f1f1f;padding:10px 0;}
.rowLeft {float: left;}
.rowRight {float: right;}
.checkedBox {width: 21px;height: 21px;background: url('../img/web/checked.png') no-repeat;}
.uncheckedBox {width: 21px;height: 21px;background: url('../img/web/unchecked.png') no-repeat;}

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

.footerWrapper {min-height: 45px;text-align: center;margin-top: 59px;background: url('../img/web/footer_bg.png') top;}
.footerBox {display: inline-block;font-size: 16px;color: #edb74e;padding:0 30px;border-right: 1px solid #edb74e;line-height: 22px;margin-top: 10px;}
.footerBox.last {border-right: none;}
.footerBox > a {font-size: 16px;color: #edb74e;text-decoration: none;}
.footerBox > a:hover {color: #dba847;}
.footerFB {float: left;width: 22px;}
.iconText {float: left;line-height: 20px;padding-top: 2px;}
.iconHolder {float: left;margin-right: 10px;}


/******** SLICK *********/

.slick-arrow {position: absolute;border: none;height: 27px;width: 11px;top: 50%;color: transparent;cursor: pointer;}
.slick-prev {background: url('../img/web/left.png') transparent no-repeat;left: -20px;}
.slick-next {background: url('../img/web/right.png') transparent no-repeat;right: 0;}


/******* SPINNER *****/

.ui-spinner {overflow: visible;}
.label {font-size: 18px;margin-bottom: 15px;}
.ui-spinner-input {font-size: 18px;border: none;}
.ui-widget.ui-widget-content {border: none;width: 53px;height: 45px;border-radius: 2px;margin-left:0;background: none;}
.ui-icon {background: none;}
.ui-icon-plus, .ui-icon-triangle-1-n:hover {background: url('../img/web/pluss.png') no-repeat !important;margin-top: -3px !important;}
.ui-icon-minus  {background: url('../img/web/minus.png') no-repeat !important;background-position: center !important;margin-top: -3px !important;}
.ui-spinner-up {position: absolute;left: 52px;top: 12px;background: none !important;border: none !important;cursor: pointer;}
.ui-spinner-down {position: absolute;right: 53px;top: 1px;background: none !important; border: none !important;height: 43px;cursor: pointer;}
input.ui-spinner-input {width: 33px;text-align: center;line-height: 30px;font-size: 18px;height: 38px;padding-left:0;}
.ui-button:hover .ui-icon-triangle-1-n {background: url('../../../images/icons/add.svg') no-repeat;}
.ui-button:hover .ui-icon-triangle-1-s {background: url('../../../images/icons/remove.svg') no-repeat;background-position: center;}

.minusBtn {background: url('../img/web/minus.png') center no-repeat !important;width: 11px;height:20px;cursor:pointer;}
.plusBtn {background: url('../img/web/pluss.png') center no-repeat !important;width: 11px;height:20px;cursor:pointer;}
.qntNumber {color: white;font-size: 20px;}

/*********** CART *********/

.flex {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.cartTotalsHolder {width: 80%;margin:0 auto;}
.cartSum {font-size: 18px;color: #edb74e;}
.cartSum > span {font-size: 12px;}
.order_form h2, .shop_basket_form h2 {background: none;text-align: left;width: 80%;margin:0 auto;color: #e1e1e1;font-size: 18px;text-transform: uppercase;font-weight: normal;margin-bottom: 30px;padding: 0;}
.order_form .ui-widget {width: 90%;margin:0 auto;}

.tarneTitel {float: left;font-size: 15px; color: #edb74e;margin-bottom: 15px;}
.customSelect {position: relative;width: 300px;border: 1px solid #edb74e;border-radius: 3px;overflow: hidden;background: url('../img/web/arrow_down.png') 95% no-repeat;padding-left: 10px;}
.customSelect > select {width: 320px;border: none;background: transparent;color: #edb74e;height: 35px;font-size: 15px;-webkit-appearance: none;font-family:"Playfair Display", sans-serif;}
img.arrowDown {position: absolute;right: 10px;top: 35%;}

.infoLeftSide {float: left;width: 50%;}
.infoRightSide {float: right;width: 50%;}

.inputLabel {font-size: 15px;color: #edb74e;}
.cartTotalsHolder input {background:black;border: none;border: 1px solid white;border-radius: 3px;}
.cartTotalsHolder input:hover {background:black;border: none;border: 1px solid white;border-radius: 3px;}
.cartTotalsHolder .input-container {background: black !important;;box-shadow: none;border: 1px solid white;}
.cartTotalsHolder .input-container:hover {background: black !important;;box-shadow: none;}
.cartTotalsHolder .input-container > input {color: #878787;}
.cartTotalsHolder > textarea {float: left;width: 95%;height: 80px;padding: 5px;border: 1px solid white;border-radius: 3px;background: transparent;color: #878787;margin-bottom: 45px;font-size: 16px;}

.thanksHolder {font-size: 20px;color: #edb74e;margin-top: 30px;line-height: 1.5em;}
.termsHolder {float: left;color: #edb74e;margin-top: 35px;}
.termsHolder.error {color: red;}
.termsHolder a {color: white;text-decoration: none;}

.requiredNote {float: left;font-size: 14px;color: #edb74e;margin-top: 10px;}
.salesNote {color: #a61c1c;font-size: 18px;}
.salesNote.white {color: white; font-size: 13px;}
.terms {padding: 15px !important;text-align: justify !important;}

.oneFormInput {margin-bottom: 5px;}

.payingNote {float: right;color: #edb74e;font-size: 14px;}
.totalPreview {float: right;color: #edb74e;font-size: 22px;margin-top: 20px;}
.totalPreview > span {color: white;}
.totalKM {float: right;font-size: 16px;line-height: 1.5em;}

/* CUSTOM CHECKBOX */

.customCheck label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 35px; /* 10 px padding right + 15px input type*/
    margin-right: 10px; /* margin between inputs types */
    line-height: 23px;
}

.customCheck label:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
}

.customCheck input[type=checkbox] {
    display: none;
}

.customCheck label:before {
    background: url('../img/web/empty_check.png') left center no-repeat;
    background-size: 21px;
    margin-top: 2px;
}

.customCheck input[type=checkbox]:checked + label:before {
    background: url('../img/web/checked.png') left center no-repeat;
    background-size: 21px;
    margin-top: 2px;
}

select optgroup{
    background:#000;
    color:#fff;
    font-style:normal;
    font-weight:normal;
}

/******** MOBILE ********/

.showInMobile {display: none;}

/*======================*/
/*=====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;}



/********** RESPONSIVE HELP *********/
@media screen and (max-width: 1370px)  {

    .oneDesc > .nameHolder {font-size: 14px;width: 190px;}
    .bookHolder {overflow: hidden;margin-left: 120px;}
    .sideStripe {left: -450px;}
}
@media screen and (max-width: 1300px)  {
    .sideStripe {display: none;}
    .languageHolder {margin-right: 55px;}
    .cartHolder {margin-right: 10px;}

    .bookHolder {padding-top: 80px;padding-bottom: 50px;}
}
@media screen and (max-width: 1124px)  {
    .oneDesc {width: 270px;}
    .oneDesc > .shortText {width: 185px;}
    .oneDesc > .nameHolder {font-size: 13px;width: 180px;}
    .oneDesc > .titleHolder {width: 180px;}

}
@media screen and (max-width: 1024px)  {

    .oneDesc {width: 250px;}
    .oneDesc > .shortText {width: 160px;}
    .oneDesc > .nameHolder {font-size: 13px;width: 160px;}
    .oneDesc > .titleHolder {width: 160px;}
    .bookHolder {margin-left: 0;}
}
@media screen and (max-width: 1010px)  {
    .showInMobile {display: block;}
    .hideInMobile {display: none;}

}
@media screen and (max-width: 900px)  {

    .sideStripe {display: block;left: -405px;top: 740px;}
    .stripeRelative {width: 850px;}
    .drawStripe {top: -15px;}
    .drawStripe > h1 {font-size: 25px;letter-spacing: 3px;}

    .mainWrapper {background: url('../img/web/mob_bg.jpg') black no-repeat;background-size: contain;}
    .bookHolder {padding-top: 0;}

    .oneBookHolder > img {width: 123%;}
    .oneBookHolder.middle > .middleTitleHolder {width: 100%;margin-left: 0;margin-top: -60px;}
    .buyBtn {display: inline-block;float: none;}
    .readBtn {float: none;margin-right: 15px;margin-top: 0;}
    .oneBookHolder {margin-left: 0;}

    .oneBookHolder.two > img {width: 123%;margin-right:0;margin-top: 0;}
    .oneBookHolder.two > .middleTitleHolder {margin-top: -50px;}
    .oneBookHolder.three {margin-top: 42px;margin-left:0 !important;}

    .newsSection {display: flex;flex-wrap: wrap;align-items: center;width: auto;justify-content: center;flex-direction: row;}
    .btnLink {margin-right: 22px;}
    .goalsLink {margin-right: 22px;}

    .footerBox {line-height: 30px;padding: 0 15px;}
    .footerWrapper {margin-top: 100px;}

    .yellowBoxHolder.bookStores {left: calc(50% - 160px);}
    .yellowBoxHolder.goals {left: unset;margin:0 auto;}
    .yellowBoxHolder.goals > .contentHolder > .content {padding: 35px 30px;}

    .newsSlider {width: 95%;margin:0 auto;}
    .oneDesc {margin-top: 30px;width: 315px;}
    .oneDesc > .shortText {width: 230px;margin-top: 10px;}
    .oneDesc > .titleHolder {width: 200px;}
    .oneDesc > .nameHolder {font-size: 15px;}

    .yellowBoxHolder {left: calc(50% - 45%);width: 90%;}
    .yellowBoxHolder.show {position: relative;margin-top: 0;}
    .yellowBoxHolder > .contentHolder > .content {padding: 35px 20px;padding-bottom: 20px;font-size: 15px;text-align: unset;line-height: 20px}
    .yellowBoxHolder.bookOpen {left: auto;margin:0 auto;}
    .yellowBoxHolder.bookStores {left: auto;margin: 50px auto;}
    .yellowBoxHolder > .contentHolder > .content > .title {font-size: 27px;}

    .oneBookHolder.two > .middleTitleHolder {width: 100%;margin-left: 0;left: 0;}
    .oneDesc > .nameHolder, .oneDesc > .titleHolder {font-size: 14px;}



    .openCommentsHolder.show {left: 10px;}

    .titleHolderMobile {display: block;}
    .nameHolderMobile {display: block;line-height: 25px;}
   /* .oneComment > div > .nameHolder {display: none;}
    .oneComment > div > .titleHolder {display: none;}*/
    .openNewsHolder.show {left: auto;width: 95%;margin:0 auto;}
    .oneComment > div > .descHolder {font-size: 15px;text-align: unset;}
    .openNewsHolder {top:10vh;}

    .oneComment.news > .newsTitle {left: auto;transform: unset;position: relative;width: 100%;text-align: center;top:-13px;}
    .oneComment.news > .newsTitle > .text {font-size: 23px;display: inline-block;}
    .oneComment.news > .rightSide {width: auto;margin-left: 0;}

    .buyBtn {padding: 10px 20px;}
    .drawBorder {padding: 10px 20px;}


    .engWidth {width: 100% !important;}
    .engPadding {padding: 10px 25px !important;}

    .bestSellerHolder {top:160px;left: 125px;}
    .bestSellerHolder.bigger > img {width: 80px;}

    .rightSide {width: 70%;}

    .buyTable {width: 90%;margin-top: 30px;}
    .signHolder {width: 90%;font-size: 15px;}
    .totalHolder {width: 90%;}

    .buttonsHolder {margin: 30px auto;}
    .buttonsHolder > .buyBtn {display: none;}
    .cartTotalsHolder { width: 90%;}

    .buyTable tr th {font-size: 16px;}
    .buyTable.cart {width: 95%;}

    .yellowBoxHolder > .contentHolder > .content > .title {font-size: 24px;top: -13px;}

    .customCheck label {font-size: 12px;padding-left: 30px;margin-right: 0;margin-bottom: 20px;}
    .readBtn.orderPage {float: none;}
    .termsHolder {margin-top: 0;}

    .ui-spinner-up {left: 40px;}
    input.ui-spinner-input {width: 25px;}

    .oneNewsHolder > div > .dateHolder {line-height: 20px;}
    .oneNewsHolder > div > h2 {line-height: 20px;}

    .slick-prev {left :0 !important;}

    .buyTable tr td {font-size: 14px;}
    .salesNote {font-size: 14px;}

    .totalKM {float: none;}
    .totalPreview {float: none;}

    .shop_basket_form h2 {font-size: 16px;width: 100%;text-align: center;}
}
@media screen and (max-width: 700px)  {
    .yellowBoxHolder.contact {max-width: 500px;left: 15px}
}


@media screen and (max-width: 400px)  {
    .yellowBoxHolder.bookStores {left: auto;}
    .bestSellerHolder, .bestSellerHolder.three_best {top:50px;left: 48px;}

    .buyTable tr td {font-size: 12px;}

    .customSelect {width: 235px;}
    .customSelect > select {width: 235px;}

    .customCheck label {padding-left: 20px;}
    .signHolder > .customCheck label {padding-left: 25px;}

    .buyTable .width_30 {width: 25px;}

    .buyTable tr th {font-size: 9px;}
}



/* KEN STYLE - DELETE LATER */
.engWidth .buyBtn {
    display: none;
}

.engWidth .readBtn {
    float: initial;
}

@media screen and (max-width: 900px)  {
    .engWidth .readBtn {
        margin-top: 30px;
        margin-left: 20px;
    }
}