/* CSS Document */

/* Import required css-styles */
@import url('flaticon.css');
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&subset=cyrillic');




html, body {height: 100%; font-weight: 400;}
* {margin: 0; padding: 0;}
body {padding: 10px 0 0 0; font-family: 'Rubik', sans-serif;}
*:focus {outline: none;}
ul, ol {list-style-type: none; margin: 0;}
.no-br {border-right: none !important;} 
.no-bb {border-bottom: none !important;} 

/* Remove this block on productions tip */
.page {padding: 25px; background: #fff; margin: 0 -15px; position: relative; border-bottom: 1px solid #ececec;}
.selector {padding: 15px; width: 130px; text-align: left; position: relative; font-size: 16px;}
.selector::after {content: ''; width: 0; height: 0; border: 4px solid transparent; border-color: #0f0f0f transparent transparent transparent; position: absolute; top: 59%; right: 15px; transform: translateY(-50%);}
.selector:hover .selector__list {display: block;}
.selector:hover::after {content: ''; width: 0; height: 0; border: 4px solid transparent; border-color: transparent transparent #0f0f0f transparent; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
.selector__list {position: absolute; top: 100%; left: 0; width: 250px; z-index: 999; background: #fff; border: 1px solid #ececec; height: 250px; overflow: auto; display: none;}
.selector__dropdown {padding: 3px 0px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.selector__list li {border-bottom: 1px solid #ececec;}
.selector__list a {padding: 10px 25px; display: block;}
.selector__list a:hover {color: #db3e45;}
/* End remove */


/* ==================== UI Kit ==================== */


/* Headers */
h1, .h1, h2, .h2, h3, .h3 {margin: 0;}
.title {margin: 0 -15px 40px -15px; overflow: hidden;}
.title h2 {color: #1b1b1b; font-size: 24px; font-weight: 400;}

/* Star rating */
.rating {border: none; float: left; margin: 0; padding: 0;}
.rating > input {display: none;} 
.rating > label:before {font-size: 13px; font-family: 'Flaticon'; display: inline-block; content: "\f11b";}
.rating > .half:before {font-family: 'Flaticon'; content: "\f112"; position: absolute; left: -2px; font-size: 12px;}
.rating > label {color: #cdcdcd;  float: right; position: relative; margin: 0;}
.rating > input:checked ~ label {color: #db3e45;} /* show gold star when clicked */
/*.rating:not(:checked) > label:hover,  //hover current star */
/* .rating:not(:checked) > label:hover ~ label {color: #f8d35e;} /* hover previous stars in list */

/*
.rating > input:checked + label:hover, // hover current star when changing rating 
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, // lighten current selection 
.rating > input:checked ~ label:hover ~ label {color: #f8d35e;} */

/* Backgrounds for social network icons */
.vk {background: #7487a7;}
.fb {background: #608bc6;}
.tw {background: #3ebbda;}
.yt {background: #db3e45;}


/* Share - block */
.share {color: #1b1b1b; font-weight: 400; margin: 40px 0;}
.share a {color: #fff !important; font-weight: normal; padding: 10px 30px; border-radius: 20px; margin: 0 5px;}

/* Breadcrumbs */
.breadcrumbs {margin: 25px 0;}
.breadcrumbs .breadcrumbs__inner  {margin: 0 -15px;}
.breadcrumbs li {display: inline-block; color: #8f8f8f;}
.breadcrumbs li a {color: #8f8f8f;}
.breadcrumbs li.divider {padding: 0 10px;}

/* Radio  */
input[type=radio] {opacity: 0; width: 0; height: 0;}
input[type=radio] + label.radio {display: inline-block; width: 20px; height: 20px; border: 1px solid #d8d8d8; border-radius: 50%; cursor: pointer; vertical-align: middle; margin: -3px 10px 0 -3px;}
input[type=radio] + label.radio:hover {opacity: 1;}
input[type=radio]:checked + label.radio {background: #db3e45; border: 1px solid transparent; opacity: 1; position: relative;}
input[type=radio]:checked + label.radio::before {content: ''; background: #fff; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 6px; left: 6px;}
input[type=radio]:checked + label.radio + span {color: #1d1d1d;}

/*input[type=radio]:focus + label.radio, input[type=radio]:active + label.radio {border: 1px solid #2891ea; opacity: 1;}*/

/* Checkboxes */
input[type=checkbox] {opacity: 0; width: 0; height: 0;}
input[type=checkbox] + label.checkbox {display: inline-block; width: 20px; height: 20px; border: 1px solid #e0e0e0; cursor: pointer; vertical-align: middle; margin: 0 10px 0 0;}
input[type=checkbox] + label.checkbox:hover {opacity: 1;}
input[type=checkbox]:checked + label.checkbox {background: #db3e45; border: 1px solid transparent; opacity: 1; position: relative;}
input[type=checkbox]:checked + label.checkbox::before {content: '\f118'; font-family: 'Flaticon'; color: #fff; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px;}
input[type=checkbox] + label.checkbox + span {color: #1d1d1d; padding: 3px 0 0 0; display: inline-block; cursor: pointer; vertical-align: sub;}


/* Price slider */
.ui-slider {position: relative;}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 17px;  height: 17px; background: #fff; cursor: pointer; border: 2px solid #db3e45; border-radius: 50%;}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden;}
.ui-slider-horizontal {height: 5px;}
.ui-slider-horizontal .ui-slider-handle {top: -6px; margin-left: -8.5px;}
.ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}
.ui-widget-content {background: #e7e6e6;}
.ui-widget-header {background: #db3e45;}


/*input[type=checkbox]:focus + label.checkbox, input[type=checkbox]:active + label.checkbox {border: 1px solid #2891ea; opacity: 1;}*/


/* Banner */
.banner {}
.banner__inner  {/*margin: 0 -15px; height: 245px; */overflow: hidden;}
.banner__inner img  {height: auto;}

/* Content */
.content {margin: 0 -15px 60px -15px; padding: 25px; background: #fff; color: #1b1b1b; overflow: hidden;}
.content h3 {font-size: 18px; margin: 0 0 25px 0;}
.content p {margin: 0 0 25px 0; line-height: 26px;}
.content hr {height: 1px; background: #e7e6e6; box-shadow: none; border: none; width: 100%; display: block;}
.content a {color: #db3e45;}

/* Pagination */
.pages {margin: 40px 0 0 0; text-align: center; overflow: hidden;}
.catalog-page .pages {margin: 40px 0 25px 0;}
.pages ul {font-size: 0; display: inline-block;}
.pages li {float: left; margin: 0 10px;}
.pages li a {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 0px; border: 1px solid #e7e6e6; font-size: 14px;}
.pages li a:hover {background: #f7f7f7;}
.pages li.first a, .pages li.active a, .pages li.last a {color: #7a7a7a;}

.news-page__nav {border-top: 1px solid #ececec; overflow: hidden; margin: 0 -15px -25px;}
.news-page__nav a {color: #7a7a7a; font-weight: 700; line-height: 70px; display: block;text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-page__nav .prev {border-right: 1px solid #ececec;}
.news-page__nav .prev i {margin: 0 35px 0 0;}
.news-page__nav .next {border-left: 1px solid #ececec;}
.news-page__nav .next i {margin: 0 0 0 35px;}

/* Badges */
.label.label-success::after {content: ''; position: absolute; top: 0; right: -26px; border-width: 13px; border-style: solid; border-color: transparent transparent transparent #67b400;}
.label.label-danger::after {content: ''; position: absolute; top: 0; right: -26px; border-width: 13px; border-style: solid; border-color: transparent transparent transparent #db3e45;}
.label.label-primary::after {content: ''; position: absolute; top: 0; right: -26px; border-width: 13px; border-style: solid; border-color: transparent transparent transparent #337ab7;}

/* Selects */
select {width: 100%; border: none; height: 38px; padding: 0 20px;}

.select-hidden {display: none; visibility: hidden; padding-right: 10px;}
.select {cursor: pointer; display: inline-block; position: relative; font-size: 14px; color: #fff; width: 100%; height: 40px;}
.select-styled {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 25px; height: 40px; line-height: 40px; color: #0f0f0f; user-select: none;}
.select-styled:after { content: ''; width: 0; height: 0; border: 4px solid transparent; border-color: #0f0f0f transparent transparent transparent; position: absolute; top: 18px; right: 10px;}
.select-styled:active:after, .select-styled.active:after {top: 14px; border-color: transparent transparent #0f0f0f transparent;}
.select-options {display: none; position: absolute; top: 40px; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #f7f7f7; border: 1px solid #ececec; border-top: none;}
.select-options li {margin: 0; padding: 12px 0; text-indent: 15px; color: #7a7a7a; background: #fff;}
.select-options li:hover {color: #fff; background: #db3e45;}
.select-options li[rel="hide"] {display: none;}

/* Footer */
	/* Benefits */
	.benefits {overflow: hidden; background: #fff; border-bottom: 1px solid #ececec;}
	.benefits .benefits__item {padding: 30px; vertical-align: middle; color: #7a7a7a; font-weight: 400; margin: 0 -15px;}
	.benefits .benefits__item i {font-size: 20px; color: #1b1b1b; margin: 0 25px 0 0; vertical-align: middle;}


	/* Information */
	.info {overflow: hidden; background: #fff;}
	.info .info__item {padding: 30px; margin: 0 -15px;}
	.info .info__item h3 {padding: 0 0 25px 0; color: #000; font-size: 16px; font-weight: 400;}
	.info .info__item li {padding: 0 0 20px 0; color: #7a7a7a; font-weight: 400;}
	.info .info__item li:last-child {padding: 0;}
	.info .info__item li a {color: #7a7a7a; font-weight: 400;}

	/* Sunscribe */
	.info .info__subscribe {padding: 30px; margin: 0 -15px;}
	.info .info__subscribe h3 {padding: 0 0 25px 0; color: #000; font-size: 16px; font-weight: 400;}
	.info .info__subscribe .subscribe-form {border: 1px solid #e5e5e5; padding: 4px 4px 4px 0; overflow: hidden;}
	.info .info__subscribe .subscribe-form input {border: none; height: 35px; padding: 0 0 0 10px; float: left;}
	.info .info__subscribe .subscribe-form a {height: 35px; width: 35px; float: right;}

	/* Socials */
	.info .info__social {padding: 30px; margin: 0 -15px;}
	.info .info__social h3 {padding: 0 0 25px 0; color: #000; font-size: 16px; font-weight: 400;}
	.info .info__social a {width: 36px; height: 36px; display: inline-block; line-height: 36px; text-align: center; color: #fff; border-radius: 50%; margin: 0 15px 0 0;}
	.info .info__social a:last-child {margin: 0;}

	/* Copyright */
	.footer__copyright {padding: 30px 30px 30px 30px; line-height: 36px; color: #7a7a7a; font-weight: 400; background: #fff; margin: 0 -15px; }

	/* Payments */
	.footer__payment {padding: 30px 30px 30px 30px; background: #fff; margin: 0 -15px; font-size: 0; text-align: right;}
	.footer__payment span {display: inline-block; width: 60px; height: 36px; text-align: center; border: 1px solid #ececec; margin: 0 0 0 10px;}
	.footer__payment span::before {content: ' '; display: inline-block; vertical-align: middle; height: 100%;}
	.footer__payment span img {vertical-align: middle; display: inline-block;}

/* Account header */
.account-page .account-header ul {font-size: 0; border-bottom: 1px solid #eaeaea; margin: 0 0 35px 0;}
.account-page .account-header ul li {display: inline-block;}
.account-page .account-header ul li a {font-size: 16px; font-weight: 700; color: #7a7a7a; padding: 15px 20px; display: block;}
.account-page .account-header ul li.active a {color: #fff; background: #db3e45;}
.account-page .account-header h3 {color: #1b1b1b; font-size: 16px; margin: 0 0 35px 0;}

/* Header */
header {}
header .row  {border-bottom: 1px solid #e7e6e6;}
header .row:last-child  {border-bottom: none;}
header .navbar {margin-bottom: 0; border: none; margin-left: -15px; margin-right: -15px;}
header .navbar-nav > li > a {padding-top: 20px; padding-bottom: 20px;}
header .navbar-collapse {padding-left: 0; padding-right: 0;}
header ul li a {font-weight: 400; color: #1b1b1b; font-size: 16px;}
header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus {background-color: #fff; color: #db3e45;}
header .navbar-default .navbar-nav > li > a {background-color: #fff; color: #1b1b1b;}
header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus {background-color: #fff; color: #db3e45;}
header .label {width: 24px; height: 24px; line-height: 20px; position: absolute; top: 10px; left: 40px; border-radius: 50%;}
header .label::after { border-width: 0 !important;}

	/* Logo */
	.bs-logo {background: #db3e45; height: 130px; margin: 0 -15px; text-align: center;}
	.bs-logo a {color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 400; padding: 37px 0; display: block;}
	.bs-logo a span {display: block;}
	.bs-logo a span:first-child {letter-spacing: 3.5px;}

	/* Phone */
	.bs-phone {height: 70px; line-height: 70px; color: #1b1b1b; font-size: 16px; font-weight: 400; border-right: 1px solid #e7e6e6; text-align: center; background: #fff; margin: 0 -15px; }
	.bs-phone i {color: #e16e56; margin: 0 12px 0 0; font-size: 12px;}

	/* Login */
	.bs-user {height: 70px; line-height: 70px;  border-right: 1px solid #e7e6e6; text-align: center; background: #fff; margin: 0 -15px;}
	.bs-user a {color: #1b1b1b; font-size: 16px; font-weight: 400; display: inline-block;}
	.bs-user a i {margin: -2px 12px 0 0; font-size: 20px; font-weight: 400;}
	.bs-user a:hover i {color: #db3e45;}

	/* Bookmarks */
	.bs-bookmark {height: 70px; line-height: 70px;  border-right: 1px solid #e7e6e6; text-align: center; background: #fff; margin: 0 -15px; position: relative;}
	.bs-bookmark a {color: #1b1b1b; font-size: 16px; font-weight: 400; display: inline-block;}
	.bs-bookmark a i {margin: -2px 12px 0 0; font-size: 20px; font-weight: 400;}
	.bs-bookmark a:hover i {color: #db3e45;}

	/* Cart */
	.bs-cart {height: 70px; line-height: 70px;  color: #1b1b1b; font-size: 16px; font-weight: 400; position: relative; background: #fff; margin: 0 -15px; text-align: center;}
	.bs-cart a {color: #1b1b1b; font-size: 16px; font-weight: 400; display: inline-block;}
	.bs-cart a i {margin: -2px 12px 0 0; font-size: 20px; font-weight: 400;}
	.bs-cart a:hover i, .bs-cart.open a i {color: #db3e45;}
	.bs-cart.open {background: #f7f7f7;}

	
	/* Dropdown cart */
	.bs-cart__dropdown {position: absolute; width: 600px; top: 70px; right: 0; line-height: 1; box-shadow: 0px 0px 4px 0px #a5a5a5; background: #fff; text-align: left; z-index: 30;}
	.bs-cart__dropdown::before {content: ''; position: absolute; width: 0; height: 0; margin: 0 0 0 -5px; top: 0; right: 0; border: 10px solid #fff; border-color: #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -1px 1px 1px 0px #a5a5a5;}
	.bs-cart__dropdown .title {padding: 25px; color: #292929; overflow: hidden; margin: 0; border-bottom: 1px solid #e8e7e7;}
	.bs-cart__dropdown .title strong {font-size: 16px;}
	.bs-cart__dropdown .title .count {color: #7a7a7a; font-size: 14px;}
	.bs-cart__dropdown .list .item {overflow: hidden; border-bottom: 1px solid #e8e7e7; padding: 25px;}
	.bs-cart__dropdown .list .item__image {overflow: hidden; width: 80px; height: 80px; margin: 0 25px 0 0; text-align: center;}
	.bs-cart__dropdown .list .item__image img {height: 100%;}
	.bs-cart__dropdown .list .item__description {max-width: 275px;}
	.bs-cart__dropdown .list .item__description strong {color: #141414; font-size: 16px; display: block;}
	.bs-cart__dropdown .list .item__description span {color: #7a7a7a; font-size: 14px; display: block; margin: 10px 0 0 0;}
	.bs-cart__dropdown .list .item__price {line-height: 80px; margin: 0 0 0 25px}
	.bs-cart__dropdown .list .item__remove a i {color: #7b7b7b; font-size: 12px; margin: 0;}
	.bs-cart__dropdown .list .item__remove a:hover i {color: #db3e45;}
	.bs-cart__dropdown .footer {padding: 25px; color: #292929; overflow: hidden;}
	.bs-cart__dropdown a {color: #fff;}
	.bs-cart__dropdown .total {line-height: 36px;}

	/* Search */
	.bs-search {border-right: 1px solid #e7e6e6; height: 70px; overflow: hidden; background: #fff; margin: 0 -15px; padding: 0 15px}
	.bs-search input {height: 70px; background: none; border: none; width: 80%; color: #acacac;}
	.bs-search button {background: none; border: none; float: right; margin: 19px 0; font-size: 20px;}




/* ==================== Pages ==================== */


/* Brands page */
.brand-page .content {padding-bottom: 0;}
.brands-list {padding: 25px; font-size: 0; border-bottom: 1px solid #e7e6e6; margin: 0 -25px 0 -25px;}
.brands-list ul li {display: inline-block; padding: 0 15px; border-right: 1px solid #c0c0c0;}
.brands-list ul li:first-child {padding: 0 15px 0 0;}
.brands-list ul li:last-child {border-right: none;}
.brands-list ul li a {color: #1b1b1b; font-size: 14px; font-weight: 700; }
.brand-block {margin: 25px 0 0 0;}
.brand-letter {font-size: 16px; color: #db3e45; margin: 0 0 15px 0;}
.brand-block li {padding:  0 0 20px 0;}
.brand-block li a {color: #7a7a7a;}

/* Contacts page  */
.contacts-page .contact__map {height: 245px; background: #ececec; margin: -25px -25px 0 -25px;}
.contacts-page .contact__item .icon {color: #fff; background: #db3e45; width: 40px; height: 40px; text-align: center; line-height: 40px; margin: 0 0 25px 0; font-size: 20px;display: inline-block;}
.contacts-page .contact__item h3 {color: #1b1b1b; font-weight: 500; margin: 0 0 25px 0; font-size: 16px;}
.contacts-page .contact__item p {margin: 0 0 13px 0; line-height: 16px;}
.contacts-page .contact__form h2 {font-weight: 700; font-size: 18px; color: #1b1b1b; margin: 0 0 30px 0;}
.contacts-page .contact__form label {font-weight: 500; font-size: 15px; color: #1b1b1b; margin: 0 0 15px 0; display: block;}
.contacts-page .contact__form input {height: 45px; border: 1px solid #d7d7d7; width: 100%; padding: 0 15px; margin: 0 0 25px 0;}
.contacts-page .contact__form input:focus {border: 1px solid #0085df;}
.contacts-page .contact__form textarea {height: 110px; border: 1px solid #d7d7d7; width: 100%; padding: 15px; margin: 0 0 25px 0;}
.contacts-page .contact__form textarea:focus {border: 1px solid #0085df;}
.contacts-page .contact__form input[type=submit] {border: none; background: #db3e45; color: #fff; width: auto; padding: 0 25px; margin: 0;}

/* Delivery page */
.delivery-page aside {margin: -25px 0 0 -25px;}
.delivery-page aside li a {display: block; height: 50px; line-height: 50px; padding: 0 25px; font-weight: 500; color: #7a7a7a; transition: all .3s ease-in-out; border-bottom: 1px solid #e7e6e6;}
.delivery-page aside li.active a, .delivery-page aside li a:hover {color: #fff; background: #db3e45;}
.delivery-page article {position:relative;}
.delivery-page article::before {content: ''; position: absolute; top: -25px; left: -30px; bottom: -25px; width: 1px; background: #e6e6e6;}
.delivery-page article h3 {font-size: 18px; font-weight: 700; color: #1b1b1b; margin: 0 0 30px 0;}
.delivery-page article p {font-size: 17px; color: #1b1b1b; margin: 0 0 30px 0;}
.delivery-page .accordion {border: 1px solid #e6e6e6; margin: 0 0 45px 0;}
.delivery-page .accordion__item {overflow: hidden; padding: 25px; border-bottom: 1px solid #e6e6e6; color: #1b1b1b;}
.delivery-page .accordion__item:last-child {border-bottom: none;}
.delivery-page .accordion__item strong {font-size: 16px;}
.delivery-page .accordion__item div:first-child {width: 80%;}
.delivery-page .accordion__item div:last-child {}
.delivery-page article ul {list-style: none; padding: 0; margin: 0;}
.delivery-page article ul li {font-weight: 500; color: #1b1b1b; font-size: 14px; padding: 0 0 25px 0;}
.delivery-page article ul li:last-child {padding: 0;}
.delivery-page article ul li::before {content: "• ";padding-right: 20px; color: #db3e45;}


/* Success page */
.success-page .content {background: url("../images/image-6.jpg") no-repeat left bottom #fff;}
.success-page .content h2 {color: #1b1b1b; font-size: 24px; text-align: center; margin: 75px 0 30px 0;}
.success-page .content p {color: #1b1b1b; font-size: 16px; text-align: center; margin: 0 0 90px 0;}
.success-page .content .code {width: 250px; margin: 0 auto 100px auto; border: 1px dashed #d0d0d0; padding: 25px; text-align: center; font-weight: 500; color: #1b1b1b;}
.success-page .content .code code {text-transform: uppercase; font-weight: 700; font-size: 18px; display: block; margin: 15px 0 0 0; background: none; color: inherit;}
.success-page .share {text-align: center; margin: 0 0 130px 0;}
.success-page .share p {margin: 0 0 20px 0; font-weight: 500; color: #1b1b1b;}

/* Bookmarks page */
.favorites-page .content {padding: 0; margin: 0 0 60px 0; overflow: visible;}
.favorites-page .product .select-styled {border: none;} 
.favorites-page .product .product__remove {float: right; font-size: 12px; color: #7a7a7a;} 

/* Cart page */
.cart-page .content {background: #f0f0f0; padding: 0;}
.cart-page .content table {width: 100%;}
.cart-page .content table tr {width: 100%;}
.cart-page .content table tr td {background: #fff; vertical-align: middle; border-bottom: 1px solid #e7e6e6;}
.cart-page .content table tr:last-child td {background: #fff; vertical-align: middle; border-bottom: none;}
.cart-page .content table tr:first-child th {background: #f0f0f0; padding: 0 0 20px 0;}
.cart-page .content table tr td:nth-child(1) {width: 125px;}
.cart-page .content table tr td:nth-child(2) {text-align: left;}
.cart-page .content table tr td:nth-child(6) {text-align: right;}
.cart-page .content table .cart-page__image {width: 125px; height: 125px; margin: 25px; text-align: center; }
.cart-page .content table .cart-page__image img {height: 100%;}
.cart-page .content table .cart-page__description {margin: 25px 0; display: inline; }
.cart-page .content table .cart-page__description strong {color: #141414; font-size: 16px; display: block;}
.cart-page .content table .cart-page__description span {color: #7a7a7a; font-size: 14px; display: block;}
.cart-page .content table .cart-page__qty {font-size: 0;}
.cart-page .content table .cart-page__qty input {width: 45px; height: 45px; padding: 0 10px; text-align: center; border: 1px solid #d7d7d7; font-size: 14px; vertical-align: bottom; border-left: none; border-right: none;}
.cart-page .content table .cart-page__qty span {cursor: pointer; display: inline-block; height: 45px; width: 28px; border: 1px solid #d7d7d7; font-size: 14px; text-align: center; line-height: 45px; user-select: none; color: #bdbdbd;}
.cart-page .content table .cart-page__qty span:hover {color: #db3e45; background: #f7f7f7;}
.cart-page .content table .old-price {color: #db3e45; font-size: 14px; display: block; text-decoration: line-through;}
.cart-page .content table a i {color: #7b7b7b; font-size: 12px; margin: 0; padding: 0 25px 0 0;}
.cart-page .content table a:hover i {color: #db3e45;}
.cart-page .content .cart-page__footer {padding: 25px; background: #fff; white-space: nowrap; margin: 0 0 40px 0;}
.cart-page .content .cart-page__footer .btn-default {background: #f0f0f0; color: #7a7a7a; line-height: 45px; padding: 0 12px; border: none;}
.cart-page .content .cart-page__footer .btn-default:hover {background: #464646; color: #fff;}
.cart-page .content .cart-page__footer .coupon {text-align: right; color: #8f8f8f;}
.cart-page .content .cart-page__footer .coupon input[type=text] {height: 45px; border: 1px solid #d7d7d7; padding: 0 10px; margin: 0 25px; color: inherit; color: #1b1b1b;}
.cart-page .content .cart-page__total table {margin: 0 0 40px 0;}
.cart-page .content .cart-page__total tr td {background: none !important; text-align: right !important; border: none; padding: 0 25px 0 0;}
.cart-page .content .cart-page__total tr td:first-child {color: #7a7a7a; height: 45px; width: 70%;}
.cart-page .content .cart-page__total a {color: #fff;}
.qty {
	cursor: pointer; display: inline-block; height: 45px; width: 28px; border: 1px solid #d7d7d7; font-size: 14px; text-align: center; line-height: 45px; user-select: none; color: #bdbdbd;
}

/*.cart-page .content table .cart-page__qty a {cursor: pointer; display: inline-block; height: 45px; width: 28px; border: 1px solid #d7d7d7; font-size: 14px; text-align: center; line-height: 45px; user-select: none; color: #bdbdbd;}*/
/*.cart-page .content table .cart-page__qty a:hover {color: #db3e45; background: #f7f7f7;}*/

/* Product detail page */
.detail-page .content {overflow: visible;}
.product-detail__image {position: relative; text-align: center; height: 425px;}
.product-detail .col-lg-3::before {position: absolute; top: -25px; bottom: -25px; left: 0; display: block; content: ''; background: #e6e5e5; width: 1px;}
.product-detail__image img {width: 100%;
object-fit: contain;
height: 100%;}
.product-detail__image .label {position: absolute; top: 0; left: 0; padding: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.product-detail__title {font-weight: 700; font-size: 30px; color: #1b1b1b; margin: 0 10px 35px 0;}
.product-detail__rate {margin: 0 10px 40px 0;}
.product-detail__rate span {font-size: 14px; color: #7a7a7a; margin: 0 0 0 15px;}
.product-detail__property {margin: 0 10px 25px 0;}
.product-detail__property label:first-child, .product-detail__characteristic label, .product-detail__price label, .product-detail__share label {display: block; color: #1d1d1d; font-weight: 700; font-size: 16px; margin: 0 0 18px 0;}
.product-detail__property label.radio + span {margin: 0 30px 0 0;}
.product-detail__property .select {width: 50%; float: left; margin: 0 25px 0 0;}
.product-detail__property .select-styled {border: 1px solid #ececec;}
.product-detail__available {line-height: 40px; font-weight: 700; color: #1b1b1b;}
.product-detail__available i {margin: 0 15px 0 0; color: #86b71d;}
.product-detail__characteristic p {background: url("../images/dots.png") repeat-x bottom; display: table;  line-height: 1; width: 100%; padding-right: 10px;}
.product-detail__characteristic p span {background: #fff; display: inline-block; margin: 0 0 -3px 0; color: #1b1b1b;}
.product-detail__characteristic p span.key {padding: 0 5px 0 0;}
.product-detail__characteristic p span.value {padding: 0 10px 0 5px; margin: 0 -10px 0 0;}
.product-detail__price {font-size: 18px; color: #1b1b1b; margin: 0 0 25px 10px;}
.product-detail__price  span {margin: 0 20px 0 0; font-size: 14px;}
.product_detail__price strong {font-size: 30px;}
.product-detail__price .old-price {color: #db3e45; text-decoration: line-through; font-size: 18px;}
.product-detail__price .old-price + span {color: #db3e45; text-decoration: line-through; margin: 0 20px 0 0; font-size: 14px;}
.product-detail__bonus {color: #000; margin: 0 0 25px 10px;}
.product-detail__actions {color: #fff; font-size: 0; overflow: hidden; margin: 0 0 0 10px;}
.product-detail__actions .btn-danger {color: #fff; font-size: 16px; padding: 10px 55px; margin: 0 0 15px 0;}
.product-detail__actions .btn-default {padding: 10px 12px;}
.product-detail__actions .btn-default:hover {color: #db3e45; background: #f7f7f7;}
.product-detail__actions .btn-default.active {background: #db3e45; border: 1px solid #db3e45; color: #fff;}
.product-detail__actions .btn:last-child {clear: both; color: #fff; background: #484848; padding: 10px 0;}
.product-detail__services {margin: 30px 0 30px 10px; border-top: 1px solid #e6e5e5; border-bottom: 1px solid #e6e5e5; font-size: 14px; color: #1b1b1b;}
.product-detail__services .item {padding: 25px 0 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-detail__services .item:last-child {padding: 25px 0;}
.product-detail__services .item .icon  {height: 35px; line-height: 35px; color: #db3e45; font-size: 30px; margin: 0 30px 0 0;}
.product-detail__services .item strong  {display: block;}
.product-detail__share  {font-size: 0; padding: 0 0 10px 0; margin: 0 0 0 10px; overflow: hidden;}
.product-detail__share a  {color: #aaaaaa; width: 25%; display: block; text-align: center; font-size: 14px; height: 50px; border-top: 1px solid #e6e5e5; border-bottom: 1px solid #e6e5e5; border-left: 1px solid #e6e5e5; line-height: 50px; float: left;}
.product-detail__share a:hover  {background: #f0f0f0;}
.product-detail__share a:last-child  {border: 1px solid #e6e5e5;}
/*.product-info .col-lg-9::before {position: absolute; top: -25px; bottom: -25px; right: 0; display: block; content: ''; background: #e6e5e5; width: 1px;}*/
.product-info .tabs {margin: 0 10px 0 0;}
.product-info .nav-tabs > li {margin: 0;}
.product-info .nav-tabs > li a, .product-info .nav-tabs > li a:hover, .product-info .nav-tabs > li a:active, .product-info .nav-tabs > li.active a {border: none; background: none; color: #7a7a7a; font-size: 16px; font-weight: 700; text-align: center; padding: 12px 20px;}
.product-info .nav-tabs > li.active a {color: #fff; background: #db3e45;}
.product-info .tab-content {margin: 40px 0 0 0; color: #1b1b1b;}
.product-info .reviews-header {overflow: hidden; color: #1b1b1b; line-height: 34px;}
.product-info .reviews-header h2 {font-size: 18px; margin: 0 100px 0 0; line-height: 30px;}
.product-info .reviews-header strong {font-size: 14px; margin: 0 30px 0 0;}
.product-info .reviews-header a {color: #fff;}
.product-info .reviews-list__item {border-bottom: 1px solid #e6e5e5; padding: 40px 0 0 0; overflow: hidden;}
.product-info .reviews-list__item:last-of-type {border-bottom: none;}
.product-info .reviews-list__item .rate {width: 150px; display: table-cell;}
.product-info .reviews-list__item .rate span {display: block; font-size: 14px; color: #7a7a7a;}
.product-info .reviews-list__item .text {display: table-cell;}
.product-info .reviews-list__item .text h3 {color: #1b1b1b; font-size: 14px; float: left; margin: 0 10px 30px 0; }
.product-info .reviews-list__item .text h3 + span {color: #7a7a7a; font-size: 13px; margin: 0 0 30px 0; display: inline-block;}
.product-info .reviews-list__item .text p {margin: 0 0 10px 0; line-height: 1.3;}
.product-info .reviews-list__item .text a.reply {color: #7a7a7a; line-height: 32px;}
.product-info .reviews-list__item .grade {color: #7a7a7a; margin: 0 0 40px 0; overflow: hidden;}
.product-info .reviews-list__item .grade a {display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; border-radius: 50%;}
.product-info .reviews-list__item .grade a.up {background: #86b71d; margin: 0 5px 0 20px;}
.product-info .reviews-list__item .grade a.up + span {color: #86b71d; margin: 0 25px 0 0;}
.product-info .reviews-list__item .grade a.down {background: #db3e45; margin: 0 5px 0 0;}
.product-info .reviews-list__item .grade a.down + span {color: #db3e45;}
.product-info .reviews-list__item .answer {margin: 0 0 40px 0; padding: 0 0 0 25px; border-left: 3px solid #db3e45;}
.product-info .reviews-list__item:last-child .answer {margin: 0;}
.product-info .review-list .btn-default {background: #f0f0f0; color: #7a7a7a; font-weight: 700; border: none; padding: 20px 0; margin: 40px 0 0 0; display: block;}
.product-info .review-list .btn-default:hover {background: #464646; color: #fff;}
.product-similar, .product-recent {margin: 0 0 60px 0;}
.product-similar .title, .product-recent .title {margin: 0 0 40px -15px; font-size: 24px; color: #1b1b1b;}
.product-accessories {position: relative;}
.product-accessories::before {    position: absolute; top: -25px; bottom: -25px; left: -15px; display: block; content: ''; background: #e6e5e5; width: 1px;}
.product-accessories h3 {line-height: 47px; border-bottom: 1px solid #e6e5e5; color: #1b1b1b; font-size: 16px; margin: 0 0 0 10px;}
.product-accessories__item {padding: 25px 0 25px 10px; border-bottom: 1px solid #e6e5e5; overflow: hidden;}
.product-accessories__item:last-child {border-bottom: none;}
.product-accessories__item .image {width: 118px; height: 118px; margin: 0 10px 0 0; text-align: center; vertical-align: middle;}
.product-accessories__item .image::before {content: ' '; display: inline-block; vertical-align: middle; height: 100%;}
.product-accessories__item .image img {width: 50%; vertical-align: middle; text-align: center;}
.product-accessories__item > .title {height: 118px; line-height: 118px; margin: 0;}
.product-accessories__item > .title a {display: inline-block; line-height: 1; font-size: 16px; color: #1b1b1b;}
.product-accessories__item .price {line-height: 45px;}
.product-accessories__item .price strong {font-size: 16px; color: #1b1b1b;}
.product-accessories__item .actions {font-size: 0;}
.product-accessories__item .actions a {display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; padding: 0; font-size: 14px;}
.product-accessories__item .actions a.btn-default {margin: 0 15px 0 0;}
.product-accessories__item .actions a.btn-danger {color: #fff;}

/* Blog page */
.blog-page .post-filter, .newslist-page .news-filter {overflow: hidden; margin: 0 0 30px 0;}
.blog-page .post-filter strong, .newslist-page .news-filter strong {overflow: hidden; margin: 0 0 0 15px;}
.blog-page .post-filter li, .newslist-page .news-filter li {border-right: 1px solid #e3e3e3; padding: 0 20px;}
.blog-page .post-filter li:last-child, .newslist-page .news-filter li:last-child {border-right: none;}
.blog-page .post-filter li a, .newslist-page .news-filter li a {color: #202020;}
.blog-page .post-filter li.active a, .newslist-page .news-filter li.active a {color: #db3e45;}
.blog-page .content {padding: 25px 15px;}
.blog-page .blog-post {height: auto !important; margin: 0 0 40px 0;}

/* Article page */
.news-page small, .newslist-page small, .post-page small {font-size: 14px; color: #7a7a7a;}
.news-page h3, .newslist-page h3, .post-page h3 {font-size: 24px; color: #1b1b1b; margin: 20px 0 35px 0;}
.news-page__image, .post-page__image {height: 390px; text-align: center; overflow: hidden; margin: 0 0 30px 0; position: relative;}
.news-page__image img, .post-page__image img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.news-page__text, .post-page__text {padding: 0 0 40px 0; color: #1b1b1b;}


/* Post page */
.post-page .post-page__meta {line-height: 40px;}
.post-page .post-page__meta i {color: #000; margin: 0 10px 0 0; font-size: 16px;}
.post-page .post-page__meta span {color: #7a7a7a; margin: 0 20px 0 0; font-size: 14px;}
.post-page .post-page__share {font-size: 0;}
.post-page .post-page__share a {display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #aaa; border: 1px solid #e6e5e5; font-size: 14px; margin: 0 0 0 -1px;}
.post-page .post-page__text {margin: 40px 0 0 0; border-top: 1px solid #e7e6e6; padding: 40px 0 0 0;}
.post-page .post-page__nav  {border-top: 1px solid #e7e6e6; border-bottom: 1px solid #e7e6e6; overflow: hidden; margin: 0 -10px; padding: 25px 10px;}
.post-page .post-page__nav .image {width: 150px; height: 150px; overflow: hidden;}
.post-page .post-page__nav .prev .image {margin: 0 25px 0 0;}
.post-page .post-page__nav .next .image {margin: 0 0 0 25px;}
.post-page .post-page__nav .title {margin: 0;}
.post-page .post-page__nav .title a {font-size: 14px; color: #1b1b1b; font-weight: 700; margin: 30px 0; display: inline-block;}
.post-page .post-page__nav .meta i {color: #000; margin: 0 10px 0 0; font-size: 16px;}
.post-page .post-page__nav .meta span {color: #7a7a7a; margin: 0 20px 0 0; font-size: 14px;}
.post-page .post-comments h3, .post-page .post-form h3 {color: #1d1d1d; font-size: 18px; margin: 40px 0;}
.post-page .post-comments__comment {border-bottom: 1px solid #e7e6e6; padding: 40px 0; overflow: hidden;}
.post-page .post-comments__comment .image {width: 75px; height: 75px; overflow: hidden; margin: 0 25px 0 0;}
.post-page .post-comments__comment .meta {overflow: hidden; margin: 0 0 25px 0;}
.post-page .post-comments__comment .meta strong {margin: 0 10px 0 0; font-size: 14px; color: #1b1b1b;}
.post-page .post-comments__comment .meta small {font-size: 13px; color: #7a7a7a; margin: 0;}
.post-page .post-comments__comment .text {margin: 0 0 0 100px;}
.post-page .post-comments__comment .text {margin: 0 0 0 100px;}
.post-page .post-comments__comment .text p {margin: 0;}
.post-page .post-comments__comment .reply {margin: 40px 0 30px 100px;}
.post-page .post-comments__comment .reply a {color: #7a7a7a; font-size: 14px;}
.post-page .post-comments__comment .reply-to {margin: 0 0 20px 0;}
.post-page .post-comments__comment .reply-to i {color: #db3e45; margin: 0 10px 0 0;}
.post-page .post-comments__comment .reply-to strong {color: #7a7a7a;}
.post-page .post-comments__comment .answer {margin: 0 0 0 75px; padding: 0 0 0 25px; border-left: 1px solid #e7e6e6; border-bottom: none;}
.post-page .post-comments__comment .answer .reply {margin: 40px 0 0 100px;}
.post-page .post-form textarea {width: 100%; height: 265px; border: 1px solid #d7d7d7; padding: 15px; margin: 0 0 25px 0;}
.post-page .post-form textarea:focus {border: 1px solid #0085df;}
.post-page .post-form .text-field input {width: 100%; height: 45px; border: 1px solid #d7d7d7; padding: 0 15px; display: block;}
.post-page .post-form .text-field input:focus {border: 1px solid #0085df;}
.post-page .post-form .text-field input[type=submit] {border: none;}
.post-page .post-form .text-field input[type=submit]:focus, .post-page .post-form .text-field input[type=submit]:active {border: none; outline: none;}


/* News feed page */
.newslist-page .news-filter {margin: 0;}
.newslist-page .newslist__item {position: relative; padding: 30px 0; border-bottom: 1px solid #e7e6e6;}
.newslist-page .newslist__item.last {border-bottom: none;}
.newslist-page .newslist__item .image {height: 220px; overflow: hidden;}
.newslist-page .newslist__item .text {height: 220px;}
.newslist-page .newslist__item .text p {margin: 0;}
.newslist-page .newslist__item h3 {font-size: 18px; color: #1b1b1b; margin: 10px 0 20px 0;}
.newslist-page .newslist__item a {position: absolute; left: 0; bottom: 0;}


/* Checkout page */
.checkout-page .col-lg-9::after {position: absolute; content: ''; width: 1px; right: 0; background: #e6e5e5; top: -25px; bottom: -25px; z-index: 3;}
.checkout-page .checkout-group {overflow: hidden; position: relative; margin: 0 10px 35px 0;}
.checkout-page .checkout-group::after {position: absolute; content: ''; height: 1px; left: 0; right: 0; background: #e6e5e5; bottom: 0;}
.checkout-page .checkout-group:last-child::after {display: none;}
.checkout-page .checkout-group h3 {color: #1b1b1b; font-size: 18px; margin: 0 0 30px 0;}
.checkout-page .checkout-group .text-field {margin: 0 0 25px 0; position: relative;}
.checkout-page .checkout-group .text-field label {display: block; color: #1b1b1b; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;}
.checkout-page .checkout-group .text-field input {width: 100%; height: 45px; border: 1px solid #d7d7d7; padding: 0 15px; display: block;}
.checkout-page .checkout-group .text-field textarea {width: 100%; height: 100px; border: 1px solid #d7d7d7; padding: 15px; display: block; margin: 0 0 30px 0;}
.checkout-page .checkout-group .text-field a {color: #fff; padding: 14px 80px; font-size: 18px; font-weight: 700;}
.checkout-page .checkout-group .text-field input:focus {border: 1px solid #0085df;}
.checkout-page .checkout-group .text-field textarea:focus {border: 1px solid #0085df;}
/*.checkout-page .checkout-group .text-field input:valid {border: 1px solid #67b400;}
.checkout-page .checkout-group .text-field input:invalid {border: 1px solid #db3e45;}*/
.checkout-page .checkout-group .text-field.prefix span {display: block; height: 43px; width: 43px; background: #f6f6f6; color: #7a7a7a;  position: absolute; bottom: 1px; left: 1px; text-align: center; line-height: 43px; border-right: 1px solid #d7d7d7;}
.checkout-page .checkout-group .text-field.prefix input {padding: 0 10px 0 53px;}
.checkout-page .checkout-group .radio-field {padding: 25px; border: 1px solid #d7d7d7; margin: 0 0 25px 0; cursor: pointer;}
.checkout-page .checkout-group .payment {padding: 0 0 25px 0; cursor: pointer;}
.checkout-page .checkout-group .payment .image {display: inline-block; width: 20px; height: 20px; background-image: url("../images/payment.png"); background-repeat: no-repeat; vertical-align: middle; margin: 0 30px 0 20px;}
.checkout-page .checkout-group .payment:nth-child(1) .image {background-position: 0 -20px;}
.checkout-page .checkout-group .payment:nth-child(1) input[type=radio]:checked ~ .image {background-position: 0 0;}
.checkout-page .checkout-group .payment:nth-child(2) .image {background-position: -20px -20px;}
.checkout-page .checkout-group .payment:nth-child(2) input[type=radio]:checked ~ .image {background-position: -20px 0;}
.checkout-page .checkout-group .payment:nth-child(3) .image {background-position: -40px -20px;}
.checkout-page .checkout-group .payment:nth-child(3) input[type=radio]:checked ~ .image {background-position: -40px 0;}
.checkout-page .checkout-group .payment:nth-child(4) .image {background-position: -60px -20px;}
.checkout-page .checkout-group .payment:nth-child(4) input[type=radio]:checked ~ .image {background-position: -60px 0;}
.checkout-page .checkout-group .payment:nth-child(5) .image {background-position: -80px -20px;}
.checkout-page .checkout-group .payment:nth-child(5) input[type=radio]:checked ~ .image {background-position: -80px 0;}
.checkout-page .checkout-group .radio-field.selected {border: 1px solid #db3e45;}
.checkout-page .checkout-group .radio-field span {color: #1b1b1b; font-weight: 700;}
.checkout-page .checkout-group .radio-field p {margin: 20px 0 0 0; color: #1b1b1b;}
.checkout-page .checkout-page__contain .title {color: #1b1b1b; font-size: 16px; border-bottom: 1px solid #e6e5e5; margin: 0 -40px 0 -15px; padding: 0 25px;}
.checkout-page .checkout-page__contain .product {color: #1b1b1b; font-size: 16px; border-right: none; border-bottom: none; position: relative; margin: 0 -25px 0 -15px;}
.checkout-page .checkout-page__contain .product::after {content: ''; position: absolute; height: 1px; bottom: 0; left: 25px; right: 25px; background: #d6d6d6;}
.checkout-page .checkout-page__contain .product.last::after {display: none;}
.checkout-page .checkout-page__contain .product__title {margin: 0 0 15px 0;}
.checkout-page .checkout-page__contain .product-footer__price {margin: 15px 0 0 0; line-height: 1;}
.checkout-page .checkout-page__contain .total {margin: -1px -25px 0 -15px; border-bottom: 1px solid #e6e5e5; border-top: 1px solid #e6e5e5; padding: 0 25px;}
.checkout-page .checkout-page__contain .total span {display: inline-block; width: 55%; color: #1b1b1b; font-size: 14px; margin: 20px 0 0 0;}
.checkout-page .checkout-page__contain .total strong {display: inline-block; width: 45%; color: #1b1b1b; font-size: 14px; margin: 20px 0 0 0;}
.checkout-page .checkout-page__contain .total span:last-of-type {margin: 40px 0 20px 0;}


/* Catalog page */
.catalog-page .content {padding: 0;}
.catalog-page .col-lg-9 .product {background: none;}
.catalog-page .col-lg-9::before {position: absolute; top: 0; bottom: -25px; left: 0; display: block; content: ''; background: #e6e5e5; width: 1px;}
.catalog-page .banner__inner {margin: 0 -15px 5px -15px;}
.catalog-page__title {padding: 10px 25px; border-bottom: 1px solid #e7e6e6; color: #1b1b1b; font-size: 24px;}
.catalog-page .recomendation {margin: 0 0 60px -15px;}
.catalog-page__filter .title {padding: 0 25px; overflow: hidden; border-bottom: 1px solid #e7e6e6; height: 70px;}
.catalog-page__filter .title h3 {line-height: 70px; margin: 0;}
.catalog-page__filter .title i, .catalog-page__filter .footer i {color: #929292; width: 33px; height: 33px; border-radius: 50%; border: 1px solid #e8e7e7; margin: 0 10px 0 0; font-size: 12px; display: inline-block; text-align: center; line-height: 33px;}
.catalog-page__filter .title a {color: #7a7a7a; line-height: 70px;}
.catalog-page__filter .group {border-bottom: 1px solid #e7e6e6; margin: 0 -15px 25px; padding: 0 25px 25px;}
.catalog-page__filter .group-inner {height: 240px; overflow-y: scroll;}
.catalog-page__filter .group h4 {color: #1b1b1b; font-size: 16px; margin: 0 0 30px 0;}
.catalog-page__filter .group li {padding: 0 0 15px 0;}
.catalog-page__filter .group li:last-child {padding: 0;}
.catalog-page__filter .group a {color: #0f0f0f; display: block; overflow: hidden;}
.catalog-page__filter .group li.active a {color: #db3e45;}
.catalog-page__filter .group a span {color: #7a7a7a;}
.catalog-page__filter p {line-height: 1; margin: 0 0 15px 0;}
/*.catalog-page__filter .price-range {margin: 0 8.5px;}*/
.catalog-page__filter .input {width: 115px; height: 40px; line-height: 40px; border: 1px solid #d8d8d8; margin: 0 0 20px 0; padding: 0 10px;}
.catalog-page__filter .input span {margin: 0 10px 0 0; color: #0f0f0f;}
.catalog-page__filter .input input {border: none; height: 36px; width: 60px; color: #7a7a7a;}
.catalog-page__filter .footer {padding: 0 0 60px 0;}
.catalog-page__filter .footer .btn-danger {color: #fff;}
.catalog-page__filter .footer a:last-child {color: #7a7a7a; line-height: 34px;}
.catalog-page__filter .wiki h4 {border-bottom: 1px solid #e7e6e6; display: table; width: 100%;}
.catalog-page__filter .wiki h4 span {color: #000; background: #fff; padding: 0 10px 0 0; display: table; margin: 0 0 -10px 0;}
.catalog-page__filter .wiki p {color: #8f8f8f; line-height: 26px;}
.catalog-page__sort {padding: 15px 0; border-bottom: 1px solid #e7e6e6; margin: 0 -15px; height: 70px; border-right: 1px solid #e7e6e6;}
.catalog-page__sort.last {border-right: none; line-height: 70px; padding: 0 25px; color: #7a7a7a;}
.catalog-page__sort span {display: inline-block;}
.catalog-page__sort a {color: #bbbbbb; font-size: 16px; margin: 0 0 0 15px;}
.catalog-page__sort a.active {color: #1e1e1e;}
.catalog-page__sort a:nth-child(2) {font-size: 19px;}

/* Product card */
.product {background: #fff; margin-left: -15px; margin-right: -15px; padding: 25px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;} 
.product .old-price {color: #db3e45; font-size: 14px; display: block; text-decoration: line-through;}
.product .product__image {height: 270px; text-align: center; vertical-align: middle; clear: both; position: relative;} 
.product .product__image::before {content: ' '; display: inline-block; vertical-align: middle; height: 100%;}
.product .product__image img {display: inline-block; vertical-align: middle; width: 70% /*max-width: 100%;*/}
.product .product__image .label {position: absolute; top: 0; left: 0; padding: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.product .product__title {font-size: 16px; color: #1b1b1b; font-weight: 400; margin: 0 0 20px 0;} 
.product .product__description {font-size: 14px; color: #7a7a7a;} 
.product .product__vendor {color: #7a7a7a; margin: 0 0 20px 0;} 
.product .product__category {text-align: center;} 
.product .product-meta {overflow: hidden; padding: 0 0 20px 0;} 
.product .product-meta__reviews {color: #7a7a7a;} 
.product .product__values p {color: #7a7a7a; margin: 0 0 10px 0; line-height: 1;} 
.product .product__values p:last-child {margin: 0;} 
.product .product-properties {height: 40px; margin: 0 -25px 40px -25px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; width: 100%;} 
.product .product-properties__left {width: 50%; border-right: 1px solid #ececec; height: 40px;} 
.product .product-properties__right {width: 50%} 
.product .product-properties__available {color: #67b400; text-align: center; line-height: 40px; width: 50px; border-left: 1px solid #ececec; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin: 0 -25px 0 0; height: 40px;} 
.product .product-properties__available .success {color: #67b400;} 
.product .product-footer {overflow: hidden;} 
.product .product-footer__price {font-weight: 400; color: #1b1b1b; font-size: 20px; line-height: 45px;} 
.product .product-footer__price span {font-weight: 400; font-size: 14px;} 
.product .product-footer__actions {font-size: 0;} 
.product .product-footer__actions a {display: inline-block; width: 45px; height: 45px; border: 1px solid #e7e6e6; line-height: 45px; text-align: center; font-size: 18px; margin: 0 0 0 15px; color: #bdbdbd; font-weight: 400;} 
.product .product-footer__actions a:hover {color: #db3e45; background: #f7f7f7}
.product .product-footer__actions button {display: inline-block; width: 45px; height: 45px; border: 1px solid #e7e6e6; line-height: 45px; text-align: center; font-size: 18px; margin: 0 0 0 15px; color: #bdbdbd; font-weight: 400;}
.product .product-footer__actions button:hover {color: #db3e45; background: #f7f7f7}
.cart-page .content table .cart-page__qty a {
	cursor: pointer;
	display: inline-block;
	height: 45px;
	width: 28px;
	border: 1px solid #d7d7d7;
	font-size: 14px;
	text-align: center;
	line-height: 45px;
	user-select: none;
	color: #bdbdbd;
}

.product .product-footer__actions button.active {border: 1px solid #db3e45; color: #fff; background: #db3e45}
.product .product-footer__actions a.active {border: 1px solid #db3e45; color: #fff; background: #db3e45} 

	/* Horizontal */
	.horizontal.product {border-right: none; margin-left: 0; margin-right: 0; padding: 25px 10px;} 
	.horizontal.product .product__price {margin: 0 0 35px 0;} 
	.horizontal.product .product-properties {border-left: 1px solid #ececec; width: calc(100% - 25px); margin: 0 0 40px 0;}
	.horizontal.product .product-properties__available {border-bottom: none; border-top: none;}
	.horizontal.product .product__price strong {line-height: 1; margin: 10px 0 0 0; color: #1b1b1b; font-size: 20px;} 
	.horizontal.product .product-footer {text-align: center; overflow: visible;} 
	.horizontal.product .product-footer a {width: auto; margin: 0; padding: 0px 20px; font-size: 14px;}
	.horizontal.product .product-footer a:first-child {float: left;}
	.horizontal.product .product-footer a:last-child {float: right;}
.horizontal.product .product-footer button {width: auto; margin: 0; padding: 0px 20px; font-size: 14px;}
.horizontal.product .product-footer button:first-child {float: left;}
.horizontal.product .product-footer button:last-child {float: right;}

.catalog-page .row > div:nth-child(3) .product {border-right: none;}



/* Home page */
	/* Slider */
	.slider {margin: 10px 0 0 0;}
	.slider .carousel {margin-left: -15px; margin-right: -15px; margin-bottom: 10px; height: 450px;}

		/* Slider control */
		.slider .carousel-control {display: inline-block; width: 40px; height: 60px; background: #fff; color: #1b1b1b; text-align: center; line-height: 60px; font-size: 13px; top: 50%; margin-top: -20px; opacity: 1; font-weight: 400;}
		.slider .left {left: 25px;}
		.slider .right {right: 25px;}

		/* slider caprion */
		.slider .carousel-caption {width: 50%; left: 150px; color: #000; text-align: left;}
		.slider .carousel-caption small {color: #7a7a7a; font-weight: 400; margin: 0 0 30px 0; display: block;}
		.slider .carousel-caption h1 {color: #1b1b1b; font-weight: 400; margin: 0 0 40px 0; display: block; font-size: 48px;}

		/* Slider nav */
		.slider .carousel-indicators li {border-radius: 0; width: 50px; height: 2px; background: #dbdbdb; border: none; margin: 0 1px;}
		.slider .carousel-indicators li.active {border-radius: 0; width: 50px; height: 2px; background: #2d2d2d; border: none;}

	/* Bestseller */
	.bestseller {margin: 0 0 10px 0;}
	.bestseller .product .select-styled {border: none;} 

	/* About */
	.about {margin: 0 0 65px 0;}
	.about .about__image {margin: 0 -15px; height: 300px; overflow: hidden;} 
	.about .about__image img {width: 100%;} 
	.about .about__text {background: #fff; margin: 0 -15px; height: 300px; padding: 25px; position: relative;} 
	.about .about__text h3 {color: #1b1b1b; font-size: 18px; font-weight: 400; margin: 0 0 30px 0;} 
	.about .about__text p {color: #1b1b1b; font-weight: 400;} 
	.about .about__text .btn {position: absolute; bottom: 25px; left: 25px; border: 1px solid #e7e6e6; color: #7a7a7a; font-weight: 400;} 
	.about .about__text .btn:hover {background: #f7f7f7; color: #db3e45;} 
	.about .about__banner {margin: 0 0 0 10px; height: 300px; overflow: hidden; background: url("../images/image-1.jpg") no-repeat bottom right #fff; background-size: cover; position: relative; padding: 25px; font-weight: 400;} 
	.about .about__banner h3 {color: #1b1b1b; font-size: 18px; margin: 0 0 30px 0; font-weight: 400;} 
	.about .about__banner .btn {position: absolute; bottom: 25px; left: 25px;} 
	.about .about__banner .btn:hover {background: #e7343a;} 

	/* Recomedation */
	.recomendation {margin: 0 0 65px 0;}
	.recomendation .title h2 {line-height: 35px;}
	.recomendation .recomendation-tabs {margin: 0 -15px; background: #fff;}
	.recomendation .product .select-styled {border: none;} 
	.recomendation .tab-control {font-size: 0;}
	.recomendation .tab-control a {display: inline-block; width: 35px; height: 35px; background: #fff; text-align: center; line-height: 35px; color: #1b1b1b; font-size: 14px;}
	.recomendation .tab-control a:first-child {border-right: 1px solid #f0f0f0;}

	/* Articles and reviews */
	.blog {margin: 0 0 65px 0;}
	.blog-post {height: 315px; background: #fff; overflow: hidden; margin: 0 -15px;}
	.blog-post__image {margin: 0 -15px; text-align: center; overflow: hidden; height: 315px;}
	.blog-post__image img {height: 100%;}
	.blog-post__content {height: 300px; padding: 25px; margin: 0 -30px 0 -15px; position: relative;}
	.blog-post__content .post-category {margin: 0 0 25px 0;}
	.blog-post__content .post-category a {color: #db3e45; font-weight: 400;}
	.blog-post__content .post-title {margin: 0 0 25px 0;}
	.blog-post__content .post-title a {color: #1b1b1b; font-weight: 400; font-size: 18px;}
	.blog-post__content .post-text {color: #1b1b1b; font-weight: 400;}
	.blog-post__content .post-meta {position: absolute; bottom: 0; left: 25px; right: 25px; border-top: 1px solid #ececec; padding: 25px 0 0 0; color: #7a7a7a;}
	.blog-post__content .post-meta i {color: #000; font-size: 16px; margin: 0 10px 0 0;}
	.blog-post__content .post-meta span {margin: 0 25px 0 0;}

/* Order history page */
.account-page .history-header__head {color: #7a7a7a; font-size: 14px; padding: 0 0 15px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.account-page .history-row {border: 1px solid #e7e6e6; height: 55px; line-height: 55px; cursor: pointer; border-left: none; border-right: none; position: relative; border-bottom: none;}
.account-page .history-row.last, .account-page .history-product__product.last {border-bottom: 1px solid #e7e6e6;}
.account-page .history-product__header.last .history-product__head {border-top: none;}
.account-page .history-row::before {position: absolute; content: ''; top: -1px; left: 0; width: 15px; bottom: -1px; background: #fff; border-right: 1px solid #e7e6e6;}
.account-page .history-row::after {position: absolute; content: ''; top: -1px; right: 0; width: 15px; bottom: -1px; background: #fff; border-left: 1px solid #e7e6e6;}
.account-page .history-row .col-lg-1:first-child {margin-right: 0;}
.account-page .history-row span {display: block; height: 55px; width: 30px; position: relative; float: left;}
.account-page .history-row strong {display: block; margin: 0 2px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.account-page .history-row span + strong {text-align: center; display: block;}
.account-page .history-row span::before {content: '-'; font-size: 20px; color: #bdbdbd; display: block; text-align: center; border-right: 1px solid #e7e6e6;  position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.account-page .history-row span.open::before {content: '+'; font-size: 20px; color: #bdbdbd; display: block; text-align: center; /*border-right: 1px solid #e7e6e6;*/  position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.account-page .history-product__header {overflow: hidden; margin: 0 14px; border-left: 1px solid #e7e6e6; border-right: 1px solid #e7e6e6; color: #7a7a7a; font-size: 14px;}
.account-page .history-product__head {height: 60px; line-height: 60px; background: #f8f8f8; margin: 0 -15px; padding: 0 15px; border-bottom: 1px solid #e7e6e6; border-top: 1px solid #e7e6e6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.account-page .history-product__product {padding: 40px 0; border: 1px solid #e7e6e6; border-top: none; overflow: hidden; margin: 0 14px; border-bottom: none;}
.account-page .history-product__product .image {text-align: center;}
.account-page .history-product__product .image img {width: 100%;}
.account-page .history-product__product .title {text-align: left; color: #1b1b1b; font-size: 16px; font-weight: 700; margin: 0 0 15px 0;}
.account-page .history-product__product .property span {color: #7a7a7a; display: block; margin: 0 0 5px 0; line-height: 1; text-align: left;}
.account-page .history-product__product .qty {color: #1b1b1b;}
.account-page .history-product__product .price {}
.account-page .history-product__product .price .old-price {display: block; color: #db3e45; text-decoration: line-through; margin: 0 0 15px 0; line-height: 1;}
.account-page .history-product__product .price .old-price span {font-weight: normal; clear: right;}
.account-page .history-product__product .bonus {color: #1b1b1b;}
.account-page .history-product.last .history-product__head {border-top: none;}
.account-page .history-product.last .history-product__product {border-bottom: 1px solid #e7e6e6;}

/* Address edit page */
.account-page .address label, .account-page .personal label, .account-page .password label {display: block; margin: 0 0 15px 0;}
.account-page .address input, .account-page .personal input, .account-page .password input {width: 100%; height: 45px; border: 1px solid #d7d7d7; padding: 0 10px;}
.account-page .address input:focus, .account-page .personal input:focus, .account-page .password input:focus {border: 1px solid #0085df;}
.account-page .address a, .account-page .personal a, .account-page .password a {color: #fff; padding: 11px 26px;}

.account-page .personal {border-bottom: 1px solid #eaeaea; padding: 0 0 30px 0;}
.account-page .address .form-field, .account-page .personal .form-field, .account-page .password .form-field {position: relative; margin: 0 0 30px 0;}
.account-page .personal .form-field.prefix span {display: block; position: absolute; bottom: 0; left: 0; width: 45px; height: 43px; border-right: 1px solid #d7d7d7; text-align: center; line-height: 45px;}
.account-page .personal .form-field.prefix input[type=text] {padding: 0 10px 0 53px;}
.account-page .personal input[type=text]:focus + span {border-right: 1px solid #0085df;}
.account-page .password {padding: 30px 0 0 0;}

/* 404 page */
.e404 {padding: 50px; height: 100%;}
.e404 .e404__wrapper {width: 100%; padding: 0 0 45px 0; background: url("../images/404_bg.png") no-repeat left top #fff; text-align: center; vertical-align: middle;}
.e404 .e404__wrapper span {display: inline-block; color: #fff; padding: 10px; margin: 180px 0 0 0;}
.e404 .e404__wrapper strong {font-weight: 900; font-size: 200px; color: #1b1b1b; margin: 30px 0; display: block;}
.e404 .e404__wrapper p {color: #1b1b1b;}
.e404 .e404__wrapper a {color: #db3e45;}

.e404 .bs-logo {background: #db3e45; height: 130px; text-align: center; width: 176px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -88px;}
.e404 .bs-logo a {color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 400; padding: 37px 0; display: block;}
.e404 .bs-logo a span {display: block;}
.e404 .bs-logo a span:first-child {letter-spacing: 3.5px;}


/* ==================== Responsive ==================== */
@media (max-width: 420px){
	.slider .carousel-caption {bottom: 10px !important;}
	.slider .carousel-caption small {margin: 0 !important;}
	.slider .carousel-caption h1 {font-size: 14px !important; margin: 0 0 10px 0 !important;}
}
@media (max-width: 767px){
	body {padding: 0;}
	header .navbar {margin: 0 -15px;}
	header .navbar-collapse {padding: 0 15px;}
	header .label {left: 50%;}
	.bs-cart__dropdown {width: auto; left: 0;}
	.home-page .title {margin-left: 15px; margin-right: 15px;}
	.about-page .title, .brand-page .title, .delivery-page .title, .catalog-page .title, .favorites-page .title, .cart-page .title, .detail-page .title, .newslist-page .title, .checkout-page .title, .account-page .title {margin-left: 0; margin-right: 0;}
	.breadcrumbs .breadcrumbs__inner {margin: 0;}
	.home-page .slider .carousel {height: auto;}
	.home-page .blog-post {height: auto; padding-bottom: 25px;}
	.home-page .about .about__text {height: auto;}
	.home-page .about .about__text .btn {position: relative; bottom: 0; left: 0;} 
	.home-page .about .about__banner {margin: 0 -15px;}
	.home-page .blog-post__image img {width: 100%; height: auto;}
	.banner__inner {height: auto;}
	.banner__inner img {width: 100%;}
	.about-page .share a, .success-page .share a {display: block; margin: 10px 0 0 0; text-align: center;}
	footer .info__social {text-align: center;}
	footer .footer__copyright {text-align: center; line-height: 1.2;}
	footer .footer__payment {text-align: center;}
	
	.slider .carousel-caption {bottom: 15px; left: 70px;}
	.slider .carousel-caption small {margin: 0 0 10px 0;}
	.slider .carousel-caption h1 {font-size: 24px; margin: 0 0 10px 0;}
	.slider .carousel-caption h1 > br {display: none;}
	
	.brands-list ul li {border: none; padding: 0 15px 0 0;}
	
	.contacts-page .contact__item {text-align: center;}
	
	.pages li {margin: 0 10px 0 0;}
	.pages li a {width: 35px; height: 35px; line-height: 35px;}
	
	.recomendation .title h2 {font-size: 20px;}
	.catalog-page .recomendation {margin: 0 -15px 60px -15px;}
	.catalog-page .banner__inner img {width: 100%;}
	
	.detail-page .product-detail__image {height: auto;}
	.detail-page .product-detail .col-lg-3::before, .product-info .col-lg-9::before {display: none;}
	.detail-page .product-info .reviews-list__item .rate {display: block; overflow: hidden; margin: 0 0 30px 0; width: 100%;}
	.detail-page .product-accessories::before {display: none;}
	.product-accessories h3 {margin: 0;}
	.product-accessories__item {padding: 25px 0 25px 0;}
	
	.product-detail__price, .product-detail__bonus, .product-detail__actions, .product-detail__services, .product-detail__share {margin-left: 0;}
	
	.catalog-page .catalog-page__filter .title h3 {cursor: pointer;}
	.catalog-page .catalog-page__sort {border-right: none;}
	
	.delivery-page aside {margin: 25px -25px;}
	.delivery-page .accordion__item div:first-child {width: 70%;}
	
	.newslist-page .newslist__item .image img {width: 100%; margin: 0 0 10px 0;}
	.newslist-page .newslist__item .text {height: auto;}
	.newslist-page .newslist__item a {position: relative; margin: 10px 0 0 0;}
	.newslist-page .newslist__item .text small {margin: 10px  0 0 0; display: block;}
	
	.e404 {padding: 20px;}
	.e404 .e404__wrapper {background: #fff;}
	.e404 .e404__wrapper strong {font-size: 100px;}
	
	.checkout-page .col-lg-9::after {display: none;}
	.checkout-page .checkout-group .text-field {margin: 0 0 25px 0;}
	.checkout-page .checkout-page__contain .title {margin: 0 -40px 0 -25px;}
	.checkout-page .checkout-page__contain .product {margin: 0 -25px;}
	.checkout-page .checkout-page__contain .total {border: none; padding: 30px;}
	.checkout-page .checkout-group {margin: 0 0 35px 0;}
	
	.account-page .account-header ul li {display: block;}
	
	.post-page .text-field {margin: 0 0 25px 0;}
	.post-page .last {margin: 0;}
	
	.newslist-page .newslist__item .image {width: 100%; height: auto;}
	
	.news-page__nav .prev i {display: none;}
	.news-page__nav .next i {display: none;}
	.news-page__nav .prev {border: none}
	.news-page__nav .next {border: none}
	
	.cart-page .content .cart-page__total tr td:first-child {width: auto; text-align: left !important; padding: 0 0 0 25px;}
	.cart-page .content .cart-page__footer .coupon input[type=text] {margin: 0 25px 0 0;}
	
	.cart-page .table-wrapper {overflow: auto;}
	.cart-page .table-wrapper table {width: 970px;}

}
@media (min-width: 768px) and (max-width: 991px){
	
	header span {display: none;}
	header .label {left: 50%;}
	.slider .carousel-caption small {margin: 0;}
	.slider .carousel-caption h1 {font-size: 24px; margin: 0 0 10px 0;}
	.slider .carousel-caption h1 > br {display: none;}
	.bs-cart .bs-cart__dropdown::before {right: 0;}
	.blog-post {margin-bottom: 25px;}
	.home-page .about .about__banner {margin: 25px -15px 0; background-position: top right;}

	.about .about__image img {height: 100%; width: auto;}
	footer .footer__copyright {line-height: 1.2;}
	.home-page .slider .carousel {height: auto;}
	.nav > li >a {padding: 10px 5px; font-size: 13px;}
	.about-page .share a {padding: 10px;}

	.e404 .e404__wrapper {background: #fff;}
	
	.delivery-page aside {margin: -25px -25px 0 -25px;}
	.catalog-page .banner__inner {height: auto;}
	.catalog-page .banner__inner img {width: 100%;}
	.catalog-page .catalog-page__sort {border-right: none;}
	.catalog-page .product {border-right: none;}

	
	.brands-list {text-align: center;}
	.brands-list ul li {border: none; padding: 0 7px 0 0;}
	
	.product-accessories__item {width: 33%; float: left; text-align: center; border: none;}
	.product-accessories__item .image {float: none !important; margin: 0 auto;}
	.catalog-page .content .col-md-6:nth-child(odd) .product {border-right: none;}
	.detail-page .product-detail__image {height: auto;}

	.newslist-page .newslist__item .image {width: 100%; height: auto;}
	.newslist-page .newslist__item .image img {width: 100%;}
	.newslist-page .newslist__item .text {height: auto;}
	.newslist-page .newslist__item a {position: relative; margin: 10px 0 0 0;}
	
	.checkout-page .col-lg-9::after {display: none;}
	.checkout-page .checkout-page__contain .product {float: left;}
	.checkout-page .checkout-page__contain .product::after {display: none;}
	.checkout-page .checkout-page__contain .total {border: none; padding: 30px; margin: 0 -10px;}
	
	.product-accessories::before {display: none;}
	
	.cart-page .table-wrapper {width: 750px; overflow: auto;}
	.cart-page .table-wrapper table {width: 970px;}

}

@media (min-width: 992px) and (max-width: 1199px){
	header .label {left: 25px;}
	.nav > li >a {padding: 10px 9px;}
	.select-styled {font-size: 13px;}
	.benefits .benefits__item {font-size: 12px;}
	.benefits .benefits__item i {margin: 0 5px 0 0;}
	.info .info__subscribe .subscribe-form input {padding: 0 10px; width: calc(100% - 35px);}
	.info .info__social a {margin: 0 5px 0 0;}
	.brands-list {text-align: center;}
	.brands-list ul li {border: none; padding: 0 15px 0 0;}
	.about .about__image img {height: 100%; width: auto;}
	.blog-page .blog-post__image img {height: auto; width: 100%;}
	.product .product__title {height: 66px;}
	.slider .carousel-caption {top: 80px;}
	.product-detail__actions .btn-danger {padding: 10px 35px;}
	
	
}
#uptocall-mini {
    bottom: 70px;
    right: 20px;
    border: 10px solid rgba(249, 196, 3, 0.38);
    border-radius: 100%;
    position: fixed;
    z-index: 999;
    cursor: pointer;
    opacity: .85;
}

#uptocall-mini .uptocall-mini-phone {
    -moz-border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    border-radius: 50%!important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9c403;
    width: 55px;
    height: 55px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    transform: rotate(40deg);
}

#uptocall-mini:hover .uptocall-mini-phone {
    background-color: #4f5f6f;
}

#uptocall-mini .uptocall-mini-phone i {
    font-size: 32px;
    position: relative;
    top: 10px;
    left: 10px;
    -webkit-animation: uptocallphone 1.5s linear infinite;
    -moz-animation: uptocallphone 1.5s linear infinite;
    animation: uptocallphone 1.5s linear infinite;
}

.field-tip .tip-content {
    position: absolute;
    top: 4px;
    right: 9999px;
    width: 160px;
    margin-right: -220px;
    padding: 10px;
    color: #fff;
    background: #4f5f6f;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    font-size: 14px;
}

.field-tip:hover .tip-content {
    left: -168px;
    opacity: 1;
}

.field-tip .tip-content:before {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -16px;
    width: 0;
    height: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right-color: #4f5f6f;
    color: #4f5f6f;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@-webkit-keyframes uptocallphone {
    0%,
    100%,
    50% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@-moz-keyframes uptocallphone {
    0%,
    100%,
    50% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@keyframes uptocallphone {
    0%,
    100%,
    50% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}