body {
   background:#FFF;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   margin:auto;
   max-width:1366px;
   color:#000;
   text-align:center;
}
h1, h2 {
   font-weight:bold;
   margin:0px;
   font-size: 20px;
   line-height: 30px;
}
a {
   text-decoration: none;
   color:#000;
}
b {color:#000;}
p {margin:0;}
a:hover {color:#bf1c17;}

.top {
   float:left;
   width: 100%;
   height: 120px;
   background:url(img/main_img-3.jpg) no-repeat;
   box-shadow: 0px 0px 5px 2px #000;
}

.top1 {
   float:left;
   width: 100%;
   font-size: 55px;
   font-weight:bold;
   font-family: cursive;
   text-align:left;
}
.top1 a {
   margin: 12px 0px;
   color:#ff06be;
   float:left;
}
.top1 a img {
    float:left;
    width: 100%;
}
.top2, .top3, .top4 {
   float:left;
   width: 45%;
}
.top2 > form {
    margin:5px 25px;
    float:left;
    position:relative;
    height: 50px;
    display: block;
    padding:0;
    overflow: hidden;
}
.top2 > form > input {
    float:left;
    width: 350px;
    height:36px;
    padding:0px 0px 0px 10px;
    margin:7px 10px;
    color:#000000;
    font: 15px 'Montserrat', sans-serif;
    background: #dedede;
    box-shadow:0 0 3px #6f7680;
    border:none;
    border-radius:2px;
    display:block;
    outline:none;
}
.top2 > form > input:focus {
    color:#000000;
    background:#dedede;
    font-size:16px;
}
.top2 > form > button {
    float:left;
    position:absolute;
    top:7px;
    right:10px;
    height:36px;
    width: 40px;
    margin: 0px 0px 0px 0px;
    border:none;
    background:url(img/search.png) 50% no-repeat;
    background-size: 50% auto;
    cursor:pointer;
    outline:none;
    display:block;
}
.top2 > form > button:hover {
    opacity:0.8;
}
.top3 {
   width: 25%;
}
.top3 a {
   margin: 10px 3%;
   float:left;
}
.top3 a img {
   height:auto;
   width:36px;
   border-radius: 18px;
   box-shadow: 0 0 2px 0 #000;
}


.top4 {
   width: 98%;
   float: right;
   position: fixed;
   z-index: 3;
   bottom: 0;
   padding: 0 1%;
   background: #FFF;
   box-shadow: 0 -1px 1px 0px #999;
}
.top4_1, .top4_2, .top4_3, .top4_5 {
   margin: 5px;
   width: auto;
   padding: 0 10px 0 0px;
   height:36px;
   float: right;
   background: #e1e1e1;
   box-shadow: 0px 0px 1px 0px #000;
   cursor: pointer; 
   font-size: 20px;
   font-weight:bold;
   color: #4d4d4d;    
}
.top4_1 img {
   margin: 3px 10px 0 5px;
   float:left;
   height: 33px;
}
.top4_1 p, .top4_2 p {
   width: auto;
   float:left;
   text-align:left;
   line-height:36px;
}
.top4_1 div {
   padding: 0 2px 0 0;
   line-height:36px;
   float:left;
}
.top4_2 {
   float:left;
}
 .top4_2 img, .top4_5 img {
   margin: 5px;
   float:left;
   height: 24px;
}
.top4_3, .top4_4 {
   margin: 5px 0 0 28%;
   width: auto;
   padding: 0 10px 0 0px;
   height:44px;
   float: left;
   background: #FF8000;
   box-shadow: 0px 0px 3px 1px #454545;
}
.top4_3 img {
   margin: 3px 10px 0;
   float:left;
   height: 41px;
}
.top4_3 div {
   padding: 0 2px 0 0;
   line-height:44px;
   float:left;
}
.top4_4{
   padding:0 10px;
   line-height:44px;
   font-weight: bold;
   color: #4d4d4d;
}
.top4_5 {
   padding: 0;
   float:left;
}


.top4_display {
   display: none;
}

#menu {
   width: 250px;
   padding: 5px;
   bottom: 70px;
   left: 5px;
   z-index: 2;
   position: fixed;
   background: #deebf1;
   box-shadow: 0px 0px 3px 1px #67757e;
}

#menu a div {
   margin: 5px 0;
   width: 98%;
   height:36px;
   float: left;
   background: #e1e1e1;
   box-shadow: 0px 0px 1px 0px #000;
   cursor: pointer; 
   font-size: 20px;
   font-weight:bold;
   color: #4d4d4d;    
}
#menu a div p {
   width: auto;
   float:left;
   text-align:left;
   line-height:36px;
}
#menu a div img {
   margin: 7px 10px;
   float:left;
   height: 22px;
}
#menu a div div {
   margin: 0;
   padding: 0 2px 0 0;
   width: auto;
   box-shadow: none;
   line-height:36px;
}


#catalog {
   max-width: 1366px;
   width: 100%;
   z-index: 2;
   padding: 0 0 65px;
   border-radius: 2px;
   position: absolute;
   background: #deebf1;
   box-shadow: 0 0 1px 1px #999;
}
.catalog {
   width: 100%;
   float:left;
}
.catalog1 {
   margin: 5px 2%;
   width: 96%;
   float:left;
}

.catalog2_1 {
   margin: 5px 0;
   width: 100%;
   float:left;
   border-radius: 2px;
   background: #FFF;
   box-shadow: 0 0 1px 1px #999;
}
.catalog2_2 {
   width: 100%;
   float:left;
   height:80px;
   background-repeat: no-repeat;
   background-position: right bottom;
}
.catalog2_2 a {
   margin: 0 5%;
   width: 90%;
   float:left;
   text-align:left;
   line-height:80px;
   font-weight:bold;
   font-size: 22px;
}
.catalog2_3 {
    margin: 0 0 5px 2%;
    float: left;
    line-height: 35px;
    text-align: left;
    padding: 0 2%;
    width: 94%;
    font-size: 16px;
    box-shadow: 0 -1px 0px 0px #999;
}



.topic {
   margin: 10px 0 0;
   float:left;
   width: 100%;
}
.topic_img {
   margin: 10px 0 0;
   width:100%;
   float:left;
   border-radius: 2px;
   background: #deebf1;
   box-shadow: 0 0 1px 1px #999;
}
.topic [id="main_img"], .topic_img [class="min_img"] {
   margin: 0 1%;
   max-width: 98%;
   max-height: 365px;
   box-shadow: 0 0 2.5px 1px #000;
}
.topic_img [class="min_img"] {
   margin: 7px 5px 0;
   width: auto;
   height: 60px;
   cursor: pointer;
}
.topic h1 {
   width:100%;
   float:left;
   line-height:35px;
}
.topic_sub {
   float:left;
   line-height:35px;
   font-weight: bold;
   padding: 0 0 0 0.5%;
}
.topic p, .topic1, .topic1_1 {
   margin: 0 1%;
   width:98%;
   float:left;
   line-height:20px;
}
.topic p {
   margin: 0 1% 15px 1%;
}
.topic_menu {
   margin: 10px 0 0;
   width:100%;
   float:left;
   padding: 0 0 10px 0;
   border-radius: 2px;
   background: #deebf1;
   box-shadow: 0 0 1px 1px #999;
}
.topic_text {
   margin: 10px 0 0;
   width:98%;
   float:left;
   padding:5px 1%;
   background: #deebf1;
   box-shadow: 0 0 1px 1px #999;
}
.topic_menu h2 {
   box-shadow: 0 1px 0 0 #999;
}
.topic_text h2 {
   padding: 0 0 0 1%;
   line-height:35px;
}
.topic_widget {
   margin: 10px 1% 0;
   width:98%;
   float:left;
}





.topic1 {
   line-height:35px;
}
.topic1 b {
   color: #607d8b;
}

.topic1_1 {
   margin: 0 0 0 35%;
   width:auto;
}
.topic1_1 a {
   float:left;
   width:40px;
   font-size:30px;
   line-height:36px;
}
.topic1_1 a {
   line-height:30px;
}
.topic1_1 input {
   margin: 7px 5px;
   width: 36px;
   text-align: center;
   line-height:26px;
   font-size: 20px;
   padding: 0;
   border: 0;
   user-select: none;
   font-weight: bold;
   float: left;
   box-shadow: 0 0 2px 1px #6d6c6c;
}
.topic3 {
   margin: 0 1%;
   float:left;
   width: 98%;
}
.min, .plus {
   margin: 7px 5px;
   width: 36px;
   user-select: none;
   text-align: center;
   line-height:26px;
   font-size: 31px;
   font-weight: bold;
   cursor: pointer;
   float: left;
   box-shadow: 0 0 2px 1px #6d6c6c;
}
.min:hover, .plus:hover {
   background: #f1d102;
}
.main_img {
   width:100%;
   float:left;
   padding: 5px 0;
}
.main_img img {
   
}
.main_img img:hover {filter: contrast(70%); opacity: 0.7; cursor: zoom-in;}

.menu_img {
   margin: 0 0 5px;
   overflow: hidden;
   white-space: nowrap;
   text-align: left;
   padding: 0 0.5%;
   width: 99%;
   box-shadow: 0 -1px 0 0 #999;
}
.menu_img div {
    width: auto;
    overflow: auto;
}
.menu_img div::-webkit-scrollbar {
  width: 0;
}
.menu_img img {
   display: inline-block;
   position: relative;
   text-align: center;
   white-space: normal;
   float:none;
   opacity: 0.5;
}

.menu_img div img:hover {opacity: unset;}


#overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0.9;
   z-index: 10;
   transition: .3s all;
}

.views_img_full {
   display: none;
   position: fixed;
   top: 0px;
   z-index: 20;
   height: 100%;
}
.views_img_full_ex, .views_img_full_nextL, .views_img_full_nextR {
    width: 40px;
    line-height:40px;
    position: fixed;
    top: 20px;
    right: 20px;
    border-radius: 20px;
    background: #FFF;
    cursor: pointer;
    font-size: 26px;
    opacity: 0.5;
    user-select: none;
}
.views_img_full_nextL, .views_img_full_nextR {
    line-height:40px;
    top: 50%;
    font-weight:bold;
    font-size: 40px;
}
.views_img_full_nextL {
    left: 20px;
}
.views_img_full_ex:hover, .views_img_full_nextL:hover, .views_img_full_nextR:hover {color:#bf1c17; opacity: unset;}

.full_img {
   margin: 1% 0;
   width: 100%;
   max-height: 98%;
   box-shadow: 0 0 5px 0 #fff;
}







.block, .block_top, .block2{
   margin: 10px 0 0;
   float:left;
   width: 100%;
}
.block2 {
   margin: 20px 0 0;
}


.block_top {
   box-shadow: 0 0 1px 1px #999;
   width: 98%;
   border-radius: 2px;
   padding: 10px 1%;
   background: #deebf1;
}

.block_top p {
   float:left;
   width: 100%;
   line-height:22px;
}
.block_top p:nth-child(1) {
   line-height:35px;
   font-weight:bold;
   font-size: 20px;
}

.block_top1 {
    margin: 10px 0;
    box-shadow: 0 0 1px 1px #999;
    width: 96%;
    float:left;
    border-radius: 2px;
    padding: 10px 2%;
    background: #FFFDD0;
}
.block_top1 p {
   float:left;
   width: 100%;
   font-weight:normal;
}
.block_top1 p:nth-child(1) {
   font-weight:normal;
   font-size: 18px;
   line-height:24px;
   width: 100%;
}
.block_top1 p:nth-child(2) {
   width: 100%;
}
.block_top1 p:nth-child(3) {
    margin: 5px 0 0;
    width: 100%;
}
.block_top1 a {
   font-weight:bold;
   font-size: 24px;
   line-height:32px;
   color: #0077fe;
   text-decoration: underline;
}
.block_top1 a:hover {color:#bf1c17;}
.block_top2 {
   margin: 10px 2%;
   float: right;
   width: 96%;
   padding: 10px 0;
   font-size: 18px;
   line-height: 40px;
   background: #ff8000db;
   color: #000;
   box-shadow: 0 0 5px 2px #999;
}
.block_top2 p:nth-child(1) {
   margin: 5px 0;
   font-weight: bold;
   width: 100%;
   line-height:24px;
   font-size: 24px;
}
.block_top2 p:nth-child(2) {
   width: 100%;
   line-height:24px;
   font-size: 18px;
}

.block_top3 {
   margin: 10px 2%;
   font-weight: bold;
   float: right;
   width: 96%;
   font-size: 18px;
   line-height: 40px;
   color: #000;
}

.block_top4 {
   margin: 10px 2%;
   font-weight: bold;
   float: right;
   width: 96%;
   color: #000;
   background: #4caf50;
   box-shadow: 0 0 5px 1px #000;
}
.block_top4 p:nth-child(1) {
   width: 30%;
   line-height:60px;
   font-size: 40px;
   background: #ff5722;
}
.block_top4 p:nth-child(2) {
   width: 68%;
   line-height:30px;
   font-size: 20px;
   padding: 0 1%;
}


.block_top5 {
   margin: 10px 1%;
   width: 98%;
   height:200px;
   border-radius: 2px;
   background: #deebf1;
   box-shadow: 0 0 1px 1px #999;
}

.block_top5 p {
   float:left;
   width: 100%;
   line-height:22px;
}
.block_top5 p:nth-child(1) {
   line-height:35px;
   font-weight:bold;
   font-size: 20px;
}

.block_top6 {
	background: url(img/08.03.jpg) no-repeat;
    background-size: 100%;
    background-position: 0px -18px;
    height: 130px;
	float: left;
    border-radius: 8px;
}
.block_top6 p:nth-child(1) {
	font-weight: normal;
    font-size: 12px;
    width: 100%;
	background: #8bc34aa6;
    line-height: 30px;
	border-radius: 4px;
}
.block_top6 p:nth-child(2) {
	background: #cddc3996;
    margin: 1px 0 0;
    font-size: 16px;
	width: 100%;
	float: left;
	border-radius: 4px;
}


.block3 {
   margin: 10px 0 0;
   float:left;
   width: 98%;
   border-radius: 2px;
   padding: 5px 1%;
   background: #deebf1;
   box-shadow: 0px 0px 3px 1px #67757e;
}

.card, .card2, .cardT, .widget_card {
   margin: 5px 1%;
   float: left;
   width: 48%;
   position: relative;
   cursor: pointer;
   color:#FFF;
   height: 200px;
}
.cardT {
   margin: 5px 2%;
   width: 96%;
   height: auto;
}
.card img, .card2 img, .cardT img, .widget_card img {
   float:left;
   width: 100%;
   height: 200px;
   object-fit: cover;
   box-shadow: 0 0 2.5px 1px #3e3e3e;
}
.card a, .card2 a, .cardT a, .widget_card a {
   display: block;
   position: absolute;
   bottom: 0;
   width: 98%;
   font-size: 16px;
   padding: 10px 1%;
   line-height: 16px;
   font-weight: bold;
   color:#FFF;
   background: linear-gradient(0deg, rgb(0 0 0) 20%, rgb(255 255 255 / 0%) 100%);
}
.cardT a {
   font-size: 22px;
   line-height: 26px;
}  
.widget_card a {
   font-size: 12px;
   line-height: 14px;
}

.card_shp {
   display: block;
   position: absolute;
   right: 5px;
   top: 5px;
   z-index: 1;
   background: #e1e1e1ad;
   box-shadow: 0px 0px 5px 1px #000;
}

.card_shp img {
   cursor: pointer;
   float: left;
   height: auto;
   width: 40px;
}
.card_shp_no {
   margin: 0 2%;
   display: block;
   position: absolute;
   top: 85px;
   font-size: 14px;
   line-height: 30px;
   font-weight: bold;
   color: #deebf1;
   background: #bf1c17c9;
   box-shadow: 0px 0px 5px 1px #000;
   width: 96%;
}
.card_shp_new, .card_shp_newR {
   display: block;
   position: absolute;
   bottom: 45px;
   left: 5px;
   line-height: 26px;
   font-weight: bold;
   color: #ffffff;
   padding: 0 5px;
   background: #4caf50a8;
   box-shadow: 0px 0px 5px 1px #000;
   width: auto;
}
.card_shp_newR {top: 35px;}
.card_sort, .card_sortR {
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    background: #0000008a;
    box-shadow: 0px 0px 5px 1px #9E9E9E;
    width: auto;
    padding: 0 5px;
    line-height: 24px;
    color: #ffffff;
    font-weight: bold;
}
.card_sortR {
    right: 5px;
    left: unset;
}

.block_sel {
   margin: 10px 2% 0;
   float:left;
   width: 96%;
}

.block_topic, .block_topicS {
   margin: 0 0 5px;
   float:left;
   width: 98%;
   padding: 5px 1%;
   border-radius: 2px;
   background: #deebf1;
   box-shadow: 0 0 1px 1px #999;
}
.block_topic h1, .block_topicS h1 {
   float:left;
   text-align:left;
   width: 99%;
   padding: 0 0 0 1%;
}
.block_topic select, .block_topicS select {
    margin: 5px;
    float: left;
    height: 30px;
    width: 200px;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #FFF;
    background-color: #FFF;
    box-shadow: 0px 0px 1px 0px #3e3e3e;
}
.block_topic p, .block_topicS p {
   margin: 5px 0 0;
   float:left;
   text-align:left;
   width: 98%;
   padding: 0 1%;
   box-shadow: 0 -1px 0px 0px #999;
}
.block_topic1 {
   float:left;
   text-align:left;
   width: 100%;
}

.checkbox {
   margin: 5px;
   float:left;
   line-height: 30px;
}






.bd_list {
   width: 100%;
   float: left;
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.bd_list a {margin: 0;}
.bd_list li {
   float: none;
   line-height: 30px;
   display: inline-block;
}
.bd_list span {
   float: left;
   color: #607d8b;
   font-size: 14px;
   padding: 0 2px;
}
.bd_list > li + li:before {
  padding: 0 2px;
  color: #607d8b;
  content: "/";
  float: left;
}
.bd_list_space {
   overflow: hidden;
   white-space: nowrap;
   text-align: left;
}
.bd_list_space2 {
   width: auto;
   overflow: auto;
}






.a_tag, .a_tag_sort {
   margin: 0 0 5px;
   float:left;
   line-height: 30px;
   width: 100%;
   border-radius: 2px;
   background: #a1cf9c;
   box-shadow: 0 0 1px 1px #999;
}
.a_tag_sort {
   margin: 0 1% 5px;
   background: #FFF;
   text-align:left;
   padding:0 0 0 2%;
   width: 96%;
   font-size: 16px;
}

.block1 {
   margin:0 0 8px 0;
   box-shadow: 0px 0px 2.5px 0px #3e3e3e;
   width: 100%;
   border-radius: 2px;
   background: #deebf1;
}
.block1:hover {background: #deebf1;}
.block1_1 {
   float:left;
   width: auto;
   padding:5px 10px;
}
.block1_1 img {
   box-shadow: 0 0 2.5px 0 #3e3e3e;
   cursor: pointer;
   float:left;
   width: 40px;
}

.block1_2, .block1_3 {
   float:left;
   width: 80%;
   text-align:left;
}
.block1_2 a {
   width: auto;
   float:left;
   padding: 12px 0;
   font-weight:bold;
   line-height:26px;
}
.block1_2 a:hover {color:#FF0000;}
.block1_3 {
   width:50%;
   text-align:center;
}
.block1_3 p {
   width: 100%;
   float:left;
   line-height:50px;
}
.block1_4 {
   float:right;
   width:50%;
}
.block1_4 img {
   margin: 0px 15px;
   cursor: pointer;
   float:right;
   height:auto;
   width:40px;
}
.block1_5 {
   width: 98%;
   float:left;
   line-height:40px;
   padding: 0 1%;
   text-align:left;
   font-weight:bold;
}


.block2 p, .contact p {
   margin: 15px 0 0;
   float:left;
   width: 97%;
   padding: 0 0 0 3%;
   line-height:30px;
   text-align:left;
   font-weight:bold;
}
.block2 p[class="example"] {
   margin:0;
   float:left;
   width: 93%;
   font-size: 14px;
   padding: 5px 3%;
   line-height:20px;
   text-align:left;
   font-weight:normal;
}

.block2 input[id="fio"], .block2 input[id="contact"], .block2 textarea {
   margin: 0 2%;
   float:left;
   width: 93%;
   line-height:26px;
   padding: 5px 1%;
}
.contact {
   margin: 10px 0;
   float: left;
   width: 100%;
}
.contact p {
   margin:0;
   width: 25%;
}
.contact p[class="var_contact"] {
   margin: 5px 8px;
   float:left;
   width: auto;
   color:#FFF;
   cursor: pointer;
   padding: 0 1%;
   font-weight:bold;
   border-radius: 5px;
   line-height:30px;
   box-shadow: 0px 0px 2.5px 0px #3e3e3e;
}
.contact p:nth-child(2) {
   background: #c59a41;
}
.contact p:nth-child(6) {
   background: #26a4e5;
}
.contact p:nth-child(3) {
   background: #41c351;
}
.contact p:nth-child(4) {
   background: #745fea;
}
.contact p:nth-child(5) {
   background: #0077fe;
}
.contact p[class="var_contact"]:hover {box-shadow: 0px 0px 5px 1px #000; color:#bf1c17;}

.warning {
    margin: 10px 2%;
    font-weight: bold;
    float: left;
    width: 96%;
    font-size: 18px;
    line-height: 26px;
    background: #a1cf9c;
    color: #000000;
    box-shadow: 0 0 5px 2px #999;
}





.checkout {
   margin: 10px 0 0;
   width: auto;
   font-weight: bold;
   font-size: 20px;
   line-height:45px;
   padding:0 10px;
   cursor: pointer;
   background: #f1d102;
   box-shadow: 0 0 2px 1px #6d6c6c;    
}
.checkout:hover {box-shadow: 0px 0px 5px 2px #bf1c17; color:#FF0000;}





#dark_background {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #666666bd;
    position: fixed; 
    display: none;
    z-index: 1;
}





.top_prnt {
   margin: 0;
   width: 100%;
   float: left;
   height:auto;
}
.top_prnt img {
   float: left;
   width: 100%;
   
}


.rules {
   margin: 20px 0 0;
   float:left;
   width: 98%;
   border-radius: 2px;
   padding: 5px 1%;
   background: #deebf1;
   box-shadow: 0px 0px 3px 1px #67757e;
}
.rules1 {
   margin: 10px 0 0;
   float:left;
   width: 100%;
   font-weight: bold;
   font-size: 20px;
   text-align:left;
}
.rules2 {
   margin: 10px 0 0;
   float:left;
   width: 100%;
   text-align:left;
}


.messages, .messages1, .messages2 {
   margin: 20px 1% 0;
   float:left;
   width: 96%;
   border-radius: 2px;
   padding: 10px 1%;
   font-size: 18px;
}
.messages1, .messages2 {
   background: #deebf1;
   box-shadow: 0px 0px 3px 1px #67757e;
}
.messages2 {
   background: #e1e1e1;
}

.messages p {
    margin: 5px 0 0;
    float: left;
    width: 96%;
    padding: 0 0 0 4%;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
}
.messages input, .messages textarea {
    margin: 5px 2% 0;
    float: left;
    width: 94%;
    font-size: 16px;
    text-align: left;
}
.messages input {
   line-height: 26px;
}
.messages_but {
    float: left;
    width: 100%;
}

.messages_but button {
    margin: 10px 30%;
    background: #e1e1e1;
    font-weight: bold;
    font-size: 20px;
    width: 40%;
    float: left;
    line-height: 35px;
    padding: 0 10px;
    border: 1px solid #000;
}
.ms_block {
   float: left;
   width: 100%;
   padding: 10px 0;
   box-shadow: 0px 0px 3px 1px #67757e;
}
.ms_block2 {
   float: left;
   width: 100%;
   padding: 10px 0;
   background: #4caf50;
   border-radius: 20px;
}
.elka {
   margin: 0 20px 0 40px;
   float: left;
   width: auto;
   height: 290px;
   background: #4caf50;
}
.y2025 {
   width: 70%;
}
.ms_block2_1 {
   float: left;
   line-height: 30px;
   width: 98%;
   padding: 0 1%;
   font-weight: bold;
   font-size: 25px;
   color: #000;
}
.ms_block2_2 {
   float: left;
   line-height: 30px;
   width: 98%;
   line-height: 26px;
   padding: 0 1%;
   text-align: left;
   font-family: cursive;
}


.messages1_1 {
    float: left;
    line-height: 26px;
    width: 98%;
    padding: 0 1%;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
}
.messages1 p {
    margin: 10px 0 0;
    float: left;
    width: 100%;
    text-align: left;
}
.messages1 time {
   float: left;
   line-height: 26px;
   width: 98%;
   padding: 0 1%;
   font-size: 16px;
   text-align: left;
   color: #9e9e9e;
   font-weight: bold;
}


.bottom {
   margin: 10px 0 75px;
   float:left;
   width: 98%;
   padding: 0 1%;
   background: #e1e1e1;
   box-shadow: 0px 0px 3px 1px #67757e;
}

.bottom1, .bottom2 {
   width: 100%;
   float:left;
}

.bottom1 a {
   margin: 10px 5px;
   float:right;
   width: auto;
   color:#FFF;
   padding: 0 1%;
   font-weight:bold;
   border-radius: 5px;
   line-height:30px;
   box-shadow: 0px 0px 2.5px 0px #3e3e3e;
}
.bottom1 a:nth-child(3) {
   background: #c59a41;
}
.bottom1 a:nth-child(5) {
   background: #26a4e5;
}
.bottom1 a:nth-child(2) {
   background: #41c351;
}
.bottom1 a:nth-child(1) {
   background: #745fea;
}
.bottom1 a:nth-child(4) {
   background: #0077fe;
}
.bottom1 a:hover {box-shadow: 0px 0px 5px 1px #000; color:#bf1c17;}

.bottom1 p {
   margin: 10px 0;
   float:left;
   width: 98%;
   color:#000;
   padding: 0 1%;
   font-weight:bold;
   line-height:30px;
}

.bottom2 p {
   width: auto;
   float:left;
   padding: 0 1%;
}
.support_chat_button {
	bottom: 60px;
    right: 10px;
    width: 50px;
    height: 50px;
	border-radius: 50%;
    background: #4CAF50;
	cursor: pointer;
    position: fixed;
	box-shadow: 0px 0px 5px 1px #000;
}
.support_chat_icons {
	background:url(img/support_chat.png) no-repeat;
    background-size: 55% auto;
    background-position: center;
	width: 100%;
    height: 100%;
}
.support_chat {
	position: fixed;
    bottom: 50px;
    right: 0;
    min-width: 360px;
	max-width: 400px;
    min-height: 540px;
	border-radius: 10px;
    background: #deebf1;
	display: none; 
	box-shadow: 0px 0px 5px 1px #4e4e4e;
}
.support_chat_close {
	top: 10px;
    right: 15px;
    width: 35px;
	line-height: 26px;
	border-radius: 20%;
	font-size: 20px;
	cursor: pointer;
    position: absolute; 
	color: #444;
	box-shadow: 0 0 5px 0 #444;
}
.support_chat_block {
    margin: 0px 2% 0;
    float: left;
    width: 96%;
	height: 455px;
	border-radius: 10px;
    background: #fff;
}
.support_chat_block1 {
	position: absolute;
	top: 10px;
    left: 15px;
    width: auto;
    padding: 0 2%;
	line-height: 35px;
	font-size: 22px;
	font-weight:bold;
}
.support_chat_block_info {
    margin: 50px 0 0;
	float: left;
    color: #707070;
    font-size: 14px;
	width: auto;
    padding: 0 0 0 5%;
	line-height: 30px;
}
.support_chat_form {
    margin: 0px 2% 0;
	position: absolute;
	bottom: 10px;
	width: 92%;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    background: #ffffff;
}
.support_chat_form textarea {
    margin: 0 0 0 2%;
	font-size: 14px;
    line-height: 20px;
    width: 85%;
	float: left;
    text-align: left;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    min-height: 40px;
    max-height: 120px;
    padding: 5px 0 0;
    resize: none;
    border: none;
    outline: none;
    background-color: #ffffff;
    color: #333333;
}
.support_chat_form_send {
	bottom: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
	background:url(img/support_chat_form_send.png) no-repeat;
    background-size: 80% auto;
    background-position: center;
	cursor: pointer;
    position: absolute;
}
.support_chat_messages {
	width: 100%;
	height: 385px;
	float: left;
	overflow: overlay;
	font-size: 16px;
}
.support_chat_messages_info {
	float: left;
    height: 5px;
}
.block_sms {
   width: 100%;
   float:left;
}
.support_chat_sms {
	margin: 10px 10px 0 10px;
	float: left;
	max-width: 270px;
	background: #e1e1e1;
	border-radius: 10px;
	text-align: left;
	padding: 5px 10px;
	line-height: 20px;
}
.support_chat_sms p {
	float: right;
    color: #9b9898;
    font-size: 12px;
	padding: 0 0 0 10px;
}
.sms_right {
    float: right;
    background: #ece79d;
}
.chat_sms {
   position: absolute;
   right: -5px;
   bottom: -5px;
   font-size: 14px;
   width: 20px;
   display: none;
   line-height: 20px;
   border-radius: 50%;
   font-weight: bold;
   background: #03A9F4;
   box-shadow: 0 0 2px 1px #000;
}
.chat_sms.Yes {
	display: block;
}





a:hover .top4_1, a:hover .top4_2, .card:hover, .card2:hover, .cardT:hover, .widget_card:hover {box-shadow: 0px 0px 2.5px 1px #000; color:#bf1c17;}

.top4_2:hover {box-shadow: 0px 0px 2.5px 1px #000; color:#bf1c17;}


.block_sel a:hover {color:#bf1c17; background: #deebf1;}

.support_chat_button:hover {box-shadow: 0px 0px 5px 2px #bf1c17;}
.support_chat_close:hover {box-shadow: 0px 0px 5px 1px #bf1c17; color:#bf1c17;}
.support_chat_form_send:hover {background-size: 90% auto;}

.support_chat_icons:hover {filter: invert(1);}

.top3 a img:hover {box-shadow: 0px 0px 2.5px 2px #bf1c17;}

.top4_3:hover {box-shadow: 0px 0px 3px 1px #000;}
.card a:hover, .card2 a:hover, .cardT a:hover, .widget_card:hover, .bd_list a span:hover {color:#bf1c17;}


#min {font-size: 42px;}
#min:hover {font-size:52px;}


#views_img {
   margin: 8.5% 0;
   width: 100%;
   height:auto;
   float:left;
   display: none;
   position: fixed;
   bottom: 0px;
   left: 0;
   top: 0;
}
#views_img img {
   max-width: 1000px;
   cursor: pointer;
   box-shadow: 0px 0px 2.5px 1px #000;
}

.url_hover {color:#bf1c17; background: #e1e1e1;}

#gir {
  float: left;
  background-image:url('http://lh5.googleusercontent.com/-obNunPiVVd4/VJOuk2f29_I/AAAAAAAAE3Y/SOoFIrFTTkk/s800/gerljanda1.png');
  height:36px;
  width:100%;
  overflow:hidden;
  z-index:99
}  
#nums_1 {padding:100px}

.garland_1 {
        background-position: 0 0
    }
    .garland_2 {
        background-position: 0 -36px
    }
    .garland_3 {
        background-position: 0 -72px
    }
    .garland_4 {
        background-position: 0 -108px
    }


.clr {color:#008040;}
.clr1 {color:#FF0000;}
.clr2 {color: #6f7680; font-weight: bold;}
.clr3 {color: #3F51B5;}

.bld {font-weight:bold;}
.boxsdw {box-shadow: none;}
.lnhgt {line-height:20px;}
.lnhgt2 {line-height:24px; padding: 8px 0;}

.mrgn {margin: 25px 0 0;}

.mhgt {min-height: 180px;}

.bkrnd {background: none;}

.wdh12 {width: 12%;}
.wdh60 {width: 60%;}
.wdh15 {width: 160px;}

.dsply1_1 {display: none;}
.dsply1_2 {display: block;}

.dspl_s {display: none;}

.fontsz {font-size: 25px;}


@media (min-width: 480px) {

.topic1_1 {margin: 0 0 0 38%;}
.top4_3, .top4_4 {margin: 5px 0 0 33%;}
.messages_but button {margin: 10px 35%; width: 30%;}
.card_shp_newR {top: 5px; right: 5px; left: unset;}
.card_shp_no {font-size: 18px;}

.block_top6 {background-position: 0px -40px; height: 160px;}
.block_top6 p:nth-child(1) {font-size: 16px;}
.block_top6 p:nth-child(2) {font-size: 20px;}

.support_chat {
	right: 10px;
}

}

@media (min-width: 640px) {

.top4 {margin: 6px 0 0; width: 100%; float: right; position: unset; box-shadow: unset; padding: 0;}
#catalog {margin: 180px 0 0 0; padding: 0;}
#menu {margin: 175px 0 0 5px; bottom: unset; left: 0; position: absolute;}
.bottom {margin: 10px 0 0;}

.block_top4 p:nth-child(2) {line-height:60px;}
.card, .card2, .cardT {margin: 5px 1%; width: 48%;}
.a_tag_sort {margin: 0 1% 5px; padding: 0 0 0 2%; width: 46%;}
.topic1_1 {margin: 0 0 0 41%;}
.top4_3, .top4_4 {margin: 5px 0 0 37%;}
.messages_but button {margin: 10px 38%; width: 24%;}
.catalog1 {margin: 5px 1%; width: 48%;}
.dspl_s {display: block;}
}


@media (min-width: 768px) {

.top4_display {display: block;}
.top4_display2 {display: none;}
.catalog1 {margin: 5px 0.5%; width: 32.3%;}
.topic_img {width:65%;}
.topic_menu {margin: 10px 0 0 1%; width:34%;}
.topic_text h2, .topic p {text-align: left;}

.card, .card2, .cardT, .widget_card {margin: 5px 0.5%; width: 32.3%;}
.widget_card a {font-size: 16px; line-height: 16px;}
.card_sort {font-size: 16px; line-height: 22px; max-width: 150px;}
.card a, .card2 a, .cardT a {font-size: 18px; line-height: 18px;}

.topic1_1 {margin: 0 0 0 25%;}
.top4_3, .top4_4 {margin: 5px 0 0 15%;}
.messages_but button {margin: 10px 35%; width: 30%;}
.ms_block {margin: 0 15%; float: right; width: 68%; padding: 10px 1%;}


}


@media (min-width: 900px) {

.topic1_1 {margin: 0 0 0 30%;}
.top4_3, .top4_4 {margin: 5px 0 0 21%;}
.ms_block {margin: 0 20%; width: 58%; padding: 10px 1%;}

}


@media (min-width: 1024px) {

.block_top p {width: 55%;}
.block_top1, .block_top6 {margin: -30px 1% 10px 2%; box-shadow: 0 0 5px 2px #999; width: 40%; padding: 10px 1%;}
.block_top2, .block_top3 {margin: 5px 2% 10px 0; width: 40%; font-size: 28px;}
.block_top3 {margin: 10px 2% 0 0; font-size: 22px;}
.block_top4 {width: 40%;}
.block_top4 p:nth-child(1) {width: 25%;}
.block_top4 p:nth-child(2) {width: 73%; line-height:30px;}
.block_top5 {width: 48%;}

.block_top6 {background-position: 0px -50px; height: 165px;}
.block_top6 p:nth-child(1), .block_top6 p:nth-child(2) {font-size: 20px;}


#catalog {width: 85%;}
.catalog2_3 {line-height: 30px;}

.block_topic1 {width: 50%;}
.block_topicS p {width: 48%; padding: 0 1%; box-shadow: none;}

.card, .card2, .cardT, .widget_card {margin: 10px 0.5% 0; width: 24%;}
.card a, .card2 a, .cardT a {font-size: 20px; line-height: 20px;}
.topic1_1 {margin: 0 0 0 31%;}
.top4_3, .top4_4 {margin: 5px 0 0 25%;}
.topic3, .topic_widget {margin:0; width: 100%;}
.topic_img [class="min_img"] {width: auto;}
.topic_text {width: 63%;}

.block1_2 {width: 48%;}
.block1_3 {width:20%;}
.block1_4 {width:8%;}
.block1_4 img {margin: 5px 15px;}
.block2 input[id="fio"], .block2 input[id="contact"], .block2 textarea {margin: 0 25%; width: 49%; padding: 5px 1%;}
.block2 p[class="example"] {margin: 0 25% 15px; width: 49%; padding: 0 0 0 1%;}
.block2 p, .contact p {margin: 0 25%; width: 49%; padding: 0 0 0 1%;}

.contact {margin: 10px 25% 0; width: 50%;}
.contact p {margin: 0; width: 99%;}
.contact p[class="var_contact"] {margin: 0 7px;}
.warning {margin: 10px 27%; width: 48%;}

.ms_block {margin: 10px 0; width: 480px; padding: 10px 1%;}
.ms_block2 {width: 60%;}
.ms_block2_2 {width: 70%;}
.bottom1 p {margin: 10px 5px; width: auto;}

.support_chat_button {
    bottom: 70px;
    right: 35px;
}
.support_chat {
	bottom: 65px;
    right: 30px;
}

}


@media (min-width: 1280px) {

.topic {width: 75%;}
.bd_list li {float: left; display: unset;}

.block_top4 p:nth-child(1) {width: 22%;}
.block_top4 p:nth-child(2) {width: 76%; line-height:60px;}
#catalog {width: 65%;}

.a_tag_sort {margin: 0 1% 5px; padding: 0 0 0 2%; width: 96%;}
.card {margin: 10px 0.5%; width: 24%;}
.cardT, .card2 {margin: 10px 0.5%; width: 24%;}
.widget_card {margin: 0 0 10px 0; width: 100%;}
.widget_card a {font-size: 18px; line-height: 18px;}

.topic h1 {width: auto; padding: 0 0 0 1%; text-align:left;}
.topic_img {margin: 5px 0 0 0; width:70%;}
.topic_img [class="min_img"] {margin: 10px 5px 0; height: 70px;}
.topic_menu {margin: 5px 0 0 1%; width:29%;}
.topic_text {width:100%; border-radius: 2px; padding:5px 0; text-align:left;}
.topic_widget {width:24%; margin: 10px 0 0 1%;}

.block_sel {margin: 10px 1% 0 0; width: 25%;}
.block_topic, .block_topicS {width: 99%; padding: 5px 0.5%;}

}


@media (min-width: 1366px) {

#catalog {width: 45%;}

}