body {margin:0px;padding:0px;font-family: 'Roboto Slab', sans-serif,Verdana,Arial,Tahoma;font-weight: 400; font-size: 15px;color:#000;background: #f4f4f4;}

.clear{clear:both;}
.content {max-width:90%;margin:0px auto;}
h1,h2,h3,h4,h5,strong {text-transform:uppercase;font-family: 'Acrom Medium';margin:0px;padding:15px 0px;}
h1 {text-transform:uppercase;font-family: 'Acrom ExtraBold';}
h3 {font-size:25px;}
	a {cursor:pointer;}
img {max-width:100%;}
button,.btn,.submit {border:none;margin:10px 0px;width:auto;background: linear-gradient(to top, #00276B,#0b3f9a);text-decoration:none;display:inline-block;color:#fff;padding:8px 10px;border-radius:5px;font-size:14px;font-weight:400px;cursor:pointer;position:relative;overflow:hidden;}
button:hover,.btn:hover,.submit:hover {background: linear-gradient(to top, #0b3f9a,#2866d1); }
 
.Dela { font-family: "Dela Gothic One", sans-serif;font-weight: 400;font-style: normal;}
  
header .contact{float:right;padding:10px 0px;font-size:16px;}
header .rejim{float:right;padding:10px 0px;font-size:16px;margin-right:33px;}
header .bbas{float:right;padding:10px 0px;font-size:14px;margin-right:33px;}
header .bbas a {display:block;text-decoration:none;color:#000;position:relative;}
header .bbas .fa {display:block;text-align:center;font-size:27px;} 

header .bbas .cards {position:absolute;background-color:#3c760c;color:#fff;font-size:12px;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;top:-5px;right:-1px;} 

header .logo{display:block;margin:10px 46px 10px 0px;float: left;}
header .contact a, header .rejim a, header .logo a{color:#000;text-decoration:none;display:block;}
header .logo a {font-size:32px;display:inline-block;}

.first-letter {
  color: #ff0000;
}
.color2 {
  color: #ff8400;
}
.color3 {
  color: #3e7c07;
}
.color4 {
  color: #092ba8;
}
.color5 {
  color: #f10e8e;
}
.color6 {
  color: #a40ef1;
}
.color7 {
  color: #0eb9f1;
}

.color8 {
  color: #0ef184;
}

.color9 {
  color: #54ae0b;
}

.color10 {
  color: #ffcd07;
}
.color11 {
  color: #ff0000;
}




.pagerlist a {display:inline-block;padding:5px;border:solid 1px #ededed;min-width:15px;text-align:center;}

.pagerlist span {display:none;} 
.pagerlist .link_active {background-color:#bd850d;color:#fff;display:inline-block;padding:5px;border:solid 1px #ededed;min-width:15px;text-align:center;}


.crumb_menu {background-color:#f2f2f2;padding:10px 0px;font-size:14px;}
header .contact span, header .rejim span {display:block;}


.decorators {background: url(/image/decorators.jpg) no-repeat;background-size: 100% auto;min-height:160px;color:#fff;text-align:center;padding:40px 0px;}
.decorators a {color:#fff;}



.okey {display:inline-block;padding:5px;background-color:#e3ffd8;color:#000;border-radius:4px;}
.link_list {display:inline-block;padding:5px;background-color:#dedede;color:#000;text-decoration:none;border-radius:4px;margin:0px 5px;}
.bigrowth {height:36px;}
.bigrowth .name{line-height:36px;}

.topmenu { background: linear-gradient(to bottom right, #212c42, #2d3c5b);height: 43px;}
.topmenu a {display:inline-block;padding:10px 15px;color:#fff;text-decoration:none;}


.bigtext {font-size:29px;}



.miniproduct {position:relative;}
.miniproduct .image{float:left;width:40%;text-align:center;}
.miniproduct .cards {margin-left:45%;}

.rowth {border-bottom:dotted 1px #a7a7a7;padding:5px 5px;}
.rowth .val {font-weight:500;font-size:18px;color:#000;float:right;}




.comment {
  color: #acacac;
}
.plitka_row {position:relative;z-index:1;}
.plitka_row  .row .img,.plitka_row .row .name,.plitka_row  .row .counts,.plitka_row  .row .pric,.plitka_row  .row .order  {display: table-cell;text-align: left; border: none;vertical-align: middle;}
.plitka_row  .row .counts {width:150px;}
.plitka_row  .row .pric {width:150px;}
.plitka_row  .row .order {width:120px;}
.plitka_row  .row .img {width: 80px;padding: 10px;}

.plitka_row  .row {transition: all .3s ease-in-out;display: table; width: 100%; border-collapse: collapse; margin:15px 0px;border:solid 1px #ededed;}
.plitka_row  .row:hover {-webkit-transform: scale(1.015,1.015);-ms-transform: scale(1.015,1.015);transform: scale(1.015,1.015);box-shadow: 5px 2px 7px 0px rgba(0,0,0,.25);}
.plitka_row  .row .rows {display: table-row;}

.bascet-right {float:right;width:20%;border-radius:10px;border:solid 1px #e9e9e9;padding:20px;}
.bascet-right .price {display:block;padding:20px 0px;font-size:20px;font-weight:700;}
.bascet-right .block {text-align:center;} 
div.title {text-transform:uppercase;font-weight:500;font-size:18px;margin:10px 0px;}

.bascet-left {float:left;width:70%;}

.blockbascet {border:solid 1px #e9e9e9;padding:20px;margin-bottom:15px;}



.registers .register {float:left;width:45%;padding:40px 3%;border:solid 2px #ff8800;font-size:14px;}
.registers .register .title {color:#ff8800;font-size:15px;}
.registers .register .blockfl {width:45%;float:left;margin-right:5%;}
.registers .register .txtcenter {margin-top:20px;}
.sb {color:#fff;background-color:#ff8800;display: inline-block;padding:10px 15px;text-decoration:none;}
.sb:hover   {color:#fff;background-color:#d27306;}




.l-form__field {width:100%;position:relative;margin:5px 0px;}
.l-form__field .wa-name {float:left;width:150px;padding:12px 0px;color: #828282;}
.l-form__field .wa-value {margin-left:160px;}
.l-form__field .wa-100 {padding:12px 0px;color: #828282;} 
.l-form__field .wa-100 input {float:left;width:17px;height:17px;}



  input, textarea, select {width: 100%;box-sizing: border-box;padding: 12px 20px;font-family: SFUIText,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 1em;color: #1a1936;background-color: #fff;border-radius: 4px;border: 1px solid #d8e0e6;}
input:placeholder, textarea:placeholder, select:placeholder {color: #b8c3cc;font-family: SFUIText,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 1em;}
input:focus, textarea:focus, select:focus {border-color: #69b1bc;outline: none;}
input:disabled, textarea:disabled, select:disabled {letter-spacing: -.6px;text-align: left;color: #b8c3cc;background-color: #69b1bc;}
input.error, textarea.error, select.error, input.field-error, textarea.field-error, select.field-error {color: #1a1936;border-color: #69b1bc;}
select {background: #fff;border: 1px solid #d8e0e6;outline: 0;width: 100%;-webkit-user-select: auto;-moz-user-select: -moz-auto;-ms-user-select: auto;-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;user-select: auto;}
select::-ms-expand {display: none;}
textarea {resize: none;}
label {font-size: .875em;}

.number {user-select: none;position: relative;text-align: left;padding:0;width: 110px;border:1px solid #ddd;display: inline-block;}
.number-minus, .number-plus {
	position: absolute;
	top: 0;
	width: 40px;
	height: 32px;
	line-height: 32px;
	display: block;
	background: #faf4f2;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	font-family: arial;
	color: #3e1e02;
	text-decoration: none;
}
.number-minus {
	left: 0;
	border-right: 1px solid #ddd;
}
.number-plus {
	right: 0;
	border-left: 1px solid #ddd;
}
.number-minus:hover, .number-plus:hover {
	background: #fffcfb;
}
.number-minus:active, .number-plus:active {
	background: #e8e4e2;
}
.number-text{
	display: inline-block;
	font-size: 14px;
	color: #000;
	line-height: 32px;
	height: 32px;
	padding: 0;
	margin: 0 0 0 27px;
	background: #fff;
	outline: none;
	border: none;
	width: 57px;
	text-align: center;
}


.footer { background: linear-gradient(to bottom right, #212c42, #2d3c5b);padding:15px 0px;line-height:1.8;font-size:14px;color:#fff;}
.footer  a {color:#fff;text-decoration:none;}





.block_back {margin:10px 0px;padding:20px;background-color:#f0f0f0;text-align:center;}
.block_back a {text-align:left;display:inline-block;width:27vw;height:7vw;margin:10px;position:relative;overflow: hidden;color:#fff;text-decoration:none;font-size:20px;font-family: "Dela Gothic One", sans-serif;background-size:100% auto!important;z-index: 1;}
.block_back a::after { content: '';  position: absolute;  top: 0; left: 0; background: rgba(0, 0, 0, 0.8);width: 100%;height: 100vh; z-index: 1;}
.block_back a span {z-index:2;position:absolute;text-align:center;width:100%;padding-top:2.3vw;}

.item_list {background-color:#f2f2f2;}
.row_items {background-color:#fff;width:21%; float:left;height:380px;
-webkit-box-shadow: 1px 0px 44px -15px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 1px 0px 44px -15px rgba(34, 60, 80, 0.2);
box-shadow: 1px 0px 44px -15px rgba(34, 60, 80, 0.2);
margin:10px 2%;}
.row_items .image{height:150px;overflow:hidden;text-align:center;}
.row_items img{height:150px;}
.row_items .name{padding:10px;display:block;color:#25a7c5;font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;height: 80px;}
.row_items .opis {padding:10px;}
.row_items .price {font-size:25px;float:left;width:100%;color:#000;}
.row_items .basket {float:left;width:50%;color:#000;display:none;}

.cardss form{display:inline-block;margin:0px auto;}
.cardss  {text-align:center;}




.bigMenu a {display:inline-block;padding:10px 15px;border:solid 1px #6e9fc9;background-color:#cae2f6;text-decoration:none;margin:5px;text-decoration:none;color:#0c3558;}

$( '#dl-menu' ).dlmenu({
	animationClasses : { classin : 'animation-class-name', classout : 'animation-class-name' }
});


.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s linear forwards;
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


.searhe {
  position: relative;
  float:left;
  width: 30vw;
  padding:10px 0px;
  margin: 0 auto;
}

.searhe input, .searhe button {
  border: none;
  outline: none;
  border-radius: 3px;
}
.searhe input {
  width: 100%;
  height: 42px;
  background: #fff;
  padding-left: 15px;
  border:solid 1px #e4e4e4
}
.top_menu_fixed .searhe input {  height: 35px}
.searhe button {
  height: 41px;
  width: 41px;
  position: absolute;
  top: 2px;
  right: -17px;
  background: #2d3c5b;
  cursor: pointer;
  border-radius:0px 6px 6px 0px;
  padding:0px;
}

	 
	 .crumb_menu a, .crumb_menu  {color:#797979;text-decoration:none;font-size:12px;}
	 
	 

.item-tile-contact .cnt-title {
  display: block;
  line-height: 1;
  text-align: left;
  margin-bottom: 10px;
}
.item-tile-contact .cnt-number {
    display: block;
    float: left;
    height: 30px;
    width: max-content;
    line-height: 30px;
    padding: 0 10px;
    top: 8px;
    left: 14px;
    position: absolute;
    border-radius: 11px;
    background: #f1f1f1;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-size: 27px;
    font-weight: 400;
}
.item-tile-contact .cnt-metro {
    display: block;
    float: left;
    height: 22px;
    width: max-content;
    line-height: 22px;
    padding: 0 10px;
    top: 8px;
    left: 150px;
    position: absolute;
    border-radius: 11px;
    background: #f1f1f1;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    z-index: 3;
}
.item-tile-contact .cnt-metro img {padding-right: 7px;padding-bottom: 2px;}
.item-tile-contact .cnt-buttons {
  margin: 15px -15px 0 -5px;
  line-height: 1;
  font-size: 0;
  text-align: center;
}
.item-tile-contact .cnt-logo {
display: block;
    height: 30px;
    width: 93px;
    position: absolute;
    top: 21px;
    right: -2px;
    overflow: hidden;
    margin-top: -15px;
}
.item-tile-contact .cnt-logo img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.item-tile-contact .cnt-item {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}
.item-tile-contact .cnt-item .i {
  position: absolute;
  top: 3px;
  left: 0;
}
.item-tile-contact .cnt-item a {
  color: #444;
  text-decoration: none;
}
.item-tile-contact .cnt-row {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 3px;
}
.item-tile-contact .cnt-phone-box {
    margin-top:15px;
}
.item-tile-contact .cnt-row:last-child {
  margin-bottom: 0;
}
.item-tile-contact .cnt-item-title {
  display: block;
  float: left;
  min-width: 45px;
  padding-right: 5px;
}
.item-tile-contact .cnt-item-value {
  float: left;
  display: block;
}
.item-tile-contact .cnt-text {
  display: block;
  margin-bottom: 3px;
}
.item-tile-contact .cnt-text:first-child {margin-top:15px;}
.item-tile-contact .cnt-text:last-child {
  margin-bottom: 0;
}
.item-tile-contact {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 40px 15px 12px 15px;
  color: #444444;
  text-align: left;
}
	 
	 
		.nomobile_menu {display:block;}
	.mobile_menu {display:none;} 
	.fixmobilemenu {display:none;}
	 
@media only screen and (max-width: 1400px) {
	 .content {width:100%;}
	 .row_items  {width:29%;}
	 .block_back a {width:47%;height: 94px;}
	 
}


@media only screen and (max-width: 1270px) {
header .logo a {
font-size: 21px; }
}

@media only screen and (max-width: 1100px) {
	
	header .logo a {
font-size: 18px; }
header .logo {
  margin: 10px 18px 10px 0px;
}
}
@media only screen and (max-width: 1000px) {
	.fixmobilemenu {
    display: block;
    position: fixed;
    z-index: 9999999;
    background-color: #f5f5f5;
    width: 100%;
    bottom: 0px;
  }
.fixmobilemenu a img {
	max-width: 32px;
}
	.fixmobilemenu a {
    width: 28%;
    display: block;
    float: left;
    text-align: center;
    padding: 10px 2%;
    text-decoration: none;
    font-size: 15px;
    color: #000;
  }
    .fixmobilemenu a span {
    display: block;
  }
  
  .transition1 {transition: 1s;}.transition2 {transition: 1s;}.transition3 {transition: 1s;}.transition05 {transition: 0.5s;}
	.nomobile_menu {display:none;}
	.mobile_menu {display:block;position:fixed;overflow:auto;width:100vw;Height:100vh;top:0px;left:-101vw;z-index:99999999999999;background-color:#fff;}
	.menumob a{display:block;padding:10px 15px;border-bottom:dotted 1px #000;color:#000;text-decoration:none;}
	.topmenu {display:none;}
	.crumb_menu {background: linear-gradient(to bottom right, #212c42, #2d3c5b);color: #fff; text-decoration: none;}
	.crumb_menu a {color: #fff; text-decoration: none;}
	.menumob {height:80vh;overflow:auto;}
	
		.mobile_menu .logo {text-align:center;}
	.mobile_menu .logo a {text-decoration:none;font-size:28px;color:#000;}
	 .mobile_menu .contact a{width:45%;padding:10px 0px;display:inline-block;text-align:center;color:#000;text-decoration:none;}
	
		 .row_items  {width:45%;}
		 	 .content {width:100%;}
			 	 .block_back a {width:98%;height: 94px;}
				 header .contact,header .rejim,header .bbas {display:none;}
				 header .logo {margin: 10px 10px 10px 0px;}
				 
				header .logo a {font-size: 17px;}
				
				.plitka_row .row .img, .plitka_row .row .name, .plitka_row .row .counts, .plitka_row .row .pric, .plitka_row .row .order {display: block;}
				
				
}
@media only screen and (max-width: 800px) {
	.miniproduct .image,.bascet-right,.bascet-left {width:100%;float:none;}
	.miniproduct .cards {margin-left:0px;}
	.row_items  {width:95%;height:auto;}
.row_items .name {height:auto;}
}

.searhe button:before {
  content: "\f002";
  font-family: FontAwesome;
  color: #e4e4e4;
  font-size: 20px;
}


  
  

.autoflash{
        position: relative;
        overflow: hidden;
    }

     .flash{
       content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    transition: none;
    }
    
    .lighting {
    webkit-animation: moving 5s ease-in-out infinite;
    -moz-animation: moving 5s ease-in-out infinite;
    -ms-animation: moving 5s ease-in-out infinite;
    -o-animation: moving 5s ease-in-out infinite;
    animation: moving 5s ease-in-out infinite;
   
    }
    
  @keyframes moving {  
     30% {  webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);   
        
        }
   
    100% {  webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);   
        
        }
     }