@font-face {
  font-family: Ubuntu; /* Имя шрифта */
  src: url(font/Ubuntu.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: Ubuntu-Light; /* Имя шрифта */
  src: url(font/Ubuntu-Light.ttf); /* Путь к файлу со шрифтом */
}
ul.styled-list-three.clearfix {
    list-style: none;
}
ul.styled-list-three.clearfix {
    list-style: none;
}
ol.nomark {
    list-style: none;
}
ul.navigation.clearfix {
    padding-left: 0%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	background: #f7f7f7;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
}
h2 {
	font-size: 27px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
}
h3 {
	font-size: 21px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
ul.nomark {
    list-style: none;
      padding: 0px;
  margin: 0px;
}
/*
ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
*/
div#description ul {
    list-style: disc;
    margin: 10px;
}
a {
	color: #23a1d1;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
.no-bg{
	background: transparent!important;
}
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

table.table thead td{background:#33A1FF;; color:azure}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin: 0;
    padding: 0;
    margin-top: 2em;
}
.nav-tabs>li, .nav-tabs.nav-justified>li {
    background: #fafafa;
    border: solid 1px #eee;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 4px;
}
.nav-tabs>li.active, .nav-tabs.nav-justified>li.active {
    color: #0094d9;
}
.nav-tabs>li, .nav-tabs.nav-justified>li {
    background: #fafafa;
    border: solid 1px #eee;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 4px;
}
.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs.nav-justified>li>a, .nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified>li>a:focus {
    border: none;
    border-radius: 0;
    color: #555;
    margin: 0;
    outline: 0;
}
.nav-tabs>li.active, .nav-tabs>li.active:hover, .nav-tabs>li.active:focus, .nav-tabs.nav-justified>li.active, .nav-tabs.nav-justified>li.active:hover, .nav-tabs.nav-justified>li.active:focus {
    background: #fff;
    border-top: solid 4px #0094d9;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding-top: 0;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #282828;
	background-color: #E0F1FF;
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #33A1FF;
    border-bottom: 1px solid #94BEE2;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    min-height: 120px;
}
#top .container {
	padding: 0 20px;
}
#top #currency .currency-select {
	text-align: left;
}
#top #currency .currency-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #E0F1FF;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: azure;
	font-family: inherit;
	text-decoration: none;
}
#top  .nav .open > a, #top  .nav .open > a:focus, #top  .nav .open > a:hover{background: rgba(255, 255, 255, 0);; color:#fff}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	width: 100%;height: 97px;
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
#top-links  i.fa{font-size:14px;}
/* logo */
#logo {
	display: none;
	margin: 0 0 10px 0;
}
/* search */
#search {
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
	border-radius:0px;
	border: 5px solid #33A1FF;
}
#search .btn-lg {
	height: 40px;
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
	border-color: #33A1FF;
	background: #33A1FF;
}
#search i.fa{font-size:20px;}

#search .btn-lg {
	
	padding:9px 10px;
	}
/* cart */
#cart {
	
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #33A1FF;
	border: 0px solid #E6E6E6;
	color: #FFF;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #FFF;
}
#cart .dropdown-menu {
	left:0px;
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 440px;
}
	@media (max-width: 478px) {
		#cart .dropdown-menu {
			width: 100%;
		}
	}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	padding: 0 10px;
}
	@media (max-width: 478px) {
		#cart .dropdown-menu li > div {
			min-width: 100%;
		}
	}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	margin-top: 5px;
	background-color: #33A1FF;
    background-image: none;
    background-repeat: repeat-x;
    min-height: 40px;
    border-radius: 0px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	max-height: 15px;
	background-color: transparent;
	border-right:solid 1px azure;
	font-weight: bold;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: #286090;
}
#menu .dropdown-menu {
	padding-bottom: 0;
	padding:0px;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
	width:220px;
}
#menu .dropdown-inner a {
	min-width: 200px;
	display: block;
	padding: 5px 20px;
	clear: both;
	line-height: 25px;
	color: #333;
	font-size: 14px;
	background:#fff;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
	background:#333;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #333;

	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 18px;
	text-transform:uppercase;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 25px;
	font-stretch: expanded;
	color: #FFF;
	padding: 0px 11px;
	float: right;
	background-color: #333;
	
	background-repeat: repeat-x;
	
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #333;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}

}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}

	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #333;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	margin-bottom: 25px;
}
/* footer */


footer hr {
	margin-top: 45px;
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: azure;
}
footer a:hover {
	color: lightgrey;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	color: #fff;
	min-height:55px;
}
/* alert */
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: absolute;
    right: 0rem;
    top: -7rem;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 0px 0;
	border: 0px solid #ddd;
	background:none;
}
.breadcrumb a{
	color: #666;
	cursor: pointer;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: -5px;
	width: 15px;
	height: 15px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {

	border-radius: 0px;
	
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {

}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	margin-top: 6px;
	border: 0px;
	height: 20px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.51);
	background-color:transparent;
}

.btn-danger:hover {
	border: 0px;
	height: 20px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.51);
	background-color:transparent;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}

/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* Short */
.sortrow{border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding:5px 0; clear:both; display:block}

/* Refine */
.refine h3{font-family:"Open Sans",arial,serif; font-size:14px; text-transform:uppercase; font-weight:normal; float:left; margin:6px 10px 0 0;}
.refine  ul{list-style:none; margin:0px; padding:0px; float:left}
.refine  ul li{float:left; list-style:none; margin:0px; padding:0px 10px 0 0;}
/* product list */
/* GRID */

@media (min-width: 767px) {
.product-list .product-thumb .image {
	
	
}
}
.product-thumb h4 {
	min-height: 36px;
	font-weight: bold;
	
}
.product-layout.product-list .product-thumb .caption {
	padding: 0 20px;
	text-align:left;
	
}
.product-list .product-thumb .caption {
	
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #ff0000;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	
	overflow: auto;
	text-align: center;
	
}


.product-list .product-thumb .button-group {
	border-left: 0px solid #ddd;
	text-align:left;
}
.product-list .product-thumb .button-group button{margin:0px;}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button{
	
	border: none;
	display: inline-block;
	
	background: none;
	color: #888;
	line-height: 38px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	margin:0 auto
}
.product-thumb .button-group button:hover{background:none;}
.product-thumb .button-group  button:first-child {display:block}
.product-thumb .button-group button +button{}
.product-layout.product-list .product-thumb .button-group button{display:block}
.product-thumb .button-group button:first-child{
	padding:3px 15px;
	line-height:25px;
	font-size:11px;
	color:#333;
	border:solid 1px #333;
}
.product-layout.product-thumb .button-group button + button {
	width: 40px;
	border-left: 0px solid #ddd; 
	
}
.product-layout.product-list{display:inline-block}
.product-layout.product-list .product-thumb .button-group button + button {display:inline-block}
.product-thumb .button-group button:nth-child(2){clear:both;}

.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ccc;
	text-decoration: none;
	cursor: pointer;
}
.product-layout.product-list .product-thumb .button-group button + button:hover{background-color: #fff;}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
	
}

@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
	
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}

.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
	height: 38px;
}


.btn-default {background:none;}

.owl-wrapper-outer {
	box-shadow: none;
}
#slideshow0{background:none}
#carousel0 .owl-wrapper-outer {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
.product-layout .product-thumb .button-group button {width:auto}
.product-layout .product-thumb .button-group button + button {display:inline-block}
.sortrow .text-right{text-align:left}
.sortrow .col-md-3{padding:10px 15px}
body {
	
}
body.common-home {}
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
.product-layout .product-thumb .button-group button {width:auto}
.product-layout .product-thumb .button-group button + button {display:inline-block}
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
.product-layout .product-thumb .button-group button {width:auto}
.product-layout:hover .product-thumb .button-group button + button {display:inline-block}
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
.product-layout .product-thumb .button-group button + button{display:none;}
.product-layout:hover .product-thumb .button-group button + button {display:inline-block}
}

.name-cat {
	padding: 4px;
	text-align: 	center;	
	color: 	azure;
	border: 1px solid #FFF;
	background: #33A1FF;
	min-height: 35px;
	min-width: 200px; 
}
.page-title{
	line-height: 32px;
    font-size: 24px;
    font-weight: bold;
    color: #4e4e4e;
}
.attribute__name {
    color: #337ab7;
}
/* Категории */
.catalog-top{

    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 12px 0;
    width: 280px;
    background: #fff;
    padding: 30px;
    height: 280px;
}
.catalog-top:hover{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 8px 0px, rgba(0, 0, 0, 0.08) 0px 29px 26px 0px;
}
.catalog-name{
	position: absolute;
    top: 216px;
    left: 20px;
    display: inline-block;
    text-align: center;
    width: calc(100% - 40px);
    font-size: 16px;
    font-weight: bold;
    color: #4e4e4e;
}
.catalog-image {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 150px;
    line-height: 150px;
}

/* Верхние Фильтры */ 
.top-block{
	border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;
    width: 100%;
    margin-bottom: 8px;
}
.top-filters{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 20px;
    justify-content: flex-end;
}
.top-filters-wrap{
	padding-top: 7px;
    width: calc(100% - 50px);
    display: block;
}
.top-filter {
    display: inline-block;

}
.popover-wrapper {
    position: relative;
}
.top-filter__label {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    vertical-align: middle;
}
.top-filter__sort{
	display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow-wrap: break-word;
    overflow: hidden;
    vertical-align: middle;
    text-transform: lowercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Страница товаров с фильтрами */

.products-page__content {
    display: flex;
    margin-bottom: 50px;
}
.products-page__left-block {
    height: 100%;
    margin-right: 20px;
    display: none;
}
.products-page__list {
    width: 100%;
}
.panel-heading {
    color: #fff!important;
    background-color: #33a1ff!important;
}
.panel{
	border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;
}
.list-group-category{
	border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;
    margin-bottom: 10px;
}
.list-group-itm{
	display: block;
    padding: 8px 0 8px 13px;
    color: #4e4e4e;
    font-size: 16px;
    transition-duration: .3s;
    transition-property: color;
    text-decoration: none;
    color: #333;
}

/* List of goods */

.prod-list-div{
    background: #f2f2f2;
    margin-bottom: 8px;
}
.product-thumb-p{
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
	border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;

}
.product-main{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
    padding: 16px 20px 12px;
}
.product-footer{
    padding: 8px 15px;
    background: #f9f9f9;
	border-bottom-left-radius: 8px;
}
.product-avails{
	display: flex;
    justify-content: space-between;
}
.product__info{
	margin-bottom: 4px;
    max-width: 580px;
}
.product-info{
	display: flex;
}
.product-info-image{

    margin: 0 12px auto 0;
}
.product-info-image img{
	max-width: none;
}
.product-price__current {
    font-size: 24px;
    font-weight: bold;
}
.n-catalog-product__buttons {
	width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-left: 104px;
    margin-top: 12px;
}
.product-button-group{

}

.pagination-widget__pages {
    display: flex;
    justify-content: center;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: unset;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    border: solid 1px #f2f2f2;
    height: 48px;
    font-size: 16px;
    list-style: none;
    padding: 0;
    text-align: center;
}
.pagination-widget__pages .active{
	border: #fff;
    border-bottom: solid 3px #28c2f0;
}
.pagination-widget__page {
    display: block;
    width: 65px;
    height: 49px;
    box-sizing: border-box;
}
.pagination-widget__page-link:hover{
	background-color: #28c2f0;
    border: solid 3px #28c2f0;
    color: #fff;
    padding-top: 11px;
}
.pagination-widget__page-link {
    display: block;
    padding-top: 11px;
    border: solid 3px transparent;
    color: #8c8c8c;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 16px;
    height: 100%;
    box-sizing: border-box;
}

.pagination-widget__page-link-disabled{
    cursor: not-allowed;
}
.pagination-widget__page-link-disabled:hover{
	background-color: transparent;
	border-color: transparent;
	color: #8c8c8c;
}
@media (min-width: 1200px){
	.products-page__left-block {
	    width: 278px;
	    margin-right: 20px;
	    display: block;
	}
	.products-page__list {
	    width: calc(100% - 278px - 20px);
	}
}

@media (max-width: 768px){
.catalog-top {
	border-radius: 0;
    outline: 0;
    padding: 0;
    height: auto;
    border-bottom: 1px solid #eee;

    width: 100%;
    margin: 0;
}
.product-info {
    flex-direction: column;
}
.product-price__current {
    position: absolute;
    top: 5px;
    right: 10px;
	font-size: 28px;
}
.catalog-top:active {
    background: rgba(0,0,0,0.04);
}
.catalog-image {
    display: none;
}
.catalog-name {
    display: block;
    position: static;
    font-weight: normal;
    text-align: left;
    line-height: 44px;
    padding-left: 10px;
    width: 100%;
}
.page-title{
	padding-left: 10px;
    margin-bottom: 8px;
    font-size: 22px;
}
}


.shop-botton {
	color: azure;	
	background: #33a1ff;;
	height: 35px;	
	border: 1px solid #DDDDDD;
	float: 	right;
	
}

.comp-botton {
	height: 35px;
	color: azure;
	background: #33a1ff;	
	width: 	30px;
	border: 1px solid #DDDDDD;
	float: 	left;
}

.heart-botton {
	height: 35px;
	color: azure;
	background: #33a1ff;	
	margin-right: 2px; 	
	width: 	30px;
	border: 1px solid #DDDDDD;
	float: 	left;	
}

.shop-botton:hover {
	color: azure;	
	background: #286090;
	height: 35px;	
	border: 1px solid #DDDDDD;
	float: 	right;
}	

.comp-botton:hover {
	height: 35px;
	color: azure;
	background: #286090;	
	width: 	30px;
	border: 1px solid #DDDDDD;
	float: 	left;
}

.heart-botton:hover {
	height: 35px;
	color: azure;
	background: #286090;	
	margin-right: 2px; 	
	width: 	30px;
	border: 1px solid #DDDDDD;
	float: 	left;	
}

.shop-botton-pr {
	color: azure;	
	margin-left: 2px; 
	background: #28C2F0;
	width: 	50%;
	height: 35px;	
	border: 1px solid #DDDDDD;
	float: 	left;
	display: inline-block;
	
}

.comp-botton-pr {
	display: inline-block;
	height: 35px;
	color: azure;
	background: #28C2F0;	
	width: 	35px;
	border: 1px solid #DDDDDD;
	float: 	left;
}

.heart-botton-pr {
	display: inline-block;
	height: 35px;
	color: azure;
	background: #28C2F0;	
	margin-right: 2px; 	
	width: 	35px;
	border: 1px solid #DDDDDD;
	float: 	left;	
}

.shop-botton-pr:hover {	
	background: #286090;
}	

.comp-botton-pr:hover {
	background: #286090;	
}

.heart-botton-pr:hover {
	background: #286090;	
}

.bck-res {
	margin-top: 5px;
}

.bck-res-n {
	font-size: 14px;
	text-align: left;
	display: inline-block;
	width: 29%;
}

.bck-res-i{
	display: inline-block;
	width: 70%;
}

.bot-bck-res{
	float: right;
	display: inline-block;
	margin-top: 25px;
	width: 50%;
}


.content-wrapper{
	background: #fff;
    border: 1px solid #dadada;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;
    margin-bottom: 8px;
}
#description{
	padding: 15px 10px;
}
.article-gallery{
	display: flex;
}

@media (max-width: 767px) {
	.article-gallery{
		flex-direction: column;
		align-items: center;
	}
}
.artimg {
	width: 250px;
	display: inline-block;
}
.artimg img{
	margin-top: 35px;
	width: 100%;
	display: inline-block;
}

.article-date {
	float: right;
    text-align: right;
    margin-top: 15px;
}

.news-main{
	background: url("../image/bg-bottom1-title.png") repeat-x scroll left center;
}

.news-main>span {font: 26px serif;padding-right: 15px;padding-left: 15px;margin-left: 25px;background: #f7f7f7;}

.articles-date{
    position: relative;
    display: inherit;
    margin-top: -50px;
    z-index: 99;
    background: rgba(17, 17, 17, 0.51);
    height: 25px;
    text-align: right;
    color: azure;
    padding-right: 5px;
}

.blog-main {
	float: left;
	display:inline-block;
	margin-left: 10px;
	margin-right: 10px;
	width: 31%;
	padding-top: 0px;
}

.caption-blog{
	min-height: 190px;
	margin-top: 30px;
}

.desc-blog {
	text-align: justify;
	min-height: 125px;
}

.carus-img{
	background: #f7f7f7;
	padding: 10px;
	border-radius: 10px;
}

.col-foot{
	padding: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
	float: left;
	display: inline-block;
	width:49%;
}

.bck-res-i-l{
	width: 100%; 
}


/* list group */

.list-group-itm{
	list-style:none;
	display: block;
	left:0px; 
    opacity:1; 
	-webkit-transition:0.25s linear opacity;
}

.list-group:hover .list-group-itm{
	left:0;
    opacity:1;
}

.name-cat{
	display: block;	
	border: 1px solid;
	width: 100%;

}

#list-group a {
	color: black;
	padding: 5px;
	display: block;	
	border: 1px solid rgba(172, 231, 255, 0.34);;
	width: 100%;
}

#list-group a:hover {
	color: #33A1FF;
 	border-left: 3px solid #33A1FF;
}

.col-left{
	width: 25%;
	display: inline-block;
	float: left;
}

.top-model{
    color: #cecece;
    font-size: 0.8em;
    margin: 0 0 1em;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;

}
.node-block {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    width: 100%;
    display: flex;
    border: 1px solid #ddd;
    position: relative;
    background-color: #fff;
    padding: 1rem;
    flex-direction: column;
}
@media (min-width: 992px){
.col-header.col-photo {
    margin: 0 25px 0 0;

    width: 385px;
}

.col-header.col-order {
	width: 225px;
}
.node-block{
	flex-direction: row
}
}
.item-header {
    margin-left: 0;
    margin-right: 0;
    padding: 1em;
    position: relative;
}
ul.add-images {
    display: flex;
    justify-content: center;
}
.image-additional {
	margin-right: 5px;
}
i.fa.fa-video-camera {
    margin-right: 5px;
    color: #28c2f0;
}
.map-foot-1{
				width: 522px;
				height: 411px;
			    padding: 16px 12px 0 9px;
}
.map-foot-2{
				width: 411px;
				height: 324px;
			    padding: 12px 12px 0 7px;
}

@media (min-width: 605px) and (max-width: 807px) {
	.col-foot {
		min-width:500px;
		width: 100%;
		padding-right: 20px;
	}
	.map-foot-2{display: none;}
}

@media (min-width: 475px) and (max-width: 604px) {
	.col-foot {
		min-width:400px;
		width: 100%;
		padding-right: 20px;
	}
	.col-foot-1 {height: 80px;}
	.col-foot-1 li{width: 100%;float: left;text-align: left;}
	.map-foot-1{display: none;}
}

@media (max-width: 474px) {
	.col-foot {
		
		width: 100%;
		padding-left: 10px;
	}
	.col-foot-1 {height: 120px;}
	.col-foot-1 li{width: 100%;float: left;text-align: left;}
	.map-foot-1{display: none;}
	.map-foot-2{display: none;}
}




@media (min-width: 438px) and (max-width: 992px) {

	.blog-main {
	display:inline-block;
	margin-left: 10px;
	margin-right: 10px;
	width: 45%;
	padding-top: 0px;
	}	
}

@media (min-width: 566px) and (max-width: 704px) {
	.col-foot {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.desc-blog {
		text-align: justify;
		min-height: 125px;
	}
}

@media (min-width: 438px) and (max-width: 565px) {
	.desc-blog {
	text-align: justify;
	min-height: 175px;
	}
	.col-foot{
	margin-left:5%;
	padding-right: 5%;
	float: left;
	display: inline-block;
	width:99%;
	}
	.shop-botton{ 

	}
	.col-foot-1 li{float:left;}
}

@media (min-width: 358px) and (max-width: 437px) {
	.blog-main {
	display:inline-block;
	margin-left: 10%;
	margin-right: 10px;
	width: 80%;
	padding-top: 0px;
	}
	.desc-blog {
	text-align: justify;
	min-height: 225px;
	}
	.col-foot{
	margin-left:5%;
	padding-right: 5%;
	float: left;
	display: inline-block;
	width:99%;
	}
	.col-foot-1 li{float:left;}
	.shop-botton{ 
	}
}

@media (max-width: 387px) {
	.blog-main {
	display:inline-block;
	margin-left: 10px;
	margin-right: 10px;
	width: 90%;
	padding-top: 0px;
	}
	.col-foot{
	margin-left:5%;
	padding-right: 5%;
	float: left;
	display: inline-block;
	width:99%;
	}
	.shop-botton{ 
	}
	.bck-res-i-l{width: 90%;}
	.col-foot-1 {height: 150px;}
	.col-foot-1 li{float:left;}
}
.owl-carousel .owl-wrapper-outer {

    border: none;
}
.row-flex{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.blog-row {
    margin-bottom: 15px;
    padding: 20px;
    height: 250px;
    width: 100%;
    border: 1px solid #dadada;
    background: #fff;
}


.blog-row-t {
	height:	100%;
	display:block;	
}

.blog-row-i {
	padding-right: 15px;
	float: left;
	height: 100%;
	display:inline-block;
}

.blog-row-i img{
	padding-left: 15px;	
	height: 100%;
	
}

.blog-row-caption {
	float: 	right;	
	min-height: 150px;
	max-height: 150px;
	width: 	65%;
	display:inline-block	;

}

.blog-row-caption p{
	cursor: default;
	line-height: normal;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70%;
    margin: 0;
	
}

.blog-row-caption h4{
	height: 10%;
	margin: 0;
}
.blog-row-caption a {
	margin: 0;
	cursor: pointer;
}

.articles-date-n {
}

.blog-row-caption button {
	font-size: 14px;
    padding: 3px 15px;
    line-height: 25px;
    font-size: 11px;
    color: #333;
    border: solid 1px #333;
    background: #f7f7f7;
}

@media (max-width: 1200px){
	.blog-row-i {
	padding-right: 15px;
	float: left;
	height: 90%;
	display:inline-block;
	}
	.blog-row-i img{
	padding-left: 5px;	
	height: 90%;	
	}
}

@media (max-width: 992px) {
	.row-flex {
    flex-direction: column;
	}
	.blog-row-i img{
	padding-left: 5px;	
	height: 80%;	
	}
	.blog-row {
	margin-bottom: 45px;
	padding: 10px;	
	height: 250px;
	width: 100%;
	}
}

@media (max-width: 552px) {

	.blog-row-i img{
	display: none;	
	}
	.blog-row-caption {
		width: 100%;
	}
	.blog-row {
	/*max-height: 200;*/
	margin-bottom: 15px;}
	
	.blog-row-t {
	height: 0;
	}
	.blog-row-caption p {
	max-height: 130px;
	}
}

#back-top { 
    bottom: 35px;
    display: none;
    height: 55px;
    position: fixed;
    right: 50px;
    width: 55px;
    z-index: 9999;
    border-radius: 0;
 
}
#back-top a {
	    background: url("../image/back-top.png") no-repeat scroll 50% 50% #ddd;
 height: 100%;
 width: 100%;
 color: black;
 display: block;
 background-color: #ddd;
 text-align: center;
 font: 11px/100% Arial, Helvetica, sans-serif;
 text-decoration: none;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 transition: 0.5s;
 line-height: 30px;
 -webkit-border-radius: 10px;
 border-radius: 35px;
}
#back-top a:hover {
	background: url("../image/back-top1.png") no-repeat scroll 50% 50% #ddd;
 background-color: #28C2F0;
}

.col-cat-semi{width: 100%;display: block;}
.col-cat-semi>ul {width: 100%; margin-bottom: 0px;margin-bottom: -7px;margin-top:10px;}
.hidden-xs-vis {visibility: hidden;}
.heart-botton-dn {}
.comp-botton-dn {}
.rating-dn {}
#tab-description li,
p.description {
	font-weight: normal;
}
@media (min-width: 381px) and (max-width: 768px) {



}

@media (max-width: 380px) {
	.col-cat-semi ul{padding-left: 0;}
	.col-cat-semi li{margin-right: 0;width: 47%;display: inline-block;}
	.prod-list-div{width: 99.5%;padding-left: 10px;padding-right:10px;display:inline-block;}
	.prod-list-div .image {width:70%;margin-left: 15%}
	.prod-list-div .image img {width:100%}
	.prod-list-div .f-desc {width: 100%}
	.prod-list-div .f-desc .caption {width: 100%; height: 167px; }
	.prod-list-div .f-desc .caption h4 {height:51px;text-overflow:ellipsis; overflow: hidden; }
	.prod-list-div .f-desc .caption p {height:96px; text-overflow:ellipsis; overflow: hidden; }
	.prod-list-div .f-desc .button-group {width: 100%}
	.prod-list-div .shop-botton {width: 100%;float: right;}
	.prod-list-div .price {text-align: left}
	.prod-list-div .art {width: 100%; float: right;margin:0;}
	.prod-list-div .art-stock {width:100%;margin:0; float: right;}
}

.reg-address{float:right;display:inline-block;width:47%;}
.reg-account{display:inline-block;width:47%;}
.reg-mail {width: 47%;margin-left:53%;}

@media (max-width: 655px) {
	.reg-address{float:right;display:inline-block;width:100%;}
	.reg-account{display:inline-block;width:100%;}
	.reg-mail {width: 100%;margin-left:0;}
	.sticky {position: fixed;z-index: 101;}
	.stop {position: relative;z-index: 101;}
}

.foot-info-m{padding-left:10%;padding-right:10%;padding-bottom: 20px;padding-top: 30px;background: #000000;width: 100%;display:block;float:left;}
.foot-info {text-align:center;color:azure;margin-left: 2%;float:left;width: 30%;display: inline-block;}
.foot-info p:first-child {font-weight: bold;}
.foot-info p {font: 16px serif;line-height: 18px;}
.foot-info a {text-decoration: none;}
.foot-down {width: 100%;background: #282828;text-align:center;}
.foot-down p {padding-top:10px;display:inline-block;margin-left:10px;}
.foot-info-n {background: yellow;width: 100%;display:block;float:left;}
.ya-share2 {display:inline-block;margin-left:10px;margin-top: 10px;}
.ya-metr img {position:absolute; left:-9999px;}
#vk_groups {display:inline-block;}

.mail-visov p:first-child {font-style:normal;}
.mail-visov p {font-style:italic;}
.mail-visov span {font-weight:bold;}

.bc-res {height: 32px;}
.bc-res-n {font-size: 14px;text-align: left;display: inline-block;width: 40%;}
.bck-res-n span {color:red;}
.bc-res-i {color: black;display: inline-block;width: 50%;}
.bc-res-i-l {color: black;display: inline-block;width: 50%;}
.bc-res-i-l select {width: 100%;}
.btn-ras .shop-botton {float: left;}

.h-logo {float:left;width:230px;margin-top: 10px;}
.h-tel {margin-left: 5%; float:left;line-height: 18px;display:block;}
.h-tel span {font-weight: bold;}
.h-tel p:first-child {margin:1px; padding-top:5px;}
.h-tel p {margin:1px;}
.h-menu {margin-left: 7%;float:left;line-height: 18px;display:inline-block;width: 325px;}
.h-menu span {padding-left: 25px;font-weight: bold;}

#menu.navbar li:nth-child(1){display:inline-block; width: 33%;line-height: 16px;}
#menu.navbar li:nth-child(3){display:inline-block; width: 33%;line-height: 16px;}
#menu.navbar li:nth-child(5){display:inline-block; width: 33%;line-height: 16px;}
#menu.navbar li:nth-child(7){display:inline-block; width: 33%;line-height: 16px;}
#menu.navbar li:nth-child(2){display:inline-block; width: 63%;line-height: 16px;}
#menu.navbar li:nth-child(4){display:inline-block; width: 63%;line-height: 16px;}
#menu.navbar li:nth-child(6){display:inline-block; width: 63%;line-height: 16px;}
#menu.navbar li:nth-child(8){display:inline-block; width: 63%;line-height: 16px;}
.ft-name{color: azure; font:Bold 19px sefir;text-align: center;margin-top:20px;}
.ft-promo {margin-left: 5%;}
.visov {width: 70%;margin-top:5px;margin-left: 17%}
.visov>select {color:black;}

.visov-t{width: 30%; display:inline-block;}
.visov-t>span {color:red}
.visov-t #selec {color:black;}
.visov-i{width: 68%;display:inline-block;color: black;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.visov-b {float: right;display: inline-block;margin-top: 20px;color: azure;background: #28C2F0;width: 30%;height: 35px;border: 1px solid #DDDDDD;float: right;}

#cw-cat {font: 24px bold; padding-left: 10%; float: none; background: rgba(51, 161, 255, 0.15);color: #007AE3;}
#cw-cat i {float:right;padding-right:15px;cursor:help}
#cw-cat i:after {font-family: FontAwesome;font-style: normal;color: #1E91CF;content: "\f05a";margin-left: 4px;font-size: 20px;}
#p-info-2 {font: 24px bold; padding-left: 10%; float: none; color: #007AE3;}
#p-info-2 span {width:100%}
#p-info-2 i {float:right;padding-right:15px;cursor:help}
#p-info-2 i:after {font-family: FontAwesome;font-style: normal;color: #1E91CF;content: "\f05a";margin-left: 4px;font-size: 20px;}
#p-info-img {width: 30%;display:inline-block; float:left}
#p-info-ch {padding-top:10px}
#p-info-ch li a {color: black}
.p-info {width:100%}
.p-info-1 {background: rgba(51, 161, 255, 0.15);}

.promo {display:inline-block;width:43%;min-height:100px;margin: 10px }
.promo-mn {width: 70%;height: 100%;}
.promo-mn-row {margin-bottom:20px;width:100%;margin-left:5%;margin-top:20px;}
.promo-1 {margin-left:50px}
.promo-i-l {display:inline-block;width:20%;float: right;}
.promo-i-r {display:inline-block;width:20%;float: left;}
.promo-t-l {display:inline-block;width:70%;text-align: right;font-weight: bold;float: left;}
.promo-t-l:hover {cursor: default;}
.promo-t-l a {text-decoration:none;}
.promo-t-r {display:inline-block;width:70%;padding-left:25px;font-weight: bold;float: right;}
.promo-t-r 
.promo-t-r>p {font-weight: normal;color:#23A1D1}
.promo-t-l>p {font-weight: normal;color:#23A1D1}
.promo-t-p {font-weight: normal;color:#23A1D1}
.h-logo-2 {display: none;} 
#account-h {float:right; color: black}
#account-h img {width: 50px}
#cart-h {float:right;}
#cart-h img {width: 50px}
#drop-dn {display: none;}
.price-block {display: inline-block; width: 49%; float:left;}
.visov-mn {width:100%;background: #33A1FF;color: azure;min-height:320px}
.visov-mn-row {margin-bottom:20px;}
.st-block {width:100%;background: #33A1FF;color: azure;}
.st-block-row {margin-bottom:20px;}


@media (min-width: 725px) and (max-width: 991px) {
	.h-logo {width:70px;}
	.h-logo-1 {display: none;}
	.h-logo-2 {display: block;width:70px;margin: 0}
	#account-h {float:right;width: 50px;}
	#cart-h {float:right;width: 50px;}
	#top-links  i.fa {color: azure;font-size:54px;}
	.promo {display:inline-block;width:15%;min-height:100px;margin: 10px;margin-left:50px }
	.promo-i-l {display:inline-block;width:100%;float: left;}
	.promo-i-r {display:inline-block;width:100%;float: left;}
	.promo-t-l {display:none;}
	.promo-t-r {display:none}
	.foot-info-m {min-height: 200px}

}

@media (min-width: 679px) and (max-width: 724px) {
	.h-logo {width:70px;}
	.h-logo-1 {display: none;}
	.h-logo-2 {display: block;width:70px;margin: 0}
	#account-h {display: none}
	.promo {display:inline-block;width:15%;min-height:100px;margin: 10px;margin-left:50px }
	.promo-i-l {display:inline-block;width:100%;float: left;}
	.promo-i-r {display:inline-block;width:100%;float: left;}
	.foot-info {width: 95%;float: right;text-align: center;margin-top: 10px;}
	.promo-t-l {display:none;}
	.promo-t-r {display:none}
	.foot-info-m {min-height: 500px}
}

@media (min-width: 450px) and (max-width: 678px) {
	.h-logo {width:70px;}
	.h-logo-1 {display: none;}
	.h-logo-2 {display: block;width:70px;margin: 0}
	#account-h {display: none}
	.promo-mn {display:none; }
	.promo-i-l {display:inline-block;width:100%;float: left;}
	.promo-i-r {display:inline-block;width:100%;float: left;}
	.foot-info {width: 95%;float: right;text-align: center;margin-top: 10px;}
	.promo-t-l {display:none;}
	.promo-t-r {display:none}
	.foot-info-m {min-height: 500px}
	.h-menu {display:none}
	.price-block {width: 95%;margin-left:15px; }
}

@media (max-width: 449px){
	.h-logo {width:70px;}
	.h-logo-1 {display: none;}
	.h-logo-2 {display: block;width:70px;margin: 0}
	#account-h {display: none}
	.promo-mn {display:none; }
	.promo-i-l {display:inline-block;width:100%;float: left;}
	.promo-i-r {display:inline-block;width:100%;float: left;}
	.promo-t-l {display:none;}
	.promo-t-r {display:none}
	.foot-info-m {min-height: 500px}
	.h-menu {display:none}
	.price-block {width: 100%;margin-left:0;}
	.foot-info {width: 95%;float: right;text-align: center;margin-top: 10px;}
	#top .container {padding: 0}
	.h-tel {width: 40%;font-size:10px;margin-left:25px;  }
	.visov {width: 100%;margin-top: 0;margin-left: 0;}
	.visov-t {width: 100%}
	.visov-i {width: 100%}
	.visov-b  {width: 100%}
	.bc-res-n {width: 100%}
	.bck-res-n {width: 100%}
	.bck-res-i {width: 100%}
	.bc-res-i {width: 100%;}
	.bck-res-i-l {width: 100%}
	.bot-bck-res {width: 100%}
}


/*------------ Под парсер (начало) ------------*/
/*сайт DSSL.RU*/
#tech tbody tr td[colspan="2"]:first-child {cursor: default;padding-left: 20px ;font-size: 16px;display: block; margin-top: 15px; text-align:left;font-weight:bold;background: rgba(40, 194, 240, 0.12);width: 100%}
#tech tbody tr td:first-child {cursor: default;display: inline-block;padding-left:10px ;width:35% ;font-weight:normal;}
#tech tbody tr td:last-child {cursor: default;display: inline-block;font-weight:normal;width:64%}
/*сайт HIKVISION.RU*/
.ptbl tbody tr td[rowspan]:first-child {cursor: default;padding-left: 20px;font-size: 16px;display: block; margin-top: 15px; text-align:left;font-weight:bold;background: rgba(40, 194, 240, 0.12);width: 100%}
.ptbl tbody tr td:first-child { cursor: default;display: inline-block;padding-left:10px ;width:35% ;font-weight:normal;}
.ptbl tbody tr td:nth-child(2)  { cursor: default;display: inline-block;padding-left:10px ;width:35% ;font-weight:normal;}
.ptbl tbody tr td:last-child {cursor: default;display: inline-block;padding-left:10px; font-weight:normal;width:64%}
.ptbl tbody tr td:nth-child(3) {cursor: default;display: inline-block;padding-left:10px; font-weight:normal;width:64%}
/*сайт SARMATT.RU*/
.ulcontainer ul {cursor: default;margin:0;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #666;font-size: 14px;line-height: 25px;}
.outoftable p {cursor: default;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #666;font-size: 14px;line-height: 25px;margin-top:15px;margin-bottom: 20px}
.features tr {cursor: default;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #666;font-size: 14px;padding: 0}
.features {cursor: default;margin:15px;}
/*сайт XCOM-SHOP.RU*/
.short_desc.prop-line.delimiter h3 {padding-left: 20px; line-height: 25px; font-size: 16px; display: block; margin-top: 15px; text-align: left; font-weight: bold; color: #666; background: rgba(40, 194, 240, 0.12); width: 100%;}
.call{display: inline-block; padding-left: 10px; width: 35%; font-weight: normal;}
.prop-value {display: inline-block; padding-left: 10px; font-weight: normal; width: 64%;}
/*сайт ZARIT.RU*/

/*сайт VALINE.RU*/
.heading{cursor: default;padding-left: 20px;font-size: 16px;display: block; margin-top: 15px; text-align:left;font-weight:bold;background: rgba(40, 194, 240, 0.12);width: 100%}
.stats {width: 100%}
.stats tr td:first-child { cursor: default;display: inline-block;padding-left:10px ;width:35% ;font-weight:normal;}
.stats tr td:nth-child(2){cursor: default;display: inline-block;padding-left:10px; font-weight:normal;width:64%}
#tab-description .description {padding-left:20px; text-indent: 2.5em; text-align: justify;}
/*сайт TINKO.RU*/
.tink #description {padding-left: 0px;text-indent: 0em; text-align: justify;}
#tab-description .tinko {cursor: default; padding-left: 20px; font-size: 16px; display: block; margin-top: 15px; text-align: left; font-weight: bold; background: rgba(40, 194, 240, 0.12); width: 100%;}
#techdata ul li span:nth-child(1) {display: inline-block; width: 50%;}
#techdata ul li {list-style-type: none;}
#techdata ul {padding-left: 10px}

/*------------ Под парсер (конец) ------------*/

#descrip {text-indent: 2.5em; text-align: justify;}

#h-menu-t {width:1170px;height:60px;margin-bottom:60px;}
#h-menu-t ul {z-index: 99; display: block; margin: 0; padding: 0; list-style: none;margin-bottom: 20px}
#h-menu-t ul:after {z-index: 99; display: block; content: ' '; clear: both; float: none;}
#h-menu-t ul.menu > li {z-index: 99; float: left; position: relative; width: 12.5%;text-align: center;}
#h-menu-t ul.menu > li > a {min-height:69px;font-size: 10px; display: block; padding: 10px; color:  #F0FFFF; background-color: #33A1FF; text-decoration: none; border-radius: 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;  border-bottom-left-radius: 0px;}
#h-menu-t ul.menu > li {border-left: 1px solid white}
#h-menu-t ul.menu > li:nth-child(1){border-left:0px}
#h-menu-t ul.menu > li:nth-child(8) {width: calc(12.5% - 1px);}
#h-menu-t ul.menu > li > a:hover {background-color: rgba(51, 161, 255, 0.84);}
#h-menu-t ul.submenu {text-decoration: none; border: 1px azure solid; display: none; position: absolute; background-color: #33A1FF;width: 100%;}
#h-menu-t ul.submenu > li {width:100%; font-size: 12px;color:#F0FFFF;display: block;line-height:14px;}
#h-menu-t ul.submenu > li {border: 0.1em azure solid; display: block; padding: 10px;text-decoration: none;}
#h-menu-t ul.submenu > li:hover {text-decoration: underline;}
#h-menu-t ul.menu > li:hover > ul.submenu {display: block;}
#h-menu-t ul.submenu > li > a {text-decoration: none;color:#F0FFFF;}

@media (min-width: 992px) and (max-width: 1199px) {
	#h-menu-t {width:970px;margin-bottom:90px;}
	#h-menu-t ul.menu > li > a {min-height: 135px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#h-menu-t {width:751px;margin-bottom:30px;}
	#h-menu-t ul.menu > li >a {min-height:70px;}
	#h-menu-t ul.menu > li > a  div {display: none;}
}

@media (max-width: 767px) {
	#h-menu-t {display: none;}
}

.rasch-block {width: 100%}
.rasch-block a {background: rgba(51, 161, 255, 0.15); color: #007AE3; height: 90px; width:90px; right: 75px; position: fixed; padding: 10px;z-index: 9999999;text-align:center; border-radius: 75px;font:16px sefir;padding-top: 17px}
.rasch-block a:hover {background:#007AE3; color:white}
@media (max-width: 1200px) {.rasch-block{display: none}}


#cart .dropdown-menu-p {width: 295px;min-width: 295px}
#cart-cat {width: 295px;background:#33A1FF;border: 0px}

.strel{
	margin: 0px -10px 9px -10px;background:#F9F9F9;
	position: absolute;
	top:38px;
	left:11px;
    width:293px;
    height: 20px;
    border-right:1px solid #ddd; 
    border-left:1px solid #ddd;			
    border-style: solid;
    border-width: 25px 145px 0 145px;
    padding-bottom:10px;
    border-color: #33A1FF transparent transparent transparent;}

.cart-cat{float:right;display: block;width:100%}
.dropdown-menu-p {left:0px;background: #eee;z-index: 1001;padding: 0;border-right:1px solid #ddd;border-left:1px solid #ddd}
.dropdown-menu-p li {width: 100%; list-style-type:none;}
.dropdown-menu-p td {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
.dropdown-menu-p td:nth-child(1) img {display: none}
.dropdown-menu-p td:nth-child(3){width: 50px;}
.dropdown-menu-p td:nth-child(4){width: 80px;}
.dropdown-menu-p table.table-bordered {width: 100%}

#pod-cat {width: 100%; margin-bottom: 10px; margin-right: -25px; margin-left: 0;}
#pod-cat>h10 {font-size: 15px; padding-left: 25px; color:black;}
@media (min-width: 993px) and (max-width: 1199px) {
	.cart-cat #cart-cat {width: 245px}
	#cart .dropdown-menu-p {width: 245px;min-width: 245px}
	.strel {width:243px;border-width: 15px 120px 0 120px;}

}

@media (max-width: 992px){
	#pod-cat {margin-top: 50px;}
	#sravn {display: none;}
	.cart-cat {display: none;}
}

.print {display: none;}
.print div {display: inline-block; float: left}
.print div:nth-child(1) {width: 28%;}
.print div:nth-child(2) {width: 20%;padding-left:70px;}
.print div:nth-child(3) {width: 38%; text-align: right;float: right}
.print div:nth-child(3) span {padding-right:20px;text-align: center}
.print img {width: 100%;padding-top: 30px}
 
@media print {
	.print {display: block;width: 100%} 
}

.st-raschet>h2 {text-align: center;display:inline-block;width:100%;}
.st-raschet p {text-indent:2.5em; text-align:justify;}
.st-raschet>h1 {text-align: center;display:inline-block;width:100%;}
.st-raschet li {text-indent:2.5em; text-align:justify;list-style-type: none;}
.st-raschet>ul {display:inline-block}
.st-raschet>ul>li {text-indent: 0em;}
.st-raschet>p {display:inline-block;width:100%;}
.st-raschet span {font-weight:bold}
.st-raschet li i:before {font-family: FontAwesome;font-style: normal;content: "\f00c";}
.st-raschet .capt-r {width:30%;margin-left:15px;display:inline-block;float:right}
.st-raschet .capt-r>img {width:100%;display:inline-block;float:right}
.st-raschet .capt-r>span {display:block;text-align:center;font-style:italic}
.st-raschet .capt-l {width:30%;margin-right:15px;display:inline-block;float:left}
.st-raschet .capt-l>img {width:100%;display:inline-block;float:right}
.st-raschet .capt-l>span {display:block;text-align:center;font-style:italic}
.st-raschet .desc-l {width:65%;display:inline-block;float:left;}
.st-raschet .desc-l>p {width:100%;display:inline-block}
.st-raschet .desc-r {width:68%;float:right;display:inline-block;}
.desc-rasct {display:inline-block;width:100%;}
.desc-rasct>p {width:100%;display:inline-block}
.rasct .itog {text-align:right;width:80%;font-size:22px;font-weight:bold;display: inline-block;}
.rasct .itog-btn {text-align:right;color:white;border: 0px; background: transparent;width:19%;text-align:right;font-size:22px;font-weight:bold}
.rasct .visov-t {width: 29%}
.rasct select {width: 70%}
.rasct .bot-bck-res {margin-right: 150px}
.rasct ::-webkit-input-placeholder {color:white;}
	   ::-moz-placeholder          {color:white;}/* Firefox 19+ */
	    :-moz-placeholder           {color:white;}/* Firefox 18- */
        :-ms-input-placeholder      {color:white;}

.st-raschet-f p {font-size: 22px; text-align:center; font-weight: bold;height: 170px;margin-top: 70px;}

@media (max-width: 890px) {
	.st-raschet .capt-r {width:100%}
	.st-raschet .capt-l {width:100%}
	.st-raschet .desc-r {width:100%}
	.st-raschet .desc-l {width:100%}
}
@media (max-width: 552px) {
	.rasct .visov-t {width:100%}
	.rasct select {width:100%}
	.rasct .itog {float:left;text-align:left;width:50%}
	.rasct .itog-btn {width:50%}
}

#o_nas h1 {padding-left: 50px}
#o_nas h2 {padding-left: 50px}
#o_nas p {text-indent:2em; text-align:justify;margin:0;}
#o_nas li {list-style-type: none;padding-left: 20px}
#o_nas #o_sotr {display: inline-block;width: 100%;padding-top: 20px;}
#o_nas #o_img {display: inline-block;width: 25%;float: left;}
#o_nas #o_img img {display: block;width: 70%;float: right;}
#o_nas #o_desc {display: inline-block;width: 68%;float: left;padding-left: 10px;}
#o_nas #o_desc h3 {padding-left: 30px}
#o_nas #o_desc p {text-indent:0em;padding-left: 30px}
#o_nas #phone:after {font-family: FontAwesome;font-style: normal;content: "\f098";}
#o_nas #mail:after {font-family: FontAwesome;font-style: normal;content: "\f0e0";} 

.zagl {/*background:trancendent;*/width:100%;text-align:center;}
.zagl p{font-weight: bold;font-size: 20px;display:block;}
.zagl ul {width:46%;display:inline-block;float:right;text-align:left}
.zagl li {font-weight: bold;font-size: 18px;list-style-type: none;display: block;}
.zagl li i:after {font-family: FontAwesome;font-style: normal;content: "\f00c";color:red;}
.zagl h1 {color:#666;margin-bottom: 0px;text-align:center;display:block;		font-family: Ubuntu!important;}
.zagl h2 {display: block; padding-top: 145px;font-style: italic;font-weight:normal;		font-family: Ubuntu!important;}
.zagl h3 {color:#666;margin-top: 10px;text-align:right;margin-right:20.3%;font-style:italic;font-weight:normal;		font-family: Ubuntu!important;}
.zagl .zagl-h3 {display:block;text-align:center;font-weight:bold;font-style:normal;margin: 0;padding:0;margin-top:10px;margin-bottom:10px;}
.zagl .zagl-ul {width:15%;display:inline-block;float:left;text-align:left;margin-left:38%}

@media (max-width: 1090px){
	.zagl {display: none;}
}

#search .dropdown-menu li:hover {background:#E0F1FF}
#search .dropdown-menu {z-index: 999999 !important; background: #fff; width: 100%;}
				#search .dropdown-menu li:first-child {background: #f7f7f7;  border-top: 0px;}
				#search .dropdown-menu li {background: #f7f7f7;  border-top: 1px solid #fff;}
				#search .dropdown-menu a {border-radius: 0; white-space: normal; }
				#search .ajaxadvance { width: 100%; min-height: 100px; }
				#search .ajaxadvance .name { margin:0; font-size:14px; }
				#search .ajaxadvance .image { display:inline-flex; float: left; margin-right:10px; /*width: <?php echo (int)$ajaxadvancesearch_imagewidth;?>px;*/ }
				#search .ajaxadvance .content { display:inline-block;	max-width: 100%;}
				#search .ajaxadvance .content > div { margin-top:5px;	}
				#search .ajaxadvance .price-old {color: #ff0000; text-decoration: line-through; }
				#search .ajaxadvance .highlight {color: #38b0e3; }
.i-fa-search {color:azure;}
.urid {display: inline-block;width: 100%;border: 1px solid #ddd;padding: 10px;}
.urid .ur-inf{display: inline-block;width: 48%;float: left;margin-left: 10px;}
.urid p{font-style: normal;line-height: 1.42857143;margin:0;}

.c-print {}
.c-print span {font-weight: bold;}
.c-print p:first-child {margin:1px; padding-top:5px;}
.c-print p {margin:1px;}
.r-print span {font-weight: bold; text-align:center}
.r-print p:first-child {margin:1px; padding-top:5px;}
.r-print p {margin:1px;}

.r-smety {margin-top:100px;text-align:center;margin-bottom:20px;font-weight:bold;width:100%}

.col-search {width: 100%;}
.col-cart {display:none;}

.menu-pdr {display:none;}

.nofollow {color: black}
/* Видеонаблюдение для магазина */
.h1-rasct {display: none;}
div#description ul {
    list-style: disc;
    margin: 10px;
    padding-left: 40px;
}
div#description li {
    list-style: disc;
    margin: 10px;
}
.seo-text ul {
    list-style: disc;
    margin: 10px;
    padding-left: 40px;
}
.seo-text li {
    list-style: disc;
    margin: 10px;
}
/* Category wall */
.categorywall {margin-bottom: 20px;}
.categorywall .categorywall_thumbnail > a {font-size: 18px;font-weight: normal;	position: relative;}
.categorywall.covers .categorywall_thumbnail {position:relative;overflow:hidden;padding-right: 15px;padding-left: 15px;}
.categorywall img {width: 100%;margin: 0 auto;}
.categorywall .product-thumb {width: 100%;padding: 10px 10px 20px 10px;height: 250px;overflow: hidden;}
.categorywall.covers .caption {position:absolute; top:0; right:0; background:rgba(66, 139, 202, 0.75); width:100%; height:100%; padding: 10px 10px 20px 10px ; display: none; text-align:center; color:#fff !important; z-index:2;}
.categorywall.covers .categorywall_thumbnail > a.parent {z-index: 3;display: block;}
.categorywall.covers .categorywall_thumbnail:hover > a.parent {color: #fff;}
.categorywall.covers .categorywall_thumbnail > img {margin-bottom: 15px;}
.categorywall.covers .caption  ul {margin: 0;padding: 10px;}
.categorywall  ul li {margin: 0;padding: 0;list-style: none;text-align: left;}
.categorywall.covers .caption  ul li  a {color: #fff;font-size: 14px;line-height: 16px;}
.categorywall.wide .categorywall_thumbnail  > a:first-child {margin-bottom: 10px;display: block;}
.categorywall .half a + div + a {width: 30%;display: inline-block;float: left;}
.categorywall .children {width: 70%;display: inline-block;float: left;}
.categorywall.wide > div {width: 50%;min-height: 265px;}
.categorywall .children > ul {margin: 0 0 0 10px;padding: 0;}
.categorywall .children > ul > li {border-bottom: 1px solid #ddd;}
.categorywall .children > ul > li:hover {background: rgba(51, 161, 255, 0.05);}
.categorywall .children > ul > li > a {line-height: 28px;display:block;width: 100%;position: relative;font-size: 14px;}
.categorywall .children > ul > li > a .sub {position: absolute;right: 5px;top: 8px;}
.categorywall a:hover {text-decoration: underline;}
.categorywall .category_name {padding: 10px 0;}
.categorywall.wide .category_name {padding: 0;}

#nofol-w {color:#1c81e4;}
#p-pdr {height: 300px}
.pav-h {background: url("../image/bg-bottom1-title.png") repeat-x scroll left center;margin-bottom: 20px;}
.pav-h span {font: 26px "Helvetica Neue", sans-serif;/*font-family:"Helvetica Neue" sans-serif;*/ padding-right: 15px; padding-left: 15px; margin-left: 25px; background: #f7f7f7;color: #444444;}
.r-down {text-decoration: none;font-weight: normal;}
.r-down:hover {color: #23A1D1;cursor: default;}

.left-help {width: 49%;display: inline-block;}
.right-help {width: 49%;display: inline-block;}
.main-help {background: #e0f1ff}
.main-help span {background: #e0f1ff}
.main-help span:hover {cursor: default;}
.banner-wrapper {    max-width: 150px;
    /* display: inline-block; */
    max-height: 150px;
    /* float: left; */
    margin: auto;}
.banner-wrapper img {max-width: 130px;max-height: 130px;}

@media (max-width: 437px) {
	.categorywall.wide > div {width: 98%;min-height: 265px;}
	.left-help {width: 100%;display: inline-block;}
	.right-help {width: 100%;display: inline-block;}
}

.v-mo {margin-top:50px ;margin-bottom: 50px}
 
.pr_sbor thead tr td {text-align: center; font-weight:bold;}

.image {
    display: block;
    width: 100%;
}
.art-18 {text-align: center;border-collapse: collapse;border: 1px solid black}
.art-18 thead {font-weight: bold;}
.art-18 td {border: 1px solid black}
.art-18-low {font-size: 11px; line-height: 12px;margin: 0; padding: 0}
.art-18-div {display: inline-block;width: 65%;float: left;}
.art-18-img {display: inline-block;;width: 34%;float: left;padding: 10px }

.art-19 {text-align: center;border-collapse: collapse;border: 1px solid black;width: 100%}
.art-19 thead {font-weight: bold;}
.art-19 td {border: 1px solid black;padding: 10px; }

.left-help li a{
		text-transform: uppercase;
}

.right-help li a{
		text-transform: uppercase;
}

/*********************************************************************
 														Заявка
*********************************************************************/

  .format {
  	padding: 0px!important;
  }
	.container-order {

	}
	.container-order h3 {
		margin-bottom: 	30px;
		font-size: 14px;
    font-weight: normal;
    font-family: Ubuntu!important;
    text-transform: none;
    color: #33a1ff;
	}
	.container-order .form-group.verefy label {
		font-size: 14px;
	}
	.container-order .form-group.order {
		margin-bottom: 10px;
	}
	.container-order .form-group.order label {
		margin-top: 0px;
		font-size: 16px;
	}
	.container-order .form-group label span {
		color: red;
	}

	.container-order .form-group.order input, 
	.container-order .form-group.order select,
	.container-order .form-group.order textarea {
		min-width: 74%;
		font-size: 16px;
	}
	.container-order .form-group.order hr {
		margin-top: 20px;
	    margin-bottom: 20px;
	    border: 0;
	    border-top: 1px solid #eee;
	}
	.container-order .btn-order {
		font-size: 18px;
		width: 230px;
    margin: auto;
    display: block;
		margin-bottom: 	40px;
		text-transform: none;
	}
	.call-back {
		background: url(/image/layouts/call-back.png);
  		background-attachment: fixed;
  		padding: 50px 0 30px;
	}
	.call-back h2 {
		font-family: Ubuntu!important;
    text-shadow: 0px 0px 1em #03598b;
    color: white;
    text-align: center;
  }
  .call-back .btn-call {
  	width: 280px;
  	margin: auto;
  	display: block;
		padding: 25px 10px 25px 10px;
    margin-top: 70px;
  	border: 4px double azure;
  	color: azure;
  	font-size: 26px;
  	font-family: Ubuntu!important;
  	text-align: center;
  	box-shadow: 0 0 0 128px rgba(10, 10, 10, 0.58) inset
  }
  .call-back .btn-call:hover {
  	box-shadow: 0 0 0 128px rgba(10, 10, 10, 0.78) inset
  }
  .g-recaptcha {
  	width: 304px;
  	margin: auto;
  	display: block;
  }


		blockquote {
		margin: 0;
		background: #f7f7f7;
		border-top: 5px solid #EAF9F9;
		border-bottom: 5px solid #EAF9F9;
		color: #3A3C55;
		padding: 30px 30px 30px 90px;
		position: relative;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		border-left: none;
		}
		blockquote:before {
		content: "\201C";
		font-family: serif;
		position: absolute;
		left: 20px;
		top: 20px;
		color: white;
		background: #FB6652;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		font-size: 50px;
		line-height: 1.35;
		text-align: center;
		}
		blockquote p {
		margin: 0 0 16px;
		font-size: 22px;
		letter-spacing: .05em;
		line-height: 1.4;
		}
		blockquote cite {
		font-style: normal;
		}


/* Main Section */

.mainz {
  background: url(../image/main.jpg);
  background-size: cover;
  padding-top: 15em;
  padding-bottom: 14em;
  text-align: center;
  position: relative;
}

.mainz:before {
  content: "";
  position: absolute;
  background: rgba(51, 51, 51, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
}

.mainz h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2em;

  position: relative;
}

.mainz h2 {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 25px;
  margin-top: 15px;

  position: relative;
}

.bulletland i {
  font-size: 25px;
  color: #fff;
  display: inline-block;
  padding-top: 5px;
}

.bulletland i {
  color: #fff;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 15px;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  line-height: 90px;
  border-radius: 50%;
  font-size: 50px;
  margin: 0 auto 15px;
}
.bulletland p {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
  padding-left: 10px;
  margin: 0;
}

.bulletland {
  margin-top: 75px;
  padding: 15px 0;
  border-radius: 45px;
}

.button {
  position: relative;
  margin-top: 15px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  outline: 0;
  color: #fff;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 400;
  padding: 0 45px;
  height: 55px;
  line-height: 55px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 5px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .14);
  -webkit-box-shadow: inset 0 10px 16px rgba(169, 204, 225, .1), 0 12px 16px rgba(94, 94, 94, .15), inset 0 0 70px rgba(99, 187, 240, .0);
  box-shadow: inset 0 10px 16px rgba(169, 204, 225, .1), 0 12px 16px rgba(94, 94, 94, .15), inset 0 0 70px rgba(99, 187, 240, .0);
  background: #ff2222;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0db', endColorstr='#147dbc', GradientType=0);
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.button:hover,
button.button:focus {
  color: #fff;
  background: #cc0000;
}

.button:focus {
  color: #fff;
  background: #cc0000;
}



@media only screen and (max-width: 767px){

	.mainz h1 {
    color: #fff;
    font-size: 30px;
    text-shadow: 1px 1px 1px #000;
    font-weight: 900;
}
	.mainz h2 {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px #000;
    font-weight: 300;
    margin-bottom: 10px;
}
	.mainz{
	padding-top: 5em;
    padding-bottom: 5em;
	}
.text-right {
    text-align: center;
}
.text-left {
    text-align: center;
}	

.bulletland {
    margin-top: 15px;
    background: rgba(0, 0, 0, 0.25);
    padding: 15px 0;
    border-radius: 45px;
}
.bulletland p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 5px;
}

}

/*** 

====================================================================
	About Company Style
====================================================================

***/

.about-company {
  position: relative;
  padding: 80px 0px 50px;
  background: #ffffff;
}

.about-company .column {
  position: relative;
  margin-bottom: 30px;
}

.about-company .image-column {
  position: relative;
  padding-right: 30px;
}

.about-company .image-column .image-box {
  position: relative;
  width: 100%;
  display: block;
  outline: 1px solid #ffffff;
  outline-offset: -16px;
  margin: auto;
  margin-top: 50px;
}

.about-company .image-column .image-box img {
  display: block;
  width: 100%;
}

.about-company .title-box {
  margin-bottom: 15px;
}

.about-company .title-box h5 {
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: #aaaaaa;
}

.about-company .title-box h3 {
  font-size: 36px;
  font-weight: 500;
  color: #2f2f2f;
  text-transform: uppercase;
}

.about-company .title-box h3 strong {
  font-weight: 800;
  color: #5bad56;
}

.about-company .featured-text {
  font-size: 20px;
  font-weight: 400;
  color: #373737;
  margin-bottom: 20px;
}

.about-company .featured-text strong {
  font-weight: 700;
}

.about-company .text {
  font-size: 16px;
  color: #555;
  margin-bottom: 25px;
}

.about-company .text p {
  margin-bottom: 20px;
}

.styled-list-three {
  position: relative;
}

.about-company .styled-list-three {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 5px;
}

.styled-list-three li {
  line-height: 24px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 75px;
  color: #999999;
  font-style: italic;
  font-size: 15px;
}

.about-company .styled-list-three li {
  float: left;
  padding-right: 36px;
  margin-bottom: 20px;
}

.about-company .styled-list-three li:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 0px;
  height: 100%;
  border-right: 1px solid #e0e0e0;
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

.about-company .styled-list-three li:last-child:after {
  display: none;
}

.styled-list-three li strong {
  display: block;
  color: #242424;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
}

.styled-list-three li i {
  color: #ff2222;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  height: 36px;
  width: 36px;
  line-height: 34px;
  border: 1px solid #ff2222;
  left: 30px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  border-radius: 50%;
}

.btn-download {
  position: relative;
  display: inline-block;
  line-height: 26px;
  padding: 8px 22px;
  background: #404040;
  color: #ffffff;
  border: 2px solid #404040;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
}

.btn-download .icon {
  position: relative;
  top: 2px;
  line-height: 24px;
  font-size: 20px;
  padding-right: 12px;
}

.btn-download:hover {
  background: none;
  color: #404040;
}

.about-company ol>li::before {
  content: "✔";
  position: absolute;
  top: 0px;
  left: 0px;
  color: #ff2222;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}

/*** 

====================================================================
	Subscribe Intro
====================================================================

***/

.call-to-action {
  position: relative;
  padding: 50px 0px 30px;
  background: url(../image/2.jpg);
  color: #ffffff;
  background-attachment: fixed;
}

.call-to-action .column {
  margin-bottom: 20px;
  font-size: 18px;
  color: #ffffff;
}

.call-to-action .column h2 {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
  color: #ffffff;
}

.btn-style-two {
  position: relative;
  padding: 10px 25px;
  line-height: 24px;
  text-transform: uppercase;
  background: none;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 600;
  border: 2px solid #ffffff !important;
  border-radius: 3px;
}

.btn-style-two:hover {
  color: #ffffff !important;
  border-color: #ff2222 !important;
  background: #ff2222;
}
.padd-top-20 {
  padding-top: 20px !important;
}

.zero .button {
    text-shadow: none;
    background: #fff;
    color: #1f1f1f;
    }

.zero .button:hover{
	background: #c9c9c9;
    color: #1f1f1f;
}

@media only screen and (max-width: 767px){
	.about-company .title-box h3 {
    font-size: 24px;
    }
    .home-featured{
    	flex-direction: column;
    }
    }


.main-header {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 999;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: #ffffff;
  z-index: 0;
  border-bottom: 1px solid #cccccc;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo {

}

.sticky-header.now-visible {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-header .header-upper {
  position: relative;
  padding: 0px 0px 2px;
  background: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  z-index: 5;
}

.main-header .header-upper .logo img {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.main-header .header-upper .upper-right {
  position: relative;
  padding: 25px 0px;
}

.main-header .header-upper .info-box:last-child {
  margin-right: 0px;
}

.main-header .header-upper .info-box:after {
  content: '';
  position: absolute;
  right: -40px;
  top: 0px;
  width: 1px;
  height: 100%;
  border-right: 1px dashed #e0e0e0;
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

.main-header .info-box {
  position: relative;
  float: left;
  min-height: 56px;
  margin: 0px 30px;
  padding: 7px 0px 7px 60px;
}

.main-header .header-upper .info-box:last-child {
  padding-left: 0px !important;
}

.main-header .header-upper .info-box:last-child:after {
  display: none;
}

.main-header .info-box .icon-box {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #ff2222;
  border-radius: 50%;
  color: #ff2222;
  font-size: 22px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header .info-box:hover .icon-box {
  border-color: #cc0000;
  color: #cc0000;
}

.main-header .info-box li {
  position: relative;
  line-height: 24px;
  margin: 0px 0px;
  font-size: 14px;
  color: #333;
}

.main-header .info-box li a {
  color: #333;
}

.main-header .info-box strong {
  font-weight: 700;
  color: #555555;
  font-size: 15px;
}

.main-header .header-lower {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  background: none;
  z-index: 5;
}

.main-header .header-lower .bg-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background: none;
  overflow: hidden;
}

.main-header .header-lower .bg-layer:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0px;
  width: 50%;
  height: 100%;
  background: #373737;
}

.main-header .nav-outer {
  position: relative;
  padding-right: 200px;
  background: #373737;
}

.main-menu {
  position: relative;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
  font-family: 'UniNeue';
}

.main-menu .navigation>li {
  position: relative;
  display: inline-block;
  padding: 0px;
}

.sticky-header .main-menu .navigation>li {
  margin-right: 0px;
}

.main-menu .navigation>li>a {
  position: relative;
  display: block;
  padding: 15px 10px;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  border-top: none;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 1;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li {
  margin-left: 10px;
}

.sticky-header .main-menu .navigation>li>a {
  color: #181818;
  padding: 15px 15px;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
  background: #ff2222;
  opacity: 1;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
  background: #ff2222;
  color: #ffffff;
  opacity: 1;
}

.main-menu .navigation>li:hover>a:after {
  opacity: 1;
}

.main-menu .navigation>li>ul {
  position: absolute;
  left: 0px;
  top: 130%;
  width: 210px;
  padding: 0px;
  z-index: 100;
  display: none;
  background: #373737;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation>li>ul>li {
  position: relative;
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.30);
}

.main-menu .navigation>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 22px;
  font-weight: 600;
  font-size: 13px;
  text-transform: capitalize;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
  background: #5bad56;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 20px;
  display: block;
  color: #ffffff;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
  color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
  position: absolute;
  left: 110%;
  top: 0px;
  width: 200px;
  padding: 0px;
  z-index: 100;
  display: none;
  background: #373737;
}

.main-menu .navigation>li>ul>li>ul>li {
  position: relative;
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.30);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height: 22px;
  font-weight: 600;
  font-size: 13px;
  text-transform: capitalize;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
  background: #5bad56;
}

.main-menu .navigation>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
  left: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(../img/icons/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .btn-outer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 200px;
  height: 100%;
}

.main-header .btn-outer .visit-btn {
  position: relative;
  display: block;
  line-height: 26px;
  text-align: center;
  padding: 17px 0px;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  background: #ff2222;
  z-index: 1;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .btn-outer .visit-btn:hover {
  background: #cc0000;
}

.main-header .get-btn:hover {
  background: #5bad56;
}

.main-header .get-btn .appt-btn:hover {
  color: #ffffff;
}

.social-links-one {
  position: relative;
}

.main-header .social-links-one {
  top: 7px;
}

.social-links-one a {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #928d8d;
  border-radius: 50%;
  background: #f4f4f4;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.social-links-one a:hover {
  background: #ff2222;
  color: #ffffff;
}
span.cart-quantity {
    top: -5px;
    right: 1px;
    position: absolute;
    border-radius: 20px;
    background-image: linear-gradient(to bottom, #33a1ff, #229ac8);
    color: #fff;
    font-size: 12px;
    font-weight: bolder;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
}
.social-links-two a {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  border: 1px solid #ff2222;
  line-height: 38px;
  font-size: 14px;
  color: #ff2222;
  border-radius: 50%;
  background: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.social-links-two a:hover {
  background: #cc0000;
  border-color: #cc0000;
  color: #ffffff;
}

.social-links-three a {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  width: 32px;
  height: 32px;
  border: 1px solid #f1f1f1;
  line-height: 30px;
  font-size: 12px;
  color: #aaaaaa;
  background: #f1f1f1;
  border-radius: 50%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.social-links-three a:hover {
  background: #ff6902;
  border-color: #ff6902;
  color: #ffffff;
}


.rainbow-animated {
  background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: rainbow 20s ease infinite;
  animation: rainbow 20s ease infinite;
  font-size: 25px;
  line-height: 25px;
}
 
@-webkit-keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}
 
@keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}

.add-to-cart {
    --color: #fff;
    --icon: var(--color);
    --cart: #fff;
    --dots: #fff;
    --background: #275EFE;
    --shadow: #{rgba(#00093D, .16)};
    cursor: pointer;
    position: relative;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    border-radius: 22px;
    padding: 12px 32px;
    font-weight: 500;
    line-height: 20px;
    transform: scale(var(--s, .97));
    box-shadow: 0 var(--s-y, 4px) var(--s-b, 12px) var(--shadow);
    color: var(--color);
    background: var(--background);
    transition: transform .3s, box-shadow .3s;
    .default {
        padding-left: 16px;
        position: relative;
        opacity: var(--o, 1);
        transform: scale(var(--s, 1));
        transition: transform .3s, opacity .3s;
        transition-delay: var(--d, .3s);
        &:before,
        &:after {
            content: '';
            width: 2px;
            height: 12px;
            left: 0;
            top: 4px;
            border-radius: 1px;
            background: var(--icon);
            position: absolute;
            transform: rotate(var(--r, 0deg));
            transition: transform .25s;
        }
        &:after {
            --r: 90deg;
        }
    }
    .success {
        opacity: var(--o, 0);
        transform: translate(-50%, var(--y, 12px));
        position: absolute;
        top: 12px;
        left: 50%;
        transition: opacity .3s, transform .3s;
        transition-delay: var(--d, 0s);
    }
    .dots {
        width: 4px;
        height: 4px;
        top: 20px;
        left: 50%;
        margin-left: -7px;
        border-radius: 2px;
        position: absolute;
        transform-origin: 10px 50%;
        background: var(--dots);
        box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
        opacity: var(--o, 0);
        transform: scale(var(--s, .4));
        transition: opacity .3s, transform .3s;
        transition-delay: var(--d, 0s);
    }
    .cart {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        border-radius: inherit;
        overflow: hidden;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        &:before {
            content: '';
            position: absolute;
            width: 20px;
            height: 16px;
            background: var(--background);
            top: 17px;
            right: 100%;
            z-index: 1;
            margin-right: -20px;
            transform: translateX(-18px) rotate(-16deg);
        }
        & > div {
            top: 13px;
            right: 100%;
            transform: translateX(-18px) rotate(-16deg);
            position: absolute;
            z-index: 2;
            transform-origin: 1px 21px;
            &:before,
            &:after {
                content: '';
                position: absolute;
                top: var(--t, 4px);
                left: var(--l, 0);
                height: 2px;
                width: var(--w, 18px);
                background: var(--cart);
                border-radius: 1px;
            }
            &:after {
                --w: 16px;
                --t: 14px;
                --l: 1px;
            }
            & > div {
                width: 2px;
                height: var(--h, 15px);
                border-radius: 1px;
                transform: rotate(var(--r, -8deg));
                background: var(--cart);
                position: relative;
                &:before,
                &:after {
                    content: '';
                    position: absolute;
                    background: inherit;
                }
                &:after {
                    width: 4px;
                    height: 4px;
                    border-radius: 2px;
                    bottom: var(--b, -6px);
                    left: var(--l, 0);
                }
                &:first-child {
                    &:before {
                        border-radius: inherit;
                        top: 0;
                        right: 0;
                        height: 2px;
                        width: 6px;
                        transform-origin: 5px 1px;
                        transform: rotate(16deg);
                    }
                }
                &:last-child {
                    --h: 12px;
                    --r: 8deg;
                    position: absolute;
                    left: 16px;
                    bottom: -1px;
                    &:after {
                        --l: -2px;
                        --b: -5px;
                    }
                }
            }
        }
    }
    &.added {
        .default {
            --o: 0;
            --s: .8;
            --d: 0s;
            &:before {
                --r: -180deg;
            }
            &:after {
                --r: -90deg;
            }
        }
        .dots {
            --o: 1;
            --s: 1;
            --d: .3s;
            animation: dots 2s linear forwards;
        }
        .success {
            --o: 1;
            --y: 0;
            --d: 1.8s;
        }
        .cart {
            &:before,
            & > div {
                animation: cart 2s forwards;
            }
        }
    }
    &:not(.added) {
        &:hover {
            --s: 1;
            --s-y: 8px;
            --s-b: 20px;
        }
        &:active {
            --s: .94;
            --s-y: 2px;
            --s-b: 6px;
        }
    }
}

@keyframes cart {
    41%,
    49%,
    57%,
    60% {
        transform: translateX(72px) rotate(0deg);
    }
    40%,
    47%,
    54% {
        transform: translateX(72px) rotate(0deg) translateY(1px);
    }
    100% {
        transform: translateX(180px) rotate(-16deg);
    }
}

@keyframes dots {
    5% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-20px) rotate(-32deg);
        box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    31% {
        box-shadow: 5px -4px 0 var(--dots), 10px -8px 0 var(--dots);
    }
    32%,
    50% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    45%,
    100% {
        box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    51%,
    100% {
        opacity: 0;
    }
}
.modal-footer {
	display: flex;
	justify-content: center;
}
.button-continue{
	margin-right: 10px;
}
table.uk-table.uk-table-striped.uk-table-condensed {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #fafafa;
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
}

.uk-table th, .uk-table td {
    border-bottom: 1px solid #ddd;
}

.home-featured {
    display: flex;
}

.featured-section{
	background: #fff;
}

.product-layout {
    background: #fff;
    border: solid 1px #f7f7f7;
    margin-right: 15px;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.product-layout:hover{
	border-color: #1b5382;
	transition: 0.5s;
}