@font-face {
	font-family:'Mabry-regular';
	src:url('/style/fonts/mabry-regular-pro.eot');
	src:local('☺'), url('/style/fonts/mabry-regular-pro.woff') format('woff'), url('/style/fonts/mabry-regular-pro.woff2') format('woff2'), url('/style/fonts/mabry-regular-pro.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Mabry-bold';
	src:url('/style/fonts/mabry-bold-pro.eot');
	src:local('☺'), url('/style/fonts/mabry-bold-pro.woff') format('woff'), url('/style/fonts/mabry-bold-pro.woff2') format('woff2'), url('/style/fonts/mabry-bold-pro.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Mabry-light';
	src:url('/style/fonts/mabry-light-pro.eot');
	src:local('☺'), url('/style/fonts/mabry-light-pro.woff') format('woff'), url('/style/fonts/mabry-light-pro.woff2') format('woff2'), url('/style/fonts/mabry-light-pro.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}


/* NEW CSS */
body { font-family:'Mabry-regular', Helvetica, sans-serif; color:#000; font-size:16px; font-weight:400; background-color:#F2EEEA; position:relative; /* -webkit-touch-callout: none;
     -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;  */}

img {pointer-events: none;}

a { font-family:'Mabry-regular', Helvetica, sans-serif; color:#000; font-size:16px; text-decoration:none; }
a:hover { font-family:'Mabry-regular', Helvetica, sans-serif; color:#000; font-size:16px; text-decoration:none;}

a, img, input, button, textarea, select { outline:none; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.clearfix:after { clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}

#wrapper { position:relative; overflow:hidden; padding:0 80px}
.wrapper { position:relative; width:1800px; margin:auto; }


#wrapper:before { content:''; width:80px; height:100vh; background:url(/style/images/justforyou-logo-left-bg.svg) no-repeat; background-size:60px auto; background-position:10px 50%; position:fixed; left: 0;}

.fl { float:left}
.fr { float:right}

button, a, .trans { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}

.btn { display:inline-block; height:50px; padding:0 50px; border:1px solid #000; border-radius:8px; line-height:50px; letter-spacing:0.1em; text-transform:uppercase; color:#333232; font-size:14px; background:transparent; text-align: center; position: relative}
.btn:hover { font-size:14px; color:#fff; background:#000; cursor:pointer}

.btn.black { color:#fff;  background:#000}
.btn.black:hover { color:#333232; background:transparent; cursor:pointer}

.btn.none { background: none; border:none; text-transform: inherit; padding: 0}
.btn.none:hover { color:#000;}

.btn span { line-height: 1;}
.btn img { display: inline; vertical-align: middle;}

.btn.semi { opacity:0.5}
.btn.semi:hover { opacity:0.5}



@-webkit-keyframes bgCircle {

	88% { background:#E5006D;
	} 
	77% { background:#12BAD9;
	} 
	66% { background:#8164A9;
	} 
	55% { background:#5AB132;
	} 
	44% { background:#ED7399;
	} 
	33% { background:#FAB426;
	} 
	22% { background:#E53B30;
	} 
	11% { background:#059370;
	} 
	0% { background:#9B2077;
	} 
}

@keyframes bgCircle {

	88% { background:#E5006D;
	} 
	77% { background:#12BAD9;
	} 
	66% { background:#8164A9;
	} 
	55% { background:#5AB132;
	} 
	44% { background:#ED7399;
	} 
	33% { background:#FAB426;
	} 
	22% { background:#E53B30;
	} 
	11% { background:#059370;
	} 
	0% { background:#9B2077;
	} 
}



.web-page.move-right { position: relative; left: 295px; }
.web-page { left: 0; position: relative; padding-top: 110px;}
.web-page.move-right:before, .web-page.move-left:before {
    content: '';
    position: absolute;
    left: -80px;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 11;
}

.web-page.move-right #header { left:295px}

/* MENU */

.left-nav { position: fixed; left: -295px; top: 0; bottom: 0; background: #F8F8F8; z-index: 22; width: 295px; padding:110px 20px 20px 20px; overflow-y: scroll; visibility:hidden}
.left-nav.active { visibility: visible; left: 0; }

.left-nav.scrollbar::-webkit-scrollbar-track {} 
.left-nav.scrollbar::-webkit-scrollbar { width:8px; } 
.left-nav.scrollbar::-webkit-scrollbar-thumb { border-radius:8px; box-shadow:inset 0 0 8px rgba(0,0,0,.3); background-color:#ccc; opacity:0.1;   }
.left-nav.scrollbar:hover::-webkit-scrollbar-thumb:hover { opacity:1} 


.left-nav .menu li { list-style-type:none; padding:5px 0}

.left-nav .menu li a { font-size:17px; text-transform: uppercase; font-weight:bold; position:relative}



.left-nav .menu li a:hover {
    background-size: 100% 2px;
}
.left-nav .menu li a {
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s cubic-bezier(0, 0.57, 0.55, 1);
    will-change: background-size;
}
.left-nav .menu li a:after {
    transform: scaleX(1);
    transform-origin: left center;
}
.left-nav .menu li a.active { color:#E5006D}

.left-nav .text { padding:20px 0}

/* HEADER */
#header { padding:30px 80px; height:110px; position:fixed; background:#F2EEEA; left:0; top:0; right:0; z-index:22; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}

.link { position: relative; width: fit-content;  cursor: pointer; overflow: hidden; transform: scale(1); transition: background 0s ease 0s, transform .12s ease-out, color .3s; border-radius: calc(-.00001px + 1.66667vw); padding: calc(-.00001px + .72917vw) calc(-.00001px + 1.04167vw);}
	
.link:before {
		left: 50%; top: 50%; right: auto; bottom: auto; background: #000; width: 100%; padding-top: 100%; transform: scale(0) translate(-50%,-50%); transform-origin: var(--x) var(--y);
		content: "";
		position: absolute;
		border-radius: 1px;
		pointer-events: none;
		transition-property: transform,background-color,border-color,box-shadow,color;
		transition-duration: .4s,.8s,.8s,.8s,.4s;
		z-index: -1;
		border-radius: 200px;
	}
	
 .link:hover:before { transform:scale(1) translate(-50%,-50%); z-index: -1 }
 .link:hover { color:#fff}


#header .toggle-left-nav { display:block; position:fixed; z-index:22; left:80px  }
#header .toggle-left-nav .burger { float:left; position:relative; width:50px; height:50px; background:#E5006D; border-radius:50px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
#header .toggle-left-nav:hover .burger { background:#000;}
#header .toggle-left-nav span { float:left; line-height:50px; margin-left:10px; font-size:16px; text-transform: uppercase; }
#header .toggle-left-nav i { position:absolute; display:block; height:2px; width:18px; background:#fff; left:16px}

#header .toggle-left-nav i:nth-child(1) { top:17px; }
#header .toggle-left-nav i:nth-child(2) { top:24px; }
#header .toggle-left-nav i:nth-child(3) { top:31px; }

#header .toggle-left-nav.active { position: fixed; z-index: 22; left: 20px;}
#header .toggle-left-nav.active span { display:none}

#header .toggle-left-nav.active i:nth-child(1) { top:25px; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
#header .toggle-left-nav.active i:nth-child(2) { top:25px; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }
#header .toggle-left-nav.active i:nth-child(3) { display:none }



#header .button { float:left; margin-left:200px; }

.web-page.move-right #header .button { margin-left:0; }

#header .button a { display:block; float:left; margin-right:10px; height:50px; border:1px solid #000; border-radius:50px; padding:0 20px; text-transform: uppercase; font-size:16px; line-height:50px}

#header .phone a, #header .create a { display:block; float:left; height:50px; border-radius:50px; padding:0 20px; text-transform: uppercase; font-size:16px; line-height:50px}
#header .create a { color:#fff}
#header .button a:hover, #header .phone a:hover, #header .create a:hover { color:#fff}
#header .button a:before{ background:#E5006D}


#header .phone { float:right; }
#header .phone a { background:#CFCCC9}
#header .create { float:right; margin-left: 10px}
#header .create a {background:#E5006D}

#header .phone svg, #header .create svg  { float:left; margin-right:5px; margin-top:2px; margin-left:-18px}
#header .phone a:hover path, #header .create a:hover path, #header .phone a:hover rect, #header .create a:hover rect { stroke:#fff}

#header .cart { position:relative; float:right; margin-top: 8px; margin-left:40px}
#header .cart span { position:absolute; left:15px; top:-5px; width:20px; height:20px; border-radius:20px; color:#fff; background:#333232; text-align:center; line-height:20px; font-size: 12px}
#header .cart img { height:32px; display: block;}

#header .user { position:relative; float:right; margin-top: 8px; margin-left:20px}
#header .user a { display:block; width:46px; height:40px; float:left; background-repeat:no-repeat;  margin-left:5px; background-position:50% 0%;}
#header .user .edit { background-image:url(/style/images/icon-user-edit.svg); background-size:auto 41px; }
#header .user .login { background-image:url(/style/images/icon-logout.svg); background-size:auto 30px;}
#header .user .logout { background-image:url(/style/images/icon-login-out.svg); background-size:auto 30px;}


.video-text { font-size:32px; text-transform: uppercase; border-bottom: 0.5px solid #CFCFCF; margin-bottom:40px; padding-bottom:40px}

.video-text a { color:#E5006D;  font-size:32px; text-transform: uppercase; position:relative; font-weight:bold; text-decoration:underline}
.video-text a:hover { font-size:32px; z-index:1001; color:#fff; text-decoration:none}

.video-container {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #262626;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .31s;
}
.video-container.active {  visibility: visible; opacity: 1;}

.video-container .hover-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: opacity .3s 0s, visibility 0s .31s;
}

.video-container .hover-video.active {  visibility: visible; opacity: 1;}

.video-container .video-title {
    position: absolute;
    bottom: 13%;
    z-index: 3;
    left: 75.5%;
    object-fit: cover;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .31s;
	color:#fff;  font-weight:bold; font-size:32px;
}

.video-container .video-title .close { display:none; position: fixed; top: 90%; left: 50%; transform: translate(-50%, 0%); background:#fff; width:32px; height:32px; border-radius:50%; }

.video-container .video-title .close:before, .video-container .video-title .close:after  { content:""; position:absolute; display:block; height:2px; width:18px; background:#000;left: 7px;
    top: 16px;}

.video-container .video-title .close:before { -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
.video-container .video-title .close:after { -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }

.video-container .video-title.active {  visibility: visible; opacity: 1;}

.tab-control { padding-bottom:20px}
.tab-control ul li { list-style-type:none}
.tab-control ul li a { display:block; float:left; margin-right:10px; height:50px; border:1px solid #000; border-radius:50px; padding:0 20px; text-transform: uppercase; font-size:16px; line-height:50px }
.tab-control ul li a.active { background:#000; color:#fff}

.tab-item { display:none}
.tab-item.active { display:block}

/* CENTER */
#center { padding:0 0 60px 0}


.program-title { font-weight:bold; font-size:32px; float:left; }

.program-title a { float:right; margin-left:20px; display:block; display:block; height:50px; border:1px solid #000; border-radius:50px; line-height:50px; padding:0 20px ; margin-right:10px; text-transform: uppercase;}

.program-title a  svg {
    float: right;
    margin-left: 5px;
    margin-top: 1px;
    margin-right: -19px;
}
.program-title  a:hover path, .program-title a:hover rect { stroke:#fff}


.short-program-info { float:right; padding-top:5px}
.short-program-info span { float:left; display:block; padding: 0 10px; margin-left:10px; border-radius:20px; height:35px; line-height:35px; background:#FFFBF7; text-transform: uppercase;}



.program-list {display:flex; flex-wrap: wrap; column-gap: 2%; padding-top:40px}

.program-list .program-item {  width: 49%; margin: 0 0% 20px 0; border-radius:20px; background:#fff}
.program-list .program-item .program-slider { border-radius:20px; overflow:hidden; }
.program-list .program-item .program-slider .item:hover img {   transform: scale(1.04);}
.program-list .program-item .program-slider img { display:block; width:100%;  transform: scale(1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.program-list .program-item .program-info { padding:20px; flex-direction: row-reverse; display:flex}
.program-list .program-item .program-info .name {  font-weight:bold; color:#000; font-size:32px;  align-content: center; width: 50%; text-align: right;}
.program-list .program-item .program-info .meta { line-height:1.3; width: 100%;}

.program-slider {}
.program-slider .owl-nav { position:absolute; right:0; top:0}
.program-slider .owl-nav button { top:0 !important; margin-top:0 !important; background: #fff !important;}

.program-slider .owl-nav button.disabled { opacity:block !important}

.program-slider .owl-nav .owl-prev {
    right: 60px !important; left:auto !important; border-radius:0 0 0 20px !important
}
.program-slider .owl-nav .owl-next {
    right: 0px !important; left:auto !important; border-radius: 0 20px 0 0  !important;
}

.program-slider .owl-nav .owl-prev:hover { background:#E5006D !important}
.program-slider .owl-nav .owl-next:hover { background:#E5006D !important}

.max-list { padding:40px; border-radius:20px 20px 0 0; background:#E5006D; margin-top:40px; color:#fff}
.max-list h3 { font-size:32px; padding-bottom:20px}
.max-list img { width:100%; display:block; border-radius:20px; transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
.max-list a:hover img { transform: scale(1.025); }
.max-list .name { font-weight:bold; font-size:18px;  padding:10px 0 5px 0}


.client-list { padding:40px; border-radius:20px 20px 0 0 ; background:#fff; margin-top:60px}
.client-list h3 { font-size:32px; padding-bottom:20px}
.client-list img { width:100%; display:block; border-radius:20px}
.client-list .name { font-weight:bold; font-size:18px;  padding:10px 0 5px 0}

.about-video { height:80vh; border-radius:20px; overflow:hidden; position:relative; margin-top:60px; display: flex;
    align-items: center;
    justify-content: center;}
.about-video video { width:100%; object-fit: cover; height:100%}
.about-video .text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

.about-video .text a { display:block; height:50px; border:1px solid #fff; border-radius:50px; padding:0 20px;  font-size:16px; color:#fff; font-weight:bold; text-transform: uppercase; line-height:50px}

.max-slider.slider .owl-nav .owl-prev, .client-slider.slider .owl-nav .owl-prev {
left: -50px;
}
.max-slider.slider .owl-nav .owl-next, .client-slider.slider .owl-nav .owl-next {
right: -50px;
}

.program-detail {}

.program-detail h1 { text-transform: uppercase; font-size:32px}
.program-detail h1 a { font-size:32px; text-decoration:underline}
.program-detail h1 a:hover { font-size:32px; text-decoration:none}

.program-detail .left-part { float:left;}
.program-detail .right-part { float:right;}


.program-detail .wrapper .left-part { float:left; padding:20px 20px 20px 0; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; width:calc(100% -  420px)}
.program-detail .wrapper .right-part { float:right; padding:20px 0 20px  20px ; border-top:1px solid #cfcfcf; }

.program-detail .thumb { position:relative; height: 80vh; display: flex; align-items: center; justify-content: center; margin:35px 0; border-radius:20px; overflow:hidden}
.program-detail .thumb img { width:100%; height:100%; display:block; object-fit: cover;}
.program-detail .thumb .not-service { padding:10px 20px; background:rgba(255,255,255,0.8); position:absolute; left:0; bottom:20px; right:0; text-transform: uppercase; border-top:1px solid #E5006D; border-bottom:1px solid #E5006D }

.program-detail .thumb .meta { position:absolute; top:20px; left:20px; font-size:12px;}
.program-detail .thumb .meta span { float:left; display:block; padding: 5px 10px; margin:0 10px 10px 0; border-radius:20px; background:#FFFBF7; text-transform: uppercase;}

.program-detail .more-thumb { display:flex; flex-wrap: wrap; column-gap: 2%; margin-bottom:40px; justify-content: center;}
.program-detail .more-thumb .item { width:23.5%; border-radius:20px; overflow:hidden; margin-bottom:20px}
.program-detail .more-thumb .item img { width:100%; display:block;  transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
.program-detail .more-thumb .item a:hover img { transform: scale(1.025); }

.program-detail  .good-list .resume { min-height:100px}

/* SLIDER */
.slider.unique { position:relative; padding-bottom: 50px }
.slider.unique .owl-stage-outer  { overflow:hidden}
.slider.unique .owl-item { float:left; min-height:1px; }

.slider.unique .owl-nav { display: none}
.slider.unique .owl-nav.disabled { display:none; }
.slider.unique .owl-dots.disabled { display:none; }

.slider.unique .owl-dots { position:absolute; width:max-content; transform:translate(-50%, 0); bottom:20px; left:50%; }
.slider.unique .owl-dots button { display:block; border:1px solid #C4C4C4; background:#C4C4C4; border-radius:10px; width:15px; height:15px; float:left; margin:0 10px;}
.slider.unique .owl-dots button.active { background:#fff;  }
.slider.unique .owl-dots span { display:none }

.slider.unique .owl-nav button.disabled { display:none; }
.slider.unique .owl-nav button { position:absolute; top:50%; z-index:10; display:block; background:transparent; width:60px; height:60px; border-radius:3px; text-align:center; border:none; margin-top:-30px; cursor:pointer; color:#000}
.slider.unique .owl-nav button:hover { background:rgba(255,255,255,1); color:#000 }
.slider.unique .owl-nav button span { display:block; text-align:center; font-size:24px}
.slider.unique .owl-nav .owl-prev { left:0px; }
.slider.unique .owl-nav .owl-next { right:0px;}

.slider.unique .owl-dots button { border:1px solid #E5006D; background:#fff;}
.slider.unique .owl-dots button.active { background:#E5006D; }



.marquee {
  width: 100%;
  overflow: hidden; /* Скрывает выходящий текст */
  white-space: nowrap; /* Запрещает перенос строк */
}

.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 35s linear infinite; /* Анимация */
}

@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); } /* Движение влево */
}

.up-down { animation: UpDown 2s linear infinite;}

@keyframes UpDown {
  0% { transform: translate(0, 6px); }
  50% { transform: translate(0, -6px); }
  100% { transform: translate(0%, 6px); } /* Движение влево */
}

.unique-block { margin: 40px 0}
.unique-block .name { background: #E5006D; padding: 40px 0; text-align: center; font-size: 22px; font-weight: 100; color: #fff; text-transform: uppercase}
.unique-block .name span { display: block}
.unique-block .name img { margin: 20px 0; }

.unique {}
.unique .item { padding: 20px 20px 0 20px; border-radius: 40px; background:#fff}
.unique .item a { display: block}
.unique .item img { float:right}

.unique .create a { display:block; height:50px; border-radius:50px; padding:0 20px; text-transform: uppercase; font-size:16px; line-height:50px; color:#000; border:1px solid #000}
.unique .create a:hover { color:#fff}
.unique .create svg {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
    margin-left: -19px;
}
.unique .create .link:before { background: #E5006D}

.unique .create a:hover path, .unique .create a:hover rect { stroke:#fff}


.unique .item ul { position: relative; padding-bottom: 20px}
.unique .item ul li { list-style-type: none; padding-bottom: 10px; padding-left: 25px; position: relative}
.unique .item ul li:before { content:''; position:absolute;  width:13px; height:13px; border:1px solid #E5006D; border-radius:10px; background: #fff; margin-top: 5px; left: 0; z-index: 1}
.unique .item ul li:after { content: ''; width: 1px; height: 100%; left: 7px; background:#E5006D; position: absolute; top: 5px }
.unique .item ul li:last-child:after { display: none}

.unique .item ul li:first-child { font-weight: 700; font-size: 22px; line-height: 1.3}

.unique .item ul li:first-child:before { background: #E5006D}




.info-block { background: #fff; border-radius: 20px; padding: 15px 0; margin-bottom: 40px}
.info-block .info-list { border-top: 1px solid #ccc; }
.info-block .info-list .info-item { padding: 15px}
.info-block .info-list .info-item .thumb { float: right; width: 140px}
.info-block .info-list .info-item .thumb img { width: 100%; }
.info-block .info-list .info-item .name { font-size: 18px; font-weight: 700; position: relative; padding-left: 20px; margin-left: -20px; padding-bottom: 10px; line-height: 1.3}
.info-block .info-list .info-item .name:before { position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 10px; background: #E5006D; content: '';}
.info-block .info-list .info-item .info { padding-left: 20px;}

.info-block .info-callback { padding: 15px 20px; float:left}

.info-block .info-callback a { background: url("../../images/landing/call-back.svg") no-repeat 0 50%; padding:0 0 0 60px; height: 60px; display: flex; align-items: center; text-transform: uppercase}



.info-block .logo { width:280px; position: relative; margin:0 auto 20px auto;}
.info-block .logo a { display:block; position:relative}
.info-block .logo a:before { content:''; width:120px; height:120px; border-radius:50%; position:absolute; background:#9B2077; right:6.5%; top:0; -webkit-animation: bgCircle 10s infinite ease-in-out; animation: bgCircle 10s infinite ease-in-out; }
.info-block .logo img { height:120px; display:block; position:relative; z-index:1}


/* FOOTER */
#footer { font-family:'Mabry-light', Helvetica;}
#footer strong { text-transform: uppercase; font-family:'Mabry-regular', Helvetica;}
#footer .footer-info { border-top:0.5px solid #CFCFCF; border-bottom:0.5px solid #CFCFCF; padding:80px 0; column-gap: 2%; display:flex;     flex-wrap: wrap;}
#footer a { color:#000; font-size:16px !important; }


#footer .col { width:23.5%; }


#footer .footer-subinfo { padding:50px 0 50px 0}

#footer .menu { float:left; margin-right:80px}
#footer .menu li {list-style-type:none;}
#footer .menu li a { color:#000000; font-family:'Mabry-regular', Helvetica;}
#footer .menu li a:hover { text-decoration:underline }

#footer .copy { float:left;}
#footer .card-list { float:right;}
#footer .card-list li { float:left; list-style-type:none; margin-left:20px}
#footer .card-list li:first-child { margin-left:0}
#footer .card-list li img { height:24px; display:block}

/* BLOCK */
.block { padding:80px 0; position:relative; }
.block.white { border-radius:30px; background:#fff}
.block.reg { border-radius:30px; background:#fff; padding:40px 80px; max-width:640px; margin:100px auto}
.block.cart { border-radius:30px; background:#fff; padding:20px; margin-bottom: 30px}

.block-header { font-size:72px; text-align:center; text-transform:uppercase; line-height:1.3;}
.block-header.center { text-align:center}
.block-header .left { float:left; width:50%; padding-right:40px; text-align:right;  position:relative; }
.block-header .left:after { content:''; position:absolute; right:0; width:4px; height:75%; top:50%; transform:translate(0%, -50%); background:#000}
.block-header .right { float:right; width:50%; padding-left:40px; text-align:left}

.quiz-block .wrapper { max-width: 920px; text-align: center}
.quiz-block .button { padding-top: 20px}
.quiz-block .button .btn { height: 72px; line-height: 72px; padding:0 70px;}

.about-block .wrapper { max-width: 920px; text-align: center}
.about-block-2 .wrapper { max-width: 1200px; text-align: center}

/* CONTENT */
.content { font-size:18px; font-family:'Mabry-light', Helvetica;}
.content a { color:#E4006D; font-size:18px}
.content a:hover { font-size:18px}
.content a.u { }
.content ul, .content ol { padding-left:18px; color:#111; list-style-type:none; padding-bottom:20px}
.content ul li { list-style-type:circle}
.content ol li { list-style-type:decimal}
.content h2 { font-size:52px; padding-bottom:30px; margin:0; line-height: 1.4}
.content h3 { font-size:40px; padding-bottom:30px; margin:0; line-height: 1.4}
.content h4 { font-size:32px; padding-bottom:30px; margin:0; line-height: 1.4}

.content h3 a { font-size:40px; color:#000; text-decoration:underline}
.content h3 a:hover { font-size:40px;}
.content p { padding-bottom:20px}
.content p + div { padding-bottom:20px }
.content blockquote { padding:0 20px; font-size:18px; margin-bottom:20px; margin-left:20px; border-left:6px solid #808080; font-style:italic}
.content blockquote p:last-child  { padding-bottom:0}

.content strong { font-family:'Mabry-regular';}

.content i { font-style:italic; font-weight: 500; }

.content-link { background:url(../images/content-link.svg) no-repeat right 50%; padding-right:15px; position:relative; color:#000 !important}
.content-link.instagram { padding-left:25px}
.content-link.instagram:before { content:''; position:absolute; width:20px; height:20px; left:0; top:2px; background:url(../images/icon-instagramm.svg) no-repeat right 0; background-size:20px auto;}


.title-experts { text-transform:uppercase;font-family:'Mabry-regular', Helvetica, sans-serif; display:inline-block; padding-right:34px;  background: url(../images/expert-plus.svg) no-repeat right 25px; background-size: 24px auto;}



.iframe {position:relative; overflow:hidden; padding-top:56.25%; margin-bottom:20px}
.iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

/* PARTNER */
.partner-list { padding-top:100px}
.partner-list li { float:left; width:32%; margin-right:2%; margin-bottom:50px; list-style-type:none; height:100px}
.partner-list li:nth-child(3n) { margin-right:0;}
.partner-list li img {display:block; margin:auto; height:100% }

.partner-list ul li:nth-child(7),
.partner-list ul li:nth-child(8),
.partner-list ul li:nth-child(9),
.partner-list ul li:nth-child(10),
.partner-list ul li:nth-child(11),
.partner-list ul li:nth-child(12),
.partner-list ul li:nth-child(13) { width:15%; margin-right:2%; height:50px }
.partner-list ul li:nth-child(12) { margin-right:0 !important;}

.partner-list ul li:nth-child(13), .partner-list ul li:nth-child(14), .partner-list ul li:nth-child(15) {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 50px;
    list-style-type: none;
    height: 100px;
}
 .partner-list ul li:nth-child(15) {  margin-right:0;}

.partner-list .first { text-aling:center; height:100px; margin-bottom:50px;}
.partner-list .first img { display:block; margin:auto; height:100% }

.about-page .arrow { background:url(../images/icon-about-arrow.svg) no-repeat 0 -1px; padding-left:80px; margin-left:-40px}

/* CATEGORY */
.category-cirlce { padding-top:80px; max-width:1610px; margin: auto}
.category-cirlce li { display:block; float:left; width:32%; margin-right:2%; margin-bottom:60px}
.category-cirlce li:nth-child(2), 
.category-cirlce li:nth-child(5), 
.category-cirlce li:nth-child(8),
.category-cirlce li:nth-child(11){ text-align:center}
.category-cirlce li:nth-child(3n) { text-align:right; margin-right:0;}

.category-cirlce li img { height:100%; display:block; border-radius: 50%; overflow: hidden; position: relative; z-index: -1; opacity:0; clip-path: circle(50% at center center);}



.category-cirlce li a .before, 
.category-cirlce li a .after { position:absolute; z-index:1; display:block; left:0%; top:0%; width:100%; height:100%; border-radius:50%; transform:scale(0);  }

.category-cirlce li a:hover .before { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); }
.category-cirlce li a:hover .after { -webkit-transform:scale(1.2);  -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;}

.category-cirlce li a .before { -webkit-transition:transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition:transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition:transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition:transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1); transition:transform 1350ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.category-cirlce li a .after { -webkit-transition:transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition:transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition:transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition:transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition:transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.category-cirlce li a { clip-path: circle(50% at center center); height:18vh; border-radius:50%; position:relative; display:inline-block; text-align:center; color:#fff; text-transform:uppercase; font-size:calc(1vh + 1vmin); overflow:hidden;  -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.category-cirlce li a span.name { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5 }

.category-cirlce li a img.logo { opacity:1; border-radius:0; clip-path: none; position:absolute; z-index:2; left:0; top:0; width:100%; display:block}

.category-line { margin:0 -1%; padding-top:50px }
.category-line li { float:right; width:10.5%; margin:0 1% 15px 1%; list-style-type:none; }
.category-line li a { position:relative; padding:15px 0; height:75px; border-radius:20px; display:block; text-align:center; color:#fff; text-transform:uppercase; overflow:hidden; font-size: 12px; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.category-line li a span.name { position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%, -50%); padding: 0 3px;}
.category-line li a img { position:relative; z-index:1}
.category-line li.active { float:left}
.category-line li.active a { background:transparent !important; border:1px solid #8C8C8C; color:#8C8C8C }
.category-line li a:hover { color:#fff}
.category-line li a .before, 
.category-line li a .after { position:absolute; display:block; left:0%; top:0%; width:100%; height:100%; border-radius:20px; 
  -webkit-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -moz-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);
  -o-transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.155, 0.61, 0.355, 1);  transform:scale(0); }

.category-line li a:hover .before { -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%) }
.category-line li a:hover .after { -webkit-transform:translateY(0%);  -moz-transform:translateY(0%); -o-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;}

.category-line li a .before { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%) }
.category-line li a .after { -webkit-transform:translateY(120%);  -moz-transform:translateY(120%); -o-transform:translateY(120%); -ms-transform:translateY(120%); transform:translateY(120%); -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;}

.good-category-line li { float:left !important; }



.category-detail { padding-top:60px}
.category-detail .left-part { width:30%; float:left}
.category-detail .right-part { width:60%; float:right; padding-top:10px;}


/* QTY */
.good-qty { width:115px; text-align:center; }
.good-qty span { display:block; float:left; width:30px; height:30px; line-height:30px; color:#000; font-size: 24px; position:relative; z-index:1; visibility: visible; color:#000; font-family: 'Mabry-regular', Helvetica, sans-serif; font-size: 24px; font-weight:400;}
.good-qty span.plus:hover, .good-qty span.minus:hover { cursor:pointer}
.good-qty input.qty { margin:0 5px; text-align:center; background:#fff; display:block; float:left; width:44px; height:30px; border-radius:5px; border:1px solid #000; line-height:30px; -moz-appearance:textfield;}
.good-qty span.qty {  margin:0 5px; background:#fff; }
.good-qty span button { background:none; height: 30px; width:100%; border:none; display:block; line-height:28px; font-size: 24px; cursor: pointer; position:relative; z-index:1; visibility: visible; color:#000; font-family: 'Mabry-regular', Helvetica, sans-serif; font-size: 24px; font-weight:400;}
.good-qty input.qty::-webkit-outer-spin-button,
.good-qty input.qty::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

 .good-qty .unit { text-align:center; font-size: 12px;}

.cart-detail {}
.cart-detail .left-part { float: left; width: 60%}
.cart-detail .right-part { float: left; width: 40%; padding-left: 30px}
.cart-detail h3 { font-size: 24px; padding-bottom: 20px}
.cart-detail h4 { font-size: 20px; padding-bottom: 20px; font-weight: 400}



.cart-detail .web-form { padding: 20px 0; border-top: 0.5px solid #C4C4C4}
.cart-detail .web-form:last-child { border-bottom: 0.5px solid #C4C4C4}

.good-cart {}
.good-cart .good-cart-header { color:#333232; padding-bottom: 20px}
.good-cart .good-cart-header .info { font-size: 24px; float: left; width:calc(100% - 340px); margin-right: 20px }
.good-cart .good-cart-header .form { font-size: 16px;  float: left; width:135px; padding-top: 10px; margin-right:20px; text-align: center}
.good-cart .good-cart-header .price { font-size: 16px; float: left; width:110px; padding-top: 10px; margin-right:20px}

.good-cart .good-item {  position: relative; border-bottom: 0.5px solid #C4C4C4; padding: 20px 0}
.good-cart .good-item:last-child { border-bottom: none}
.good-cart .good-item .info {float: left; width:calc(100% - 340px); margin-right: 20px }
.good-cart .good-item .info .name, .good-cart .good-item .info .name a { font-size:24px;}
.good-cart .good-item .form { float: left; width:135px; padding:0 10px; margin-right: 20px; }
.good-cart .good-item .price { float: left; width:110px; margin-right:20px}
.good-cart .good-item .price .subtotal { font-size: 22px;}
.good-cart .good-item .button { float: left; }
.good-cart .good-item .button button { background: none; border: none; cursor: pointer}


.cart-payment-type {}
.cart-payment-type li { list-style-type: none; margin-bottom: 15px}
.cart-payment-type li label { border:1px solid #C4C4C4; box-sizing: border-box; border-radius: 5px; display: block; position: relative; padding:20px 40px 20px 40px; background-repeat: no-repeat; background-position: 10px 50%}
.cart-payment-type li label input { display: none}
.cart-payment-type li label .checkmark { border:1px solid #C4C4C4; border-radius: 20px; width: 20px; height: 20px; position: absolute; right: 20px; top:50%; margin-top: -10px}
.cart-payment-type li label input:checked ~ .checkmark { border:1px solid #333232; }
.cart-payment-type li label input:checked ~ .checkmark:before { content: ''; border-radius:12px; width: 12px; height: 12px; position: absolute; right:3px; top:3px; background: #333232}

.cart-payment-type li label.online { background-image: url(../images/icon-pay-online.svg)}
.cart-payment-type li label.cash { background-image: url(../images/icon-pay-cash.svg)}
.cart-payment-type li label.law { background-image: url(../images/icon-pay-law.svg)}


.tooltip { cursor:help; position: relative; background:#000000 ;width: 15px; height: 15px; display: inline-block; border-radius:15px; color: #fff; text-align: center; font-size: 12px}
.tooltip:hover {color: #fff;}
.tooltip:after { background:#F2EEEA; border-radius:30px 30px 30px 0px; color:#000000; font-size: 16px; content:attr(data-tooltip); opacity:0; padding:20px; position:absolute; visibility:hidden; z-index:10; bottom:13px; left:13px; min-width:340px; text-align: left}
.tooltip:hover:after {opacity: 1; visibility:visible;}

.good-short-cart {  border-bottom: 0.5px solid #C4C4C4; border-top: 0.5px solid #C4C4C4; padding: 20px 0}
.good-short-cart .good-item {  position: relative; padding: 10px 0; color:#333232}
.good-short-cart .good-item .name { width: calc(100% - 100px); float:left}
.good-short-cart .good-item .price { float:right; text-align: right }

.cart-detail .total { padding-top: 20px}
.cart-detail .total .name { font-weight: bold; padding-top:5px}
.cart-detail .total .price { font-size: 24px; float:right}
.cart-detail .button { padding-bottom: 20px}
.cart-detail .button .btn { width: 100%}


.start-date-slider { margin-bottom: 20px; padding: 0 30px}
.start-date-slider .item { width: 84px; height: 64px; text-align: center; color: #000; position: relative}
.start-date-slider .item label input { display: none}
.start-date-slider .item label .checkmark { border: 1px solid #C4C4C4; border-radius: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer}
.start-date-slider .item label input:checked ~ .checkmark { border:1px solid #000; }
.start-date-slider .item .day { font-size: 18px; padding-top: 10px; line-height: 1.1}
.start-date-slider .item .weekday { font-size: 14px}


.start-time-slider { padding: 0 30px}
.start-time-slider .item { width:84px; height:52px; text-align: center; color: #000; position: relative}
.start-time-slider .item label input { opacity: 0; position: absolute;}
.start-time-slider .item label .checkmark { border: 1px solid #C4C4C4; border-radius: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer}
.start-time-slider .item label input:checked ~ .checkmark { border:1px solid #000; }
.start-time-slider .item .time { font-size: 14px; padding: 10px 10px 0 10px; line-height: 1.1}


.checkout-view {  }
.checkout-view .name { float:left; width: 60%; padding: 13px 0;}
.checkout-view .name.icon { padding-left:40px; background-repeat: no-repeat; background-position: 0 50%}
.checkout-view .name.icon.online { background-image: url(../images/icon-pay-online.svg)}
.checkout-view .name.icon.cash { background-image: url(../images/icon-pay-cash.svg)}
.checkout-view .name.icon.law { background-image: url(../images/icon-pay-law.svg)}
.checkout-view .button { float:right}

.review-slider {padding:20px 0 60px 0}
.review-slider .item { font-size: 18px; font-family: 'Mabry-light', Helvetica;  background:#fff; border-radius:30px; padding:20px 20px; position: relative; /*cursor: grab;*/; box-shadow:5px 5px 10px rgba(228, 0, 109, 0.1); margin-bottom: 10px; }
.review-slider .item .info {  overflow-y:scroll; overflow-x:hidden; height:135px;  padding-right:5px}
.review-slider .item .name { padding-bottom:10px; font-weight:bold; text-align:right; font-size: 20px;}
.review-slider .item .name span { display:inline-block; width:16px; height:16px; border-radius:16px; background:#ccc; margin-right:10px; }

.review-slider .owl-dots { position:absolute; width:max-content; transform:translate(-50%, 0); bottom:10px !important; left:50%; }
.review-slider .owl-dots button { display:block; border:1px solid #C4C4C4 !important; background:#fff !important; border-radius:10px; width:15px; height:15px; float:left; margin:0 10px;}
.review-slider .owl-dots button.active { display:block; border:1px solid #E4006D !important; background:#E4006D !important; border-radius:10px; width:15px; height:15px; float:left; margin:0 10px;}

/* GOOD */
.good-slider { width: calc(100vw - (100vw - 1518px) / 2) }
.good-slider .owl-nav .owl-next { background:url(../images/slider-arrow-right.svg) no-repeat 50% 50%; width: 65px;height: 65px;}
.good-slider .owl-nav .owl-next:hover { background:url(../images/slider-arrow-right.svg) no-repeat 50% 50%;}
.good-slider .owl-nav .owl-next span { display:none}

.good-slider .owl-nav .owl-prev { background:url(../images/slider-arrow-left.svg) no-repeat 50% 50%; width: 65px;height: 65px;}
.good-slider .owl-nav .owl-prev:hover { background:url(../images/slider-arrow-left.svg) no-repeat 50% 50%;}
.good-slider .owl-nav .owl-prev span { display:none}

.icon-swipe { position:absolute; left:0; background:url(../images/icon-swipe.svg) no-repeat 0 0; width:50px; height:62px; left:160px; margin-top: -51px; animation: SwipeIcon 1.6s linear infinite; display:block}


@keyframes SwipeIcon {
    0% {margin-left: 0;}
	50% {margin-left: 20px;}
    100% {margin-left: 0;}
}

.good-list {}
.good-list .good-item { font-size:16px; width:400px; background:#fff; border-radius:30px; padding:20px 0; position: relative; /*cursor: grab;*/}
.good-list .good-item:active {
      /*   cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing; */
    }
.good-list .good-item.first { border:1px solid #E4006D}
.good-list .good-item.first .subname { color:#E4006D !important}
.good-list .good-item.first .price .label, .good-list .good-item.first .price .label span { color:#E4006D !important}

.good-list .good-item.first .form .btn { background:#E4006D; color:#fff; border-color:#E4006D}
.good-list .good-item.first .form .btn:hover { background:#fff; color:#000; border-color:#000}

.good-list .good-item.first .good-qty input.qty { border-color:#E4006D }

.good-list .good-item.g.first .name { color:#E4006D !important}

.good-list .name { font-size:22px; padding: 0 20px;}
.good-list .subname { font-size:24px; padding: 0 20px}
.good-list .subname a { font-size:24px; text-decoration:underline}
.good-list .subname a:hover { font-size:24px; text-decoration:none}

.good-list .thumb { margin:20px 0 0 0; width:100%; padding-bottom: 62%; position:relative; background:#fbf6f1; overflow:hidden }
.good-list .thumb .img { position: absolute; top:50%; left:50%; display:block; width:100%; 
	-webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); 
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }

.good-list .good-item:hover .thumb .img { width: 120%; top:50%; }

.good-list .thumb .meta { position: absolute; z-index: 2; right: 20px; top: 14px; }
.good-list .thumb .meta li { display: block}
.good-list .thumb .meta li img { width:50px}

.good-list .good-item .pdf { position:absolute; padding:10px 30px 10px 0; background-image:url(/style/images/pdf-icon.svg); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; display:block; right: 3px; margin-top: 18px;}


.good-list .good-item .pdf span {  position: relative; display: inline-block}
.good-list .good-item .pdf span:hover:after  { transform:scaleX(1); transform-origin:left center; }
.good-list .good-item .pdf span:after { transform:scaleX(0); transform-origin:right center; }
.good-list .good-item .pdf span:after { background:#e4006d; bottom:0px; content:''; height:2px; left:0; position:absolute; transition:transform 0.4s ease; width:103px; border-radius:2px}

.good-list .resume { padding:30px 20px; min-height: 256px; font-family:'Mabry-light', Helvetica;}
.good-list .resume ul, .good-list .resume ol { padding-left:18px; color:#000; list-style-type:none; }
.good-list .resume ul li { list-style-type:disc; padding-top:5px}
.good-list .resume ol li { list-style-type:decimal; padding-top:5px}

.good-list .button-meta + .resume { padding-top: 0; min-height:51px}

.good-list .button-meta { padding: 30px 20px 10px 20px;}
.good-list .button-meta .button { position:relative; float:left; margin-right:10px; margin-bottom:10px}
.good-list .button-meta .button .btn { height: 42px; line-height: 42px; padding: 0 10px; min-width: 100px; font-size: 12px;}
.good-list .button-meta .button .btn.active { color:#fff; background:#000;}

.good-list .button-meta .meta-info { display:none; position:absolute; z-index: 2; padding:15px 5px 15px 15px; background:#F2EEEA; border-radius: 0 15px 15px 15px ; border:1px solid #000; top:calc(100% + 10px); width:270px; font-family: 'Mabry-light'; font-size: 14px; overflow:hidden;}

.good-list .button-meta .meta-info .scrollbar { overflow-y:scroll; overflow-x:hidden; max-height:135px; height:100%; padding-right:5px}

.good-list .button-meta .meta-info strong, .good-list .button-meta .meta-info b { font-family:'Mabry-regular'; }
.good-list .button-meta .meta-info .close { position:absolute; right:-30px; top:-30px; background:#000; color:#fff; width:60px; height:60px; border-radius: 60px; cursor:pointer; z-index:5}
.good-list .button-meta .meta-info .close:before { content:''; position:absolute; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); width:1px; height:15px; background:#fff; left:17px;top: 36px;}
.good-list .button-meta .meta-info .close:after { content:''; position:absolute; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); width:1px; height:15px; background:#fff; left:17px;top: 36px;}


.good-list .button-meta .meta-info.big { width:100% !important; height:100%; left:0; top:0; border-radius: 30px; background:#fff !important;  padding-right:0px}
.good-list .button-meta .meta-info.big .over {  overflow-y:scroll; height: 100%; padding-right:15px}
.good-list .button-meta .meta-info.big .content { font-size:16px}
.good-list .button-meta .meta-info.big .content a { display:block }
.good-list .button-meta .meta-info.big .content a img { display:block; width:100%}
.good-list .button-meta .meta-info.big .close { right: -25px; top: -25px;}

.good-list .button-meta .meta-info ul { list-style-type:none; padding-top:5px}
.good-list .button-meta .meta-info ul.kpfc li { position:relative; overflow:hidden}
.good-list .button-meta .meta-info ul.kpfc li:before { content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";  position:absolute; z-index:0}
.good-list .button-meta .meta-info ul.kpfc li span {float:left; background: #F2EEEA; z-index:1; position: relative; padding:0 5px 0 0}
.good-list .button-meta .meta-info ul.kpfc li span:nth-child(2) {float:right; ; padding:0  0 0 5px}

.good-list .button-meta .button:nth-child(3) .meta-info {
    right: 0;
}

.good-list .good-item.opacity { opacity:0.5}

.good-list .price { padding: 0 20px}
.good-list .price .label { font-size:20px; float:left; width:140px}
.good-list .price .desc { float:right; width:calc(100% - 140px); padding-top:6px; font-family:'Mabry-light', Helvetica;}

.good-list .video { padding:10px 0 0 0;}
.good-list .video a { background:url(../images/play-video.svg) no-repeat 0 50%; padding-left:20px; font-size:xx-small; color:#9a9a9a; text-transform: uppercase; cursor:pointer}

.good-list .form { padding: 30px 20px 0 20px}
.good-list .form .button { float:none}
.good-list .form .btn { height:42px; line-height:42px; padding:0 10px; width:100%; font-size: 12px; }
.good-list .form .btn.disable { opacity:0.3; cursor:default}
.good-list .form .btn.disable:hover { background:#fff; color:#000}
/*.good-list .form .btn:hover { background: #fff; color: #000} */

.good-list .form.active .button { float: left; width: calc(100% - 130px)}
.good-list .form.active .good-qty { display: block}

.good-list .good-qty { padding-top:6px; float:right; display:none}


.scrollbar::-webkit-scrollbar-track {} 
.scrollbar::-webkit-scrollbar { width:4px; } 
.scrollbar::-webkit-scrollbar-thumb { border-radius:4px; box-shadow:inset 0 0 4px rgba(0,0,0,.3); background-color:#ccc; opacity:0.1 }
.scrollbar:hover::-webkit-scrollbar-thumb:hover { opacity:1} 


/* mobile */
.good-mobile { display: none}
.good-mobile .good-item { width: 100%; font-size:14px; border-bottom: 1px solid #F2EEEA; border-radius: 0; padding: 0 0;}
.good-mobile .good-item:first-child { border-radius: 10px 10px 0 0 }
.good-mobile .good-item:last-child { border-bottom: none; border-radius:0 0 10px 10px }
.good-mobile .good-item .toggle-name {position: relative;  padding: 20px 40px 20px 0;}
.good-mobile .good-item .name { font-size:18px; min-height: auto; }
.good-mobile .good-item .resume{ min-height: auto; }
.good-mobile .good-item .subname { font-size:18px; }
.good-mobile .good-item .toggle-name .trigger { position:absolute; right:20px; top:50%; width:21px; height:21px; transform:translate(0%, -50%);}
.good-mobile .good-item .toggle-name .trigger:before { content:''; position: absolute; top:10px; left:0; width:21px; height:1px; background: #000}
.good-mobile .good-item .toggle-name .trigger:after { content:'';  position: absolute; top:0; left:10px; width:1px; height:21px; background: #000}
.good-mobile .good-item .toggle-name.active .trigger:after { display: none;}
.good-mobile .good-item .toggle-info { display: none; padding-bottom:20px}


.good-list .good-item .preloader {
    border: 1px solid #B0B0B0; position:absolute; left:0; top:0; right:0; bottom:0; background:#F2EEEA; border-radius: 30px; z-index: 10;
}
.good-list .good-item .preloader span {
	animation: RotatePreloader 2s linear infinite; transform-origin: center; background:url(../images/program-preloader.svg) 50% 50% no-repeat; position:absolute; left:50%; top:50%; margin:-100px 0 0 -100px; width:200px; height:200px;
}

@keyframes RotatePreloader {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.good-recomend .good-item { padding:20px 0; border-top:1px solid #C4C4C4}

.good-recomend .thumb {
    width: 70px; height:70px; float:left; position: relative;overflow: hidden; margin-right:20px; margin-bottom:10px;
}
.good-recomend .thumb .img { height:100%; display:block; left:-15px; position: relative;}

.good-recomend .info {}
.good-recomend .name { font-size: 16px; font-weight: 500; color:#333232; padding-bottom:15px; font-family:'Mabry-bold', Helvetica, sans-serif;}
.good-recomend .name span { font-size: 14px; font-weight: 500; color:#959595; font-family:'Mabry-regular', Helvetica, sans-serif;}
.good-recomend .price { float:left; color:#333232; font-size:16px; font-family:'Mabry-bold', Helvetica, sans-serif; line-height: 30px;}
.good-recomend .forms { float:right;}
.good-recomend .good-qty { position: absolute; right: 150px;}
.good-recomend .button { float:right; padding-bottom:0}
.good-recomend .btn {   height: 30px; padding: 0 20px; border: 1px solid #000; border-radius: 8px; line-height: 30px; font-size:12px;}
.good-recomend .btn:hover { font-size:12px;}

.good-recomend .btn.disable { color: #fff; background: #000}
.good-recomend .good-qty span button, .good-recomend .good-qty span  { font-size:20px; line-height: 29px;}

.block.recomend {
    border-radius: 30px;
    background: rgba(255,255,255,0.5);
    padding: 20px;
    margin-bottom: 30px;
}


/* QUIZ */
.quiz { position:relative}
.quiz .content { float:left; width:65%; text-transform:uppercase;}
.quiz .button { position:absolute; top:50%; transform:translate(0%, -50%); right:0;}

.quiz-wrapper { }
.quiz-wrapper .col { float:left; width:32%; margin-right:2%; margin-bottom:20px; position: relative}
.quiz-wrapper .col:nth-child(3n) { margin-right: 0}

.quiz-step { font-family:'Mabry-light', Helvetica;}
.quiz-step .toggle-name { border-radius:10px; background: #fff; padding:20px 40px 20px 20px; font-size: 16px; position: relative; margin-bottom: 1px; cursor: pointer}
.quiz-step .toggle-name .value { color: #C4C4C4}
.quiz-step .toggle-name .trigger { width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #C4C4C4; position: absolute; transform:translate(0%, -50%); right: 20px; top: 50%}

.quiz-step .toggle-info { border-radius: 10px; background: #fff; padding: 20px 0 20px 0; font-size: 16px; color:#333232; top:100%; left: 0; right: 0; z-index: 1 }
.quiz-step .toggle-info li { display: block; border-bottom: 0.5px solid #F2EEEA; padding: 10px 20px}
.quiz-step .toggle-info li:last-child { border: none}

.quiz-step .toggle-info .button { padding-top: 20px; text-align: center}


/* SLIDER */
.slider { position:relative; }
.slider .owl-stage-outer  { overflow:hidden}
.slider .owl-item { float:left; min-height:1px; }

.slider .owl-nav.disabled { display:none; }
.slider .owl-dots.disabled { display:none; }

.slider .owl-dots { position:absolute; width:max-content; transform:translate(-50%, 0); bottom:20px; left:50%; }
.slider .owl-dots button { display:block; border:1px solid #C4C4C4; background:#C4C4C4; border-radius:10px; width:15px; height:15px; float:left; margin:0 10px;}
.slider .owl-dots button.active { background:#fff;  }
.slider .owl-dots span { display:none }

.slider .owl-nav button.disabled { display:none; }
.slider .owl-nav button { position:absolute; top:50%; z-index:10; display:block; background:transparent; width:60px; height:60px; border-radius:3px; text-align:center; border:none; margin-top:-30px; cursor:pointer; color:#000}
.slider .owl-nav button:hover { background:rgba(255,255,255,1); color:#000 }
.slider .owl-nav button span { display:block; text-align:center; font-size:44px}
.slider .owl-nav .owl-prev { left:0px; }
.slider .owl-nav .owl-next { right:0px;}


.start-time-slider .owl-nav button, .start-date-slider .owl-nav button { width:30px; background: transparent; color:#000}
.start-time-slider .owl-nav button:hover, .start-date-slider .owl-nav button:hover { background:transparent; color:#000 }

.main-slider { margin-bottom:80px}
.main-slider .owl-stage-outer { border-radius:30px;}
.main-slider .item { background-color:#fff;   min-height: 200px; overflow: hidden;}
.main-slider .item a { display:block}
.main-slider .item img { display:block; width:100%}





.social-icon { margin-top:10px}
.social-icon li { list-style-type:none; float:left; margin-right:10px}
.social-icon li a { display:block}
.social-icon li:last-child {  margin-right: 0}


/* USER */
.user-page {}
.user-page .left-part {float: left; width: 370px; }
.user-page .right-part { float: right; width: 840px;}

.user-balance { font-size: 24px; font-family:'Mabry-light', Helvetica;}
.user-balance .balance { float: left }
.user-balance .balance.plus { color: #159372}
.user-balance .balance.minus { color: #E83B32}
.user-balance .button { float: right}
.user-balance .button .btn { height: 38px; padding: 0 30px; font-size: 12px; line-height: 38px}

.user-nav li { list-style-type: none; margin-bottom: 30px; background: #FFFFFF; border-radius: 15px;}
.user-nav li a { display: block; padding: 20px 20px; font-size: 24px; font-family:'Mabry-light', Helvetica;}

.user-title { font-size: 24px; padding:20px 0 30px 0}

.user-address {}
.user-address .address-item { font-size: 18px; font-family:'Mabry-light', Helvetica; padding: 20px 0; border-top:1px solid #C4C4C4}

.user-address .address-item .name {  font-weight: bold; padding-bottom: 5px}
.user-address .address-item .address { padding-bottom: 5px}
.user-address .address-item .comment {  font-style: italic}
.user-address .address-item .action { float: right}



.user-detail {}
.user-detail .thumb { width: 145px; float: left}

.user-detail .thumb .file { position:relative; height:145px; background-color:#F2EEEA; background-image:url(../images/icon-user.svg); background-position: 50% 50%; background-repeat: no-repeat; border-radius:30px; overflow: hidden;  }


.user-detail .thumb .file input { position:absolute; left:0; top:0; right:0; bottom:0; cursor:pointer; display:block; width:100%; z-index:2; opacity:0}
.user-detail .thumb .file .preview { position: absolute; z-index: 1; left:0; top:0; right:0; bottom:0; display: flex; justify-content: center;}
.user-detail .thumb .file .preview img { height: 100%; display: block}

.user-detail .thumb .file .notice { position:absolute; left:0; top:0; right:0; bottom:0; display:block; width:100%; z-index:1; line-height:48px; color:#000; font-weight:500; font-size:14px; padding:0 10px; }

.user-detail li { display: inline-block; margin-right: 20px}

.user-detail .info { width: calc(100% - 190px); float: right}
.user-detail .btn { display: block; width: 100% }



.user-sale { font-size: 24px;}
.user-sale .sale { display: inline-block; border-radius: 15px; background:#159372; color:#fff; padding: 5px 15px; margin:0 5px }
.user-sale .small { font-size:18px; font-family:'Mabry-light', Helvetica;}
.user-sale .deadline { color:#159372; font-family:'Mabry-light', Helvetica;}


.user-order {}
.user-order .order-item { font-family:'Mabry-light', Helvetica; border-top:1px solid #C4C4C4; padding: 20px 0 20px 40px;}
.user-order .order-item .toggle-name { font-size: 22px; position: relative; cursor: pointer}
.user-order .order-item .toggle-name .trigger { background: url(../images/icon-chevron-down.svg) no-repeat 50% 50%; width: 16px; height: 16px; position: absolute; left: -40px; top: 10px;}
.user-order .order-item .toggle-name .date { text-decoration: underline; float: left; width: calc(100% - 305px)}
.user-order .order-item .toggle-name .price { float: left; width: 110px; margin-right: 30px; font-family:'Mabry-regular',  Helvetica,  sans-serif; font-weight: bold}
.user-order .order-item .toggle-name .status { float: right; width: 165px; font-size: 12px; font-weight: bold; padding-top: 8px; padding-left: 24px; text-transform: uppercase}
.user-order .order-item .toggle-name .status.cancel { background: url(../images/icon-close.svg) no-repeat 0 8px; color: #E83B32;}
.user-order .order-item .toggle-name .status.complite { background: url(../images/icon-check.svg) no-repeat 0 8px; color: #159372;}
.user-order .order-item .toggle-name .status.current { background: url(../images/icon-time.svg) no-repeat 0 8px}

.user-order .order-item .toggle-info { display: none}
.user-order .order-item .toggle-name.active .trigger { background: url(../images/icon-chevron-up.svg) no-repeat 50% 50%;}


.user-order .order-item .good-item { font-size:18px; padding: 10px 0 5px 0}
.user-order .order-item .good-item .name { float: left; width: calc(100% - 305px); padding-top: 5px}
.user-order .order-item .good-item .price { float: left; width: 110px; margin-right: 30px; padding-top: 5px; font-family:'Mabry-regular',  Helvetica,  sans-serif; }
.user-order .order-item .good-item .form  { float: right; width: 165px; }
.user-order .order-item .good-item .form .btn { height: 38px; line-height: 38px; padding:0 0; text-align: center; display: block; font-size: 12px; width: 100%;}



.order-program-list { border-top:1px solid #C4C4C4}
.order-program-list .order-program-item { font-size: 18px; padding: 15px 0 }
.order-program-list .order-program-item.line { border-top:1px solid #C4C4C4}
.order-program-list .order-program-item .name { float: left; width: calc(100% - 310px); min-height: 1px}
.order-program-list .order-program-item .qty { float: left; width: 140px; }
.order-program-list .order-program-item .price { float: left; width: 110px; margin-left: 60px }
.order-program-list .order-program-item .price strong { font-size:22px}



.order-delivery { font-size: 16px; color: #000; opacity: 0.5; padding: 10px 0; border-bottom:1px solid #C4C4C4;}
.order-delivery.head { font-size: 14px; opacity: 0.4}
.order-delivery.active { opacity:1}
.order-delivery .date { float: left; width:100px; margin-right: 15px }
.order-delivery .good { float: left; width:calc(100% - 655px); margin-right: 15px }
.order-delivery .address { float: left; width:135px; margin-right: 15px }
.order-delivery .time { float: left; width:150px; margin-right: 15px }
.order-delivery .price { float: left; width:70px; margin-right: 15px }
.order-delivery .delivery { float: left; width:70px; margin-right: 15px }
.order-delivery .action { float: right; width:40px; text-align: right}


.order-delivery input { border: none; height: 30px; background:#fff; border-bottom: 1px solid #fff; width: 100%; display: block; padding:2px 0; margin: 0; cursor: pointer; font-size: 16px;}
.order-delivery select { border: none; height: 30px; background:#fff; border-bottom: 1px solid #fff; width: 100%; display: block; padding:2px 0; margin: 0; cursor: pointer; font-size: 16px;}

.order-delivery.active:hover { border-bottom:1px solid #000; }

.order-delivery.active:hover .date input { background: url(../images/icon-calendar.svg) no-repeat right 50%;}


.user-order-detail .pause-before { padding-bottom: 40px}
.user-order-detail .pause-before .before { width:40px; display: inline-block}
.user-order-detail .pause-before .date-input-today { width:155px; border: 1px solid #C4C4C4; border-radius: 5px; height: 38px; padding: 0 10px; margin-right: 10px; background:#fff  url(../images/icon-calendar.svg) no-repeat 95% 50%;}
.user-order-detail .pause-before .info { font-style: italic; padding-top: 10px; font-size: 16px}

.user-order-detail .pause { display:none}

.user-order-action { padding: 20px 0}
.user-order-action .button { float: left; margin: 20px 0}
.user-order-action .button .btn { height: 38px; line-height: 38px; font-size: 12px}
.user-order-action .order-notice { float: right; margin: 20px 0}

.order-notice { display: inline-block; background-color: rgba(232, 59, 50, 0.1); background-image: url(../images/icon-notice.svg); background-position: 20px 50%; background-repeat: no-repeat; border-radius: 5px; padding: 7px 20px 7px 50px; color: #E83B32; font-weight: bold}


.pop-overlay.order .pop-wrapper { width:100%; max-width:1100px; }


/* WEB FORM */
.web-form { }
.web-form .field { padding-bottom:25px;}
.web-form .field label { display:block; padding-bottom:10px}
.web-form .field input[type="text"], 
.web-form .field input[type="password"], 
.web-form .field input[type="email"],
.web-form .field input[type="tel"]
{ border:1px solid #C4C4C4; background:#fff; padding:0 10px; border-radius:5px; height:46px; width:100%}
.web-form .field select { border:1px solid #C4C4C4; background:#fff; padding:0 10px; border-radius:5px; height:46px; width:100%}
.web-form .field textarea { border:1px solid #C4C4C4; background:#fff; padding:10px; border-radius:5px; height:120px; width:100%}

.web-form .checkbox { padding-top: 45px; padding-bottom:25px }


.web-form .col { float: left}
.web-form .col-50 { width: 49%}
.web-form .col-50:nth-child(2n) { float:right}

.web-form .col-32 { width: 32%; margin-right: 2%}
.web-form .col-32:nth-child(3n) { margin-right: 0}

.web-form .button { text-align:center}
.web-form .agree { padding-top:10px}
.web-form .agree a { text-decoration:underline}

.web-form .link { text-align:center; padding-top:20px}
.web-form .link a { font-weight:bold}

.web-form .notice { display:none; background:red; padding:10px 10px; border-radius:5px; color:#fff}

label.check { position: relative; padding-left:25px; display: block;}
label.check input { opacity: 0; position: absolute;}
label.check .checkmark { position: absolute; width: 15px; height: 15px; border: 0.8px solid #AEAEAE; left:0; top:4px;}
label.check input:checked ~ .checkmark { background-color: transparent; font-weight: bold;}
label.check input:checked ~ .checkmark:before { content: '✓'; position: absolute; left: 1px; top: -6px}

label.check a { text-decoration:underline}

.web-form input.promo.checked { background-image: url(../images/order-icon-check.svg); background-position:98% 50%; background-repeat:no-repeat }

/* POP */
.no-scroll { overflow:hidden}
.pop-overlay { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; }
.pop-overlay.scroll { overflow-y:scroll}
.pop-overlay .overlay { position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8); z-index:1;}
.pop-overlay .pop-wrapper { width:100%; max-width:640px; border-radius:8px; left:50%; top:100px; transform:translate(-50%, 0); padding:0 10px 40px 10px; z-index:100; position:relative}
.pop-overlay .pop-wrapper .pop-content { padding:20px; background:#fff; border-radius: 30px }
.pop-overlay .pop-wrapper .pop-content h3 { font-size: 24px; padding-bottom: 20px}

/* FAQ PAGE */
.faq-list {}
.faq-list .faq-item { padding-bottom: 200px}
.faq-list .faq-item:last-child { padding-bottom: 0}
.faq-list .faq-item .left { float:left; width:34%;}
.faq-list .faq-item .right { float:right; width:63%; padding-top: 10px; }
.faq-list .faq-item .col { float: left; width: 50%; padding-right:20px}




.faq-list .faq-item .icon { padding-left:40px; background-repeat: no-repeat; margin-bottom: 20px }











/* POST */
.post-slider { width: calc(100vw - (100vw - 1518px) / 2) }
.post-slider .owl-nav .owl-next { background:url(../images/slider-arrow-right.svg) no-repeat 50% 50%; width: 65px;height: 65px; margin-top: -65px;}
.post-slider .owl-nav .owl-next:hover { background:url(../images/slider-arrow-right.svg) no-repeat 50% 50%;}
.post-slider .owl-nav .owl-next span { display:none}

.post-slider .owl-nav .owl-prev { background:url(../images/slider-arrow-left.svg) no-repeat 50% 50%; width: 65px;height: 65px; margin-top: -65px;}
.post-slider .owl-nav .owl-prev:hover { background:url(../images/slider-arrow-left.svg) no-repeat 50% 50%;}
.post-slider .owl-nav .owl-prev span { display:none}

.post-list {}
.post-list .post-item { font-size:16px; width:400px; background:#fff; border-radius:30px; padding:20px 0; position: relative; /*cursor: grab;*/}
.post-list .post-item:active {
      /*   cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing; */
    }
.post-list .name { font-size:24px; padding: 0 20px 10px 20px; color:#D80027}
.post-list .info { padding: 0 20px; font-size: 22px; line-height:1.2; color:#000; min-height: 80px;}
.post-list .published { padding: 10px 20px; font-size: 16px;}
.post-list .published span { float:right}
.post-list .thumb { margin:20px 0 0 0; width:100%; position:relative;  overflow:hidden }
.post-list .thumb img {  width:100%; }


.post-list .resume { padding:10px 20px 20px 20px; min-height: 150px; font-family:'Mabry-light', Helvetica;}
.post-list .resume ul, .good-list .resume ol { padding-left:18px; color:#000; list-style-type:none; }
.post-list .resume ul li { list-style-type:disc; padding-top:5px}
.post-list .resume ol li { list-style-type:decimal; padding-top:5px}

.post-list .keyword { padding: 0 20px 15px 20px; font-family:'Mabry-light', Helvetica; }
.post-list .keyword a { color:#D80027; font-size:20px; font-family:'Mabry-regular';}


.post-list .keyword div { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.post-list .button { padding: 0 20px;}
.post-list .button .btn { display:block; width:100%}


/* mobile */
.post-mobile { display: none}
.post-mobile .post-item { width: 100%; font-size:14px; border-bottom: 1px solid #F2EEEA; border-radius: 0}
.post-mobile .post-item:first-child { border-radius: 10px 10px 0 0 }
.post-mobile .post-item:last-child { border-bottom: none; border-radius:0 0 10px 10px }
.post-mobile .post-item .toggle-name {position: relative; padding-right: 40px}
.post-mobile .post-item .name { font-size:18px; min-height: auto; }
.post-mobile .post-item .info { font-size:16px; }
.post-mobile .post-item .resume { min-height: auto; }
.post-mobile .post-item .published{ font-size:12px; }
.post-mobile .post-item .toggle-name .trigger { position:absolute; right:20px; top:50%; width:21px; height:21px; transform:translate(0%, -50%);}
.post-mobile .post-item .toggle-name .trigger:before { content:''; position: absolute; top:10px; left:0; width:21px; height:1px; background: #000}
.post-mobile .post-item .toggle-name .trigger:after { content:'';  position: absolute; top:0; left:10px; width:1px; height:21px; background: #000}
.post-mobile .post-item .toggle-name.active .trigger:after { display: none;}
.post-mobile .post-item .toggle-info { display: none}


.breadcrumb { padding-bottom:20px; width:100%;}
.breadcrumb li { list-style-type:none; display:block; float:left; padding-right:30px; position:relative; font-weight:bold; font-size:18px;}
.breadcrumb li a { }
.breadcrumb li:after { content:"\2192"; display:block;  position:absolute; right:10px; top:0}
.breadcrumb li:last-child:after { display:none}
.breadcrumb li:last-child {  padding-right:0; }

.post-detail { padding:0 80px;}
.post-detail .name { font-size:24px; color: #D80027;}
.post-detail .introduction { padding-bottom:20px; border-bottom:1px solid #F2EEEA; margin-bottom:40px}
.post-detail .introduction .intro { float:left; padding-bottom:20px}
.post-detail .introduction .info { float:right; width:calc(100% - 400px); }
.post-detail .introduction i { text-align:right; float:right}
.post-detail .info { font-size:22px}
.post-detail .published { padding: 20px 0; max-width:50%}
.post-detail .published span { float:right}

.post-detail .keyword { font-family:'Mabry-light', Helvetica;}
.post-detail .keyword a { color:#D80027; font-size:20px; font-family:'Mabry-regular';}

.post-detail .thumb a, .post-detail .thumb-right a, .post-detail .thumb-left a { display:block }

/*.content .experts { background:url(../images/logo.svg) no-repeat right 5px; background-size:auto 16px; padding-right:135px}*/

.post-detail .thumb { margin-bottom:10px}
.post-detail .thumb img { width:100%; border-radius:5px; overflow:hidden}
.post-detail .thumb-right { float:right; width:calc(50% - 40px); margin-left:80px; margin-bottom:10px }
.post-detail .thumb-right img { width:100%; border-radius:5px; overflow:hidden}
.post-detail .thumb-left { float:left; width:calc(50% - 40px); margin-right:80px; margin-bottom:10px}
.post-detail .thumb-left img { width:100%; border-radius:5px; overflow:hidden}

.scroll-up { display:inline-block; padding-left:54px; background:url(../images/scroll-up.svg) no-repeat 0 50%; }


.pagination__wrapper { text-align:center; padding-top:40px;}
.pagination__wrapper .pagination { padding-bottom:10px; }

.pagination__wrapper .pagination a { width:30px; height:30px; display:block; border-radius:30px; border:1px solid #C4C4C4; color:#C4C4C4; display:inline-block; margin:0 3px; line-height:30px; font-size: 16px;}
.pagination__wrapper .pagination a.active { color:#000; border-color:#000; font-size: 16px;}
.pagination__wrapper .append-ajax { font-weight:bold; font-size:18px}


/* PAGE ABOUT */
.about-page .col-50 { float:left; width:50%}
.about-page .col-50:nth-child(2n) { padding-top:200px; padding-left: 140px}

.about-page .col-32 { float:left; width:32%; margin-right:2%}
.about-page .col-32:nth-child(3n) { margin-right:0}

.cookie { position:fixed; left:0; bottom:0; width:100%; max-width:420px; padding:20px 40px 20px 20px; background:rgba(0,0,0,0.5); color:#fff; font-size:12px; z-index: 11; }
.cookie .close { position:absolute; right:10px; top:10px; display:block; width:32px; height:32px; text-transform:uppercase; text-decoration: none; }
.cookie .close:before, .cookie .close:after { position:absolute; display:block; content:''; height:2px; width:32px; background:#fff; }
.cookie .close:before { top:15px; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
.cookie .close:after { top:15px; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }
.cookie a { text-decoration: underline; color:#fff; font-size:12px}
.cookie a:hover { text-decoration:none; color:#fff; font-size:12px}

.hot-button { position:fixed; width: 40px; height:40px; bottom:30px; right: 30px; z-index: 10;}
.hot-button .flame { position:relative; z-index:1; border:2px solid #125500; display:block; width:40px; height:40px;  border-radius:40px; text-align:center; line-height:40px; background-color:#fff; background-image:url(../images/icon-whatsapp.svg); background-repeat:no-repeat; background-position:50% 50%; background-size:20px auto}
.hot-button .flame img { height:20px; display:block; margin:10px auto 0 auto}

.hot-button svg { z-index:2; left: -8px; top: -8px; position:relative; -webkit-animation: flameSvg 1.5s infinite ease-in-out; animation: flameSvg 1.5s infinite ease-in-out; cursor:pointer}
.hot-button .circle {
	width:100px; height:100px; border-radius:50px; background:#e46ea6; position:absolute; z-index:0; top:-29px; left:-29px;
	-webkit-animation: flameCircle 1.5s infinite ease-in-out; animation: flameCircle 1.5s infinite ease-in-out; 
}


.hot-button-block { position: absolute; bottom:-220px; right: -110px; opacity:0; padding: 20px 20px 0 20px; background:rgba(225,29,136,0.9); color: #fff; border-radius: 20px; border: 1px solid #000; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.hot-button-block a { color: #fff}
.hot-button-block a:hover { text-decoration: underline}
.hot-button-block .name { white-space: nowrap; padding-bottom: 20px}
.hot-button-block .icon { white-space: nowrap; border-top: 1px solid #fff; padding: 20px 0; text-align: center}
.hot-button-block .icon a { transform: scale(1)}
.hot-button-block .icon a img { transform: scale(1); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.hot-button-block .icon a:hover { text-decoration: none; transform: scale(1.1); }
.hot-button-block .icon a:hover img { transform: scale(1.1)}
.hot-button-block .icon li { list-style-type: none; display: inline-block; margin: 0 10px}
.hot-button-block .icon img { height: 40px; display: block}
.hot-button-block .email { background: url("/style/images/landing/icon-mail.svg") no-repeat 0 50%; padding:20px 0 20px 40px; border-top: 1px solid #fff}
.hot-button-block .phone { background: url("/style/images/landing/icon-phone.svg") no-repeat 0 50%; padding:20px 0 20px 40px; border-top: 1px solid #fff; white-space: nowrap}

.hot-button.active .hot-button-block { opacity:1; bottom:10px; right: 10px;}

@-webkit-keyframes flameSvg {
  100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); 
   } 50% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0.8, 0.8, 1); 
  }
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(1, 1, 1); 
  }
}

@keyframes flameSvg {
  100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); 
   } 50% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0.8, 0.8, 1); 
  }
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(1, 1, 1); 
  }
}



@-webkit-keyframes flameCircle {
  100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); opacity:0
  } 0% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0.5, 0.5, 1); opacity:1
  }
}

@keyframes flameCircle {
  100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); opacity:0
  } 0% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0.5,0.5, 1); opacity:1
  } 
}


@media (max-width:2500px) {
	.wrapper { width:1260px; }

	.about-page .col-50:nth-child(2n) { padding-top: 85px; padding-left:0px; }

	.social-icon li img { width:40px; display: block}



	.block-header { font-size:50px; }

	.title-experts { background:url(../images/expert-plus.svg) no-repeat right 16px; background-size:28px auto}

	.content h2 { font-size:40px}
	.content h3 { font-size:32px}
	.content h4 { font-size:24px}

	.good-slider { width: calc(100vw - (100vw - 1242px) / 2) }

	.post-slider { width: calc(100vw - (100vw - 1242px) / 2) }

	.category-cirlce {max-width: 970px}
	.category-cirlce li a {height:280px }

	@media (max-height:1200px) {
		.category-cirlce {max-width: 970px}
		.category-cirlce li a {height:25vh }
	}

}


@media (max-width:1500px) {
	#header .button { display:none}
}


@media (max-width:1280px) {
	#wrapper { padding:0 20px}
	.wrapper { width:970px; }

	
	#wrapper:before {
    content: '';
    width: 20px;
    height: 100vh;
    background: url(/style/images/justforyou-logo-left-bg.svg) no-repeat;
    background-size: 18px auto;
    background-position: 0px 50%;
    position: fixed;
    left: 0;
}


	#header .toggle-left-nav { left:20px}

	/* BLOCK */
	.block { padding:20px 0}
	.block.white { padding:20px}
	.block.reg { padding:40px 20px;}

	.good-slider { width: calc(100vw - (100vw - 952px) / 2) }

	.post-slider { width: calc(100vw - (100vw - 952px) / 2) }
	
	.category-cirlce li a { height: auto; width: 65%}
	.category-cirlce li img { height: auto; width: 100%}

	.category-cirlce li a { font-size:18px }
	.category-line li { width:23%; }
	
	/* PAGE ABOUT */
	.about-page .col-32 { float:none; width:100%; margin-right:0%}
	.about-page .col-32:nth-child(3n) { margin-right:0}
	.about-page .arrow { margin-left:0}


	.about-page { padding:40px 0}
	.about-page .col-50 { float:none; width:100%}
	.about-page .col-50:nth-child(2n) { padding-top:50px; padding-left: 0}
	
	.faq-list .faq-item { padding-bottom: 100px}
	.faq-list .faq-item .col { float:none; width:100%; padding: 0}

	.user-page .left-part { float: none; width: 100%}
	.user-page .right-part { float: none; width: 100%}

	/* FOOETR */
	#footer .col { width:48%; margin-right:0}
	#footer .footer-info { padding-bottom:50px; background-position:center bottom 20px; background-size:280px}

	#menu-overlay .third-line { position: relative;}

	#footer .card-list  { width:300px;}
	#footer .card-list li { float:none; text-align:right}
	#footer .card-list li img { display:inline-block}
}

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) { 
	#wrapper { padding:0 20px}
	.wrapper { width:100%; padding:0 }
	
	.good-slider { width: 100%}
	.post-slider { width: 100%}

	

	/* HEADER */
	#header .toggle-nav span { display:none}
	#header .phone { display:none}
	
	/* MENU */
	#menu-overlay .menu li a { font-size:36px} 
	#menu-overlay .menu li ul { width:30%}
	#menu-overlay .menu li ul li { float:none; width:100%}
	#menu-overlay .menu li a.experts { background: url(../images/expert-plus.svg) no-repeat right 10px; background-size: 26px auto;}
	
	/* CATEGORY */
	.category-cirlce {max-width: 690px}

	.category-detail .left-part { width:50%; float:left}
	.category-detail .right-part { width:50%; float:right; }
	
	/* CART */
	.cart-detail {}
	.cart-detail .left-part { float: none; width: 100%}
	.cart-detail .right-part { float: none; width: 100%; padding-left: 0}

	.category-cirlce li a { font-size:calc(1vh + 1.5vmin); }

	/* FOOETR */
	#footer .col { width:49%; }
	#footer .footer-info { padding-bottom:50px; background-position:center bottom 20px; background-size:280px}

	.post-detail .published { max-width:100%}
	.post-detail .introduction .intro { float:none; text-align:center}
	.post-detail .introduction .info { float:none; width:100%; }

	.post-detail .thumb { float:none; width:100%; margin-left:0; text-align:center }
	.post-detail .thumb-left { float:none; width:100%; margin-left:0; text-align:center }
	.post-detail .thumb-right { float:none;  width:100%;margin-left:0; text-align:center }

	#footer .card-list  { width:100%; margin-top:20px}
	#footer .card-list li { float:left; text-align:left}
}

/* Landscape phone to portrait tablet */
@media (max-width:767px) {
	.wrapper { width:100%; padding:0 }
	
	.program-detail .right-part { float:none; width:100% !important;  border:none !important; padding:0 !important}
	.program-detail .left-part { float:none; width:100% !important; padding:0 0 40px 0 !important;  border:none !important}


	.program-detail .good-list .good-item { width:100%}

	.program-detail .more-thumb .item { width:49%; }

	.video-text { font-size: 24px; }
	.video-text a, .video-text a:hover { font-size: 24px; }

	

	.program-title { font-size: 24px; }

	.program-title a { float:none; margin:20px 0; font-size: 12px;}

	.short-program-info { float:none}
	.short-program-info span {display: none; margin:0 10px  10px  0}


	.video-container .video-title { left:20px}

	.video-container .video-title .close { display:block; }

	#header .create { display:none}

	.good-slider { width: 100%}
	.post-slider { width: 100%}

	.btn { padding:0 40px; }
	
	/* HEADER */
	#header .toggle-nav span { display:none}
	#header .phone { display:none}
	#header .logo img { height:40px;}
	
	#header .logo { transform:translate(-50%, -1px); }
	#header .logo a:before { content:''; width:40px; height:40px; }


	#header .user .edit { display:none}


	#page-health .main-slider { margin-top: 120px; }

	/* CENTER */
	#center { padding:0 0 80px 0; }
	
	/* BLOCK */
	.block { padding:20px 0}
	.block.white { padding:60px 20px}
	.block-header { font-size:30px;}
	.block-header .left, .block-header .right { width:100%; float:none; padding:0; text-align:center}
	.block-header .left { padding-bottom:25px; margin-bottom:20px}
	.block-header .left:after { height:4px; width:100%; left:0%; bottom:0; top:auto}
	
	/* CONTENT */
	.content h2 { font-size:32px}
	.content h3 { font-size:28px}
	.content h3 a { font-size:28px;}
	.content h3 a:hover { font-size:28px;}

	.title-experts { background:url(../images/expert-plus.svg) no-repeat right 13px; background-size:21px auto }

	/* CATEGORY */
	.category-cirlce li { float:none; width:49%; display:inline-block; margin-right:0 !important; text-align:left !important}
	.category-cirlce li:nth-child(2n) { text-align:right !important}
	.category-cirlce li a { width:80%}
	

	.category-line { /*overflow-x:scroll;*/ width:100%; padding-bottom:20px; padding-top:0}
	.category-line ul { width:10000px}
	.category-line li { width:150px; margin:0 5px 0 5px}
	
	.category-detail .left-part { width:100%; float:none }
	.category-detail .right-part { width:100%; float:none }
	
	/* QUIZ */
	.quiz .content { width:100%; float:none}
	.quiz .button { position:relative; top:0; transform:translate(0%, 0%); padding-top:20px}

	.quiz-wrapper .col { width: 49%; margin-right: 2%;}
	.quiz-wrapper .col:nth-child(3n) { margin-right: 2%}
	.quiz-wrapper .col:nth-child(2n) { margin-right: 0}
	
	/* FOOETR */
	#footer .col { width:100%; float:none}
	#footer .footer-info { padding-bottom:50px; background-position:center bottom 20px; background-size:280px}

	/* MENU OVERLAY */
	#menu-overlay .col { float:none; width:100% !important}
	#menu-overlay .menu li a { font-size:32px}
	#menu-overlay .menu li ul { width:100%; position:relative}
	#menu-overlay .menu li ul li { float:none; width:100%}
	#menu-overlay .menu li a.tree { background-position:100% 50%; background-image:url(../images/arrow-down.svg);}
	#menu-overlay .menu li a.tree:hover { background-image:url(../images/arrow-up.svg);}
	#menu-overlay .button a { width:105px; height: 40px; line-height: 40px; overflow:hidden; padding:0 20px}
	

	.category-detail { padding-top:0}

	.toogle-content { overflow:hidden; height:105px; margin-bottom:5px}
	.toogle-content.active { height:auto}

	.toogle-content-more { display:block; margin-bottom:10px}
	

	.faq-list .faq-item { padding-bottom: 50px} 
	.faq-list .faq-item .left { float:none; width:100%;}
	.faq-list .faq-item .right { float:none; width:100%; padding-top: 0}
	
	
	.quiz-block .button { padding-top: 0px}
	.quiz-block .button .btn { height: 50px; line-height: 50px; padding:0 40px;}
	
	/* CART */
	.cart-detail {}
	.cart-detail .left-part { float: none; width: 100%}
	.cart-detail .right-part { float: none; width: 100%; padding-left: 0}
	
	
	.good-cart .good-cart-header .info { width: 100%; margin: 0; float: none}
	.good-cart .good-cart-header .form { display: none}
	.good-cart .good-cart-header .price { display: none}
	
	.good-cart .good-item .info { width: 100%; margin: 0; float: none; padding-right: 20px; padding-bottom: 20px}
	.good-cart .good-item .form { margin-right: 0; padding: 0; width: 115px}
	.good-cart .good-item .price { float: right; margin-right: 0; text-align: right; font-size: 14px}
	.good-cart .good-item .price .subtotal { font-size: 20px}
	.good-cart .good-item .button { position: absolute; top:25px; right: 0}
	

	.web-form .col-32 { width: 49%; margin-right: 0%}
	.web-form .col-32:nth-child(3n) { margin-right: 0; }
	.web-form .col-32:nth-child(2n) { float:right; margin-right: 0}


	.user-order .order-item { padding: 20px 0; }
	.user-order .order-item .toggle-name { font-size: 18px; padding-bottom: 10px}
	.user-order .order-item .toggle-name .date { float:none; width: 100%; padding-bottom: 10px}
	.user-order .order-item .toggle-name .price { float: left; width: auto; }
	.user-order .order-item .toggle-name .status { float: right; width: auto; text-align: right}
	.user-order .order-item .toggle-name .trigger { right: 0; left: auto}
	
	.user-order .order-item .good-item .name { width: calc(100% - 120px);}
	.user-order .order-item .good-item .price { margin-right: 0; text-align: right; float: right}
	.user-order .order-item .good-item .form { display: block; width: 100%; margin-top: 20px}
	
	
	.user-detail .thumb { width: 145px; float: none; margin: auto; padding-bottom: 40px}
	.user-detail .info { width: 100%; float: none}

	.slider .owl-nav button:hover { background:none; color:#000 }

	.mobile { display:block}
	.desktop { display:none}

	.post-detail { padding:0 0;}
	.post-detail .introduction .intro { float:none; text-align:center}
	.post-detail .introduction .info { float:none; width:100%; }

	.post-detail .thumb { float:none; width:100%; margin-left:0; text-align:center }
	.post-detail .thumb-left { float:none; width:100%; margin-left:0; text-align:center }
	.post-detail .thumb-right { float:none;  width:100%;margin-left:0; text-align:center }


	.post-detail .name {font-size:18px;}
	.post-detail .info {font-size:16px;}
	.post-detail .published {font-size:12px; max-width:100%}

	.post-mobile.post-list .keyword a { font-size:16px}

	.post-detail .keyword a { font-size:16px}


	#menu-overlay .menu li a.experts { background: url(../images/expert-plus.svg) no-repeat right 9px; background-size: 23px auto; padding-right: 30px; }

/*	.content .experts { background:url(../images/logo-small.svg) no-repeat right 0px; background-size:auto 30px; padding:0px 40px 10px 0; display:inline-block} */

	#footer .card-list  { width:100%; margin-top:20px}
	#footer .card-list li { float:left; text-align:left }


		.program-list { display:block}
		.program-list .program-item {
				width: 100%;
				margin: 0 0% 20px 0;
				border-radius: 20px;
				background: #fff;
		}

	.video-text a:hover { z-index:1}


	.program-slider .owl-nav .owl-prev { width:40px; height:40px; right:40px !important;}
	.program-slider .owl-nav .owl-next { width:40px; height:40px; }

	.slider .owl-nav button span { font-size:26px}

	.program-list .program-item .program-info { display:block; padding:10px 20px 20px 20px}
	.program-list .program-item .program-info .name { text-align:left; padding-bottom: 5px;}

}

/* Landscape phones and down */
@media (max-width:480px) { 
	.wrapper { width:100%; padding:0 }
	
	.good-slider { width: 100%}
	.post-slider { width: 100%}

	.icon-swipe { display:none}

	.info-block .info-callback { float:none}


	#header { padding: 30px 20px; width: 100%;}

	.video-text {
        font-size: 20px;
    }
	.video-text a, .video-text a:hover {
        font-size: 20px;
    }

	.tab-control ul li a { font-size:12px; padding: 0 10px;}


 .program-title {
        font-size: 19px;
    }

.program-list .program-item .program-info .name { font-size: 26px; }

	.max-list h3 { font-size: 20px; }

		.client-list .name { font-size:12px}

	.short-program-info span {font-size: 12px; }

	.program-list .program-item .program-info .meta {     font-size: 3.5vw; }

	.program-detail .thumb .not-service { font-size:12px}

	/* HEADER */
	#header .cart { right:5px }
	
	#menu-overlay .user { padding-top:20px}

	.toggle-lang { right: 80px; top: 48px; }

	    .info-block .info-list .info-item .thumb {
        width: 70px;
    }

	.unique .item img { width:100px}

	/* CENTER */
	#center { padding:0 0 80px 0; }
	
	/* CONTENT */
	.content { font-size:14px}
	.content a, .content a:hover { font-size:14px}
	.content h2 { font-size:26px}
	.content h3 { font-size:24px}
	.content h3 a { font-size:24px;}
	.content h3 a:hover { font-size:24px;}
	
	.main-slider .item { border-radius:20px;  }

	.title-experts { background:url(../images/expert-plus.svg) no-repeat right 8px; background-size:21px auto }

	/* CATEGORY */
	.category-cirlce { padding-bottom: 80px}
	.category-cirlce li { margin-bottom:15px}
	.category-cirlce li a { width:130px;  font-size: 14px;}
	.category-cirlce li a .name span { display:block}
	.category-cirlce li a.logo { font-size: 10px; }
	
	.category-line { overflow-x: scroll; }
	.category-line li a { font-size:12px; word-wrap: unset; /*padding: 15px 0;*/}
	.category-line li a span.name {  width:100%}
	.category-line li a span.name span { display:block}
	

	.good-category-main { overflow: hidden; width:100% !important;}
	.good-category-main ul { width:100% !important; }
	.good-category-main li { width:46% !important; margin: 0 2%10px 2%}

	/* GOOD */
	.good-slider { display: none}
	.good-mobile { display: block}
	.good-mobile .good-item { width: 100%}
	
	.good-list .good-item:hover .thumb .img { width: 100%; top:50%; }
	.good-list .good-item .thumb:hover .img { width: 120%; top:50%; }
	
	.good-list .price .label { width: 100%; float: none}
	.good-list .price .desc { width: 100%; float: none; padding-top:0}
	.good-list .form .label { width: calc(100% - 110px)}
	.good-list .form .button { float:none; padding-top: 0px}
	.good-list .form .btn { display: table; width: 100%}
	.good-list .form .btn span { line-height: 1.1;display: table-cell;vertical-align: middle;}
	
	
	/* POST */
	.post-slider { display: none}
	.post-mobile { display: block}
	.post-mobile .good-item { width: 100%}
	



	/* MENU OVERLAY */
	#menu-overlay .third-line { background-position: 100% 100%; background-size: auto 150px; padding: 35px 0 35px 0;}
	#menu-overlay .logo { margin-top:5px}
	#menu-overlay .logo img { width:150px }
	#menu-overlay .menu li a { font-size:20px}
	#menu-overlay .menu li ul li { float:none; width:100%}
	#menu-overlay .menu li ul li a { font-size:16px}
	
	#menu-overlay .menu li a.experts {
    background: url(../images/expert-plus.svg) no-repeat right 6px;
    background-size: 14px auto;
    padding-right: 18px; }
	
	/* QUIZ */
	.quiz-wrapper .col { width: 100%; margin-right: 0%;}
	.quiz-wrapper .col:nth-child(3n) { margin-right: 0%}
	.quiz-wrapper .col:nth-child(2n) { margin-right: 0}
	
	
	.web-form .col-50 { width: 100%; float: none; margin-right: 0%}
	.web-form .col-50:nth-child(2n) { float:none; margin-right: 0}
	
	.web-form .col-32 { width: 100%; float: none; margin-right: 0%}
	.web-form .col-32:nth-child(3n) { margin-right: 0; }
	.web-form .col-32:nth-child(2n) { float:none; margin-right: 0}
	
	.web-form .checkbox { padding-top: 0}
	
	.checkout-view .name { float:none; width: 100%}
	.checkout-view .button { float:none; width: 100%; padding-top: 10px}

	.user-detail .btn { display: table; }
	.user-detail .btn span {
		line-height: 1.1;
		display: table-cell;
		vertical-align: middle;
	}


	.post-detail .introduction .intro { float:none; text-align:center}
	.post-detail .introduction .intro img { width:100%}
	.post-detail .introduction .info { float:none; width:100%; }

	.post-detail .thumb { float:none; margin-left:0; text-align:center }
	.post-detail .thumb img { width:100%}

	.post-detail .thumb-left { float:none; margin-left:0; text-align:center }
	.post-detail .thumb-left img { width:100%}

	.post-detail .thumb-right { float:none; margin-left:0; text-align:center }
	.post-detail .thumb-right img { width:100%}

	#footer .card-list li {margin-left:0; margin-top:10px}

	.quiz-step .toggle-name.active + .toggle-info { position:relative !important }


	.tooltip { position: unset; }
	.tooltip:after { left:auto; right:0; min-width: 220px; }

	.good-list .button-meta .button .meta-info {  width:260px}
	.good-list .button-meta .button:nth-child(2) .meta-info { left:-110px; }
	.good-list .button-meta .button:nth-child(3) .meta-info { right: auto; }

	.good-list .button-meta .meta-info.big {  border-radius: 10px; right: auto; left:0}

	.hide-mobile { display:none}

	.good-recomend .good-qty { float:right; position:relative; right:auto }
	.good-recomend .button { float:none; padding-bottom:0; width:100%; padding-top:50px}

}





/* PAGE ABOUT */
@media (max-width:1800px) {
	.partner-list { padding-top:50px}
	.partner-list ul li { width:50%; margin-right:0%; height:100px}
	.partner-list ul li:nth-child(3n) { margin-right:0;}
	.partner-list ul li:nth-child(7), .partner-list ul li:nth-child(8), .partner-list ul li:nth-child(9),
	.partner-list ul li:nth-child(10), .partner-list ul li:nth-child(11), .partner-list ul li:nth-child(12), .partner-list ul li:nth-child(16) { width:32%; margin-right:2%; height:50px }
	.partner-list ul li:nth-child(9), .partner-list ul li:nth-child(12) { margin-right:0 !important;}

	

}

@media (max-width:767px) {
	.partner-list ul li { height:50px} 
	.partner-list ul li:nth-child(7), .partner-list ul li:nth-child(8), .partner-list ul li:nth-child(9),
	.partner-list ul li:nth-child(10), .partner-list ul li:nth-child(11), .partner-list ul li:nth-child(12) { height:24px }

	.partner-list ul li:nth-child(13), .partner-list ul li:nth-child(14), .partner-list ul li:nth-child(15), .partner-list ul li:nth-child(16) { height:24px }

}