ÿØÿà JFIF H H ÿÛ C ÿÛ Cÿ " ÿÄ ÿÄ ÿÚ ±5¬€ ÿÄ àÿÚ ÿÄ ÀÿÚ ? ÿÄ ÀÿÚ ? ÿÄ àÿÚ ? ÿÄ àÿÚ ?! ÿÚ ÿÄ ÀÿÚ ? ÿÄ ÀÿÚ ? ÿÄ àÿÚ ? ÿÙ
| Server IP : 160.25.81.117 / Your IP : 216.73.216.137 Web Server : Apache/2 System : Linux sv05.hilab.cloud 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : bellizen ( 1045) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/bellizen/domains/bellizeno.com/public_html/vaoday/public/css/ |
Upload File : |
/* BASE */
body {
font-family: 'Nunito Sans', sans-serif;
font-size: 14px;
color: #444;
font-weight: 300; }
b {
font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0; }
p {
line-height: 25px; }
a {
color: inherit;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
a:hover, a:focus {
color: #d85355;
text-decoration: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
/* ELEMENTS */
.animsition-loading {
border-top: 3px solid rgba(181, 41, 44, 0.2);
border-right: 3px solid rgba(181, 41, 44, 0.2);
border-bottom: 3px solid rgba(181, 41, 44, 0.2);
border-left: 3px solid #b5292c; }
@media (min-width: 992px) {
.ui.selection.dropdown {
min-width: 60px; } }
@media (min-width: 1200px) {
.ui.selection.dropdown {
min-width: 120px; } }
.ui.selection.dropdown .menu {
width: auto;
min-width: 50px; }
.container {
position: relative; }
@media (min-width: 1200px) {
.container {
max-width: 1200px; } }
.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-height: 40px;
border-color: #ccc;
font-size: inherit;
color: inherit;
position: relative; }
.form-control:focus {
color: inherit;
border-color: #b5292c;
outline: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(181, 41, 44, 0.25);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(181, 41, 44, 0.25);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(181, 41, 44, 0.25); }
.input-group-addon {
background-color: #fff; }
.input-group-addon ~ .form-control {
border-left-color: transparent; }
.d-inline-block, .d-inline-flex {
vertical-align: top; }
.custom-control-indicator {
top: 0.15rem; }
.custom-control-input:checked ~ .custom-control-indicator {
background-color: #b5292c; }
.custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #b5292c;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #b5292c; }
.custom-control-input:active ~ .custom-control-indicator {
background-color: #eba6a7; }
.custom-control-input:disabled ~ .custom-control-indicator {
background-color: #e9ecef; }
.custom-control-input:disabled ~ .custom-control-description {
color: #868e96; }
.custom-checkbox .custom-control-indicator {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
background-color: #b5292c; }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
border-color: green; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25); }
.was-validated .form-control:valid ~ .invalid-feedback,
.was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback,
.form-control.is-valid ~ .invalid-tooltip, .was-validated
.custom-select:valid ~ .invalid-feedback,
.was-validated
.custom-select:valid ~ .invalid-tooltip,
.custom-select.is-valid ~ .invalid-feedback,
.custom-select.is-valid ~ .invalid-tooltip {
display: block; }
.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
color: green; }
.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
background-color: rgba(0, 128, 0, 0.25); }
.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
color: green; }
.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
border-color: green; }
.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
border-color: inherit; }
.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25); }
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
border-color: red; }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
color: red; }
.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
background-color: rgba(255, 0, 0, 0.25); }
.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
color: red; }
.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
border-color: red; }
.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
border-color: inherit; }
.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); }
.tooltip.bs-tooltip-top .arrow::before {
border-top-color: #000; }
.tooltip.bs-tooltip-right .arrow::before {
border-right-color: #000; }
.tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #000; }
.tooltip.bs-tooltip-left .arrow::before {
border-left-color: #000; }
.tooltip-inner {
color: #fff;
background-color: #000; }
.vk-nav__tab {
border-bottom: none;
padding-bottom: 20px; }
.vk-nav__content {
background-color: #eeeeee;
position: relative;
font-weight: 400;
padding: 20px; }
.vk-nav__item {
position: relative;
padding-bottom: 10px;
text-align: left !important; }
.vk-nav__item.active > b:before {
opacity: 1; }
.vk-nav__item > b {
position: relative;
display: inline-block;
padding-left: 30px; }
.vk-nav__item > b:after, .vk-nav__item > b:before {
content: '';
position: absolute;
border-radius: 50%; }
.vk-nav__item > b:after {
width: 20px;
height: 20px;
border: 1px solid #444;
left: 0;
top: 0; }
.vk-nav__item > b:before {
width: 10px;
height: 10px;
background-color: #444;
left: 5px;
top: 5px;
opacity: 0; }
.vk-nav__item:after {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 25px solid #eeeeee;
position: absolute;
top: 100%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-nav__item.active:after {
opacity: 1; }
#hamburger {
position: fixed;
top: 0;
left: 0;
z-index: 5;
background: #b5292c;
opacity: .8;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
width: 100%; }
@media (min-width: 992px) {
#hamburger {
display: none; } }
#hamburger .hamburger {
margin-left: 15px;
font-size: 26px; }
#hamburger .hamburger:before {
content: "\f0c9";
font-family: FontAwesome;
color: #fff; }
.mm-opened #hamburger {
opacity: 1; }
.mm-opened #hamburger .hamburger:before {
content: "\f00d";
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.mm-slideout {
z-index: auto; }
#scrollUp {
bottom: 20px;
right: 20px;
background-color: #b5292c;
color: #fff;
font-size: 14px;
text-decoration: none;
opacity: .5;
padding: 10px 20px;
-webkit-transition: background 300ms linear;
-moz-transition: background 300ms linear;
-o-transition: background 300ms linear;
transition: background 300ms linear;
-webkit-backface-visibility: hidden; }
#scrollUp--inverse {
background-color: #444;
color: #444; }
#scrollUp:hover {
opacity: 1; }
.vk-img {
overflow: hidden;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-img__link {
display: block;
position: relative; }
.vk-img img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%; }
.vk-img:focus, .vk-img:hover {
outline: none; }
.vk-img:focus .vk-img__img, .vk-img:hover .vk-img__img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.vk-img--mw100 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.vk-img--mw100 img {
width: auto;
height: auto;
max-width: 100%; }
.vk-img--cover .vk-img__link {
height: 100%; }
.vk-img--cover img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.vk-table {
width: 100%; }
.vk-list {
margin: 0;
padding: 0;
list-style: none; }
.vk-list--inline {
display: inline-block;
vertical-align: top; }
.vk-list--inline li {
float: left; }
.vk-list--icon li {
position: relative; }
.vk-list--icon-mod-1 li {
position: relative;
padding-left: 35px;
line-height: 1.2; }
.vk-list--icon-mod-1 li + li {
margin-top: 13px; }
.vk-list--icon-mod-1 .vk-icon {
position: absolute;
left: 0px;
top: -2px;
font-size: 24px;
color: #b5292c; }
.vk-list--icon-mod-2 li:before {
content: "\f105";
font-family: FontAwesome;
padding-right: 8px;
color: #b5292c;
display: inline-block; }
.vk-list--social li {
font-size: 24px;
padding-right: 30px; }
.vk-list--social li:last-child {
padding-right: 0px; }
.vk-banner {
padding-top: 100px;
color: #fff;
position: relative;
background-repeat: no-repeat;
background-size: cover; }
.vk-banner__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
min-height: 250px; }
@media (min-width: 992px) {
.vk-banner__content {
min-height: 430px; } }
.vk-banner__heading {
font-size: 38px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.vk-banner__heading {
font-size: 60px; } }
.vk-banner__heading > span {
display: inline-block;
padding: 1px 5px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.vk-banner__heading-sub {
margin-top: 15px;
color: #838383;
font-weight: bold;
font-size: 9px; }
.vk-banner__heading-sub > span {
background-color: #fff;
display: inline-block;
padding: 5px 42px; }
.vk-banner__breadcrumb {
position: absolute;
bottom: 10px;
left: 0;
right: 0; }
.vk-parallax {
background-position: center; }
@media (max-width: 991px) {
.vk-parallax {
background-size: cover;
background-position: center !important; } }
.vk-background {
position: relative; }
.vk-background--fixed {
background-attachment: fixed;
background-size: cover; }
.vk-background--cover {
background-size: cover; }
.vk-background--contain {
background-size: contain; }
.vk-background--center {
background-position: center center; }
.vk-background--center-top {
background-position: center top; }
.vk-background--center-bottom {
background-position: center bottom; }
.vk-background--center-left {
background-position: left center; }
.vk-background--center-right {
background-position: right center; }
.vk-background--top {
background-position-y: top; }
.vk-background--top-left {
background-position: left top; }
.vk-background--top-right {
background-position: right top; }
.vk-background--bottom {
background-position-y: bottom; }
.vk-background--bottom-left {
background-position: left bottom; }
.vk-background--bottom-right {
background-position: right bottom; }
.vk-background__overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.vk-background__overlay--op-10 {
opacity: 0.1; }
.vk-background__overlay--op-20 {
opacity: 0.2; }
.vk-background__overlay--op-30 {
opacity: 0.3; }
.vk-background__overlay--op-40 {
opacity: 0.4; }
.vk-background__overlay--op-50 {
opacity: 0.5; }
.vk-background__overlay--op-60 {
opacity: 0.6; }
.vk-background__overlay--op-70 {
opacity: 0.7; }
.vk-background__overlay--op-80 {
opacity: 0.8; }
.vk-background__overlay--op-90 {
opacity: 0.9; }
.vk-background--white {
background-color: #fff; }
.vk-background--black-1 {
background-color: #444; }
.vk-background--pink-1 {
background-color: #b5292c; }
.vk-background--red-1 {
background-color: #b5292c; }
.vk-background--yellow-1 {
background-color: #ffd83d; }
.vk-background--image-1 {
background-image: url(../images/background/background-1.jpg); }
.vk-background--image-2 {
background-image: url(../images/background/background-2.jpg); }
.vk-background--image-21 {
background-image: url(../images/background/background-21.jpg); }
.vk-background--image-3 {
background-image: url(../images/background/background-3.jpg); }
.vk-background--image-5 {
background-image: url(../images/background/background-5.jpg); }
.vk-background--image-6 {
background-image: url(../images/background/background-6.jpg); }
.vk-background--image-7 {
background-image: url(../images/background/background-7.jpg); }
.vk-text--white {
color: #fff; }
.vk-text--black-1 {
color: #444; }
.vk-text--pink-1 {
color: #b5292c; }
.vk-text--red-1 {
color: #b5292c; }
.vk-text--yellow-1 {
color: #ffd83d; }
.vk-position--relative {
position: relative; }
.vk-position--relative {
position: relative; }
.vk-position--fixed {
position: fixed; }
.vk-position--stiky {
position: -webkit-sticky;
position: sticky; }
.vk-distance--default {
padding-top: 60px;
padding-bottom: 60px; }
.vk-distance--bottom {
padding-bottom: 60px; }
.vk-distance--top {
padding-bottom: 60px; }
.vk-slider-nav {
text-align: center;
padding-top: 55px;
width: 100%;
display: none; }
@media (min-width: 992px) {
.vk-slider-nav {
display: block; } }
.vk-slider-nav__content {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.vk-slider-nav__arrow.vk-btn {
background-color: #e1e1e1;
border-radius: 0;
padding: 10px; }
.vk-slider-nav__arrow.vk-btn:focus, .vk-slider-nav__arrow.vk-btn:hover {
background-color: #d9d9d9; }
.vk-slider-nav__arrow.vk-btn.next {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px; }
.vk-slider-nav__arrow.vk-btn.prev {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px; }
.vk-slider {
position: relative; }
.vk-slider__dot {
position: absolute;
bottom: 25px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.vk-slider__dot li {
padding: 0 5px;
line-height: 1; }
.vk-slider__dot li button {
text-indent: 100px;
width: 22px;
height: 22px;
position: relative;
background-color: transparent;
border: 1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
outline: none;
padding: 0; }
.vk-slider__dot li button:after {
content: '';
width: 14px;
height: 14px;
background-color: #fff;
position: absolute;
top: 3px;
left: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0; }
.vk-slider__dot li.slick-active button:after {
opacity: 1; }
.vk-slider__arrow {
position: absolute !important;
z-index: 1;
bottom: 0 !important;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
opacity: .5; }
.vk-slider__arrow:hover, .vk-slider__arrow:focus {
background-color: transparent !important;
opacity: 1; }
.vk-slider__arrow--next {
right: 0; }
.vk-slider__arrow--prev {
left: 0; }
.vk-breadcrumb {
color: inherit;
font-size: 14px; }
.vk-breadcrumb .vk-list__item:not(:first-child):before {
content: '/';
padding: 0px 10px;
font-weight: 300;
font-size: 12px; }
.vk-breadcrumb .vk-list__item:last-child {
text-transform: none; }
.vk-pagination {
text-align: center;
padding-top: 30px; }
@media (min-width: 992px) {
.vk-pagination {
padding-top: 60px; } }
.vk-pagination__list {
display: inline-block;
vertical-align: top; }
.vk-pagination .vk-list__item {
padding: 0 5px; }
.vk-pagination .vk-list__item > a {
font-size: 16px;
font-weight: bold;
border: 1px solid transparent;
background-color: #d9d9d9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.vk-pagination .vk-list__item.active > a, .vk-pagination .vk-list__item:hover > a {
color: #444;
background-color: #b3b3b3; }
.vk-modal-nav__content {
padding: 30px 50px; }
.vk-modal-nav__item {
min-height: 100px;
background-color: #eeeeee;
font-weight: bold;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.vk-modal-nav__item.active, .vk-modal-nav__item:hover, .vk-modal-nav__item:focus {
background-color: #e1e1e1; }
@media (min-width: 768px) {
.vk-modal__fix-center {
margin-top: 100px; } }
.vk-modal__logo {
text-align: center;
padding-bottom: 40px; }
.vk-modal__form .vk-btn {
min-height: 60px; }
.vk-modal__form .vk-btn--fb {
padding: 0;
background-color: transparent; }
.vk-modal__form .form-group {
position: relative; }
.vk-modal__form .form-control {
padding-left: 40px; }
.vk-modal__form label {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px; }
@media (min-width: 992px) {
.vk-modal__dialog {
margin-top: 120px; } }
.vk-modal__heading {
font-size: 16px;
background-color: #e1e1e1;
padding: 30px 15px;
font-weight: bold; }
.vk-modal__wrapper {
padding: 10px 20px; }
.vk-modal__close {
position: absolute;
top: -10px;
right: -10px;
background-color: #bebebe !important;
opacity: 1 !important;
width: 30px;
height: 30px;
border-radius: 50%; }
.vk-calculator {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top; }
.vk-calculator .vk-btn {
background-color: transparent;
font-size: 11px;
color: #444;
border: 1px solid #e1e1e1;
border-right: none;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
outline: none;
padding: 10px;
width: 25px; }
.vk-calculator .vk-btn--plus {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-left: none;
border-right: 1px solid #e1e1e1; }
.vk-calculator input {
width: 25px;
text-align: center;
padding: 5px;
border-left: none;
border-right: none;
min-height: 35px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #e1e1e1;
border-width: 1px;
background-color: transparent; }
.vk-calculator input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top-color: #b5292c;
border-bottom-color: #b5292c; }
.vk-calculator input:focus ~ .vk-calculator__button {
border-color: #b5292c; }
.vk-calculator:hover button, .vk-calculator:hover .form-control {
border-color: #b5292c; }
.vk-comment {
padding-top: 60px; }
.vk-page {
padding: 60px 0; }
.vk-page__heading {
font-size: 24px; }
.vk-page__share {
margin-bottom: 20px; }
/* COMPONENTS */
/* BUTTON */
.vk-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: normal;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 10px 20px;
font-size: 1rem;
line-height: 1.25;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
.vk-btn:focus, .vk-btn:hover {
text-decoration: none; }
.vk-btn:focus, .vk-btn.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); }
.vk-btn.disabled, .vk-btn:disabled {
opacity: .65;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.vk-btn:active, .vk-btn.active {
background-image: none; }
a.vk-btn.disabled,
fieldset[disabled] a.vk-btn {
pointer-events: none; }
.vk-btn--primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc; }
.vk-btn--primary:focus, .vk-btn--primary.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 123, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 123, 255, 0.5); }
.vk-btn--primary.disabled, .vk-btn--primary:disabled {
background-color: #007bff;
border-color: #007bff; }
.vk-btn--primary:active, .vk-btn--primary.active,
.show > .vk-btn--primary.dropdown-toggle {
background-color: #0069d9;
background-image: none;
border-color: #0062cc; }
.vk-btn--secondary {
color: #fff;
background-color: #868e96;
border-color: #868e96;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--secondary:hover {
color: #fff;
background-color: #727b84;
border-color: #6c757d; }
.vk-btn--secondary:focus, .vk-btn--secondary.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5); }
.vk-btn--secondary.disabled, .vk-btn--secondary:disabled {
background-color: #868e96;
border-color: #868e96; }
.vk-btn--secondary:active, .vk-btn--secondary.active,
.show > .vk-btn--secondary.dropdown-toggle {
background-color: #727b84;
background-image: none;
border-color: #6c757d; }
.vk-btn--success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34; }
.vk-btn--success:focus, .vk-btn--success.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(40, 167, 69, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(40, 167, 69, 0.5); }
.vk-btn--success.disabled, .vk-btn--success:disabled {
background-color: #28a745;
border-color: #28a745; }
.vk-btn--success:active, .vk-btn--success.active,
.show > .vk-btn--success.dropdown-toggle {
background-color: #218838;
background-image: none;
border-color: #1e7e34; }
.vk-btn--info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b; }
.vk-btn--info:focus, .vk-btn--info.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(23, 162, 184, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(23, 162, 184, 0.5); }
.vk-btn--info.disabled, .vk-btn--info:disabled {
background-color: #17a2b8;
border-color: #17a2b8; }
.vk-btn--info:active, .vk-btn--info.active,
.show > .vk-btn--info.dropdown-toggle {
background-color: #138496;
background-image: none;
border-color: #117a8b; }
.vk-btn--warning {
color: #111;
background-color: #ffc107;
border-color: #ffc107;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--warning:hover {
color: #111;
background-color: #e0a800;
border-color: #d39e00; }
.vk-btn--warning:focus, .vk-btn--warning.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 193, 7, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 193, 7, 0.5); }
.vk-btn--warning.disabled, .vk-btn--warning:disabled {
background-color: #ffc107;
border-color: #ffc107; }
.vk-btn--warning:active, .vk-btn--warning.active,
.show > .vk-btn--warning.dropdown-toggle {
background-color: #e0a800;
background-image: none;
border-color: #d39e00; }
.vk-btn--danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130; }
.vk-btn--danger:focus, .vk-btn--danger.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(220, 53, 69, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(220, 53, 69, 0.5); }
.vk-btn--danger.disabled, .vk-btn--danger:disabled {
background-color: #dc3545;
border-color: #dc3545; }
.vk-btn--danger:active, .vk-btn--danger.active,
.show > .vk-btn--danger.dropdown-toggle {
background-color: #c82333;
background-image: none;
border-color: #bd2130; }
.vk-btn--light {
color: #111;
background-color: #f8f9fa;
border-color: #f8f9fa;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--light:hover {
color: #111;
background-color: #e2e6ea;
border-color: #dae0e5; }
.vk-btn--light:focus, .vk-btn--light.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5); }
.vk-btn--light.disabled, .vk-btn--light:disabled {
background-color: #f8f9fa;
border-color: #f8f9fa; }
.vk-btn--light:active, .vk-btn--light.active,
.show > .vk-btn--light.dropdown-toggle {
background-color: #e2e6ea;
background-image: none;
border-color: #dae0e5; }
.vk-btn--dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124; }
.vk-btn--dark:focus, .vk-btn--dark.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5); }
.vk-btn--dark.disabled, .vk-btn--dark:disabled {
background-color: #343a40;
border-color: #343a40; }
.vk-btn--dark:active, .vk-btn--dark.active,
.show > .vk-btn--dark.dropdown-toggle {
background-color: #23272b;
background-image: none;
border-color: #1d2124; }
.vk-btn--red-1 {
color: #fff;
background-color: #b5292c;
border-color: #b5292c;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.vk-btn--red-1:hover {
color: #fff;
background-color: #962224;
border-color: #8b2022; }
.vk-btn--red-1:focus, .vk-btn--red-1.focus {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(181, 41, 44, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(181, 41, 44, 0.5); }
.vk-btn--red-1.disabled, .vk-btn--red-1:disabled {
background-color: #b5292c;
border-color: #b5292c; }
.vk-btn--red-1:active, .vk-btn--red-1.active,
.show > .vk-btn--red-1.dropdown-toggle {
background-color: #962224;
background-image: none;
border-color: #8b2022; }
.vk-btn--outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff; }
.vk-btn--outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.vk-btn--outline-primary:focus, .vk-btn--outline-primary.focus {
-webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); }
.vk-btn--outline-primary.disabled, .vk-btn--outline-primary:disabled {
color: #007bff;
background-color: transparent; }
.vk-btn--outline-primary:active, .vk-btn--outline-primary.active,
.show > .vk-btn--outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.vk-btn--outline-secondary {
color: #868e96;
background-color: transparent;
background-image: none;
border-color: #868e96; }
.vk-btn--outline-secondary:hover {
color: #fff;
background-color: #868e96;
border-color: #868e96; }
.vk-btn--outline-secondary:focus, .vk-btn--outline-secondary.focus {
-webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); }
.vk-btn--outline-secondary.disabled, .vk-btn--outline-secondary:disabled {
color: #868e96;
background-color: transparent; }
.vk-btn--outline-secondary:active, .vk-btn--outline-secondary.active,
.show > .vk-btn--outline-secondary.dropdown-toggle {
color: #fff;
background-color: #868e96;
border-color: #868e96; }
.vk-btn--outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745; }
.vk-btn--outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.vk-btn--outline-success:focus, .vk-btn--outline-success.focus {
-webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); }
.vk-btn--outline-success.disabled, .vk-btn--outline-success:disabled {
color: #28a745;
background-color: transparent; }
.vk-btn--outline-success:active, .vk-btn--outline-success.active,
.show > .vk-btn--outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.vk-btn--outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8; }
.vk-btn--outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.vk-btn--outline-info:focus, .vk-btn--outline-info.focus {
-webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); }
.vk-btn--outline-info.disabled, .vk-btn--outline-info:disabled {
color: #17a2b8;
background-color: transparent; }
.vk-btn--outline-info:active, .vk-btn--outline-info.active,
.show > .vk-btn--outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.vk-btn--outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107; }
.vk-btn--outline-warning:hover {
color: #fff;
background-color: #ffc107;
border-color: #ffc107; }
.vk-btn--outline-warning:focus, .vk-btn--outline-warning.focus {
-webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); }
.vk-btn--outline-warning.disabled, .vk-btn--outline-warning:disabled {
color: #ffc107;
background-color: transparent; }
.vk-btn--outline-warning:active, .vk-btn--outline-warning.active,
.show > .vk-btn--outline-warning.dropdown-toggle {
color: #fff;
background-color: #ffc107;
border-color: #ffc107; }
.vk-btn--outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545; }
.vk-btn--outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.vk-btn--outline-danger:focus, .vk-btn--outline-danger.focus {
-webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); }
.vk-btn--outline-danger.disabled, .vk-btn--outline-danger:disabled {
color: #dc3545;
background-color: transparent; }
.vk-btn--outline-danger:active, .vk-btn--outline-danger.active,
.show > .vk-btn--outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.vk-btn--outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa; }
.vk-btn--outline-light:hover {
color: #fff;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.vk-btn--outline-light:focus, .vk-btn--outline-light.focus {
-webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); }
.vk-btn--outline-light.disabled, .vk-btn--outline-light:disabled {
color: #f8f9fa;
background-color: transparent; }
.vk-btn--outline-light:active, .vk-btn--outline-light.active,
.show > .vk-btn--outline-light.dropdown-toggle {
color: #fff;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.vk-btn--outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40; }
.vk-btn--outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.vk-btn--outline-dark:focus, .vk-btn--outline-dark.focus {
-webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); }
.vk-btn--outline-dark.disabled, .vk-btn--outline-dark:disabled {
color: #343a40;
background-color: transparent; }
.vk-btn--outline-dark:active, .vk-btn--outline-dark.active,
.show > .vk-btn--outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.vk-btn--outline-red-1 {
color: #b5292c;
background-color: transparent;
background-image: none;
border-color: #b5292c; }
.vk-btn--outline-red-1:hover {
color: #fff;
background-color: #b5292c;
border-color: #b5292c; }
.vk-btn--outline-red-1:focus, .vk-btn--outline-red-1.focus {
-webkit-box-shadow: 0 0 0 3px rgba(181, 41, 44, 0.5);
box-shadow: 0 0 0 3px rgba(181, 41, 44, 0.5); }
.vk-btn--outline-red-1.disabled, .vk-btn--outline-red-1:disabled {
color: #b5292c;
background-color: transparent; }
.vk-btn--outline-red-1:active, .vk-btn--outline-red-1.active,
.show > .vk-btn--outline-red-1.dropdown-toggle {
color: #fff;
background-color: #b5292c;
border-color: #b5292c; }
.vk-btn--link {
font-weight: normal;
color: #007bff;
border-radius: 0; }
.vk-btn--link, .vk-btn--link:active, .vk-btn--link.active, .vk-btn--link:disabled {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.vk-btn--link, .vk-btn--link:focus, .vk-btn--link:active {
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.vk-btn--link:hover {
border-color: transparent; }
.vk-btn--link:focus, .vk-btn--link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent; }
.vk-btn--link:disabled {
color: #868e96; }
.vk-btn--link:disabled:focus, .vk-btn--link:disabled:hover {
text-decoration: none; }
.vk-btn--lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
border-radius: 0.3rem; }
.vk-btn--sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
border-radius: 0.2rem; }
.vk-btn--block {
display: block;
width: 100%; }
.vk-btn--block + .vk-btn--block {
margin-top: 0.5rem; }
input[type="submit"].vk-btn--block,
input[type="reset"].vk-btn--block,
input[type="button"].vk-btn--block {
width: 100%; }
/* HEADING */
.vk-heading--style-1 {
color: #fff;
background-color: #868e96;
padding: 10px 15px; }
.vk-heading--line {
margin-bottom: 40px;
position: relative;
padding-left: 60px;
font-size: 18px;
padding-bottom: 7px; }
.vk-heading--line:after {
content: '';
height: 2px;
bottom: 0;
left: 10px;
right: 0;
background-color: #b3b3b3;
position: absolute; }
.vk-heading--line > span {
width: 50px;
height: 50px;
border: 1px solid #d9d9d9;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 24px;
position: absolute;
background-color: #fff;
border-radius: 50%;
z-index: 1;
left: 0;
top: -2px; }
/* TABS */
.vk-tab__link {
padding: 0.5rem 1rem; }
.vk-tab__link.disabled {
color: #868e96; }
.vk-nav__tabs {
border-bottom: 1px solid #e1e1e1; }
.vk-nav .vk-nav__item {
margin-bottom: -1px; }
.vk-nav .vk-nav__link {
border: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.vk-nav .vk-nav__link:focus, .vk-nav .vk-nav__link:hover {
border-color: #e9ecef #e9ecef #e1e1e1; }
.vk-nav .vk-nav__link.disabled {
color: #868e96;
background-color: transparent;
border-color: transparent; }
.vk-nav .vk-nav__link.active,
.vk-nav .vk-nav__item.show .vk-nav__link {
color: #495057;
background-color: #fff;
border-color: #ddd #ddd #fff; }
.vk-nav .vk-nav__dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
/* TABS */
.vk-card {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #ccc; }
.vk-card:not(:last-child) {
border-bottom: none; }
.vk-card:not(:first-child) {
margin-top: -1px; }
.vk-card__link {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
padding: 10px 10px; }
.vk-card__header {
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 0;
padding: 0; }
.vk-card__header:first-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.vk-card__heading {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 18px; }
.vk-card__body {
padding: 10px;
border-top: 1px solid #ccc; }
.vk-card__arrow {
border-left: 1px solid #ccc;
padding: 10px 20px; }
.vk-card__arrow ._icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-card__arrow.collapsed ._icon {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
/* LAYOUT */
/* HEADER */
.vk-header {
position: fixed;
left: 0;
right: 0;
z-index: 111;
font-weight: 400;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media (min-width: 992px) {
.vk-header__logo {
padding-right: 20px; } }
.vk-header__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 100px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-header__left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.vk-header__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
@media (min-width: 992px) {
.vk-header__right {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
.vk-header__button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px; }
.vk-header__button label {
margin-bottom: 0;
padding-left: 8px;
font-family: 'LucidaHandwriting';
font-size: 16px; }
.vk-header__button--close {
padding-left: 0;
text-align: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.vk-header__button--close label {
padding-right: 10px; }
.vk-header._shrink {
background-color: rgba(0, 0, 0, 0.8); }
.vk-header._shrink .vk-header__content {
min-height: 60px; }
.vk-header._shrink .vk-menu__sub--mod > .vk-list__item > a {
padding: 24px 15px; }
.shop-sub-nav-open ._shrink .shop-sub-nav {
-webkit-transform: translateY(67px);
-ms-transform: translateY(67px);
transform: translateY(67px); }
.vk-btn--menu {
background-color: transparent;
border: 1px solid #fff;
width: 35px;
height: 35px;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0; }
.vk-btn--menu > span {
margin: 2px 0;
height: 1px;
width: 15px;
display: block;
background-color: #fff; }
.vk-form__search {
padding: 5px;
position: relative;
display: none; }
@media (min-width: 992px) {
.vk-form__search {
display: block; } }
.vk-form__search .vk-form__label {
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.vk-form__search .form-control {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
background-color: rgba(255, 255, 255, 0.2);
padding-left: 40px; }
.vk-form__search .form-control::-webkit-input-placeholder {
color: #fff; }
.vk-form__search .form-control::-moz-placeholder {
color: #fff; }
.vk-form__search .form-control:-ms-input-placeholder {
color: #fff; }
.vk-form__search .form-control:-moz-placeholder {
color: #fff; }
.vk-form__search .form-control:hover, .vk-form__search .form-control:focus {
opacity: 1; }
.vk-lang {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 10px; }
@media (min-width: 992px) {
.vk-lang {
padding-bottom: 0px;
padding-left: 10px; } }
.vk-lang > a {
background-color: #d9d9d9;
float: left;
color: #444;
padding: 8px 10px;
min-width: 50px; }
.vk-lang > a.active, .vk-lang > a:hover, .vk-lang > a:focus {
background-color: #fff; }
.vk-menu__logo {
margin-bottom: 20px; }
.vk-menu__child {
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-menu__child .vk-list__item > a {
padding: 7px 15px;
display: inline-block; }
.vk-menu__main {
color: #444;
position: fixed;
z-index: 121;
left: 0;
top: 0;
right: 0;
background: url("../images/background/background-10.jpg") no-repeat bottom right, #fff; }
.vk-menu__info {
margin-top: 30px; }
.vk-menu__info p {
margin-bottom: 0; }
.vk-menu__left {
background: url("../images/background/background-9.jpg") no-repeat center;
background-size: cover; }
.vk-menu__right {
padding-top: 20px;
padding-bottom: 40px;
padding-right: 50px;
padding-left: 50px;
background-color: rgba(255, 255, 255, 0.5); }
.vk-menu__list {
font-size: 22px;
font-weight: normal; }
.vk-menu__list .vk-list__item {
padding: 10px 0; }
.vk-menu__close {
padding: 0;
background-color: transparent; }
.vk-menu__sub {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.vk-menu__sub > .vk-list__item > a {
padding: 0px 10px;
display: inline-block; }
.vk-menu__sub > .vk-list__item:hover .vk-menu__child {
visibility: visible;
opacity: 1; }
.vk-menu__sub--mod {
font-weight: bold; }
.vk-menu__sub--mod > .vk-list__item > a {
padding: 40px 15px; }
/* HOME DEFAULT */
.vk-home-about__top {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 20px; }
@media (min-width: 992px) {
.vk-home-about__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.vk-home-about__title {
padding-top: 20px;
text-decoration: underline; }
@media (min-width: 992px) {
.vk-home-about__title {
padding-left: 30px;
padding-top: 0px; } }
.vk-home-about__left, .vk-home-about__right {
padding: 30px 10px; }
@media (min-width: 992px) {
.vk-home-about__left, .vk-home-about__right {
padding: 60px 10px; } }
.vk-home-about__right {
background-color: #444; }
@media (min-width: 992px) {
.vk-home-about__right {
padding-left: 60px; } }
.vk-home-about__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.vk-home-about__item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
padding: 15px 15px; }
.vk-cate-item {
text-align: center; }
.vk-cate-item__title {
font-size: 16px;
margin-bottom: 10px;
padding-top: 10px; }
.vk-cate-item__text {
margin-bottom: 5px; }
.vk-cate-item .vk-img {
height: 249.83px; }
.vk-home__cate {
padding: 60px 0; }
.vk-home__news {
padding-bottom: 40px; }
@media (min-width: 992px) {
.vk-home__news {
padding-bottom: 70px; } }
.grid--press-tabs {
position: relative;
z-index: 2;
padding: 0;
margin-top: 0;
margin-bottom: 60px; }
.grid--press-tabs .inner {
margin-left: 20px;
background-color: #f5f5f5; }
.grid--press-tabs:before, .grid--press-tabs:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: -100%;
right: -100%;
height: 100%;
width: 300%;
background-color: transparent;
z-index: -1; }
.grid--press-tabs .flexslider {
margin-bottom: 0;
background-color: transparent;
border: none; }
.grid--press-tabs h3, .grid--press-tabs .h3 {
font-size: 1.28571em;
font-weight: 600;
padding-top: 40px;
margin-bottom: 0;
line-height: 1.1;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.grid--press-tabs h3, .grid--press-tabs .h3 {
font-size: 1.57143em; } }
.grid--press-tabs ul.quotes {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0; }
@media screen and (min-width: 768px) {
.grid--press-tabs ul.quotes {
margin-top: 40px;
margin-bottom: 60px; } }
.grid--press-tabs ul.quotes li {
list-style-type: none;
position: relative;
padding: 0; }
.grid--press-tabs ul.quotes li p {
font-size: 1.6em;
font-weight: 300;
line-height: 1.3;
padding: 0 7%; }
@media screen and (min-width: 768px) {
.grid--press-tabs ul.quotes li p {
font-size: 2em; } }
@media screen and (min-width: 769px) {
.grid--press-tabs ul.quotes li p {
padding: 0; } }
.grid--press-tabs ul.logos {
position: relative;
height: 90px;
background-color: #ededed;
margin-left: 0; }
.grid--press-tabs ul.logos:before, .grid--press-tabs ul.logos:after {
content: ' ';
position: absolute;
top: 2px;
bottom: 0;
left: -100%;
right: -100%;
width: 300%;
background-color: #fff;
z-index: -1; }
.grid--press-tabs ul.logos li {
list-style-type: none;
width: 25%;
float: left;
cursor: pointer;
height: 90px;
padding: 30px 0;
margin: 0;
border-right: 1px solid #fff;
position: relative;
-webkit-transition: background-color .15s;
-o-transition: background-color .15s;
transition: background-color .15s; }
.grid--press-tabs ul.logos li img {
display: inline-block;
vertical-align: middle;
max-height: 40px;
max-width: 80%;
opacity: 0.6; }
.grid--press-tabs ul.logos li:first-child {
border-left: 1px solid #fff; }
.grid--press-tabs ul.logos li.active, .grid--press-tabs ul.logos li:hover, .grid--press-tabs ul.logos li.active:hover {
background-color: #e0e0e0; }
.grid--press-tabs ul.logos li.active img, .grid--press-tabs ul.logos li:hover img, .grid--press-tabs ul.logos li.active:hover img {
opacity: 1; }
.grid--press-tabs ul.logos li:hover img {
opacity: 1; }
.grid--press-tabs ul.logos li.active:before {
content: '';
position: absolute;
background-color: #f5f5f5;
width: 12px;
height: 12px;
top: -6px;
margin-left: -6px;
left: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
@media screen and (min-width: 768px) {
.grid--press-tabs ul.logos li.active:before {
width: 16px;
height: 16px;
top: -8px;
margin-left: -8px; } }
/* ABOUT PAGE */
.vk-about-item {
position: relative;
padding-bottom: 15px; }
@media (min-width: 992px) {
.vk-about-item {
padding-bottom: 0px; } }
.vk-about-item__title {
font-size: 16px;
margin-bottom: 5px; }
.vk-about-item__brief {
position: relative;
padding: 20px 30px;
background-color: #f2f2f2;
margin-left: 30px;
margin-right: 30px;
margin-top: -70px;
z-index: 1; }
.vk-about__info {
padding-top: 40px; }
/* CONTACT PAGE */
.vk-contact-item p {
margin-bottom: 5px; }
.vk-contact-form {
padding-top: 50px;
padding-bottom: 50px; }
.vk-contact-form .form-control {
min-height: 60px;
border-radius: 0; }
.vk-contact-form textarea {
min-height: 133px !important; }
.vk-contact-form .vk-btn {
min-height: 60px;
padding: 10px 30px;
border-radius: 0; }
.vk-page--contact {
padding-bottom: 0; }
/* SHOP */
.vk-news-item {
padding: 15px 0; }
.vk-news-item__title {
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
padding-top: 10px; }
.vk-news-item__text {
font-weight: 300; }
.vk-news-item--mod {
position: relative;
padding: 0; }
@media (min-width: 1200px) {
.vk-news-item--mod {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.vk-news-item--mod .vk-news-item__title {
margin-bottom: 5px; }
.vk-news-item--mod .vk-news-item__published {
font-size: 12px;
margin-bottom: 5px; }
@media (min-width: 1200px) {
.vk-news-item--mod .vk-news-item .vk-img {
width: 360px;
height: 480px; } }
.vk-news-item--mod .vk-news-item__brief {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: #f7f7f7;
padding: 0 15px;
z-index: 1;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
@media (min-width: 1200px) {
.vk-news-item--mod .vk-news-item__brief {
width: 1%;
margin-left: -110px;
padding: 50px; } }
/* SHOP */
.vk-shop-item {
position: relative;
padding: 15px 0; }
.vk-shop-item__color {
width: 20px;
height: 20px;
display: inline-block;
margin-bottom: -3px;
margin-right: 4px; }
.vk-shop-item__color.grey {
background-color: #e1e1e1; }
.vk-shop-item__brief {
margin-top: -80px;
position: relative;
z-index: 1;
text-align: center; }
.vk-shop-item__wrapper {
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
background-color: #f2f2f2;
padding: 15px; }
.vk-shop-item__title {
font-size: 18px;
margin-bottom: 10px; }
.vk-shop-item__price {
font-size: 22px;
font-weight: 500; }
.vk-shop-item__short-detail {
border-bottom: 5px solid #b5292c;
padding: 20px 30px;
-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 30px;
left: 30px;
right: -30px;
z-index: 11;
background-color: #fff;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
-webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.4s ease-in-out;
-o-transition: transform 0.4s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
transition: transform 0.4s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
transition: transform 0.4s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.4s ease-in-out; }
.vk-shop-item__short-detail .vk-shop-item__title {
margin-bottom: 5px; }
.vk-shop-item__short-detail .vk-shop-item__price {
padding-top: 8px; }
.vk-shop-item--mod .vk-img {
height: 150px; }
.vk-shop-item--mod .vk-rate {
font-size: 11px; }
.vk-shop-item--mod .vk-shop-item__brief {
margin-top: 0px;
padding-top: 10px; }
.vk-shop-item--mod .vk-shop-item__price {
margin-bottom: 5px; }
.vk-shop-item--mod:after {
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(68, 68, 68, 0.2);
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-shop-item--mod:hover .vk-shop-item__short-detail {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.vk-shop-item--mod:hover:after {
opacity: 1; }
.vk-shop-detail__title {
padding-top: 10px;
font-size: 24px;
margin-bottom: 5px; }
@media (min-width: 992px) {
.vk-shop-detail__title {
padding-top: 0px; } }
.vk-shop-detail__price {
font-size: 30px;
font-weight: normal;
padding-top: 15px;
margin-bottom: 15px; }
.vk-shop-detail__btn {
min-height: 65px;
font-weight: 300; }
.vk-shop-detail__btn .fa {
font-size: 40px; }
.vk-shop-package {
padding-top: 50px; }
.vk-shop__thumbnail-big {
padding-bottom: 30px; }
.vk-shop__thumbnail-big .vk-img {
text-align: center; }
.vk-shop__thumbnail-big img {
display: inline-block; }
.vk-shop__thumbnail-big .vk-slider__arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
padding: 0; }
.vk-shop__thumbnail-big .vk-slider__arrow.next {
right: 0; }
.vk-embroidery__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px; }
.vk-embroidery-item {
position: relative;
padding: 5px; }
.vk-embroidery-item label {
margin-bottom: 0; }
.vk-embroidery-item input {
display: none; }
.vk-embroidery-item input:checked ~ .vk-embroidery-item__thumbnail {
opacity: 1; }
.vk-embroidery-item__thumbnail {
width: 60px;
height: 60px;
border-radius: 3px;
opacity: 0.5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-embroidery-item__thumbnail:hover {
opacity: 1; }
.vk-embroidery-item__thumbnail:hover ~ .vk-embroidery-item__brief {
bottom: 40px;
opacity: 1;
visibility: visible; }
.vk-embroidery-item__brief {
position: absolute;
bottom: 50px;
left: 15px;
opacity: 0;
z-index: 3;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.vk-embroidery-item__brief .vk-img {
width: 280px;
height: 280px; }
.vk-shop-relate {
/*height: 100%;*/
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f2f2f2;
padding: 30px 20px; }
@media (min-width: 992px) {
.vk-shop-relate {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
@media (min-width: 992px) {
.vk-shop-relate .vk-img {
width: 260px;
height: 150px; } }
.vk-shop-relate__brief {
text-align: center;
padding-top: 15px; }
@media (min-width: 992px) {
.vk-shop-relate__brief {
padding-top: 0px;
width: 1%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 20px;
text-align: left; } }
.vk-shop-relate__title {
font-size: 16px;
margin-bottom: 5px; }
.vk-shop-relate__text {
padding-top: 5px; }
.vk-shop__thumbnail-small .vk-img {
height: 45px;
width: 80px;
padding: 2px;
border: 1px solid transparent; }
.vk-shop__thumbnail-small .slick-slide.slick-current {
opacity: 1;
border-color: rgba(181, 41, 44, 0.7); }
.vk-shop__relate .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
@media (min-width: 992px) {
.vk-shop__relate .slick-track {
display: block; } }
.vk-shop__brief {
padding-top: 30px; }
@media (min-width: 992px) {
.vk-shop__brief {
padding-top: 0; } }
.vk-shop__bot {
padding-top: 60px; }
.vk-shop__top {
padding-bottom: 30px; }
.vk-shop__mid {
padding-top: 50px;
border-top: 1px solid #e1e1e1; }
.vk-shop__filter-thumbnail {
border: 1px solid #e1e1e1;
height: 100%;
width: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px; }
.vk-shop__filter label {
font-weight: bold; }
.vk-shop__filter .form-group {
margin-left: -5px;
margin-right: -5px; }
@media (min-width: 992px) {
.vk-shop__filter .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.vk-shop__filter .form-group__wrapper {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px; }
.vk-shop__filter.vk-modal__filter .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px dashed #d9d9d9;
padding: 15px 0; }
@media (min-width: 992px) {
.vk-shop__filter.vk-modal__filter .form-group {
padding: 0;
border-bottom: 0px dashed #d9d9d9; } }
.vk-shop__filter.vk-modal__filter .form-group__wrapper {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
@media (min-width: 992px) {
.vk-shop__filter.vk-modal__filter .form-group__wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%; } }
.vk-shop__price {
font-size: 30px;
margin-top: 20px;
margin-bottom: 20px; }
.vk-shop__heading {
font-size: 24px;
margin-bottom: 20px; }
/* SHOP CART */
@media (min-width: 992px) {
.vk-shopcart-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.vk-shopcart-item .vk-rate {
font-size: 11px; }
.vk-shopcart-item .vk-img {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100px;
height: 100px;
background-color: #fff;
padding: 5px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.vk-shopcart-item .vk-img {
margin-bottom: 0px; } }
@media (min-width: 992px) {
.vk-shopcart-item__brief {
text-align: left;
padding-left: 10px;
width: 1%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; } }
.vk-shopcart-item__title {
font-size: 18px;
margin-bottom: 5px; }
.vk-shopcart-item p {
margin-bottom: 5px; }
.vk-shopcart {
padding-bottom: 70px;
font-weight: normal; }
.vk-shopcart__heading {
font-size: 20px;
margin-bottom: 30px; }
@media (min-width: 768px) {
.vk-shopcart__table tr {
border: 0px; } }
.vk-shopcart__table tr:first-child th, .vk-shopcart__table tr:first-child td {
border-bottom: 5px solid #d9d9d9; }
.vk-shopcart__table tr:first-child th:not(:first-child), .vk-shopcart__table tr:first-child td:not(:first-child) {
display: none; }
@media (min-width: 768px) {
.vk-shopcart__table tr:first-child th:not(:first-child), .vk-shopcart__table tr:first-child td:not(:first-child) {
display: table-cell; } }
.vk-shopcart__table tr:last-child {
border-bottom: 5px solid #d9d9d9; }
.vk-shopcart__table tr:last-child th:last-child, .vk-shopcart__table tr:last-child td:last-child {
border-bottom: 0px solid #d9d9d9; }
@media (min-width: 768px) {
.vk-shopcart__table tr:last-child th:last-child, .vk-shopcart__table tr:last-child td:last-child {
border-bottom: 1px dashed #d9d9d9; } }
.vk-shopcart__table td, .vk-shopcart__table th {
padding: 15px 10px;
display: block; }
@media (min-width: 768px) {
.vk-shopcart__table td, .vk-shopcart__table th {
display: table-cell;
border-bottom: 1px dashed #d9d9d9; } }
.vk-shopcart__table td:last-child, .vk-shopcart__table th:last-child {
border-bottom: 1px dashed #d9d9d9; }
.vk-shopcart__table--mod tr:first-child td, .vk-shopcart__table--mod tr:first-child th {
border-bottom: 1px dashed #d9d9d9; }
.vk-shopcart__total {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px; }
@media (min-width: 992px) {
.vk-shopcart__total {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.vk-shopcart__total .vk-shopcart__label {
font-size: 18px;
font-weight: bold;
padding-bottom: 20px; }
@media (min-width: 992px) {
.vk-shopcart__total .vk-shopcart__label {
padding-bottom: 0px; } }
.vk-shopcart__total .vk-btn {
min-height: 70px;
min-width: 300px; }
.vk-shopcart__total--mod {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #eeeeee;
padding: 20px 10px; }
.vk-shopcart__total--mod .vk-btn {
margin-top: 7px;
min-height: 0px;
min-width: 0px;
padding: 5px 10px; }
.vk-page--shopcart {
padding-top: 60px; }
/* SHOP CHECKOUT */
.vk-checkout-bank {
background-color: #eeeeee;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 15px;
margin-bottom: 10px; }
@media (min-width: 992px) {
.vk-checkout-bank {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.vk-checkout-bank .vk-img {
background-color: #fff;
padding: 10px; }
@media (min-width: 992px) {
.vk-checkout-bank .vk-img {
width: 220px; } }
.vk-checkout-bank__title {
margin-bottom: 5px; }
.vk-checkout-bank__brief {
padding-top: 10px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 20px; }
@media (min-width: 992px) {
.vk-checkout-bank__brief {
width: 1%;
padding-top: 0; } }
.vk-checkout-bank__brief p {
margin-bottom: 5px; }
.vk-checkout {
padding-top: 50px; }
.vk-checkout__btn {
width: 100%;
border-radius: 0;
min-height: 70px; }
.vk-checkout__contact-list ._icon {
position: absolute;
color: #b5292c;
left: 0;
top: 3px; }
.vk-checkout__contact-list .vk-list__item {
position: relative;
padding-left: 25px; }
.vk-checkout__box {
margin-bottom: 50px; }
.vk-checkout__title {
font-size: 18px;
margin-bottom: 20px;
font-weight: bold; }
.vk-checkout__form-info .form-control {
background-color: transparent; }
.vk-checkout__form-info .form-control::-webkit-input-placeholder {
color: #444; }
.vk-checkout__form-info .form-control::-moz-placeholder {
color: #444; }
.vk-checkout__form-info .form-control:-ms-input-placeholder {
color: #444; }
.vk-checkout__form-info .form-control:-moz-placeholder {
color: #444; }
.vk-checkout__fee p {
margin-bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.vk-checkout__total {
padding-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.vk-bank__list {
padding: 10px 30px;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.vk-bank__item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 16.66667%;
-ms-flex: 1 1 16.66667%;
flex: 1 1 16.66667%; }
.vk-bank__item input {
display: none; }
.vk-bank__item input:checked ~ .vk-bank__img {
border-color: red; }
.vk-bank__img {
border: 1px solid transparent;
padding: 5px;
height: 50px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.vk-bank__img img {
max-height: 100%; }
/* FOOTER */
.vk-footer {
position: relative;
background-image: url("../images/background/background-4.jpg");
color: #bebebe;
font-weight: 400; }
.vk-footer__item {
padding-bottom: 20px; }
@media (min-width: 992px) {
.vk-footer__item {
padding-bottom: 0px; } }
.vk-footer__top {
padding-top: 40px;
padding-bottom: 20px; }
@media (min-width: 992px) {
.vk-footer__top {
padding: 50px 0; } }
.vk-footer__bot {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 20px 0;
text-align: center; }
@media (min-width: 992px) {
.vk-footer__bot {
text-align: left; } }
@media (min-width: 992px) {
.vk-footer__info {
padding-left: 30px; } }
.vk-footer__info p {
margin-bottom: 5px; }
.vk-footer__list {
line-height: 1.9; }
.vk-follow {
background-color: #e1e1e1;
padding: 15px 0; }
.vk-follow__content {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 160px; }
.vk-follow__title {
font-size: 24px;
font-family: 'LucidaHandwriting';
font-weight: normal;
text-align: center; }
@media (min-width: 992px) {
.vk-follow__title {
text-align: left; } }
.vk-follow__search {
display: block; }
.vk-follow__search .form-control {
visibility: visible;
opacity: 1;
position: relative;
min-height: 60px;
border-radius: 50px;
border-color: transparent;
background-color: rgba(255, 255, 255, 0.8);
padding-left: 50px; }
.vk-follow__search .form-control::-webkit-input-placeholder {
color: #888; }
.vk-follow__search .form-control::-moz-placeholder {
color: #888; }
.vk-follow__search .form-control:-ms-input-placeholder {
color: #888; }
.vk-follow__search .form-control:-moz-placeholder {
color: #888; }
.vk-follow__search .vk-form__label {
font-size: 20px;
color: #888;
left: 20px; }
.top-nav-sub-nav {
position: absolute;
top: -24px;
left: 0;
right: 0;
bottom: 0;
padding-top: 23px;
width: 100%;
height: 35px;
visibility: hidden;
-webkit-transform: translateY(-1000px);
-ms-transform: translateY(-1000px);
transform: translateY(-1000px); }
.top-nav-sub-nav .wrapper {
max-width: 100%;
height: 35px;
background-color: #d85355; }
.top-nav-sub-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-right: 20px;
display: inline-block;
background-color: #d85355;
color: #fff;
text-align: left;
width: 100%;
height: 35px;
line-height: 35px;
float: left;
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-box;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start; }
.top-nav-sub-nav.about-sub-nav ul {
width: 100%;
max-width: 650px; }
.top-nav-sub-nav.shop-sub-nav ul {
width: 100%;
max-width: 1280px; }
.top-nav-sub-nav.reviews-sub-nav ul {
width: 100%;
max-width: 362px; }
.top-nav-sub-nav li {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 0.78571em; }
@media screen and (min-width: 769px) {
.top-nav-sub-nav li {
font-size: 0.85714em; } }
@media screen and (min-width: 1024px) {
.top-nav-sub-nav li {
font-size: 1em; } }
.top-nav-sub-nav li.shop-sub-nav-sheets, .top-nav-sub-nav li.shop-sub-nav-blankets {
padding-top: 0; }
.top-nav-sub-nav li a {
display: block;
padding-bottom: 0;
color: #fff; }
.top-nav-sub-nav li.shop-sub-nav-account {
max-width: 33%;
border-top: 1px solid #0e0e0e;
padding-top: 20px; }
.top-nav-sub-nav li.anchor-DISABLED {
text-transform: none;
color: #868686;
font-size: 1.14286em;
padding: 0; }
.top-nav-sub-nav li.anchor-DISABLED a {
font-weight: 400;
color: #868686;
padding-bottom: 2px; }
.top-nav-sub-nav li.anchor-DISABLED a:hover {
color: #42c8e2; }
.top-nav-sub-nav .grid__item--sub-nav-img {
padding-left: 40px;
padding-right: 20px; }
.top-nav-sub-nav a.sub-nav-img {
position: relative;
display: block;
text-align: center;
color: #0e0e0e;
font-weight: inherit; }
.top-nav-sub-nav a.sub-nav-img:hover {
color: #d85355; }
.top-nav-sub-nav a.sub-nav-img img.badge {
position: absolute;
top: -10px;
right: 10px;
max-width: 20%;
z-index: 2;
background-color: none !important; }
.top-nav-sub-nav a.sub-nav-img img.sub-nav-product {
position: relative;
top: 0;
left: 0;
z-index: 1;
max-height: 260px; }
.top-nav-sub-nav a.sub-nav-img h3, .top-nav-sub-nav a.sub-nav-img .h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 0.85714em;
line-height: 1.2;
margin: 10px 0 4px 0;
letter-spacing: 0.05em; }
.top-nav-sub-nav a.sub-nav-img p {
font-size: 0.85714em;
line-height: 1.2;
color: #868686; }
@media screen and (min-width: 769px) {
.top-nav-sub-nav a.sub-nav-img h3, .top-nav-sub-nav a.sub-nav-img .h3 {
font-size: 0.92857em;
margin: 10px 0 10px 0; }
.top-nav-sub-nav a.sub-nav-img p {
font-size: 1.07143em; } }
@media screen and (min-width: 1025px) {
.top-nav-sub-nav a.sub-nav-img h3, .top-nav-sub-nav a.sub-nav-img .h3 {
font-size: 1em;
margin: 10px 0 10px 0; }
.top-nav-sub-nav a.sub-nav-img p {
font-size: 1.28571em; } }
body [data-submenu-id="submenu-all-season-down-comforter"] a:first-child img.badge.back-in-stock {
display: none !important; }
body .top-nav-sub-nav.tiered-nav .wrapper {
overflow: hidden;
height: 265px;
background-color: #fff;
border-top: 4px solid #d85355; }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav .wrapper {
padding-left: 20px; } }
body .top-nav-sub-nav.tiered-nav .tiered-nav-wrapper {
padding: 20px 30px;
padding-left: 10px;
max-width: 1280px;
margin: 0 auto;
height: 100%; }
body .top-nav-sub-nav.tiered-nav ul {
display: block;
max-width: 220px;
margin-left: 18.5% !important;
background: transparent;
padding-top: 0;
border-right: 2px solid #e0e0e0;
height: 100%;
margin-right: 10px; }
@media (max-width: 1320px) {
body .top-nav-sub-nav.tiered-nav ul {
margin-left: 17% !important; } }
@media (max-width: 1270px) {
body .top-nav-sub-nav.tiered-nav ul {
margin-left: 16.5% !important; } }
@media (max-width: 1090px) {
body .top-nav-sub-nav.tiered-nav ul {
margin-left: 15.5% !important; } }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav ul {
margin-left: 17% !important;
max-width: 125px; } }
@media (max-width: 870px) {
body .top-nav-sub-nav.tiered-nav ul {
margin-left: 16.5% !important; } }
body .top-nav-sub-nav.tiered-nav ul img.larger.larger--1 {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
body .top-nav-sub-nav.tiered-nav ul img.larger.clip--1 {
-webkit-clip-path: inset(0 10%);
clip-path: inset(0 10%); }
body .top-nav-sub-nav.tiered-nav ul img.larger.larger--2 {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
body .top-nav-sub-nav.tiered-nav ul img.larger.clip--2 {
-webkit-clip-path: inset(0 20%);
clip-path: inset(0 20%); }
body .top-nav-sub-nav.tiered-nav ul img.larger.larger--bottom {
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom; }
body .top-nav-sub-nav.tiered-nav ul img.larger.larger--center {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center; }
body .top-nav-sub-nav.tiered-nav ul.second-tier, body .top-nav-sub-nav.tiered-nav ul .single-item {
margin-left: 0 !important;
margin-top: 0; }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
width: 650px;
margin-left: 20px; }
@media (max-width: 1300px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
margin-left: 15px; } }
@media (max-width: 1200px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
margin-left: 5px; } }
@media (max-width: 1050px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
max-width: 300px; } }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
max-width: 250px; } }
@media (max-width: 850px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
max-width: 225px; } }
@media (max-width: 800px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
max-width: 208px; } }
@media (max-width: 790px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover, body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
max-width: 196px; } }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img {
max-height: 185px;
max-width: 250px;
float: left;
margin-top: 38px; }
@media (max-width: 1300px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img {
max-width: 195px;
margin-top: 55px; } }
@media (max-width: 1300px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img {
margin-top: 46px; } }
@media (max-width: 1100px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img {
max-width: 180px;
margin-top: 57px; } }
@media (max-width: 1050px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img {
max-width: 178px;
padding-left: 10px;
margin: -10px auto;
margin-top: 0;
float: none;
display: block; } }
@media (max-width: 950px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img {
max-width: 150px; } }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
position: absolute;
z-index: 2;
top: -5px;
left: 190px;
max-width: 54px; }
@media (max-width: 1300px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 143px; } }
@media (max-width: 1200px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 130px; } }
@media (max-width: 1100px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 118px; } }
@media (max-width: 1050px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 179px; } }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 146px; } }
@media (max-width: 850px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 132px; } }
@media (max-width: 800px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover img.badge, body .top-nav-sub-nav.tiered-nav ul .single-item .popover img.badge {
left: 122px; } }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
display: inline-block;
float: left;
width: auto;
max-width: 340px;
padding: 50px 10px 10px 40px;
text-align: center; }
@media (max-width: 1350px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 315px;
padding: 50px 10px 10px 15px; } }
@media (max-width: 1200px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 260px;
padding: 40px 25px 10px 10px; } }
@media (max-width: 1100px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
padding: 54px 10px 10px 10px;
max-width: 230px; } }
@media (max-width: 1050px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 300px;
width: 300px;
padding: 20px 10px 10px 20px;
clear: both;
text-align: center; } }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 250px;
padding: 16px 10px 10px 20px; } }
@media (max-width: 850px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 225px;
padding: 16px 10px 10px 20px; } }
@media (max-width: 800px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 208px;
padding: 16px 10px 10px 20px; } }
@media (max-width: 790px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text {
max-width: 196px; } }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text .h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text .h5 {
display: inline-block;
font-size: 14px;
font-weight: 800;
white-space: nowrap; }
@media (max-width: 1150px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text .h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text .h5 {
font-size: 13px; } }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text .h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text .h5 {
font-size: 12px; } }
@media (max-width: 850px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text .h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text .h5 {
font-size: 11px; } }
@media (max-width: 800px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text .h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text .h5 {
font-size: 10px;
margin-bottom: 0; } }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p {
display: block;
text-transform: none;
font-weight: normal;
font-size: 17px;
line-height: 1.1em;
color: #838383; }
@media (max-width: 1200px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p {
font-size: 17px; } }
@media (max-width: 1050px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p {
font-size: 16px; } }
@media (max-width: 850px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p {
font-size: 15px; } }
@media (max-width: 800px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p {
font-size: 14px; } }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p.price, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p.price {
font-size: 13px;
font-weight: 400;
color: #d85355;
font-weight: 600; }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover .menu-item-text p.price small, body .top-nav-sub-nav.tiered-nav ul .single-item .popover .menu-item-text p.price small {
font-size: 10px; }
body .top-nav-sub-nav.tiered-nav ul.second-tier .popover:hover h5, body .top-nav-sub-nav.tiered-nav ul.second-tier .popover:hover .h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover:hover h5, body .top-nav-sub-nav.tiered-nav ul .single-item .popover:hover .h5 {
color: #d85355;
border-bottom: 2px solid #d85355; }
body .top-nav-sub-nav.tiered-nav ul.second-tier {
max-width: 275px;
margin-left: 26px !important; }
@media (max-width: 1300px) {
body .top-nav-sub-nav.tiered-nav ul.second-tier {
margin-right: 0; } }
body .top-nav-sub-nav.tiered-nav ul .single-item {
margin-top: 7px; }
body .top-nav-sub-nav.tiered-nav ul .single-item .popover {
margin-left: 35px; }
body .top-nav-sub-nav.tiered-nav li {
text-align: left;
clear: both;
float: left;
color: #0e0e0e;
font-size: 14px;
line-height: 1em;
margin-top: 10px; }
@media (max-width: 900px) {
body .top-nav-sub-nav.tiered-nav li {
font-size: 13px; } }
body .top-nav-sub-nav.tiered-nav li a:first-of-type {
color: #838383;
border-bottom: 2px solid transparent;
white-space: nowrap; }
body .top-nav-sub-nav.tiered-nav li a:first-of-type.maintainHover {
border-bottom: 2px solid #333;
color: #0e0e0e;
position: relative; }
body .top-nav-sub-nav.tiered-nav li a:first-of-type.maintainHover:before {
content: '';
display: block;
text-indent: -9999px;
width: 0;
height: 0;
border-style: solid;
position: absolute;
top: 50%;
margin-top: -6px;
border-width: 6px 0 6px 11px;
border-color: transparent transparent transparent #333333;
left: auto;
right: -16px; }
body .top-nav-sub-nav.tiered-nav li a:first-of-type:hover {
color: #d85355;
border-bottom: 2px solid #d85355 !important; }
body .top-nav-sub-nav.tiered-nav li a:first-of-type:hover:before {
border-color: transparent transparent transparent #d85355; }
body .top-nav-sub-nav.tiered-nav li a h5, body .top-nav-sub-nav.tiered-nav li a .h5 {
color: #0e0e0e;
border-bottom: 2px solid transparent; }
@media (max-width: 1200px) {
body .top-nav-sub-nav.tiered-nav li a span {
display: none; } }
body .top-nav-sub-nav.tiered-nav .popover {
position: absolute;
left: 100%;
top: 0;
bottom: 0;
display: none; }
body .top-nav-sub-nav.tiered-nav.about-sub-nav ul {
max-width: 176px; }
body .mobile-nav .mobile-nav__sublist .second-tier a {
color: #449af2; }
body .mobile-nav .mobile-nav__sublist .mobile-nav__item {
margin: 0;
padding: 0; }
body .mobile-nav .mobile-nav__sublist .mobile-nav__item a {
padding: 0;
font-size: 13px; }
body .mobile-nav .mobile-nav__sublist .mobile-nav__item .mobile-nav__has-sublist a {
padding: 0;
margin: 0; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .list-product {
display: none; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product a *, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product a * {
border-bottom: none !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product a.maintainHover, .top-nav-sub-nav.tiered-nav .three-tier-nav .single-product a.maintainHover:hover, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product a.maintainHover, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product a.maintainHover:hover {
border-bottom: none !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product a:hover, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product a:hover {
color: inherit !important;
text-decoration: none !important;
border-bottom: none !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product a:before, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product a:before {
display: none !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product .popover-title, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product .popover-title {
margin-top: 10px;
border-bottom: 2px solid #fff !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product a:hover .popover-title, .top-nav-sub-nav.tiered-nav .three-tier-nav .solo-product a:hover .popover-title {
border-color: #d85355 !important; }
@media screen and (min-width: 1050px) {
.top-nav-sub-nav.tiered-nav .three-tier-nav .list-product {
display: block; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .single-product {
display: none; } }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier {
padding: 0 30px !important;
margin: 0 !important; }
@media screen and (max-width: 1050px) {
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier {
border-right: none; } }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.comforters {
min-width: 155px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.sheets {
min-width: 200px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.pillows {
min-width: 145px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover {
padding-left: 0; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover .list-product.popover {
padding-left: 16px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover img {
display: block;
float: none;
clear: both;
max-width: 180px;
margin-top: 0; }
@media screen and (min-width: 1050px) {
}
@media screen and (min-width: 1350px) {
}
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover img.badge {
max-width: 54px;
top: -10px;
left: 130px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover .menu-item-text {
display: block;
float: none;
clear: both;
padding: 0 20px;
max-width: 260px;
white-space: normal; }
@media screen and (min-width: 1050px) {
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover .menu-item-text {
text-align: center; } }
@media screen and (min-width: 1350px) {
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.popover .menu-item-text {
max-width: 316px; } }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier {
border-right: none !important;
min-width: auto !important;
max-width: 600px;
padding-right: 0; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier img {
margin-left: 40px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier .menu-item-text {
max-width: 260px; }
@media screen and (min-width: 1050px) {
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier .solo-product {
margin-top: 46px; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier .solo-product img:not(.badge) {
margin-left: 0;
float: left !important;
clear: none !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier .solo-product img.badge {
margin-left: 0 !important;
left: 140px !important;
top: 20px !important; }
.top-nav-sub-nav.tiered-nav .three-tier-nav .third-tier.no-fourth-tier .solo-product .menu-item-text {
float: right !important;
clear: none !important; } }
.shop-sub-nav-open .shop-sub-nav {
visibility: visible;
z-index: 99;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px); }
.shop-sub-nav-open.is-offer-bar .shop-sub-nav {
visibility: visible;
z-index: 2; }
.top-nav-has-sub-nav.active {
overflow: hidden; }
.top-nav-has-sub-nav.active a {
color: #d85355;
position: relative; }
.top-nav-has-sub-nav.active a:before {
content: ' ';
position: absolute;
bottom: -11px;
left: 50%;
height: 20px;
width: 20px;
margin-left: -10px;
background-color: #d85355;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -1; }
/************ nhannguyen **************/
.vk-shop__filter-thumbnail{height: 37.99px;}
#nhan_cart img{
width: 22px;border-radius: 100%;
}
.col-md-6{
float: left;
}
.col-md-3{
float: left;
}
#pagina_nx{
margin: 0 auto;float: right;
}
#pagina_nx ul li{
padding: 0 5px;
}
#pagina_nx ul li.active span{
color: #444;
background-color: #b3b3b3;
}
#pagina_nx ul li span {
font-size: 16px;
font-weight: bold;
border: 1px solid transparent;
background-color: #d9d9d9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#pagina_nx ul li a {
font-size: 16px;
font-weight: bold;
border: 1px solid transparent;
background-color: #d9d9d9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#cart_h3_n{
border-bottom: solid 1px #868e96;
padding-bottom: 5px;
}
#col-cart-auto{
max-height: 172px;
overflow: auto;
}
.form-group__wrapper select{min-width: 117px;}
.car-shoping-min{
overflow: auto;
max-height: 148px;
}
.vk-btn{cursor: pointer;}
#order-thanhtoan{
order: 2;
}
#bdsa{
width: 1%;
flex: 1 1 auto;
}
ul.cardList li.bank-online-methods label{cursor: pointer;}
}
.mgl-10 {
margin-left: 10px;
}
.item-inner {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border: 1px solid #28a745;
border-radius: 10px;
padding: 5px 10px;
}
#img-min img{
max-width: 25px;
}
#muathem{
font-size: 17px;
padding: 12px 0px;
color: #28a745;
}
.vk-shopcart__price{
color: red;
font-size: 17px;
font-weight: 500;
}
.related_sale{
position: relative;
}
.sale_giohang{
position: absolute;
top: -12px;
background: #3baf56;
padding: 1px 5px 1px 5px;
font-size: 11px;
color: #fff;
border-radius: 100%;
}
.sale_price_old{
color: #333;
font-size: 13px;
text-decoration: line-through;
}
.vnd{
font-size: 12px;
color: #0e1010;
}
#form-combo select{
margin-bottom: 8px;
}
#float-combo{
float: left;margin-left: 10px;
}
span.price_sale{
font-size: 24px;
color: red;
}
span.price_old{
font-size: 24px;
text-decoration: line-through;
}
.priceInfo {
display: block;
line-height: 20px;
padding: 0 0 10px;
}
span.old-price {
font-size: 14px;
font-weight: normal;
text-decoration: line-through;
margin-top: 0;
}
.priceInfo .price {
display: inline-block;
overflow: hidden;
font-size: 26px;
color: #ee3124;
vertical-align: middle;
margin-right: 5px;
}
.save-price {
color: #7a8188;
font-size: 12px;
}
.price-red{
display: inline-block;
overflow: hidden;
font-size: 18px;
color: #ee3124;
vertical-align: middle;
text-align: right;
line-height: 47px;
}
.price-red strong{
color: #333;
}
.vk-cate-item__brief .vk-rate h4.pro-detail-point .score{margin: 0 auto;}
.vk-shop-item__brief .vk-rate h4.pro-detail-point .score{margin: 0 auto;}
#cfacebook{position:fixed;bottom:0px;right:0px;z-index:99;width:260px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;cursor: pointer;}
#cfacebook .fchat{float:left;width:100%;height:320px;overflow:hidden;display:none;background-color:#fff;}
#cfacebook .fchat .fb-page{margin-top:-5px;float:left;}
#cfacebook a.chat_fb{float:left;padding:0 25px;width:260px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}
#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}
.fchat span{ width:260px!important;}
.chat_fb{min-width:260px; padding: 10px; background: #00134d; color: #fff;}
h4.pro-detail-point{height: 20px;overflow: hidden;}
a.comma-added-rate{
margin-left: 3px;
font-size: 13px;
color: red !important;
font-family: Open Sans;
position: absolute;
left: 100px;top:2px
}
.pro-detail-point{position: relative;}
/****/
.star-distribution {
width: 60%;
float: left;
}
.star-distribution table {
color: #4f4f4f;
font-weight: bold;
width: 100%;
margin: 20px 0px;
}
.star-distribution td:first-child {
width: 1em;
white-space: nowrap;
padding-left: 0;
}
.star-distribution td {
border-color: #fff;
padding: 8px;
border-width: 0;
}
.star-distribution .bar {
position: relative;
width: 100%;
height: 100%;
background-color: rgba(50,143,239,0.1);
}
.yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo img, .yotpo i, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label {
font-family: Open Sans;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal !important;
/* font-size: 14px; */
line-height: 17px;
color: #a2a2a2;
border: none;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.star-distribution .bar .inner {
position: relative;
width: 50%;
height: 100%;
background-color: #328fef;
}
.star-distribution td:last-child {
width: 1em;
white-space: nowrap;
}
.star-distribution td {
border-color: #fff;
padding: 8px;
border-width: 0;
}
.star-distribution .percent {
opacity: 0.5;
}
.min_star{
color: #f0a600;font-size: 15px;padding-bottom: 10px;
}
.min_star span{
color: #328fef;
}
.tk_min_star{
color: #333; font-weight: 700;
}
#bg_star_min{
background-color: #f2f2f2;
padding: 30px 20px 10px 20px;
margin-top: 20px;
}
.h4_reviews{
font-weight: bold;font-size: 20px;
}
#caigiday{
width: 100%;white-space: normal;
}
#caigiday .menu-item-text{ width: 100%;white-space: normal;text-align: justify; }
#caigiday img{
width: 75%;margin: 0 auto;
}
#ul-check-one{
width: 600px;
border-right:none;text-align: center;
}
h5.popover-title{
padding-top: 5px;white-space: normal;
}
.ul-check-one{
width: 428px !important;
border-right: none!important;
text-align: center!important;
max-width: 428px !important;
}
#nonecolor p{
text-transform: none !important;
font-weight: normal !important;
font-size: 17px !important;
line-height: 1.1em !important;
color: #838383 !important;
}