/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
.text img {
    width: 50%;
    height: auto;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* End of Eric Meyer's CSS Reset */

html {
height: 100%;
background: #e9eef4;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}

a {
color: #a63100;
text-decoration: underline;	
}

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

a.wellow {
color: #ffc000;
text-decoration: underline;	
}

a.wellow:hover {
color: #ffc000;
text-decoration: none;	
}


a.clear {
color: #000;
text-decoration: none;	
}
a.clear:hover {
color: #000;
text-decoration: none;	
}

a.blue {
color: #b5cce6;
text-decoration: underline;
cursor: pointer;	
}
a.blue:hover {
color: #b5cce6;
text-decoration: none;
cursor: pointer;	
}

a.blue_dark {
color: #078798;
text-decoration: none;
cursor: pointer;	
}
a.blue_dark:hover {
color: #af5f01;
text-decoration: none;
cursor: pointer;
}

a.black {
color: #000000;
text-decoration: none;
cursor: pointer;	
}
a.black:hover {
color: #821818;
text-decoration: none;
cursor: pointer;	
}

p {
font-family: 'Montserrat', sans-serif;
font-size: 130%;
text-indent: 20px;
text-align: justify;
line-height: 1.7em;
margin: 0px 10px 0px 10px;	
}

h1 {
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
text-transform: uppercase;
padding: 20px;
font-weight: bolder;
text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
}


h2 {
font-size: 180%;
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
text-transform: uppercase;
padding: 20px;
font-weight: bolder;
text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
}

h3 {
margin: 20px;
font-size: 130%;
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
padding: 20px 10px 20px 10px;
line-height: 1.3em;
text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
}

h4 {
margin: 3px;
font-size: 130%;
font-family: 'Oswald', sans-serif;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
}

i {
font-style: italic;	
}
b {
font-weight: bold;	
}
u {
text-decoration: underline;	
}

ul.clear_ul li {
margin: 10px;	
}

body {
font: 12px/18px 'Roboto', sans-serif;
height: 100%;
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
}

.wrapper {
min-width: 320px;
max-width: 1000px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}

.display_info {
width: 100%;
padding: 10px;
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
margin: 40px 0px 300px 0px;
}
.warning {
width: 100%;
background: #d89300;
color: #fff;
font-size: 120%;
text-align: center;	
float: left;
border-radius: 2px;
vertical-align: middle;
}
.error {
width: 100%;
background: #c00e14;
color: #fff;
font-size: 120%;
text-align: center;	
float: left;
border-radius: 2px;
}
.agree {
width: 100%;
background: #9caa26;
color: #fff;
font-size: 120%;
text-align: center;	
float: left;
border-radius: 2px;
}
.alarm {
width: 100%;
background: #eb7a00;
color: #fff;
font-size: 120%;
text-align: center;	
float: left;
border-radius: 2px;
}

.button_green{
padding: 18px 28px 18px 28px;
background: #04a0d3;
border-radius: 6px;
color: #fff;
cursor: pointer;
font-size: 120%;
}

.button_green:hover{
-webkit-transition-duration: 0.3s; 
-o-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s; 
transition-duration: 0.3s;
background: #000;
}


/* Header
-----------------------------------------------------------------------------*/
.logo_block {
height: 86px;
background: #fff;	
}

.logo_inner {	
}

.logo {
margin: 5px 0px 0px 15px;
width: 84px;
height: 84px;
background: url(images/logo.svg) top left no-repeat;
float: left;	
}

.logo_2 {
margin: 5px 0px 0px 0px;
width: 80px;
height: 80px;
background: url(images/logo_2.svg) top left no-repeat;
float: left;	
}

.logo_lable {
font-weight: bold;
font-size: 18px;
float: left;
color: #505f87;
margin-top: 10px;
font: 20px/26px 'Impact', sans-serif;
text-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
}

.nav_block {
height: 62px;
background: #0077bb;
color: #fff;	
}

ul li.arrow  {
float: left;
padding: 22px 4px 22px 4px;
margin:0px 5px 0px 0px;
color: #000;
font-family: 'Roboto';
font-weight: normal;
cursor: default;
text-align: center;	
width: 100px;
border-radius: 2px;
cursor: pointer;
color: #fff;
}

ul li.arrow:hover  {
-webkit-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
transition-duration: 0.5s;		
background: #ffc000;
color: #000;
}

ul li.hover  {
float: left;
padding: 22px 4px 22px 4px;
margin:0px 5px 0px 0px;
background: #ffc000;
font-family: 'Roboto';
font-weight: normal;
cursor: default;
text-align: center;	
width: 100px;
border-radius: 2px;  
cursor: pointer;
color: #000;
}

.slider_block {
height: 550px;		
}

input {
padding: 10px;
border: 1px solid #2b2b2b;
border-radius: 2px;	
margin: 5px;
float: left;
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
}
select {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 15px 10px 35px;
border: 1px solid #000;
border-radius: 2px;
width: 100%;
background: #fff url(images/select.svg) top left no-repeat;
}

input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:2px 4px 2px 6px;
vertical-align:middle;
background:url(images/select.svg) -29px top no-repeat;
cursor:pointer;
border: 1px solid #000;
border-radius: 2px;
background: #fff;
}
input[type="checkbox"]:checked + label span {
background:url(images/select.svg) left top no-repeat;
}
textarea {
padding: 10px;
border: 1px solid #2b2b2b;
border-radius: 2px;	
margin: 5px;
float: left;
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
width:80%;
height:80px;	
}

.close_background_dark {
background:  url(images/close_dark.svg)  no-repeat; 
height: 40px;
width: 40px;
margin: -10px 0px -60px 230px;
float: left;
cursor: pointer;
}

.close_background_dark_clear {
background:  url(images/close_dark.svg)  no-repeat; 
height: 40px;
width: 40px;
margin: -10px 0px -60px 230px;
float: right;
cursor: pointer;
}

.button_invert {
float: left;
padding: 20px;
background-color: #fff;
cursor: pointer;
border-radius: 6px;
font-size: 120%;
background-color: #d46114;
color: #fff;

}

.button_invert:hover {
color: #fff;
background-color: #e1a781;
-webkit-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
transition-duration: 0.5s;	
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
padding: 0 0 200px;
}

/* Footer
-----------------------------------------------------------------------------*/

.block_phone {
width: 80px;
height: 80px;
position: fixed;
right: 0;
bottom: 10px;
margin-left: 1%;
cursor: pointer;
background: url(images/call_me.svg) no-repeat;
transform: scale(.85);
animation: pulse 2s ease-in-out infinite;
z-index: 999;	
}



@keyframes pulse {
from {
transform: scale(.85);
}
50% {
transform: scale(1);
}
to {
transform: scale(.85);
}
}

.footer {
margin: 0px auto 0;
width: 100%;
height: 350px;
background: #0077bb url(images/footer_1.jpg) top left no-repeat;
position: relative;
color: #fff;
border-top: 4px solid #ff4c00;
float: left;
text-shadow: 1px 0px 7px rgba(0, 0, 0, 1);
}

.footer_in {
color: #fff;
max-width: 1000px;
margin: 0 auto;
height: 350px;
}

.carousel-cell_header {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
filter: contrast(1.2);
height: 550px;
float: left;
}

.carousel-cell-image_header {
display: block;
   object-fit: cover;
height: 70vh;
    width: 100%;

}

.carusel_lable {
color: #fff;
font-size: 180%;
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
text-transform: uppercase;
position: absolute;	
top: 50px;
width: 100%;
margin-left: 0px;
float: left;
}

.carousel-cell-image {
display: block;
max-height: 100%;
}

.carousel-cell-image_big {
display: block;
height: 300px;
cursor: pointer;
}

.carousel-cell {
height: 200px;
margin-right: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}

.carousel-cell_big {
margin-right: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 300px;
}



.email_block {
height: 60px;
float: right;
margin: -5px 10px 0px -20px;	
}

.param_block_div {
width: 25%;
margin: auto;
overflow: hidden; /* clearfix */
float: left;
border: 15px solid #fff;
box-sizing: border-box;
position: relative;
background-repeat: no-repeat;
margin-bottom: 25px;
outline: solid 6px #e9eef4;
border-radius: 5px;
}

.param_block_div:hover {
opacity: .8;
-webkit-transition-duration: 0.3s; 
-o-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s; 
transition-duration: 0.3s;
}

.param_block_div:before {
content: "";
padding-top: 100%;
float: left;
}

.top_adaptive_block_text {
color: #000;
bottom: 0px;
position: absolute;
font:  'Oswald', sans-serif;
font-weight: 400;
text-align: center;
background: #fff;
height: 33%;
padding-left: 5px;
padding-right: 5px;
right: 0;
left: 0;
}

.adaptive_block {
width: 100%;
float: left;
}

.vk_icons {
background: url(images/vk.svg) top left no-repeat;
width: 35px;
height: 35px;
margin-left: 10px;
margin-top: 5px;
float: left;
cursor: pointer;
}

#viber {
width: 35px;
height: 35px;
cursor: pointer;
float: left;
background:  url(images/viber.svg) no-repeat top left;
margin-left: 10px;
margin-top: 5px;
}

#wasp{
width: 35px;
height: 35px;
cursor: pointer;
float: left;
background:  url(images/wasp.svg) no-repeat top left;
margin-left: 10px;
margin-top: 5px;
}

.insta {
width: 35px;
height: 35px;
cursor: pointer;
float: left;
background: url(images/insta.svg) no-repeat top left;
margin-left: 10px;
margin-top: 5px;
}

.small_menu {
float: left;
padding: 30px;
background: url(images/icon-menu.svg) top left no-repeat;
margin: 20px 20px 0px 20px;	
cursor: pointer;
position: absolute;
}

.id_item {
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
float: left;
border: 10px solid #fff;
background: #fff;
border-radius: 5px;
margin-bottom: 10px;
}


.lable_slider {
text-shadow: 1px 0px 7px rgba(0, 0, 0, 1);
}

/* @media
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 180px) {
.param_block_div {
width: 100%;
font-size: 110%;
}
.small_menu {
display: block;	
}
.big_menu {
display: none;	
}
.pone {
font-size: 110%;	
}
.email_block {
display: none;	
width: 180px;
}
.lable_slider {
float: left;
width: 100%;
padding-left: 10px;	
}
.carousel-cell-image_header {
margin-top: -80px;
}
.id_item {
width: 100%;	
}
.carousel-cell_big {
height: 200px;
}
h1 {
font-size: 180%;	
}
.logo_lable {
font-size: 110%;
width: 120px;
padding-top: 20px;
padding-left: 3px;
text-align: center;	
}
}

@media only screen and (min-width: 320px) {
.param_block_div {
width: 100%;
font-size: 110%;
}
.small_menu {
display: block;	
}
.big_menu {
display: none;	
}
.pone {
font-size: 110%;	
}
.email_block {
display: none;	
width: 180px;
}
.lable_slider {
float: left;
width: 100%;
padding-left: 10px;		
}
.carousel-cell-image_header {
margin-top: -80px;
}
.id_item {
width: 100%;	
}
.carousel-cell_big {

height: 200px;
}
h1 {
font-size: 180%;	
}
.logo_lable {
font-size: 130%;	
width: 140px;
padding-top: 20px;
padding-left: 3px;
text-align: center;
}
}

@media only screen and (min-width: 560px) {
.param_block_div {
width: 100%;
font-size: 140%;
}
.small_menu {
display: block;	
}
.big_menu {
display: none;	
}
.pone {
font-size: 110%;	
}
.email_block {
display: none;	
width: 280px;
}
.lable_slider {
float: left;
width: 450px;
padding-left: 0px;		
}
.carousel-cell-image_header {
margin-top: -80px;
}
.id_item {
width: 100%;	
}
.carousel-cell_big {
height: 200px;
}
h1 {
font-size: 220%;	
}
.logo_lable {
font-size: 320%;
width: 350px;
padding-top: 20px;
padding-left: 10px;	
text-align: left;
}
}

@media only screen and (min-width: 768px) {
.param_block_div {
width: 49.8%;
font-size: 120%;
}
.small_menu {
display: block;	
}
.big_menu {
display: none;	
}
.pone {
font-size: 180%;	
}
.email_block {
display: none;	
width: 280px;
}
.lable_slider {
float: left;
width: 450px;	
padding-left: 0px;	
}
.carousel-cell-image_header {
margin-top: -80px;
}
.id_item {
width: 50%;	
}
.carousel-cell_big {
width: 100%;
height: auto;
}
.logo_lable {
font-size: 500%;	
width: 550px;
padding-top: 20px;
padding-left: 20px;
text-align: left;	
}
}

@media only screen and (min-width: 992px) {
.param_block_div {
width: 33.3%;
font-size: 90%;
}
.small_menu {
display: none;	
}
.big_menu {
display: block;	
}
.pone {
font-size: 180%;	
}
.email_block {
display: block;	
width: 280px;
}
.lable_slider {
float: left;
width: 450px;
padding-left: 0px;		
}
.carousel-cell-image_header {
margin-top: -80px;
}
.id_item {
width: 50%;	
}
.carousel-cell_big {
width: 100%;
height: auto;
}
h1 {
font-size: 220%;	
}
.logo_lable {
font-size: 500%;
width: 550px;
padding-top: 20px;
padding-left: 20px;	
text-align: left;
}
}

@media only screen and (min-width: 1200px) {
.param_block_div {
width: 33.3%;
font-size: 110%;
}
.small_menu {
display: none;	
}
.big_menu {
display: block;	
}
.pone {
font-size: 180%;	
}
.email_block {
display: block;	
width: 280px;
}
.lable_slider {
float: left;
width: 450px;	
padding-left: 0px;	
}
.carousel-cell-image_header {
margin-top: -80px;
}
.id_item {
width: 50%;	
}
.carousel-cell_big {
width: 100%;
height: auto;
}
h1 {
font-size: 220%;	
}
.logo_lable {
font-size: 600%;
width: 650px;
padding-top: 20px;
padding-left: 20px;
text-align: left;	
}
}

.text {
font-family: 'Montserrat', sans-serif;
font-size: 130%;
text-indent: 20px;
text-align: justify;
line-height: 1.7em;
margin: 0px 10px 0px 10px;
padding: 0px 5px 0px 5px;
}

.u-AhunterSuggestions
{ 
  border: 1px solid #AAAAAA;
  background: white; 
  overflow: auto; 
  border-radius: 2px;
}

.u-AhunterSuggestion
{ 
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
}

.u-AhunterEmptySuggestion
{
  padding: 5px;  
  font-style: italic;
  color: #b8661f;
}

.u-AhunterSelectedSuggestion   
{ 
  background: #E7E7E7; 
}

.u-AhunterSuggestions strong  
{ 
  font-weight: bold; 
  color: #1B7BB1; 
}
.about {
font-size: 110%;
color: #000;
background-color: #ffc000;
border: 2px solid #ffc000;
border-radius: 3px;
padding: 7px 12px 7px 12px;
float: right;
position: absolute;
right: 0px;
bottom: 0px;
z-index:2;	
}

.price_t {
font-size: 110%;
color: #000;
padding: 7px 12px 7px 12px;
float: left;
position: absolute;
left: 0px;
bottom: 0px;
z-index:2;	
}

.about {
font-size: 110%;
color: #000;
background-color: #ffc000;
border: 2px solid #ffc000;
border-radius: 3px;
padding: 7px 12px 7px 12px;
float: right;
position: absolute;
right: 0px;
bottom: 0px;
z-index:2;	
}

.actia {
font-size: 110%;
color: #000;
position: absolute;
left: 0px;
top: 0px;
z-index:2;	
border: 40px solid transparent;
border-left: 40px solid #4ca815;
border-top: 40px solid #4ca815; 	
}

.actia_lable {
color: #fff;
position: absolute;
left: -35px;
top: -17px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg); /* для IE9 */
transform: rotate(-45deg);
text-align: center;
}

.skidka {
font-size: 110%;
color: #000;
position: absolute;
left: -80px;
top: -80px;
z-index:2;	
border: 80px solid transparent;
border-radius: 50%;
background: #ff0012;
font-weight: bold;
}

.skidka_lable {
color: #fff;
position: absolute;
left: 12px;
top: 20px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg); /* для IE9 */
transform: rotate(-45deg);
text-align: center;
}

table.price {
font-size: 210%; 
}

table.price  td {
vertical-align: bottom;
border: 20px solid #fff;
}

.quantity-arrow-minus {
padding: 8px 6px 8px 6px;
cursor: pointer;
float: left;
margin: 5px 0px 0px 0px;
border-radius: 6px;
background: #0077bb;
border: 3px solid #0077bb;	
color: #fff;
}

.quantity-arrow-plus {
padding: 8px 6px 8px 6px;
cursor: pointer;
float: left;
margin: 5px 0px 0px 0px;
border-radius: 6px;
background: #0077bb;
border: 3px solid #0077bb;	
color: #fff;
}

.stickytop{
position:fixed;
background: #feefc6;
z-index: 2;
top: -180px;
}

.lazy {
border: 1px solid #ece9e9;	
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
}


.inf_top {
font-size: 110%;
color: #fff;
background-color: rgba(0,0,0,0.6);
text-align: center;
width: 240px;
height: 70px;
float: right;
position: absolute;
left: 0px;
bottom: 0px;
z-index:2;	
margin: 0px 5px 10px 5px;
}

.post_search {
background: #04a0d3;
color: #fff;
border: 1px solid #04a0d3;
border-radius: 3px;
padding-left: 20px;
padding-right: 20px; 
}
.post_search:hover {
-webkit-transition-duration: 0.3s; 
-o-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s; 
transition-duration: 0.3s;
background: #055671;
border: 1px solid #055671;
}