@font-face
{
  font-family:artkiev;
    src:
        url('fonts/artkiev.ttf?xak7ww') format('truetype'),
        url('fonts/artkiev.woff?xak7ww') format('woff'),
        url('fonts/artkiev.svg?xak7ww#artkiev') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'Museo Sans Cyrl 900';
	src: url('fonts/MuseoSansCyrl-900Italic.eot');
	src: local('Museo Sans Cyrl 900 Italic'), local('MuseoSansCyrl-900Italic'),
		url('fonts/MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/MuseoSansCyrl-900Italic.woff') format('woff'),
		url('fonts/MuseoSansCyrl-900Italic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Museo Sans Cyrl 900';
	src: url('fonts/MuseoSansCyrl-900.eot');
	src: local('MuseoSansCyrl-900'),
		url('fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
		url('fonts/MuseoSansCyrl-900.woff') format('woff'),
		url('fonts/MuseoSansCyrl-900.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Museo Sans Cyrl 700';
	src: url('fonts/MuseoSansCyrl-700.eot');
	src: local('MuseoSansCyrl-700'),
		url('fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
		url('fonts/MuseoSansCyrl-700.woff') format('woff'),
		url('fonts/MuseoSansCyrl-700.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans Cyrl 500';
	src: url('fonts/MuseoSansCyrl-500.eot');
	src: local('MuseoSansCyrl-500'),
		url('fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
		url('fonts/MuseoSansCyrl-500.woff') format('woff'),
		url('fonts/MuseoSansCyrl-500.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans Cyrl 300';
	src: url('fonts/MuseoSansCyrl-300.eot');
	src: local('MuseoSansCyrl-300'),
		url('fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
		url('fonts/MuseoSansCyrl-300.woff') format('woff'),
		url('fonts/MuseoSansCyrl-300.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans Cyrl 300';
	src: url('fonts/MuseoSansCyrl-300Italic.eot');
	src: local('MuseoSansCyrl-300Italic'),
		url('fonts/MuseoSansCyrl-300Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/MuseoSansCyrl-300Italic.woff') format('woff'),
		url('fonts/MuseoSansCyrl-300Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}




/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
font-size: 16px;
line-height:normal;
color:#000;
margin:0px;
background:#fff;
font-family: 'Museo Sans Cyrl 300';
}

a {
text-decoration:underline;
color:#2969b8;
}

a:hover {
text-decoration:none;
color:#2969b8;
}

.clear {
clear:both;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
line-height: normal;
font-weight:normal;
color:#000;
position:relative;
font-family: 'Museo Sans Cyrl 700';
padding:15px 0;
margin:0px;
}

h1, .h1 { font-size: 29px !important;}
h2, .h2 { font-size: 26px;}
h3, .h3 { font-size: 23px;}
h4, .h4 { font-size: 19px;}
h5, .h5 { font-size: 16px;}

* {
box-sizing: border-box;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
  display: block
}

input, button {
outline:none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
max-width:100%;
height:auto !important;
}

.site-width {
width:96%;
max-width:1170px;
position:relative;
margin:0 auto;
}

.flex {
display:flex;
}

.topline {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,241,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,241,250,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,241,250,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,241,250,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,241,250,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,241,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf1fa', GradientType=0 );
padding:10px 0;
border-bottom:1px #c7ddf8 solid;
}

.topline ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
float:right;
}

.topline li {
margin:0 0 0 15px;
padding:0 0 0 15px;
position:relative;
}

.topline li a {
color:#000;
}

.topline li:after {
content:"";
width:1px;
height:20px;
background:#d5e5f8;
position:absolute;
top:50%;
left:0px;
margin:-10px 0 0 0;
}

.topline li:first-child:after {
display:none;
}

.header {
padding:10px 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 241, 250, 1) 100%);
}

.header .site-width {
display:flex;
align-items: center;
}

.header .logo {
flex:1;
display:flex;
align-items: center;
font-family: 'Museo Sans Cyrl 500';
text-decoration:none;
color:#000;
}

.header .logo a {
display:block;
margin:0 20px 0 0;
width:68px;
height:90px;
background:url(/img/images/logo.png) no-repeat;
}

.header .phone {
position:relative;
font-size:19px;
font-family: 'Museo Sans Cyrl 700';
padding:0 0 0 35px;
/* margin:0 30px 0 0; */
}

.header .phone p {
font-family: 'Museo Sans Cyrl 300';
font-size:16px;
}

.header .phone a {
margin:0 0 3px 0;
display:block;
text-decoration:none;
color:#000;
}

.header .phone a:hover {
text-decoration:none;
}

.header .phone span {
color:#2969b8;
}

.header .phone:before {
content:"";
-webkit-mask: url(images/icon-phone.svg) no-repeat 100% 100%;
mask: url(images/icon-phone.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2969b8;
display:block;
position:absolute;
width:24px;
height:24px;
top:0px;
left:0px;
}
/* 
.header .phone:after {
content:"";
width:1px;
height:42px;
background:#d5e5f8;
position:absolute;
top:50%;
right:0px;
margin:-21px 0 0 0;
} */

.header .phone2 {
position:relative;
font-size:19px;
font-family: 'Museo Sans Cyrl 700';
padding:0 0px 0 35px;
margin:0 20px 0 0;
}

.header .phone2 p {
margin:0 0 3px 0;
}

.header .phone2 p span {
color:#2969b8;
}

.header .phone2:before {
content:"";
-webkit-mask: url(images/icon-phone2.png) no-repeat 100% 100%;
mask: url(images/icon-phone2.png) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2969b8;
display:block;
position:absolute;
width:21px;
height:22px;
top:0px;
left:0px;
}

.header .phone2 .feedback {
font-family: 'Museo Sans Cyrl 300';
text-decoration:underline;
font-size:16px;
text-align:right;
cursor:pointer;
display:none;
}

.header .phone2 .feedback:hover {
text-decoration:none;
}

.header .mobile-block {
display:flex;
align-items: center;
}

.header .cart, .mobile-cart-icon .cart {
position:relative;
width:44px;
height:44px;
border:1px #d5e5f8 solid;
border-radius:555px;
display:flex;
align-items: center;
justify-content: center;
cursor:pointer;
}

.cart .cart_name {
font-size:0px;
}

.header .cart:before, .mobile-cart-icon .cart:before {
content:"";
-webkit-mask: url(images/icon-cart.png) no-repeat 100% 100%;
mask: url(images/icon-cart.png) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2969b8;
display:block;
width:26px;
height:24px;
}

.search {
position:relative;
margin:0 0 0 20px;
}

.search span {
position:relative;
width:44px;
height:44px;
border:1px #d5e5f8 solid;
border-radius:555px;
margin:0 15px 0 35px;
display:flex;
align-items: center;
justify-content: center;
cursor:pointer;
}

.search span:before {
content:"";
-webkit-mask: url(images/icon-search.png) no-repeat 100% 100%;
mask: url(images/icon-search.png) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2969b8;
display:block;
width:20px;
height:21px;
}

.search form {
width:300px;
height:44px;
border:1px #d5e5f8 solid;
border-radius:555px;
padding:0 50px 0 0;
display:block;
z-index:999;
background:#fff;
}

.search form input {
height:40px;
margin:2px 15px;
width:100%;
padding:0px 10px;
border:0px;
font-size:16px;
}

.search form button {
position:absolute;
top:-5px;
right:0px;
width:44px;
height:44px;
border:1px #d5e5f8 solid;
border-radius:555px;
display:flex;
align-items: center;
justify-content: center;
cursor:pointer;
z-index:9999;
background:none;
}

.search form button:before {
content:"";
-webkit-mask: url(images/icon-search.png) no-repeat 100% 100%;
mask: url(images/icon-search.png) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2969b8;
display:block;
width:20px;
height:21px;
position:absolute;
top:50%;
right:10px;
margin:-10px 0 0 0;
}



.topmenu {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(199,221,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(48%, rgba(255,255,255,1)), color-stop(100%, rgba(199,221,248,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(199,221,248,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(199,221,248,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(199,221,248,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(199,221,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7ddf8', GradientType=0 );
border-top:1px #c7ddf8 solid;
}

.topmenu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
align-items: center;
justify-content: space-between;
}

.topmenu li {
text-align:center;
margin:0 0px 0 0;
position:relative;
}

.topmenu li a {
font-size:18px;
font-family: 'Museo Sans Cyrl 700';
text-decoration:none;
cursor:pointer;
color:#000;
padding:15px 0;
display:block;
position:relative;
}

.topmenu li span {
font-size:18px;
font-family: 'Museo Sans Cyrl 700';
text-decoration:none;
cursor:pointer;
color:#000;
padding:15px 0;
display:block;
position:relative;
}

.topmenu li a:before {
content:"";
width:1px;
height:70%;
background:#d5e5f8;
position:absolute;
top:15%;
right:-60px;
margin:0px 0 0 0;
}

.topmenu li span:before {
content:"";
width:1px;
height:70%;
background:#d5e5f8;
position:absolute;
top:15%;
right:-60px;
margin:0px 0 0 0;
}

.topmenu li .dropdown-btn a:before {
display:none !important;
}

.topmenu li:last-child:before {
display:none;
}

.topmenu li:last-child span, .topmenu li:last-child a {
padding:7px 0;
margin:0 0px 0 0;
}

.topmenu li:last-child span:before, .topmenu li:last-child a:before {
display:none;
}

.topmenu li.dropdown-btn a {
padding:15px 20px 15px 0;
}

.topmenu li.dropdown-btn ul a {
padding:4px 0;
}

.topmenu li.dropdown-btn ul span {
padding:0px 0;
position:relative;
}

.topmenu li.dropdown-btn a:after {
content:"";
display:block;
background:url(images/topmenu-arrow.png) no-repeat;
width:12px;
height:7px;
position:absolute;
top:50%;
right:0px;
margin:-3px 0 0 0;
}

.topmenu li.dropdown-btn ul a:after {
display:none;
}

.topmenu li.dropdown-btn ul li:hover:before {
content:"";
position:absolute;
top:50%;
left:-30px;
background:#1857b5;
width:10px;
height:2px;
margin:-1px 0 0 0;
}

.topmenu li.dropdown-btn ul li:last-child:before {
display:block;
}

.topmenu li.calc a {
padding:7px 0px 7px 40px;
min-height:26px;
}

.topmenu li.calc a:after {
content:"";
-webkit-mask: url(images/calc-menu.svg) no-repeat 100% 100%;
mask: url(images/calc-menu.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2969b8;
display:block;
width:21px;
height:30px;
position:absolute;
top:0px;
left:0px;
}

.topmenu ul ul {
display:none;
position:absolute;
top:100%;
left:0px;
padding:20px 30px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(205,225,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(54%, rgba(255,255,255,1)), color-stop(100%, rgba(205,225,249,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(205,225,249,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(205,225,249,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(205,225,249,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(205,225,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cde1f9', GradientType=0 );
z-index:9999;
text-align:left;
border-radius:0px 0px 5px 5px;
}

.topmenu ul ul li {
text-align:left;
margin:0 0 5px 0;
}

.topmenu li:hover ul {
display:block;
}

.topmenu ul ul a {
font-size:17px;
    white-space: nowrap;
font-family: 'Museo Sans Cyrl 300';
text-decoration:underline;
cursor:pointer;
color:#000;
padding:4px 0;
display:block;
position:relative;
}

.topmenu ul ul a:hover {
font-family: 'Museo Sans Cyrl 300';
color:#2969b8;
text-decoration:none !important;
}

.topmenu ul ul a:hover {
text-decoration:underline;
}

.topmenu li a:before, .topmenu li span:before {
display:none;
}

.top-slider {
font-size:0px;
}

.top-slider .slide {
position:relative;
font-size:0px;
height:308px;
overflow:hidden;
}

.top-slider .slide img {
max-width:none;
}

.top-slider .site-width {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:999;
color:#fff;
display:flex;
flex-direction: column;
justify-content: center;
}

.top-slider .title {
font-size:35px;
font-family: 'Museo Sans Cyrl 900';
}

.top-slider .desc {
font-size:19px;
font-family: 'Museo Sans Cyrl 500';
margin:15px 0 0 0;
}

.section-products {
margin:10px 0 0 0;
}

.section-products .product {
display:flex;
border:1px #d5e4f3 solid;
border-radius:5px;
margin:0 0 20px 0;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
}

.section-products .product .photo {
width:27%;
padding:30px;
text-align:center;
}

.section-products .product .block {
width:36.5%;
padding:30px;
border-left:1px #d5e4f3 solid;
}

.section-products .photo .img {
display:block;
max-height:120px;
overflow:hidden;
}

.section-products .photo .img img {
max-height:120px;
}

.section-products .photo .name {
font-size:19px;
text-decoration:underline;
font-family: 'Museo Sans Cyrl 700';
display:block;
margin:10px 0 0 0;
text-align:center;
color:#000;
}

.section-products .photo .name:hover {
text-decoration:none;
}

.section-products .product ul {
list-style:none;
margin:0px;
padding:0px;
}

.section-products .product li {
display:flex;
align-items: center;
margin:0 0 5px 0;
}

.section-products .product li a {
font-size:17px;
font-family: 'Museo Sans Cyrl 500';
padding:14px 0;
display:block;
border-bottom:1px #c7ddf8 solid;
flex:1;
color:#000;
}

.section-products .product .icon {
width:43px;
height:43px;
background:#f0f7fe;
border-radius:555px;
padding:11px;
text-align:center;
display:flex;
align-items: center;
justify-content: center;
margin:0 15px 0 0;
}

.section-products .product .icon img {
max-width:100%;
max-height:100%;
}

.section-products .product li:last-child a {
border-bottom:0px;
}

.section-products .product .product-icon1:after {
content:"";
background:url(images/product-icon1.svg) no-repeat;
width: 24px;
height: 25px;
display: block;
background-size: cover;
}

.section-products .product .product-icon2:after {
content:"";
background:url(images/product-icon2.svg) no-repeat;
width: 25px;
height: 19px;
display: block;
background-size: cover;
}

.section-products .product .product-icon3:after {
content:"";
background:url(images/product-icon3.svg) no-repeat;
width: 24px;
height: 25px;
display: block;
background-size: cover;
}

.section-products .product .product-icon4:after {
content:"";
background:url(images/product-icon4.svg) no-repeat;
width: 25px;
height: 12px;
display: block;
background-size: cover;
}

.section-products .product .product-icon5:after {
content:"";
background:url(images/product-icon5.svg) no-repeat;
width: 16px;
height: 25px;
display: block;
background-size: cover;
}

.section-products .product .product-icon6:after {
content:"";
background:url(images/product-icon6.svg) no-repeat;
width: 22px;
height: 25px;
display: block;
background-size: cover;
}

.section-products .product .product-icon8:after {
content:"";
background:url(images/product-icon8.svg) no-repeat;
width: 25px;
height: 16px;
display: block;
background-size: cover;
}

.section-products .product .product-icon9:after {
content:"";
background:url(images/product-icon9.svg) no-repeat;
width: 25px;
height: 19px;
display: block;
background-size: cover;
}

.section-products .product .product-icon10:after {
content:"";
background:url(images/product-icon10.svg) no-repeat;
width: 18px;
height: 25px;
display: block;
background-size: cover;
}

.section-products .product .product-icon11:after {
content:"";
background:url(images/product-icon11.svg) no-repeat;
width: 25px;
height: 23px;
display: block;
background-size: cover;
}

.section-products .product .product-icon12:after {
content:"";
background:url(images/product-icon12.svg) no-repeat;
width: 25px;
height: 23px;
display: block;
background-size: cover;
}

.section-products .product .product-icon13:after {
content:"";
background:url(images/product-icon13.svg) no-repeat;
width: 25px;
height: 25px;
display: block;
background-size: 100% 100%;
}

.section-products .product .product-icon14:after {
content:"";
background:url(images/product-icon14.svg) no-repeat;
width: 25px;
height: 23px;
display: block;
background-size: cover;
}

.section-menu {
background:#f6fafe;
padding:40px 0;
margin:40px 0 0 0;
}

.section-menu .site-width {
display:flex;
justify-content: space-between;
}

.section-menu .item {
display:block;
border-radius:5px;
border-left:3px #3b84e9 solid;
width:17.6%;
margin:0 3% 0 0;
padding:45px 30px;
text-align:center;
background:#fff;
text-decoration:none;
transition: .5s;
}

.section-menu .item:hover {
background:#004caa;
color:#fff;
border-left:3px #004caa solid;
}

.section-menu .item:nth-child(5n) {
margin:0 0% 0 0;
}

.section-menu .item .name {
font-size:19px;
font-family: 'Museo Sans Cyrl 700';
margin:15px 0 0 0;
color:#000;
}

.section-menu .item:hover .name {
color:#fff;
}

.section-menu .item.blue {
background:#004caa;
color:#fff;
border-left:3px #004caa solid;
}

.section-menu .item.blue .name {
color:#fff;
}

.section-menu .item.blue:hover {
border-left:3px #3b84e9 solid;
background:#fff;
}

.section-menu .item.blue:hover .name {
color:#000;
}

.section-menu .item .icon {
height:64px;
position:relative;
display:flex;
align-items: center;
justify-content: center;
}

.section-menu .item .sert:after {
content:"";
-webkit-mask: url(images/icon-sert.svg) no-repeat 100% 100%;
mask: url(images/icon-sert.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:59px;
height:64px;
transition: .5s;
}

.section-menu .item .reviews:after {
content:"";
-webkit-mask: url(images/icon-reviews.svg) no-repeat 100% 100%;
mask: url(images/icon-reviews.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:64px;
height:64px;
transition: .5s;
}

.section-menu .item .catalog:after {
content:"";
-webkit-mask: url(images/icon-catalog.svg) no-repeat 100% 100%;
mask: url(images/icon-catalog.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:64px;
height:64px;
transition: .5s;
}

.section-menu .item .calculator:after {
content:"";
-webkit-mask: url(images/icon-calculator.svg) no-repeat 100% 100%;
mask: url(images/icon-calculator.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:56px;
height:64px;
transition: .5s;
}

.section-menu .item.blue .calculator:after {
content:"";
-webkit-mask: url(images/icon-calculator.svg) no-repeat 100% 100%;
mask: url(images/icon-calculator.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #fff;
display:block;
width:56px;
height:64px;
transition: .5s;
}

.section-menu .item.blue:hover .calculator:after {
background-color: #2476e7;
}

.section-menu .item .video:after {
content:"";
-webkit-mask: url(images/icon-video.svg) no-repeat 100% 100%;
mask: url(images/icon-video.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:64px;
height:64px;
transition: .5s;
}

.section-menu .item:hover .icon:after {
background-color: #fff;
}

.section-objects .images {
display:flex;
font-size:0px;
margin:0 0 20px 0;
flex-wrap: wrap;
}

.section-objects .images img {
width:100%;
}

.section-objects .images .item {
overflow:hidden;
height:269px;
}

.section-objects .images .item a {
display:block;
position:relative;
}

.section-objects .images .item a:after {
content:"";
position:absolute;
top:10px;
right:10px;
bottom:10px;
left:10px;
border:1px #fff solid;
border-radius:5px;
}

.section-objects.reflect {
margin:30px 0 0 0;
}

.section-objects.reflect .images {
flex-direction: row-reverse;
}

.section-objects .images .item {
height:475px;
overflow:hidden;
}

.section-objects .images .item:nth-child(1) {
width:40%;
font-size:0px;
}

.section-objects .images .item:nth-child(2) {
width:31%;
margin:0 3%;
font-size:0px;
}

.section-objects .images .item:nth-child(3) {
width:23%;
font-size:0px;
}

.section-objects .images .item:nth-child(2) a:first-child {
margin:0 0 25px 0;
}

.section-objects .images .item:nth-child(2) img {
max-height:225px;
}

.section-objects .images img {
border-radius:5px;
}

.section-objects .all-object {
color:#000;
text-decoration:underline;
float:right;
font-size:18px;
font-family: 'Museo Sans Cyrl 500';
}

.section-objects .all-object:hover {
text-decoration:none;
}

.section-about {
background:#f8fcff;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
margin:85px 0 0 0;
padding:10px 0 40px 0;
font-size:15px;
line-height:24px;
}

.section-about h4 {
margin:20px 0;
}

.section-about h4 span {
color:#1a5eb3;
}

.section-about p {
margin:0 0 10px 0;
}

.footer {
padding:30px 0;
}

.footer.page {
margin:40px 0 0 0;
border-top:1px #d5e5f8 solid;
}

.footer .site-width {
display:flex;
}

.footer .col-left {
flex:1;
padding:0 0 0 88px;
font-family: 'Museo Sans Cyrl 500';
}

.footer .col-left p {
margin:-40px 0 0 0;
}

.footer .logo {
display:flex;
font-family: 'Museo Sans Cyrl 500';
text-decoration:none;
margin:0 0 0 -88px;
color:#000;
}

.footer .logo a {
margin:0 20px 0 0;
display:block;
    width: 68px;
    height: 90px;
    background: url(/img/images/logo.png) no-repeat;
}

.footer .social {
display:flex;
margin:25px 0 0 0;
}

.footer .social a {
display:block;
width:35px;
height:35px;
margin:0 10px 0 0;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: .5s;
}

.footer .social a:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0);
}

.footer .social a.fb {
background:url(images/icon-fb.png) no-repeat;
}

.footer .social a.google {
background:url(images/icon-google.png) no-repeat;
}

.footer .name {
font-size:18px;
font-family: 'Museo Sans Cyrl 700';
margin:0 0 10px 0;
}

.footer .block {
padding:0 0 0 40px;
margin:0 0 0 40px;
position:relative;
}

.footer .block:after {
content:"";
width:1px;
height:100px;
background:#d5e5f8;
position:absolute;
top:0;
left:0px;
}

.footer .block.no:after {
display:none;
}

.footer ul {
list-style:none !important;
margin:0px !important;
padding:0px !important;
}

.footer ul li:before {
display:none !important;
}

.footer li {
margin:0 0 7px 0 !important;
padding:0px !important;
}

.footer li a {
color:#000;
}

.breadcrumbs {
padding:30px 0 10px 0 !important;
display:flex;
flex-wrap: wrap;
list-style:none;
margin:0px !important;
}

.breadcrumbs li {
position:relative;
padding:0px !important;
}

.breadcrumbs li:before {
display:none !important;
}

.breadcrumbs li:after {
content:"-";
margin:0 5px;
}

.breadcrumbs li:last-child:after {
display:none;
}

.breadcrumbs a {
color:#000;
}

.catalog-options {
border-top:1px #d5e5f8 solid;
border-bottom:1px #d5e5f8 solid;
margin:30px 0;
padding:30px 0;
}

.catalog-options .title {
font-size:24px;
font-family: 'Museo Sans Cyrl 700';
margin:0 0 25px 0;
}

.catalog-options ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-wrap: wrap;
}

.catalog-options li {
display:flex;
align-items: center;
margin:0 0 20px 0;
width:33.333%;
padding:0 25px;
position:relative;
}

.catalog-options li:before {
display:none !important;
}

.catalog-options li:after {
content:"";
width:1px;
height:30px;
background:#d5e5f8;
position:absolute;
top:50%;
left:0px;
margin:-15px 0 0 0;
}

.catalog-options li:nth-child(3n+1) {
padding:0 25px 0 0px;
}

.catalog-options li:nth-child(3n+1):after {
display:none;
}

.catalog-options li a {
font-size:17px;
font-family: 'Museo Sans Cyrl 500';
padding:14px 0;
display:block;
flex:1;
color:#000;
}

.catalog-options .icon {
width:43px;
height:43px;
background:#f0f7fe;
border-radius:555px;
padding:9px;
text-align:center;
display:flex;
align-items: center;
justify-content: center;
margin:0 15px 0 0;
}

.catalog-options .icon img {
max-width:100%;
max-height:100%;
}

.icon-visible-filter {
font-size:15px;
position:relative;
height:40px;
border:1px #d5e5f8 solid;
border-radius: 5px;
display:flex;
align-items: center;
justify-content: center;
float:left;
padding:0 20px;
margin:0 0 30px 55px;
cursor:pointer;
}

.icon-visible-filter:before {
content:"";
display:block;
background:url(images/icon-filter.png) no-repeat;
width:44px;
height:44px;
position:absolute;
top:-2px;
left:-55px;
}

.section-filter {
display:none;
flex-wrap: wrap;
border:1px #d5e4f3 solid;
border-radius: 5px;
margin:0 0 30px 0;
}

.section-filter.visible {
display:table;
width:100%;
}

.section-filter .item {
display:table-cell;
vertical-align:top;
padding:25px 20px;
border-right:1px #d5e4f3 solid;
width:20%;
}

.section-filter .item:last-child {
border-right:0px #d5e4f3 solid;
}

.section-filter .name {
font-size:19px;
font-family: 'Museo Sans Cyrl 700';
margin:0 0 15px 0;
}

.section-filter .check {
margin:0 0 10px 0;
}

.section-filter .check a {
text-decoration:none;
}

.section-filter .check .checkbox, .section-filter .check .label {
cursor:pointer;
text-decoration:none;
}

.section-filter input[type="checkbox"] {
display:none;
position:relative;
}

.section-filter input[type="checkbox"] + label, .section-filter .check .checkbox .label {
position:relative;
display:flex;
align-items: center;
cursor:pointer;
color:#000;
}

.section-filter input[type="checkbox"] + label:before, .section-filter .check .checkbox .label:before {
content:"";
display:block;
width:33px;
height:33px;
border:1px #1a5eb3 solid;
border-radius: 5px;
margin:0 15px 0 0;
position:relative;
}

.section-filter input[type="checkbox"]:checked + label:before {
border:1px #1a5eb3 solid;
}

.section-filter input[type="checkbox"]:checked + label {
color:#000;
position:relative;
}

.section-filter input[type="checkbox"]:checked + label:after {
content:"";
display:block;
width:12px;
height:12px;
background:#1a5eb3;
border-radius:2px;
position:absolute;
top:50%;
left:12px;
margin:-6px 0 0 0px;
}

.section-filter .select-block {
background:#f0f7fe;
padding:25px 20px;
display:table-cell;
vertical-align:top;
}

.section-filter .select-block button {
margin:20px 0 0 0;
}

.catalog-products {

}

.catalog-products .item {
background:#f0f7fe;
border:1px #d5e4f3 solid;
border-radius: 5px;
margin:0 0 30px 0;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
display:flex;
justify-content: space-between;
}

.catalog-products .images {
border-right:1px #d5e4f3 solid;
background:#fff;
width:290px;
display:flex;
align-items: center;
justify-content: center;
padding:30px;
flex-shrink: 0;
}

.catalog-products .col-left {
padding:20px 30px;
flex:1;

}

.catalog-products .col-left .name {
font-size:22px;
color:#000;
font-family: 'Museo Sans Cyrl 700';
text-decoration:none;
margin:0 0 20px 0;
display:inline-block;
}

.catalog-products .col-left .name:hover {
text-decoration:underline;
}

.catalog-products  i span {
display:none;
}

.catalog-products .col-left .icons {
margin:0 0 20px 0;
display:flex;
align-items: center;
flex-wrap: wrap;
}

.catalog-products .col-left .ico {
position:relative;
margin:0 15px 0 0;
}

.catalog-products .col-left .ico:before {
content:"" !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
background-color: #2476e7 !important;
display:block !important;
}

.catalog-products .col-left .icon1:before {
-webkit-mask: url(images/catalog-icon1.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon1.svg) no-repeat 100% 100%;
width:25px;
height:28px;
}

.catalog-products .col-left .icon2:before {
-webkit-mask: url(images/product-icon6.svg) no-repeat 100% 100%;
mask: url(images/product-icon6.svg) no-repeat 100% 100%;
width:27px;
height:29px;
}

.catalog-products .col-left .icon3:before {
-webkit-mask: url(images/catalog-icon3.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon3.svg) no-repeat 100% 100%;
width:28px;
height:29px;
}

.catalog-products .col-left .icon4:before {
-webkit-mask: url(images/catalog-icon4.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon4.svg) no-repeat 100% 100%;
width:28px;
height:28px;
}

.catalog-products .col-left .icon5:before {
-webkit-mask: url(images/catalog-icon5.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon5.svg) no-repeat 100% 100%;
width:35px;
height:23px;
}

.catalog-products .col-left .icon6:before {
-webkit-mask: url(images/catalog-icon6.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon6.svg) no-repeat 100% 100%;
width:26px;
height:29px;
}

.icons i, .icons span.icon {
position: relative;
margin: 0 10px 5px 0;
width:30px;
height:25px;
display:block;
}

.icons i span {
display:none;
white-space: nowrap;
}

.icons i:hover span {
display:block;
font-size:12px;
background:#2476e7;
color:#fff;
position:absolute;
bottom:35px;
left: 50%;
transform: translate(-50%, 0);
padding:5px;
text-align:center;
line-height:normal;
}

.icons i:hover span:after {
content:"";
display:block;
border: 5px solid transparent;	
border-top: 5px solid #2476e7;
position:absolute;
bottom:-10px;
left: 50%;
transform: translate(-50%, 0);
}

.icons i:before, .icons span.icon:before {
content:"" !important;
-webkit-mask-size: 100% 100% !important;
mask-size: 100% 100% !important;
background-color: #999 ;
display:block !important;
}

.active-icon:before {
background-color: #2476e7 !important;
}

.icon-filter:before {
-webkit-mask: url(images/product-icon2.svg) no-repeat 100% 100%;
mask: url(images/product-icon2.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter1:before {
-webkit-mask: url(images/catalog-icon1.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon1.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter2:before {
-webkit-mask: url(images/product-icon6.svg) no-repeat 100% 100%;
mask: url(images/product-icon6.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter3:before {
-webkit-mask: url(images/catalog-icon3.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon3.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter4:before {
-webkit-mask: url(images/catalog-icon4.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon4.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter5:before {
-webkit-mask: url(images/catalog-icon5.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon5.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter6:before {
-webkit-mask: url(images/product-icon6.svg) no-repeat 100% 100%;
mask: url(images/product-icon6.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter7:before {
-webkit-mask: url(images/product-icon4.svg) no-repeat 100% 100%;
mask: url(images/product-icon4.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter8:before {
-webkit-mask: url(images/product-icon2.svg) no-repeat 100% 100%;
mask: url(images/product-icon2.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter9:before {
-webkit-mask: url(images/product-icon5.svg) no-repeat 100% 100%;
mask: url(images/product-icon5.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter10:before {
-webkit-mask: url(images/product-icon3.svg) no-repeat 100% 100%;
mask: url(images/product-icon3.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter11:before {
-webkit-mask: url(images/product-icon1.svg) no-repeat 100% 100%;
mask: url(images/product-icon1.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter12:before {
-webkit-mask: url(images/catalog-icon6.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon6.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter21:before {
-webkit-mask: url(images/product-icon9.svg) no-repeat 100% 100%;
mask: url(images/product-icon9.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter22:before {
-webkit-mask: url(images/product-icon4.svg) no-repeat 100% 100%;
mask: url(images/product-icon4.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter23:before {
-webkit-mask: url(images/product-icon11.svg) no-repeat 100% 100%;
mask: url(images/product-icon11.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter24:before {
-webkit-mask: url(images/product-icon8.svg) no-repeat 100% 100%;
mask: url(images/product-icon8.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}

.icon-filter25:before {
-webkit-mask: url(images/product-icon10.svg) no-repeat 100% 100%;
mask: url(images/product-icon10.svg) no-repeat 100% 100%;
width:30px;
height:25px;
}













.catalog-products .col-left .fields {
font-size:15px;
}

.catalog-products .col-left .fields p {
margin:0 0 5px 0;
}

.catalog-products .col-right {
width:300px;
flex-shrink: 0;
padding:20px 30px 25px 30px;
}

.catalog-products .col-right .price {
font-size:15px;
margin:0 0 15px 0;
}

.catalog-products .col-right .price span {
font-family: 'Museo Sans Cyrl 700';
font-size:22px;
}

.catalog-products .col-right .price span.m {
font-size:15px;
font-family: 'Museo Sans Cyrl 300';
}


.catalog-products .col-right .price a {
color:#000;
font-size:15px;
display:block;
margin:5px 0 0 0;
}

.catalog-products .col-right .buttons {
margin:0 0 15px 0;
    white-space: nowrap;
}

.catalog-products .col-right .buttons a {
background: rgba(68,124,193,1);
background: -moz-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,124,193,1)), color-stop(100%, rgba(12,85,174,1)));
background: -webkit-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -o-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -ms-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: linear-gradient(to bottom, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#447cc1', endColorstr='#0c55ae', GradientType=0 );
border:0px;
margin:0px;
padding:8px 20px;
border-radius: 5px;
cursor:pointer;
color:#fff;
font-size:16px;
font-family: 'Museo Sans Cyrl 500';
text-decoration:none;
display:table;
margin:10px 0 0 0;
}

button, .button {
background: rgba(68,124,193,1);
background: -moz-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,124,193,1)), color-stop(100%, rgba(12,85,174,1)));
background: -webkit-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -o-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -ms-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: linear-gradient(to bottom, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#447cc1', endColorstr='#0c55ae', GradientType=0 );
border:0px;
margin:5px 0px;
padding:10px 20px;
border-radius: 5px;
cursor:pointer;
color:#fff;
font-size:16px;
font-family: 'Museo Sans Cyrl 500';
}

button.gray {
background: rgba(220,220,220,1);
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(205,205,205,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,220,220,1)), color-stop(100%, rgba(205,205,205,1)));
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(205,205,205,1) 100%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(205,205,205,1) 100%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(205,205,205,1) 100%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%, rgba(205,205,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#cdcdcd', GradientType=0 );
border:0px;
margin:0px;
padding:10px 20px;
border-radius: 5px;
cursor:pointer;
color:#fff;
font-size:16px;
font-family: 'Museo Sans Cyrl 500';
}

.catalog-products .col-right button:first-child {
margin:0 15px 0 0;
}

.colors {
display:flex;
flex-wrap: wrap;
margin:15px 0 0 0;
}

.page-product .col-right .colors {
max-width:none;
}

.colors span {
display:block;
border-radius:555px;
width:23px;
height:23px;
margin:0 10px 10px 0;
}

.colors .color-block {
border-radius:555px;
width:23px;
height:23px;
margin:0 10px 10px 0;
font-size:0px;
text-indent:-999999px;
display: flex;
align-items: center;
justify-content: center;
}

.colors .color-block.window {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
font-size:30px;
z-index:99999999;
text-indent:0px;
color:#fff;
border-radius:0px;
}

.colors span:nth-child(8n) {
margin:0 0px 10px 0;
}

.page-product .col-right .colors span:nth-child(8n) {
margin:0 10px 10px 0;
}

.colors .red {
background:#ff0000;
}

.colors .green {
background:green;
}

.colors .orange {
background:orange;
}

.colors .yellow {
background:yellow;
}

.colors .blue {
background:blue;
}

.colors .pink {
background:pink;
}

.pages {
display:flex;
margin:0 auto;
justify-content: center;
}

.pages .hide_page:first-child {
margin:0 20px 0 0;
width:auto;
height:auto;
border:0px;
display:block;
padding:5px 0 0 0;
}

.pages .hide_page:last-child {
margin:0 0px 0 20px;
width:auto;
height:auto;
border:0px;
display:block;
padding:5px 0 0 0;
}

.pages .hide_page:first-child:hover {
margin:0 20px 0 0px;
width:auto;
height:auto;
border:0px;
text-decoration:underline;
}

.pages .hide_page:last-child:hover {
width:auto;
height:auto;
border:0px;
margin:0 0px 0 20px;
text-decoration:underline;
}

.pages strong.hide_page {
font-weight:normal;
}

.pages strong.hide_page:hover {
text-decoration:none;
}

.pages b, .pages a:hover {
width:35px;
height:35px;
border-radius:5px;
border:1px #2062b5 solid;
display:flex;
align-items: center;
justify-content: center;
margin:0 5px;
font-weight:normal;
}

.pages a {
width:35px;
height:35px;
border-radius:5px;
border:1px #d6d6d6 solid;
display:flex;
align-items: center;
justify-content: center;
text-decoration:none;
color:#000;
margin:0 5px;
}

.pagination .points {
border:0px #2062b5 solid;
}

.wrapper-page {
margin:20px 0 0 0;
line-height:27px;
}

.wrapper-page img {
border-radius:5px;
margin:10px 0 30px 0;
}

.wrapper-page ul, .page_content ul, .wrapper ul {
list-style:none;
margin:10px 0 20px 30px;
padding:0px;
}

.wrapper-page ul li, .page_content ul li, .wrapper ul li {
position:relative;
padding:0 0 0 20px;
margin:0 0 15px 25px;
}

.wrapper-page ul li:before, .page_content ul li:before, .wrapper ul li:before {
content:"";
display:block;
width:6px;
height:6px;
border-radius:555px;
background:#2476e7;
position:absolute;
top:8px;
left:0px;
}

.wrapper-page ol, .page_content ol, .wrapper ol {
margin:0px 0 0 20px;
padding:0px;
list-style-position:inside;
counter-reset: item;
}

.wrapper-page ol li, .page_content ol li, .wrapper ol li {
padding:0 0 0 25px;
margin:0 0 15px 0;
display: block;
position: relative;
}

.wrapper-page ol li:before, .page_content ol li:before, .wrapper ol li:before {
content: counters(item, ".")")";
counter-increment: item;
position: absolute;
left:0px;
font-size:16px;
color:#2476e7;
display:block;
text-align:center;
font-family: 'Museo Sans Cyrl 500';
font-style:italic;
}

table {
width:100%;
border:1px #d5e4f3 solid;
border-radius:5px;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
}

table tr:first-child td {
font-size:18px;
font-family: 'Museo Sans Cyrl 700';
background:#f0f7fe;
border-bottom:1px #d5e4f3 solid;
padding:15px 10px;
}

table td {
padding:12px 10px;
position:relative;
text-align:center;
font-size:16px;
border-right:1px #d5e4f3 solid;
background:#fff;
}

table td:last-child {
border-right:0px #d5e4f3 solid;
}

.prod_review  table
{
	border-spacing:0;
	border:0;
	margin: 30px 0;
}

.prod_review .inp_1
{
	margin:0px !important;
}

.prod_review  td:first-child
{
	width:130px;
	color: #000;
	font-size: 16px;
}

.prod_review  td
{
	background: #F3F7FC;
	text-align: left;
	font-weight: bold;
	border:0;
	    border-bottom: 1px #d5e4f3 solid;
}

.prod_review input[type="file"]
{
	opacity:.5;
}

.prod_review input[type="file"]:hover
{
	opacity:1;
}

.section-question {

}

.section-question table {
margin:35px 0 0 0;
}

.section-question .item {
background: rgba(248,252,255,1);
background: -moz-linear-gradient(top, rgba(248,252,255,1) 0%, rgba(243,248,253,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,252,255,1)), color-stop(100%, rgba(243,248,253,1)));
background: -webkit-linear-gradient(top, rgba(248,252,255,1) 0%, rgba(243,248,253,1) 100%);
background: -o-linear-gradient(top, rgba(248,252,255,1) 0%, rgba(243,248,253,1) 100%);
background: -ms-linear-gradient(top, rgba(248,252,255,1) 0%, rgba(243,248,253,1) 100%);
background: linear-gradient(to bottom, rgba(248,252,255,1) 0%, rgba(243,248,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#f3f8fd', GradientType=0 );
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
padding:25px 0 35px 0;
margin:0 0 20px 0;
}

.section-question .item h3 {
position:relative;
display:flex;
align-items: center;
margin:0px 0 20px 0;
}

.section-question .item h3:before {
content:"";
background:url(images/question-icon.png) no-repeat;
width:44px;
height:44px;
display:block;
margin:0 20px 0 0;
}

.section-question .answer {
font-size:15px;
border-left:1px #2868b7 solid;
padding:0 0 0 25px;
margin:0 0 0 65px;
line-height:24px;
}

.section-reviews {
padding:10px 0 0 0;
}

.add-reviews {
border:1px #1a5eb3 solid;
padding:10px 20px;
border-radius: 5px;
display:block;
cursor:pointer;
max-width: 180px;
text-align: center;
font-family: 'Museo Sans Cyrl 500';
margin: 50px auto;
}

.section-reviews .item {
display:flex;
margin:0 0 35px 0;
}

.section-reviews .item .photo {
width:100px;
padding:0 28px 0 0;
}

.section-reviews .item .photo img {
border-radius:50%;
}

.section-reviews .item .date {
font-size:15px;
}

.section-reviews .item .block {
flex:1;
}

.section-reviews .item .name {
font-size:19px;
font-family: 'Museo Sans Cyrl 700';
margin:0 0 10px 0;
}

.section-reviews .item .rating {
margin:0 0 10px 0;
}

.section-reviews .item .desc {
font-size:15px;
line-height:24px;
}

.section-articles {
display:flex;
flex-wrap: wrap;
margin:35px 0 0 0;
}

.section-articles .item {
width:31.333%;
margin:0 3% 40px 0;
}

.section-articles .item:nth-child(3n) {
margin:0 0% 40px 0;
}

.section-articles .item .images {
height:230px;
overflow:hidden;
display:block;
position:relative;
font-size:0px;
line-height:0px;
}

.section-articles .item .images:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px #fff solid;
    border-radius: 5px;
}

.section-articles .item .images img {
min-height:100%;
min-width:100%;
border-radius:5px;
}

.iframe_block {
margin:10px 0;
}

.section-articles .item .block {
margin:20px 0 0 0;
}

.section-articles .item .name {
font-size:22px;
font-family: 'Museo Sans Cyrl 700';
color:#000;
text-decoration:none;
height:52px;
overflow:hidden;
display:block;
}

.section-articles .item .name:hover {
text-decoration:underline;
}

.section-articles .item .desc {
font-size:15px;
line-height:24px;
margin:20px 0 0 0;
height:100px;
position:relative;
overflow:hidden;
}

.section-articles .item .desc:before {
    content: "";
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff 75%);
}

.section-articles .item .link {
color:#000;
font-family: 'Museo Sans Cyrl 500';
font-size:17px;
display:block;
margin:0 0 20px 0;
}

.section-certificates {
display:flex;
flex-wrap:wrap;
}

.section-certificates a {
width:22.75%;
margin:0 3% 25px 0;
overflow:hidden;
height:390px;
overflow:hidden;
}

.section-certificates a:nth-child(4n) {
margin:0 0 25px 0;
}

.section-certificates img {
height:auto;
max-height:100%;
}

.page_content img {
margin:10px 0;
}


.page-article {
line-height:24px;
}

.page-article ul {
list-style-position:inside;
}

.page-article h3 {
margin:10px 0;
}

.wrapper h1 {
margin:0 0 15px 0;
}

.wrapper {
line-height:24px;
font-size:15px;
}

.wrapper p {
margin:0 0 10px 0;
}


.wrapper ul li {
margin:0 0 5px 0;
}

.page-ral {

}

hr {
border:1px #d5e5f8 solid;
margin:15px 0;
}

.ral-colors {
display:flex;
flex-wrap: wrap;
margin:35px 0 0 0;
}

.ral-colors .item {
border-radius: 5px;
display:flex;
align-items: center;
justify-content: center;
width:17.6%;
margin:0 3% 30px 0;
height:120px;
font-size:18px;
font-family: 'Museo Sans Cyrl 700';
color:#fff;
cursor:pointer;
}

.ral-colors .item:nth-child(5n) {
margin:0 0 30px 0;
}

.noscroll {
overflow:hidden;
}

.ral-colors .item.window {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
font-size:30px;
z-index:99999999;
}

.page-contact {
display:flex;
font-size:15px;
}

.page-contact .col-left {
width:370px;
padding:0 70px 0 0;
}

.page-contact .col-left p {
margin:0 0 10px 0;
font-size:16px;
}

.page-contact .col-left h2 {
font-size:19px;
}

.prod_h2
{
	text-transform: uppercase;
	font-size:16px;
}

.page-contact .col-right {
flex:1;
}

.page-contact .col-right .maps {
border-radius: 5px;
margin:0 0 25px 0;
}

.page-contact .col-right .maps iframe {
border-radius: 5px;
border:1px #d5e5f8 solid;
height:345px;

}

.page-contact .col-left .h4 {
margin:0 0 15px 0;
padding:0px;
}

.page-contact .col-left .feebdack {
border:1px #1a5eb3 solid;
padding:8px 25px;
border-radius: 5px;
display:inline-block;
cursor:pointer;
font-family: 'Museo Sans Cyrl 500';
margin:25px 0 0 0;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
z-index: 99999999999999;
overflow: auto;
}

.popup-block .block {
background:#fff;
width:490px;
position:fixed;
top:5%;
left:50%;
margin:0 0px 0px -245px;
z-index:99999999999;
padding:40px;
}

.popup-block .block .name {
font-size:26px;
font-family: 'Museo Sans Cyrl 700';
text-align:center;
margin:0 0 25px 0;
}

.popup-block .block input[type="text"] {
border:1px #d1d1d1 solid;
padding:10px;
border-radius: 5px;
font-size:16px;
height:38px;
margin:0 0 0px 20px;
width:100%;
flex:1;
}

.popup-block .block .item, .prod_review .item {
display:flex;
align-items: center;
margin:0 0 10px 0;
justify-content: space-between;
font-size:17px;
}

.popup-block .block .item label, .prod_review .item label {
font-size:17px;
display:block;
width:130px;
}


.error {
    box-shadow: 0 0 5px red !important;
    transition: all 0.30s ease-in-out;
}

.popup-block .block textarea {
border:1px #d1d1d1 solid;
padding:10px;
border-radius: 5px;
font-size:16px;
height:140px;
margin:0 0 0px 20px;
width:100%;
resize:none;
flex:1;
}

.popup-block .block button {
float:right;
margin:10px 0 0 0;
font-size:18px;
}

.page-reviews {

}

.page-reviews .item {
display:flex;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
margin:0 0 30px 0;
}

.page-reviews .item .images {
width:230px;
margin:0 80px 0 0;
padding:30px;
display:flex;
align-items: center;
justify-content: center;
background:#f8fcff;
position:relative;
}

.page-reviews .item .images:after {
content:"";
height:100%;
display:block;
width:33px;
background:url(images/reviews-images-bg.png) no-repeat;
position:absolute;
top:0px;
right:-33px;
background-size:100% 100%;
}

.page-reviews .item .images img {
box-shadow: 0px 1px 15px rgba(195,211,234,.46);
}

.page-reviews .item .block {
flex:1;
padding:60px 95px 110px 0;
position:relative;
display:flex;
align-items: flex-start;
}

.page-reviews .item .block:after {
content:"";
display:block;
width:40px;
height:35px;
background:url(images/reviews-bg.png) no-repeat -40px 0px;
position:absolute;
top:60px;
right:60px;
}

.page-reviews .item .block:before {
content:"";
display:block;
width:40px;
height:35px;
background:url(images/reviews-bg.png) no-repeat 0px 0px;
position:absolute;
bottom:60px;
left:0px;
}

.page-reviews .item .block img {
width:32px;
}

.page-reviews .item .text {
padding:0 0 0 30px;
flex:1;
}

.page-reviews .item .name {
font-size:19px;
font-family: 'Museo Sans Cyrl 700';
}

.page-reviews .item .link {
display:inline-block;
color:#2969b8;
margin:5px 0 10px 0;
}

.page-calculator {

}

.page-calculator .stage {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-wrap: wrap;
font-size:17px;
}

.page-calculator .stage li {
text-decoration:underline;
cursor:pointer;
position:relative;
display:flex;
align-items: center;
margin:0 20px 5px 0;
}

.page-calculator .stage li:after {
content:"";
display:block;
width:7px;
height:12px;
background:url(images/stage-arrow.png) no-repeat 0px 0px;
margin:0 0 0 20px;
}

.page-calculator .stage li:last-child {
margin:0 0px 5px 0;
}

.page-calculator .stage li:last-child:after {
display:none;
}

.page-calculator .stage li:hover {
text-decoration:none;
}

.page-calculator .stage li.active {
color:#1a5eb3;
font-family: 'Museo Sans Cyrl 700';
text-decoration:none;
cursor:default;
}

.page-calculator .stage li.active:after {
background:url(images/stage-arrow.png) no-repeat -7px 0px;
}

.page-calculator .section {
display:flex;
align-items: flex-start;
margin:40px 0 0 0;
}

.page-calculator .section .canvas {
flex:1;
margin:0 30px 0 0;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
line-height:0px;
font-size:0px;
}

.page-calculator .section .step {
width:470px;
border-radius: 5px;
background:#fff;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
padding:30px;
}

.page-calculator .name-step {
font-size:24px;
text-align:center;
font-family: 'Museo Sans Cyrl 700';
position:relative;
display:table;
margin:0 auto 20px auto;
}

.page-calculator .name-step p {
font-size:19px;
margin:10px 0 0 0;
}

.page-calculator .name-step.step1:after {
content:"";
-webkit-mask: url(images/calc1.svg) no-repeat 100% 100%;
mask: url(images/calc1.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:32px;
height:32px;
position:absolute;
top:0px;
left:-50px;
}

.page-calculator .name-step.step2:after {
content:"";
-webkit-mask: url(images/calc2.svg) no-repeat 100% 100%;
mask: url(images/calc2.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:40px;
height:32px;
position:absolute;
top:0px;
left:-55px;
}

.page-calculator .name-step.step3:after {
content:"";
-webkit-mask: url(images/calc3.svg) no-repeat 100% 100%;
mask: url(images/calc3.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:48px;
height:23px;
position:absolute;
top:0px;
left:-55px;
}

.page-calculator .name-step.step4:after {
content:"";
-webkit-mask: url(images/calc4.svg) no-repeat 100% 100%;
mask: url(images/calc4.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:32px;
height:32px;
position:absolute;
top:0px;
left:-50px;
}

.page-calculator .name-step.step5:after {
content:"";
-webkit-mask: url(images/calc5.svg) no-repeat 100% 100%;
mask: url(images/calc5.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:40px;
height:32px;
position:absolute;
top:0px;
left:-55px;
}

.page-calculator .name-step.step6:after {
content:"";
-webkit-mask: url(images/calc6.svg) no-repeat 100% 100%;
mask: url(images/calc6.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:32px;
height:32px;
position:absolute;
top:0px;
left:-50px;
}

.page-calculator .name-step.step7:after {
content:"";
-webkit-mask: url(images/calc7.svg) no-repeat 100% 100%;
mask: url(images/calc7.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:32px;
height:32px;
position:absolute;
top:0px;
left:-50px;
}

.page-calculator .name-step.step8:after {
content:"";
-webkit-mask: url(images/calc8.svg) no-repeat 100% 100%;
mask: url(images/calc8.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:27px;
height:31px;
position:absolute;
top:0px;
left:-50px;
}

.page-calculator .name-step.step9:after {
content:"";
-webkit-mask: url(images/calc9.svg) no-repeat 100% 100%;
mask: url(images/calc9.svg) no-repeat 100% 100%;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #2476e7;
display:block;
width:27px;
height:20px;
position:absolute;
top:0px;
left:-50px;
}

.page-calculator .buttons {
font-size:18px;
display:table;
margin:25px auto 0 auto;
}

.page-calculator .buttons button {
display:inline-block;
margin:0 5px;
}

.page-calculator .figure-select {
display:flex;
justify-content: space-between;
padding:0 40px;
}

.page-calculator .figure-select .item {
text-align:center;
}

.page-calculator .figure-select .item span {
width:140px;
height:140px;
background:#f3f3f3;
display:block;
}

.page-calculator .figure-select .item p {
font-size:17px;
margin:15px 0 0 0;
}

.page-calculator .input-select {
padding:0 40px;
}

.page-calculator .input-select .item {
display:flex;
align-items: center;
justify-content: center;
margin:0 0 10px 0;
}

.page-calculator .input-select .item span {
flex:1;
}

.page-calculator .input-select .item input {
width:40px;
height:40px;
padding:5px;
border-radius: 5px;
border:1px #1a5eb3 solid;
margin:0 10px 0 20px;
font-size:16px;
}

.page-calculator .checkbox-select {
padding:0 40px;
}

.page-calculator .checkbox-select .block {
border-bottom:1px #d8e1f0 solid;
padding:0 0 20px 0;
margin:0 0 20px 0;
}

.page-calculator .checkbox-select .material {
font-family: 'Museo Sans Cyrl 700';
font-size:17px;
}

.page-calculator .checkbox-select .item {
display:flex;
align-items: center;
}

.page-calculator .checkbox-select .item span {
text-align:right;
flex:1;
margin:0 15px 0 0;
}

.page-calculator .checkbox-select .material .icon {
width:43px;
height:43px;
background:#f0f7fe;
border-radius:555px;
padding:9px;
text-align:center;
display:flex;
align-items: center;
justify-content: center;
}

.page-calculator .checkbox-select .material .icon img {
max-width:100%;
max-height:100%;
}

.page-calculator .checkbox-select .item {
margin:10px 0 0 0;
font-size:17px;
}

.page-calculator .checkbox-select .item input {
display:none;
}

.page-calculator .checkbox-select input[type="checkbox"] + label {
position:relative;
display:flex;
align-items: center;
cursor:pointer;
color:#a6a6a6;
}

.page-calculator .checkbox-select input[type="checkbox"] + label:before {
content:"";
display:block;
width:38px;
height:38px;
border:1px #1a5eb3 solid;
border-radius:555px;
}

.page-calculator .checkbox-select input[type="checkbox"]:checked + label:after {
content:"";
display:block;
width:10px;
height:10px;
background:#1a5eb3;
border-radius:555px;
position:absolute;
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}

.page-calculator .section .desc {
text-align:center;
font-size:17px;
margin:0 0 25px 0;
}

.page-calculator .section .desc span {
font-family: 'Museo Sans Cyrl 700';
}

.page-calculator .send {
padding: 0 40px;
}

.page-calculator .send .item {
display:flex;
align-items: center;
margin:0 0 10px 0;
font-size:17px;
}

.page-calculator .send .item span {
flex:1;
}

.page-calculator .send .item input {
flex:2;
height: 40px;
padding: 5px;
border-radius: 5px;
border: 1px #1a5eb3 solid;
font-size:16px;
}

.page-product {

}

.page-product .head {
display:flex;
}

.page-product .head .images {
width:370px;
padding:0 20px 0 0;
text-align:center;
}

.page-product .head .col-right {
flex:1;
}

.page-product .head .col-right .hidden, .catalog-products .col-left .icons .hidden {
display:none;
}

.active-icon {
display:block !important;
}

.page-product .head .col-right .icons {
margin:0 0 20px 0;
display:flex;
align-items: center;
font-size:0px;
flex-wrap: wrap;
}

.page-product .head .col-right .ico {
position:relative;
margin:0 15px 0 0;
}

.page-product .head .col-right .ico:before {
content:"" !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
background-color: #2476e7 !important;
display:block !important;
}

.page-product .head .col-right .icon1:before {
-webkit-mask: url(images/catalog-icon1.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon1.svg) no-repeat 100% 100%;
width:25px;
height:28px;
}

.page-product .head .col-right .icon2:before {
-webkit-mask: url(images/product-icon6.svg) no-repeat 100% 100%;
mask: url(images/product-icon6.svg) no-repeat 100% 100%;
width:27px;
height:29px;
}

.page-product .head .col-right .icon3:before {
-webkit-mask: url(images/catalog-icon3.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon3.svg) no-repeat 100% 100%;
width:28px;
height:29px;
}

.page-product .head .col-right .icon4:before {
-webkit-mask: url(images/catalog-icon4.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon4.svg) no-repeat 100% 100%;
width:28px;
height:28px;
}

.page-product .head .col-right .icon5:before {
-webkit-mask: url(images/catalog-icon5.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon5.svg) no-repeat 100% 100%;
width:35px;
height:23px;
}

.page-product .head .col-right .icon6:before {
-webkit-mask: url(images/catalog-icon6.svg) no-repeat 100% 100%;
mask: url(images/catalog-icon6.svg) no-repeat 100% 100%;
width:26px;
height:29px;
}

.page-product .head .col-right .price {
font-size:15px;
margin:0 0 15px 0;
}

.page-product .head .price .buttons {
margin:15px 0 0 0;
}

.page-product .head .col-right .price span {
font-family: 'Museo Sans Cyrl 700';
font-size:22px;
}

.page-product .head .col-right button:first-child {
margin: 0 15px 0 0;
}

.page-product .head .col-right .buttons a {
background: rgba(68,124,193,1);
background: -moz-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,124,193,1)), color-stop(100%, rgba(12,85,174,1)));
background: -webkit-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -o-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: -ms-linear-gradient(top, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
background: linear-gradient(to bottom, rgba(68,124,193,1) 0%, rgba(12,85,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#447cc1', endColorstr='#0c55ae', GradientType=0 );
border:0px;
margin:0px;
padding:10px 20px;
border-radius: 5px;
cursor:pointer;
color:#fff;
font-size:16px;
font-family: 'Museo Sans Cyrl 500';
text-decoration:none;
}

.section-specifications {

}

.section-specifications .item {
display:flex;
align-items: center;
border-bottom:1px #d5e5f8 solid;
}

.section-specifications .item span:first-child {
width:33%;
padding:0 30px 0 0;
font-family: 'Museo Sans Cyrl 700';
padding:15px 0;
}

.section-specifications .item span:last-child {
width:67%;
padding:15px 0;
}

.section-specifications .item:last-child {
border-bottom:0px;
}

.section-description {
background:#f8fcff;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
padding:10px 0 30px 0;
margin:35px 0 0 0;
line-height:24px;
}


.section-description .tab-row {
display:none;
}

.section-description ul, .page-article ul {
list-style-type:none;
margin:15px 0 15px 20px;
padding:0px;
}

.section-description li, .page-article li {
position:relative;
padding:0 0 5px 20px;
display:flex;
}

.section-description li:before, .page-article li:before {
content:"";
width:3px;
height:3px;
background:#2969b8;
margin:10px 20px 0 0;
display:block;
top:0px !important;
}

.block-drawings {
display:flex;
justify-content: space-between;
margin:45px 0 0 0;
}

.block-drawings .item {
width:48.5%;
margin:0 3% 0 0;
background:#fff;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
padding:35px;
}

.block-drawings .item:nth-child(2n) {
margin:0 0% 0 0;
}

.block-drawings .item:nth-child(2n) img {
max-width:190px;
height:auto !important;
}

.block-drawings .item .name {
font-size:24px;
font-family: 'Museo Sans Cyrl 700';
margin:0 0 25px 0;
text-align:center;
}

.block-drawings .item p {
text-align:center;
}

.block-drawings .item img {
display:inline-block;
vertical-align:top;
margin:5px !important;
}

.related-product {
display:flex;
flex-wrap: wrap;
}

.related-product .item {
width:22.75%;
margin:0 3% 0 0;
background:#f0f7fe;
border:1px #d5e5f8 solid;
border-radius:5px;
box-shadow: 0px 1px 65px rgba(195,211,234,.46);
}

.related-product .item:nth-child(4n) {
margin:0 0% 0 0;
}

.related-product .item .images {
display:flex;
align-items: center;
justify-content: center;
background:#fff;
padding:30px;
}

.related-product .item .name {
padding:15px 20px 20px 20px;
border-top:1px #d5e5f8 solid;
}

.related-product .item .name a {
font-size:18px;
color:#000;
text-decoration:none;
font-family: 'Museo Sans Cyrl 700';
}

.related-product .item p {
padding:0 20px;
}

.mobile-menu-icon {
display:none;
}

.mobile-search-icon {
display:none;
}

.mobile-cart-icon {
display:none;
}

.main-request {
display:none;
}

.obj
{
display:flex;
flex-wrap:wrap;
}

.obj a
{
width:24.25%;
font-size:0px;
margin:0 1% 10px 0;
line-height:0px;
}

.obj a:nth-child(4n) {
margin:0 0 10px 0;
}

.obj a img
{
transition: all .5s linear;
}

.obj a:hover {
  outline: #fff solid 4px;
  box-shadow: -2px 2px 25px -1px #000;
}



.window
{
position: fixed;
left:50%;
top: 100px;
z-index:101;


}

#window
{
left: -50%;
position: relative;
box-shadow:  0 10px 20px rgba(195,211,234,.46);
display: none;
padding:40px 65px;
background: #FFF;
width:500px;
/* max-height:100px; */
}

#window input {
height:35px;
border:1px #d4e3f2 solid;
border-radius:5px;
}

#window .line-input {
display:flex;
align-items: center;
}

#window .line-input input {
flex:1;
margin:0 0 10px 0;
}

#window .line-input label {
font-size:17px;
padding:0 20px 0 0;
display:block;
width:110px;
}

#window .newbtn-window {
margin:10px 0 0 110px;
}

#window h2 {
text-align:center;
margin:0 0 20px 0;
padding:0px;
}


.close
{
position: absolute;
z-index: 102;
top: -22px;
right: -22px;
width: 42px;
height: 42px;
cursor: pointer;
background:url(images/win-close.png) no-repeat;
}


/*.close:after
{
font: 25px/35px 'artkiev';
content: "\f102";
color: #155AB2;
transition: color .5s linear;
}

.close:hover:after
{
color: #000;
}
*/

#artkiev_shadow {background: rgba(0,0,0,.89);position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none; transition: opacity 1s; }


.main-mail .row input,.main-mail .row textarea,.modal-inner .row input,.modal-inner .row textarea,textarea.inp_1, input.inp_1 {
  width: 100%;
  background: #fff;
  border: 1px solid #17547f;
  resize: none;
  padding: 7px 15px;
  color: #000;
  margin-bottom: 20px;
}

.main-mail .row textarea,.modal-inner .row textarea, textarea.inp_1 {
  height: 145px!important;
}

.object-images
{
text-align: center;
display:flex;
flex-wrap: wrap;
max-width:1000px;
margin:0 auto;
}

.object-images a
{
margin:0 10px 20px;
}

.object-images a:nth-child(n+4):nth-child(-n+9) img {
width:140px;
height:140px;
}

.object-images a img
{
transition: all .5s linear;
}

.object-images a:hover {
  outline: #fff solid 4px;
  box-shadow: -2px 2px 25px -1px #000;
}


.ob_imgs
{
	text-align: center;
}

a.ob_img1
{
	width: 390px;
	height: 390px;
}

a.ob_img2,
a.ob_img3
{
	width: 390px;
	height: 175px;
}

a.ob_img4
{
	width:310px;
	height:390px;
}

.ob_imgs div
{
	float: left;
}

.ob_imgs a
{
	border-radius: 4px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
	margin:0 40px 40px 0;
}

.ob_imgs a:hover span
{
	background: rgba(220,234,250,.8);
}

.ob_imgs a:hover span:before
{
	content: "";
	background: url(img/zoom-in.svg) no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	display: block;
	position: relative;
	top:40%;
	margin: 0px auto;
}

.ob_imgs span
{
	position: absolute;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	border-radius: 4px;
	border:1px solid rgba(255,255,255,.8);
	transition: background-color .5s linear;
}

.ob_imgs IMG
{
	display: block;
	max-width:100%;
}

.no_ob a
{
	margin-right:0;
}

.none {
display:none;
}

.cb
{
	clear: both;
}


.rating { 
  border: none;
  margin:0px;
  display: inline-block;
  padding:0px;
}

.rating > input { display: none; } 
.rating > label:before { 
	font: 36px/36px artkiev;
  margin: 0 9px 0 0;
	cursor: pointer;
  display: inline-block;
  content: "\49";
}

.rating > .half:before { 
  content: "\48";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

.rating_form
{
	margin: 0 0 -10px;
}

.stars
{
	margin: 0px auto 10px;
	height:18px;
}

.stars_doc .stars
{
	height:30px;
	margin:0 0 20px;
}

.stars_doc .stars i:before
{
	margin:0 2px 0 0;
	font-size: 30px;
	line-height: 30px;
}

.stars i:before
{
	display: inline-block;
	vertical-align:top;
	content: "\49";
	font: 18px/18px artkiev;
	color: #efe4e4;
	margin:0 1px;
}

.stars i.stars_a:before
{
	color: #085AAE;
}


.rating_form span
{
	display: inline-block;
	vertical-align:top;
	padding:2px 0 0;
	line-height: 36px;
}

.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label { color: #085AAE;  } 
.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label { color: #085AAE;  } 




.add_cart
{
text-align: center;

}

.add_cart strong
{
display: block;
margin:8px 0 20px;
font-family: 'Museo Sans Cyrl 700';
font-size: 20px;
overflow: hidden;
}

.add_cart_img, .add_cart_price, .add_cart_more, .add_cart_go
{
display: inline-block;
width: 48%;
max-height:200px;
vertical-align:middle;
}

.add_cart_price b
{
	font-size: 14px;
	display: block;
	font-weight: 400;
	color: #ff0000;
}

.add_cart_img
{
min-height: 120px;
}



.add_cart_price
{
font-size: 28px;
}

.add_cart_price input
{
text-align: center;
font-size: 24px;
line-height: 24px;
cursor: pointer;
border:1px solid #f1f1f1;
}


.prod_ds td img {
margin:0 5px 0 0;
}

#ship_info {
background:url(images/arrow-topmenu-catalog.svg) no-repeat right 10px center !important;
}

.flex-cart {
display:flex;
margin:38px 0 0;
}

.flex-cart #cart_form {
width:25%;
}

.flex-cart .page-cart {
flex:1;
padding:0 0 0 40px;
}


.cart-table {
display:table;
width:100%;
border-bottom: 1px solid #CCCCCC;
margin:0 0 10px 0;
}

.cart-table .tr {
display:table-row;
}

.cart-table .td {
display:table-cell;
vertical-align:middle;
padding:10px;
font-size:14px;
text-align:center;
}

.cart-table .td:nth-child(3) {
text-align:left;
padding:10px 20px;
}

.cart-table .td:first-child {
width:80px;
text-align:center;
}

.cart-table .tr:first-child .td {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-size:12px;
text-align:center;
}

.cart-table .delete {
display:block;
width:27px;
height:27px;
background:url(img/delete.svg) no-repeat;
    background-size: cover;
cursor:pointer;
margin:0 auto;
}

.cart-table img {
max-height:75px;
}

.cart-table .td a {
text-decoration:none;
}

.cart-table .td .art {
margin:5px 0 0 0;
font-size:12px;
}

.cart-table .td .art span {
font-weight:600;
}

.cart-table .td .price {
color: #970016;
font-weight: 600;
font-size: 14px;
display:flex;
white-space: nowrap;
}

.cart-table .td .price span {
color: #000;
font-weight: 400;
font-size: 14px;
padding:0 0 0 5px;
}

.cart-table .td .quantity {
display:flex;
}

.cart-table .td .quantity input {
width:35px;
border: 1px solid #CCCCCC;
height:20px;
font-weight: 600;
font-size: 14px;
line-height: 18px;
text-align:center;
margin:0 10px;
}

.cart-table .td .quantity span {
font-size:20px;
line-height:20px;
display:block;
cursor:pointer;
}

.cart-table-bottom {
display:flex;
justify-content: space-between;
align-items:center;
margin:10px 0;
}

.cart-table-bottom .warning {
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #970016;
min-height:43px;
background:url(images/warning.png) no-repeat 0 center;
display:flex;
align-items: center;
padding:0 0 0 50px;
}

.cart-table-bottom .left a {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
margin:0px;
cursor:pointer;
background: #FFFFFF;
border: 1px solid #248CAD;
border-radius: 18px;
font-weight: bold;
font-size: 16px;
color: #248CAD;
height:36px;
padding:0 40px;
margin:10px 0 0 0;
}


.cart-table-bottom .total {
font-size: 18px;
line-height: 23px;
color: #000000;
}

.cart-table-bottom .total .price {
color: #970016;
font-weight:600;
padding:0 0 0 10px;
}

.cart-table-bottom .total .price span {
color: #000;
font-weight:400;
}

.content
{
	width:1170px;
	margin: 0px auto;
}

.redactor {
    position: relative;
}

.ajax
{
color: #3471bb;
border-bottom:1px dashed #3471bb;
cursor: pointer;
}


textarea.inp_1 {
    height: 90px !important;
}

#cart_form
{
margin:0px 0;
}

#cart_form .inp_1
{
background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 3px;
	font-size: 16px;
    width: 100%;
    padding:8px 12px;
    margin:0 0 18px 0;
    display:block;
}

#cart_form  .send {
margin: 0px 0 20px 0;
    height: 36px;
    background: #248CAD;
    border-radius: 18px;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0px 40px;
    border: 0px;
}


.ships
{
float: left;
width:46%;
margin:0 2% 0 0;
}

.ships ul { list-style:none;

margin:0px;
padding:0px;
}
.ship_name_one div:hover,
.ship_name div:hover
{ background: #f1f1f1; }

.ships li span
{
color: #3471bb;
border-bottom:1px dashed #3471bb;
}

.pay_info
{
	 background: url(images/topmenu-arrow.png) no-repeat 96% 55% !important;
}

.pay_info select {
    width: 100%;
    height: 22px;
    background: transparent;
    border: 1px solid #B9B9B9;
    margin: 10px 0 0 0;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
}

.pay_info select {
    border: 0;
   
    font-size: 15px;
    font-weight: 400;
    margin: 0px;
    padding: 4px 0 0;
    outline: none;
}

.ship_name_one strong
{
font-weight: 400;
margin:8px 0 2px;
display: block;
}

.ship_name_one
{
font-size: 18px;
margin:4px 0;
}

.ship_name_one div,
.ship_name div
{
padding:4px 0 5px;
cursor: pointer;
}

.ship_name
{
margin:0 0 2px 20px;
}

.ships_info
{
float: right;
width:50%;
}


.ships_info strong
{
display: block;
font-size: 16px;
margin:0 0 15px;
}

#ship_info
{
cursor: pointer;
transition: background-color .5s linear;
background: url(images/topmenu-arrow.png) no-repeat 96% 55% !important;
}

#ship_info:hover
{
background: #f1f1f1;
}


.cart_prod
{

}

#cart_prod
{

}

.cart_tr
{
width: 100%;
border-bottom:1px solid #F4F2F2;
margin: 20px 0;
}

.cart_del
{
}

.cart_del:hover
{

}

.cart_img
{

}

.cart_name
{
position: relative;
}

.cart_name a
{
max-height: 70px;
overflow: hidden;
display: inline-block;
}

.cart_img IMG
{
max-width:80px;
max-height: 80px;
}

.kolvo
{
text-align: center;
font-size: 16px;
height: 22px;
width:34px;
border:1px solid #D3D3D4;
}

.cart_price_one
{
width:100px;
padding:0 10px 0 0;
}

.cart_price_one .price
{
font-size: 14px;
}

.cart_price_kolvo
{
width:110px;
text-align: center;
}

.cart_price_sum
{
/* background: #f1f1f1; */
white-space: nowrap;
font-weight: 600;
text-align: right;
}

.cart_itogo table
{
width:100%;
}

.cart_itogo td:nth-child(1)
{
width:120px;
padding:5px 0;
}

.cart_itogo td:nth-child(2)
{
text-align: right;
padding:5px 0;
}

.cart_itogo tr:nth-child(2) td:nth-child(2)
{
font-size: 20px;
background: #E8F0F9;
font-weight: 600;
}






.lang
{
	display: inline-block;
}

.lang span
{
	display: inline-block;
	padding:3px 5px;
	background: #044BAA;
	color: #FFF;
	text-decoration: none;
}




.ua
{
	background: #FFF05F;
	height:120px;
	overflow: hidden;
}

.l1
{
	background: #3ABDFF url(img/ua.svg) no-repeat 50% 5px;
	background-size: 55px 45px;
	height:60px;
}

.ua strong
{
	display: block;
	text-align: center;
	font-weight: 500;
	font-size: 24px;
	margin:14px 0 0;
}





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

.topmenu li a:before, .topmenu li span:before {
right: -40px;
}

}




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

.footer li {
    margin: 0 0 14px 0 !important;
}

.topmenu ul ul li {
margin:15px 0;
}

.page-contact .col-right .maps iframe {
height:300px !important;
}

.wrapper img {
float:none !important;
display:table !important;
margin:10px auto !important;
}

.section-description li, .page-article li {
display:block;
}

.header .phone:after {
display:none;
}

.catalog-products .col-right .buttons a {
padding:7.5px 20px;
}

.topmenu .mobile.line {
border-top: 1px #c7ddf8 solid;
margin:10px 0 5px 0;
padding:10px 0 0 0;
}

.topmenu .mobile a {
color:#666;
font-family: 'Museo Sans Cyrl 300';
text-decoration:underline;
}

.topmenu .mobile a:hover {
text-decoration:none;
}

.popup-block .block .item {
display:block;
}

.popup-block .block .item label {
width:100%;
}

.popup-block .block textarea {
margin:0px;
}

.popup-block .block input[type="text"] {
margin:0px 0 10px 0;
}

.popup-block .block {
    background: #fff;
    width:90%;
    position: fixed;
    top: 5%;
    left: 5%;
    right:5%;
    margin: 0 0px 0px 0;
    z-index: 99999999999;
    padding: 20px 30px;
}

#window {
max-width:300px;
padding:20px 30px;
}

#window .line-input label {
padding:0 10px 0 0;
}

.catalog-products .col-right .price a {
margin:5px 0 0 0px;
display:block;
}

.section-question .item h3 {
display:block;
padding:0 0 0 64px;
font-size:16px;
}

.section-question .answer {
padding:0px;
margin:0px;
border:0px;
}

.section-question .item h3:before {
position:absolute;
top:0px;
left:0px;
}

.pages a, .pages b, .pages a:hover {
width:auto;
height:auto;
padding:5px;
}

.pages .hide_page {
display:none !important;
}

iframe {
max-width:100% !important;
height:210px !important;
}


.dropdown-btn span {
display:block;
position:absolute;
top:0px;
left:0px;
right:0px;
height:30px;
background:none;
z-index:999999;
cursor:pointer;
}

.topmenu li.dropdown-btn a {
padding: 5px 20px 0 0;
}

.wrapper-page ul {
margin:0 0 20px 10px;
}

.wrapper-page ol {
margin:0 0 0 10px;
}

.flex {
display:block;
}

.page-article ul {
margin:10px;
}

.section-reviews .item .date {
display:none;
}

.catalog-products .col-right button:first-child, .catalog-products .col-right .buttons a {
display:block;
width:100%;
margin:0 0 10px 0;
text-align:center;
}

.section-objects .all-object {
float:none;
display:table;
margin:20px auto 0 auto;
}

.footer .logo {
display:block;
text-align:center;
margin:0px;
}

.topmenu li.sub a:after {
display:none;
}

.mobile-search-icon {
display:block;
float:right;
}

.mobile-search-icon .search {
display:block;
margin:0 0 0 10px;
}

.mobile-search-icon .search span {
margin:0px 0 0 10px;
}

.search  {
float:right;
margin:10px 0 0 0;
}

.search form {
width:63vw;
top:0px;
right:0px;
}

.mobile-cart-icon {
display:block;
float:right;
}

.mobile-topline ul {
display:block !important;
}

.header .phone2 .feedback {
display:none;
}

.topmenu li.sub a {
padding:5px 0;
}

.mobile-menu-icon {
display:block;
}

.topline .mobile-menu-icon {
display:table;
width:29px;
height:16px;
-webkit-mask: url(images/mobile-icon.png) no-repeat 100% 100%;
mask: url(images/mobile-icon.png) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: #2969b8;
cursor:pointer;
display:none;
}

/* .topline ul {
display:none;
float:none;
position:absolute;
top:100%;
left:0px;
width:270px;
padding:10px 20px 15px 20px;
background:#fff;
z-index:99;
}

.topline li {
margin: 0 0 5px 0px;
padding: 0 0 0 0px;
}

.topline li:after {
display:none;
}
 */
.header .logo {
display:table;
margin:0 auto 0px auto;
float:left;
}

.header .phone a {
margin:0 0 10px 0;
}

.header .logo span {
display:none;
}

.header .logo img {
margin:0px;
}

.top-slider {
display:none !important;
}

.header .phone {
padding:5px 0 0 35px;
display:table;
margin:0px auto 0px auto;
}

.header .phone:before {
top:5px;
}

.header .phone2 {
display:table;
margin:0 auto 0px auto;
}

.search {
margin:0px 0 0 0;
display:none;
}

.header .cart {
display:none;
}

.topmenu {
padding:10px 0;
}

.topmenu .mobile-menu-icon {
display:table;
width:29px;
height:16px;
-webkit-mask: url(images/mobile-icon.png) no-repeat 100% 100%;
mask: url(images/mobile-icon.png) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: #2969b8;
cursor:pointer;
float:left;
margin:13px 0 0 0;
}

.topmenu ul {
display:none;
padding:0px 0 0 0;
float:left;
width:100%;
}

.topmenu ul ul {
float:none;
}

.topmenu li {
padding:0px 0 15px 0 !important;
text-align:left;
margin:0 0 15px 0;
border-bottom: 1px #e3e9f1 solid;
}

.topmenu li:last-child {
border-bottom: 0px #e3e9f1 solid;
padding:0px 0 0px 0 !important;
text-align:left;
margin:0 0 0px 0;
}

.section-products .product li:last-child a {
    border-bottom: 1px #c7ddf8 solid;
}

.topmenu li.sub span {
padding: 10px 20px 0px 0;
}

.topmenu li a, .topmenu li span {
padding:5px 0 0 0;
}

.topmenu li.dropdown-btn span {
padding: 5px 20px 5px 0;
}

.topmenu ul ul a {
font-size:15px;
white-space: normal;
}

.topmenu li.calc a {
padding: 10px 0px 0px 30px;
min-height:inherit;
}

.topmenu li.calc a:after {
display:none;
}

.topmenu li:hover ul {
display:none;
}

.topmenu ul ul {
display:none;
position:relative;
top:0;
left:0px;
width:100%;
padding:10px 10px;
background:#fff;
z-index:9999;
white-space: inherit;
text-align:left;
}

.topmenu li {
padding:0 0 0 20px;
}

.topmenu li.sub:before {
content:"";
position:absolute;
top:50%;
left:-7px;
background:#1857b5;
width:10px;
height:2px;
margin:-1px 0 0 0;
}

.topmenu li.calc a {
padding:10px 0 0 0;
}

.slick-slide img {
max-width:none;
}

.top-slider .title {
font-size: 27px;
}

.top-slider .desc {
font-size: 16px;
}

.section-products .product {
display:block;
padding:0 0 20px 0;
}

.section-products .product .photo {
width:100%;
padding:20px;
}

.section-products .product .block {
width:100%;
padding:0 20px;
}

.section-menu .site-width {
display:block;
}

.section-menu .item {
width:100%;
margin:0 0 20px 0;
}

.section-objects .images {
display:block;
}

.section-objects .images .item:nth-child(1) {
width:auto;
display:block;
}

.section-objects .images .item:nth-child(2) {
width:auto;
display:block;
}

.section-objects .images .item:nth-child(3) {
width:auto;
display:block;
}

.section-objects .images .item:nth-child(2) img {
display:block;
}

.section-objects .images .item {
height:auto;
margin:0 0 20px 0 !important;
}

.section-objects .images .item:nth-child(2) img:first-child {
margin:0 0 0px 0 !important;
}

.section-objects .images .item img {
width:100% !important;
}


.footer .site-width {
display:block;
}

.footer .col-left {
display:table;
margin:0 auto;
padding:0px;
}

.footer .block {
display:table;
margin:20px auto 0 auto;
padding:0px;
text-align:center;
}

.footer .block:after {
display:none;
}

.footer .logo a {
display:table;
text-align:center;
margin:0px auto 10px auto;
}

.footer .logo img {
margin:0 0 10px 0;
}

.footer .logo span {
display:block;
}

.footer .col-left p {
margin:10px 0 0 0;
text-align:center;
}

.footer .social {
justify-content: center;
}

.page-calculator .section {
display:block;
}

.page-calculator .section .canvas {
margin:0px 0 20px 0;
}

.page-calculator .section .step {
width:100%;
padding:30px 10px;
}

.page-calculator .figure-select, .page-calculator .input-select, .page-calculator .checkbox-select, .page-calculator .send {
padding:0 0px;
}

.page-calculator .figure-select .item span {
width:130px;
height:130px;
}

.page-calculator .buttons {
margin:15px auto 0 auto;
}

.page-calculator .buttons button {
margin:0 5px 5px 5px;
}

.page-calculator .checkbox-select .item span {
text-align:left;
}

table {
table-layout:fixed;
word-break: break-word;
}

table tr:first-child td {
font-size:13px;
padding:5px;
}

table td {
padding:5px;
font-size:13px;
}

.catalog-options ul {
margin:0px !important;
}

.catalog-options li {
width:100%;
padding:0 0px !important;
}

.catalog-options li:after {
display:none;
}

.catalog-options li:nth-child(3n+1) {
padding:0 0px;
}

.section-filter .item {
display:block;
width:100%;
border-right:0px;
}

.catalog-products .item {
display:block;
}

.catalog-products .images {
border-bottom: 1px #d5e4f3 solid;
display:table;
margin:0 auto;
width:100%;
text-align:center;
border-right:0px;
}

.catalog-products .col-left {
padding:15px 15px 0 15px;
}

.catalog-products .col-right {
max-width:inherit;
padding:15px;
}

.pagination .prev, .pages .prev {
display:none;
}

.pagination .next, .pages .next {
display:none;
}

.section-question .item h3:before {
flex-shrink: 0;
}

.section-reviews .item .photo {
display:none;
}

/* .section-reviews .add-reviews {
display:table;
margin:0 auto;
} */

.page-contact {
display:block;
}

.page-contact .col-left {
width:100%;
padding:0px;
margin:0 0 20px 0;
}

.page-reviews .item {
padding:0 20px;
}

.page-reviews .item .images {
display:none;
}

.page-reviews .item .block {
padding:20px 0;
}

.page-reviews .item .block:after, .page-reviews .item .block:before {
display:none;
}

.page-reviews .item .text {
padding:0 0 0 15px;
}

.wrapper h1 {
margin:0px 0 10px 0;
padding:0px;
}

.section-articles .item {
width:48.5%;
margin:0 3% 40px 0;
}

.section-articles .item:nth-child(3n) {
margin:0 3% 40px 0;
}

.section-articles .item:nth-child(2n) {
margin:0 0% 40px 0;
}

.section-articles .item .images {
text-align:center;
height:auto;
}

.section-articles .item .images img {
min-height:inherit;
}

.section-filter .select-block {
display:block;
}

.section-certificates {
display:block;
}

.section-certificates img {
display:table;
margin:20px auto 0px auto;
}

.page-product .head {
display:block;
}

.page-product .head .images {
width:100%;
padding:0px;
text-align:center;
}

.page-product .head .col-right button:first-child {
margin:0 15px 10px 0;
}

.block-drawings {
display:block;
margin:25px 0 0 0;
}

.block-drawings .item {
width:100%;
margin:0 0% 20px 0;
padding:20px;
}

.related-product .item {
width:48.5%;
margin:0 3% 20px 0;
}

.related-product .item:nth-child(4n) {
margin:0 3% 20px 0;
}

.related-product .item:nth-child(2n) {
margin:0 0% 20px 0;
}

.mobile-topline {
padding:10px 0 0 0;
margin:10px 0 0 0;
position:relative;
}

.mobile-topline:after {
content:"";
height:1px;
width:100%;
background:#b2c9e6;
position:absolute;
top:0px;
left:0px;
right:0px;
}

.mobile-topline a {
font-size:18px !important;
font-family: 'Museo Sans Cyrl 300' !important;
color:#6d6d6d !important;
text-decoration:underline !important;
}

.mobile-topline a:hover {
text-decoration:none !important;
}



}







@media screen and (max-width:600px) {
	
	
.ua strong
{
font-size: 20px;
}	
	

.ob_imgs div {
float:none;
width:100%;
}

.ob_imgs a {
margin:0 0 20px 0;
}

a.ob_img1, a.ob_img2, a.ob_img3, a.ob_img4 {
width:100% !important;
height:200px !important;
}




.ob_imgs a {
background-size:cover !important;
}

.page-product .head .col-right .buttons a {
display:block;
text-align:center;
}

.page-product .head .col-right button:first-child {
margin:0 0 10px 0;
width:100%;
}

.ral-colors .item {
width:48.5%;
margin:0 3% 10px 0;
}

.ral-colors .item:nth-child(5n) {
margin:0 3% 10px 0;
}

.ral-colors .item:nth-child(2n) {
margin:0 0% 10px 0;
}

.section-articles .item {
width:100%;
margin:0 0% 20px 0;
}

.section-articles .item:nth-child(3n) {
margin:0 0% 20px 0;
}

.section-articles .item:nth-child(2n) {
margin:0 0% 20px 0;
}

.section-articles .item .block {
height:auto;
}

.section-articles .item .link {
float:right;
}

.related-product .item {
width:100%;
margin:0 0% 20px 0;
}

.related-product .item:nth-child(4n) {
margin:0 0% 20px 0;
}

.related-product .item:nth-child(2n) {
margin:0 0% 20px 0;
}

.section-specifications .item span:first-child {
width:50%;
font-family: 'Museo Sans Cyrl 700';
padding:10px;
}

.section-specifications .item span:last-child {
width:50%;
padding:10px;
}


}


@media screen and (max-width:440px) {
	
	.prod_review td
	{
		display: block;
		border:0 !important;
		width:100%;
		padding:18px 10px 0px !important;
		box-sizing: border-box;
	}
	
	.prod_review table
	{
	background: #F3F7FC;
	}
	
	
	.ua strong
	{
		font-size: 18px;
	}
	
}






.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce, .home_nice_3:hover, .home_nice_1:hover , .home_nice_2:hover  {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash, .i_call:hover  {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing  {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
	
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada , .call:hover .call_left span {
  -webkit-animation-name: tada;
  animation-name: tada;
  
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}


@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}


@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


























.animate0{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   






.animate1{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate2{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate3{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   

.animate4{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}  

.animate5{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}