.wrapper { 	position: relative; 	width: fit-content; 	margin: auto; 	padding: 0 5px; 	text-align:center; } .viewport-wrapper { 	position: relative;  overflow: hidden; size:100%; min-width: 950px; }  H1, H2, H3, H4, H5 { 	margin: 0; padding: 0; line-height: 1; font-weight: 100; text-align: center; } H1 { 	font-size: 36px; } H2 { 	font-size: 24px; }  input[type='text'], textarea { 	box-sizing: border-box; border: 1px solid #b7b7b7; border-radius: 2px; font-weight: 300; font-size: 14px; } input[type='text'] { 	width: 352px; height: 47px; padding: 0 15px; } textarea { 	overflow: auto; resize: none; }  select { 	width: 352px; height: 47px; padding: 0 15px; border: 1px solid #b7b7b7; border-radius: 2px; font-weight: 300; font-size: 14px; color: #919191; }   .but-card{ 	display:block; 	width:184px; 	height:26px; 	text-transform:uppercase; 	text-decoration:none; 	color:#ffffff; 	text-align:center; 	font-size:13px; 	font-weight:bold; 	line-height:26px; 	margin-left: -5px; 	border-radius:5px; 	-webkit-border-radius: 5px; 	background: -moz-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%); 	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#154874),                  color-stop(25%,#2570a8), color-stop(100%,#226698));     background: -webkit-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     background: -o-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     background: -ms-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     background: linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#226698', endColorstr='#154874',GradientType=0); } .but-card:hover{ 	background: #226698; /* Old browsers */ 	background: -moz-linear-gradient(bottom, #226698 0%, #2570a8 14%, #154874 100%); /* FF3.6+ */ 	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#226698), color-stop(14%,#2570a8), color-stop(100%,#154874)); /* Chrome,Safari4+ */ 	background: -webkit-linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* Chrome10+,Safari5.1+ */ 	background: -o-linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* Opera 11.10+ */ 	background: -ms-linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* IE10+ */ 	background: linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* W3C */ 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154874', endColorstr='#226698',GradientType=0 ); /* IE6-9 */ } .but-card:active{ 	box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset; 	-webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5);     -moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5); }  .tumb2{ 	/*display:inline-block; 	vertical-align:top; 	width:137px; 	margin-right:49px; 	float:none;*/ 	float: left;  	width: 137px; 	margin-right: 49px; 	padding-bottom:15px; } .tumb2 .cena-cart{ 	position: absolute; 	bottom: -26px; } .cena-cart{ 	display:inline-block; 	background: #e0e0e0; 	height:26px; 	min-width: 97px; 	padding:0 5px; 	text-align:center; 	color: #004479; 	font-size:18px; 	border-radius:5px; 	line-height:26px; } .tumb2 p{ 	padding:0; } .str{ 	overflow:hidden; } .pagination{ 	list-style:none; 	padding:0; } .arrow{ 	font-size: 18px; 	display: inline-block; 	margin:0 10px; 	text-decoration:none; } .pagination li{ 	float:left; 	padding:0 10px; 	border-left:1px solid #ddebf5; } .pagination li.active-page { 	padding:0 5px; } .active-page span{ 	font-size:12px; 	margin:0; 	display:block; 	width:19px; 	height:18px; 	line-height:18px; 	text-align:center; 	background: #1f5d8a; 	color:#FFFFFF; 	border-radius:2px; 	padding:0; 	border:none; } .pagination li.previous, .pagination li.next{ 	border:none; 	margin-top:-5px; } .pagination li.previous-off, .pagination li.next-off{ 	color:#898989; 	border:none; 	margin-top:-5px; } .cart{ 	padding-left:34px; } .cart h1{ 	display:inline-block; 	margin-right:20px; 	zoom:1; 	*display:inline; } .order h3{ 	font-size: 24px; 	margin-bottom:30px; } /*.order-form{ 	margin-top:30px; }*/ .left-form{ 	display:block; 	float:left; 	width:319px; 	margin-left:45px; }  .order-form input[type="text"], .order-form select{ 	width:190px; 	height:28px; 	border: 1px solid #a3a3a3; 	margin-bottom:5px; 	line-height:28px; } .order-form input[type="text"]{ 	padding: 0 5px; } .order-form select{ 	height:22px; 	width: 202px; } .order-form label.select-label{ 	margin-top:3px; } .order-form label{ 	width: 76px; 	display:inline-block; 	color: #004479; 	font-size:11px; 	vertical-align:top; 	margin-top: 8px; } .order-form textarea{ 	width: 256px; 	height: 78px; 	border:1px solid #a3a3a3; 	padding: 5px; } .order-form .right-form input[type="text"]{ 	width: 256px; 	margin-bottom:10px; }  .order-form .right-form label{ 	width:142px; } .need-wrap{ 	float:right; 	margin:10px 83px 0 0; } .order-form span{ 	margin:0 38px 0 0; 	display: block; 	color: #004479; 	font-size:11px; } .order-form  input[type="submit"]{ 	width:110px; 	height:28px; 	border:none; 	color:#FFFFFF; 	text-transform:uppercase; 	font-weight:bold; 	font-size:13px; 	cursor:pointer; 	border-radius:5px; 	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; 	background: #226698; /* Old browsers */ 	background: -moz-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%); 	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#154874),                  color-stop(25%,#2570a8), color-stop(100%,#226698));     background: -webkit-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     background: -o-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     background: -ms-linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     background: linear-gradient(bottom, #154874 0%, #2570a8 86%,  #226698 100%);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#226698', endColorstr='#154874',GradientType=0); } .order-form  input[type="submit"]:hover{ 	background: #226698; /* Old browsers */ 	background: -moz-linear-gradient(bottom, #226698 0%, #2570a8 14%, #154874 100%); /* FF3.6+ */ 	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#226698), color-stop(14%,#2570a8), color-stop(100%,#154874)); /* Chrome,Safari4+ */ 	background: -webkit-linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* Chrome10+,Safari5.1+ */ 	background: -o-linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* Opera 11.10+ */ 	background: -ms-linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* IE10+ */ 	background: linear-gradient(bottom, #226698 0%,#2570a8 14%,#154874 100%); /* W3C */ 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154874', endColorstr='#226698',GradientType=0 ); /* IE6-9 */ } .order-form  input[type="submit"]:active{ 	box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset; 	-webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5);     -moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.5); } .products a.close-but{ 	font-size:18px; 	text-decoration:none; 	font-weight:bold; 	color:#ff0000; } .products table{ 	width:814px; 	 border-collapse: collapse; 	 margin:35px 0 0; }  .products th{ 	color:#666666; 	font-size:14px; 	padding-bottom: 15px; 	border-bottom: 1px solid #c5d5e0; }  .products td.image-td{ 	text-align:center; 	padding: 20px 5px; } .price-td{ 	font-size:18px; 	color: #004479; 	text-align:right; 	width:160px; } .products th.product-th{ 	text-align:left; 	padding-left:45px; } .products th.suma-th{ 	text-align:right; 	padding-right:25px; } .products td{ 	padding:20px 0 20px; 	border-bottom: 1px solid #c5d5e0; }  .products a{ 	font-size:14px; 	color:#004479; } /*.description span:nth-child(2){ 	margin-top:15px; }*/ .attributs { 	margin-top:15px; } .order-form .cena-cart {     display: inline-block;     margin: 10px 0 0 0; 	color: #004479; 	font-size: 18px; 	zoom: 1;     *display: inline; }  .row{ 	position: relative;  	float: left; 	margin-bottom:75px; } .row a{ 	font-size:15px; 	color: #004479; 	 } .row img:first-child{ 	display:block; 	margin-bottom: 5px; } .row p{ 	margin-top:10px; } .number-form{ 	text-align:center; 	width:110px; 	font-size: 0; } .number-form form{ 	width:40px; 	display:inline-block; 	margin: 0 5px; 	zoom: 1;     *display: inline; } .order-form .number-form input{ 	width:36px; 	height:24px; 	line-height:24px; 	border:1px solid #a3a3a3; 	text-align:center; 	box-shadow: inset 0 0 3px rgba(0,0,0,0.2); 	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);     -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); } .number-form a{ 	width:7px; 	height:11px; 	display:inline-block; 	background: url("../images/arrow-form.jpg") no-repeat; 	/*margin-top: 8px;*/     vertical-align: top; 	zoom: 1;     *display: inline; 	margin: 8px 5px 0 5px; } a.less{ 	background-position: 0 0; } a.more{ 	background-position: 0 -11px; } .continue{ 	color: #1769aa; 	font-size:12px; } .continue .arrow{ 	font-size:14px; }  tr.suma td{ 	border:none; 	text-align:right; 	color:#a3a3a3; 	font-size:22px; 	} .need-wrap span{ 	display:inline-block; } .left-form .forma{ 	margin:0px; } .bag{ 	display:block; 	background: url("../images/bag.png") no-repeat; 	padding-left:40px; 	height: 28px; 	font-size:16px; 	line-height:28px; 	color:#FFFFFF; 	margin: 34px 0 0 10px; 	float:left; }  .stiker{ 	background: #95b1d6; 	padding: 15px; 	margin: 3px 0; }   .tumb2 .cena-cart a{     font-size:inherit;     text-decoration:none; } #info{text-decoration: none;  outline: none;  display: inline-block;  color: white;  padding: 20px 30px;  margin: 10px 20px;  border-radius: 10px;  font-family: 'Montserrat', sans-serif;  text-transform: uppercase;  letter-spacing: 2px;  background-image: linear-gradient(to right, #9EEFE1 0%, #4830F0 51%, #9EEFE1 100%);  background-size: 200% auto;  box-shadow: 0 0 20px rgba(0,0,0,.1);  transition: .5s;}  #info:hover {background-position: right center;}        #zatemnenie {         background: rgba(102, 102, 102, 0.5);         width: 100%;         height: 100%;         position: fixed;         top: 0;         left: 0;         display: none;       }       #okno {             width: 650px;     height: max-content;         text-align: center;                  border: 3px solid #0000cc;                  color: #0000cc;         position: relative;         top: 0;         right: 0;         bottom: 0;         left: 0;         margin: auto;         background: #fff;       }       #zatemnenie:target {display: block;}            .close1 {   text-decoration: none;   outline: none;   display: inline-block;   padding: 12px 40px;   margin: 10px 20px;   border-radius: 30px;   background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%);   background-position: 100% 0;   background-size: 200% 200%;   font-family: 'Montserrat', sans-serif;   font-size: 24px;   font-weight: 300;   color: white;   box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);   transition: .5s; } .close1:hover {   box-shadow: 0 0 0 0 rgba(0,40,120,0);   background-position: 0 0; }  button, input, optgroup, select, textarea {     font: inherit;     margin: 0; }