*, *:after, *:before {box-sizing: border-box; padding: 0; margin: 0; transition: .5s ease-in-out; }

@font-face { font-family: Larsseit; src: url(fonts/Larsseit.ttf);}
@font-face {font-family: Firasansbook; src: url(fonts/Firasansbook.ttf);}
 
ul { list-style: none;}
a {text-decoration: none; outline: none;}
img { display: block; width: 100%;}
h1, h2, h3, h4, h5, h6 { font-family: arial; font-weight: normal; letter-spacing: 1px; }
body { font-family: 'Open Sans', arial, sans-serif; font-size: 14px; line-height: 1; color: #dedbe6; 
   
background: radial-gradient(circle, rgba(239,246,255,1) 0%, rgba(255,255,255,1) 60%);
}

/* 
#de9d7f коричневый
#8bc3fa голубой
#107efb синий
#254556 темно синий
#fbfcfc светлый
rgb(222,157,127)
rgb(139,195,250)
rgb(16,126,251)
rgb(37,69,86)
rgb(251,252,252)
*/

header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
content: ""; display: table; clear: both;} 

.captcha { width: 170px;  float: center; margin: 0 auto;   }
.log {max-width: 500px;  padding: 10px;  margin: 10px auto 10px; position: relative;  background: #f4f4f4;}
.block_for_messages {font-family: 'Larsseit', arial; font-size: 28px; color:#FF0000; padding: 10px; }

/* Шапка сайта */ 
header { width: 100%; background: #1a2e35; padding: 15px 0;    position: relative; letter-spacing: 1px; font-weight: 400; box-shadow: 0px 4px 18px rgba(170, 203, 255, 0.5);}
.container { margin: 0 auto; width: 100%; max-width: 1200px; padding: 0 15px; } 
/* логотип */ 
.logo { display: block; float: left; }
.logo_img { width: 250px;} 
/* меню */
#menu { float: right; }
#menu li { display: inline-block; margin-right: 15px; }
#menu a { color: #aacafe; text-transform: uppercase; display: block; font-size: 16px; line-height: 40px; font-weight: 600; font-family: 'Larsseit', sans-serif; }
#menu a:hover { color: #FFF; }
#menu li:last-child  {margin-right: 0;}
/* кнопка переключения меню, появляющаяся при ширине 768px */
.nav-toggle { display: none; position: relative; float: right; width: 40px; height: 40px; top: 5px;
margin-left: 20px; background: #5192e0; cursor: pointer; }
.nav-toggle span { display: block; position: absolute; top: 20px; left: 8px; right: 8px; height: 2px; background: #dedbe6; }
.nav-toggle span:before, .nav-toggle span:after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 2px; background: #dedbe6;}
.nav-toggle span:before { top: -10px; }
.nav-toggle span:after { bottom: -10px;}
/* класс, который будет добавлен в верхнему меню при нажатии на кнопку и покажет скрытое меню*/
#menu.active {max-height: 1000px; background: #36668c; border-top: 1px solid #dedbe6; z-index: 50;}
/* Конец шапки сайта */ 



/* Главный текст */ 
.glav_cont { width: 100%; background: rgb(218,235,255);   
background: radial-gradient(circle, rgba(218,235,255,1) 0%, rgba(255,255,255,1) 90%);
}
.glav_container { display: table; margin: 0 auto; width: 100%; max-width: 1200px; padding: 20px 15px 50px ; } 
/* левый контейнер */
.posts-list { padding-top: 60px; width: 59%; float: left; font-size: 20px; }
.glav { padding-top: 15px; text-decoration: none;  font-size: 55px; font-family: 'Larsseit', sans-serif; display: table; color: #254556;  text-shadow: 0px 4px 18px rgba(170, 203, 255, 0.5);}
.text_g { font-size: 26px; font-family: 'Larsseit', sans-serif; display: table; color: #254556; padding-top: 25px;   line-height: 1.5; text-shadow: 0px 4px 18px rgba(255, 255, 255, 0.75);}
form { position: relative; width: 650px; margin: 27px 0 25px; box-shadow: 0px 4px 18px rgba(170, 203, 255, 0.5);}
.d1 { width: 100%;}
.d1 input { width: 100%; height: 52px; padding-left: 20px; border: 1px solid #254556; border-radius: 10px; outline: none; font-size: 14px; background: #FFF; color: #254556;}
.d1 button { position: absolute;  top: 0; right: 0px; width: 52px; height: 52px; border: none; background: #254556; border-radius: 0 10px 10px 0; cursor: pointer; }
.d1 button:before { content: "\f002"; font-family: FontAwesome; font-size: 18px; color: #8bc3fa;}

/* правый контейнер */
aside { width: 40%; float: right;   }
/* Конец главного текст */ 

/* контейнер статистики*/
.blok {float: center; text-align:center; background: #36668c; min-width: 100%; padding: 10px 0 ;  margin: 0 auto;}
.box {width: 25% - 10px; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}
.box1 {padding: 0 10px 20px;}
.t1 { font-size: 40px; font-family: 'Larsseit', sans-serif;    
text-transform:uppercase; display: table; color: #FFF; margin: 0 auto;  line-height: 1.3;  
}
.t2 { font-size: 20px; font-family: 'Larsseit', sans-serif;  border-top: 2px solid #5192e0; width: 100%; 
text-transform:uppercase; display: table; color: #f7f8f9;   margin: 0 auto;  line-height: 1.8;
}
/* Конец контейнера статистики */

/* Топ кэшбэк-сервисов */
.box_cash {width: 25%; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}
.cash_cont { width: 100%; margin: 0 auto; 
font-family: 'Larsseit', sans-serif; font-size: 18px; color: #254556;} 
.cash_container { display: table; margin: 0px auto; width: 100%;  max-width: 1200px; padding: 20px 10px 0px; font-size: 18px; } 
.cash_glav { padding: 20px 10px 10px; font-size: 33px; text-shadow: 0px 4px 18px rgba(170, 203, 255, 0.5); margin-bottom: 5px;}  
.cash_box {padding: 10px; border: 1px solid #aacafe; text-align: center; background: #ffffff; border-radius: 10px;  }
.cash_img {max-width: 90%; margin: 10px auto; max-height: 50px; }
.cash_span { padding: 5px 10px; border-radius: 5px; color: #107efb;}
.cash_a { text-decoration: none; display: inline-block; margin: 0 auto; width: 100%; }
.cash_a:hover {color: #5192e0;}
.cash_link { text-decoration: none;  font-size: 20px; color: #fdac07; padding-right: 10px;}
.cash_link:hover {color: #101e5a;}

.cash_button { width: 100%; text-decoration: none; display: table; margin: 10px auto 0; font-size: 20px; padding: 12px 30px; border: 1px solid #107efb; color: #107efb; border-radius: 5px;}
.cash_button:hover {background: #aacafe; color: #254556 ; border: 1px solid #aacafe;}

.rating_bloc {width: 100%; font-size: 20px; margin: 10px auto 0; padding: 5px 0 0px; display: table; border-radius: 5px;}
.rating_p { width: 100%;  margin: 10px auto 0;}
.rating_p1 { width: 100%;  margin: 10px auto 0px;  font-size: 14px;}
.rating-result { display: table; width: 100%;  margin: 0 auto;}
.rating-result span { padding: 0; font-size: 40px; line-height: 1; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating-result > span:before { content: '★';}
.rating-result > span.active { color: gold; text-shadow: 1px 1px #c60;}


.zn_cont { margin: 10px auto;  width: 100%; display: table; color: #254556; background: #f4f4f4; border-radius: 5px; border: 1px solid #254556;}
.zn_bl {   padding: 10px 0 0 10px; width: 50%; float: left; display: table; border-right: 1px solid #254556; border-radius: 5px 0 0 5px;}
.zn_br {   padding: 10px 10px 0 0; width: 50%; float: right; display: table; border-left: 1px solid #254556; border-radius: 0 5px 5px 0;}
.zn_b1 { font-size: 20px; display: table; margin: 0 auto; padding-bottom: 5px; }
.zn_b2 { font-size: 15px; width: 100%; display: table; padding: 2px 0 10px ; border-top: 2px solid #254556; font-family: 'Open Sans', arial;}

.knop { width: 100%; margin: 0px; padding: 0px 10px; display:inline-block; }
.knopka { display: table; width: 100%; text-align: center;  text-decoration: none; font-size: 20px; padding: 12px ; border: 2px solid #36668c; background: #36668c; color: #FFF; border-radius: 5px;}
.knopka:hover {background: #254556; color: #f7f8f9; border: 2px solid #5d80b6;}

.kno { display: table; margin: 10px 10px 10px 0px ; float: left; text-align: center;  text-decoration: none; font-size: 20px; padding: 10px 20px; border: 2px solid #36668c; background: #36668c; color: #FFF; border-radius: 5px;}
.kno:hover {background: #5d80b6; color: #f7f8f9; border: 2px solid #5d80b6;}
.linka { display: table; margin: 10px 10px 10px 0px ; float: left; text-align: center; text-decoration: none; font-size: 20px; padding: 10px 0px; color: #36668c; }

.floating-button {
  text-decoration: none; padding: 15px 30px;
  display: table;
  border-radius: 10px;
  border: 1px solid #aacafe;
  margin: 15px auto;
  font-size: 14px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
  color: #107efb;
  background: white;
  box-shadow:  0px 4px 18px rgba(170, 203, 255, 0.5);
}
.floating-button:hover {
  background: #e7f2ff;
}

        .c-container {
            display: flex;
            justify-content: space-between;
            gap: 5px; /* Отступ между блоками */
			margin: 10px auto 0; color: #254556;
        }
        .c-block {
            flex: 1;
            padding: 5px;
            text-align: center;
            background-color: #e7f2ff;
			border-radius: 5px;
        }
        
        .c-number {
            font-size: 16px;
            font-weight: bold;
			margin: 5px auto; 
        }
        .c-text {
            font-size: 12px;
        }
/* Конец кэшбэк-сервисов */

/* footer */
footer { margin-top: 20px; font-size: 20px;  font-family: Verdana; padding: 30px 0; line-height: 1.5; background: #36668c; color: #dedbe6; }
.footer-col1  { width: 75%; float: left; padding: 10px 0;}
.footer-col   { width: 25%;  text-align: right; float: left; }
.footer-col a { color: #dedbe6; }
.footer-col:last-child { text-align: right;}
.linkb { padding: 20px 0; display: inline-block; border-bottom: solid 1px #5192e0; width: 100%;}
.link_n { text-decoration: none; border-bottom: solid 1px #5192e0; margin-right: 10px; font-size: 20px; font-family: 'Larsseit', sans-serif; color: #dedbe6;}
.link_n:hover {color: #FFF; }

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.social { color: #fdac07; font-size: 30px; width: 40px; float: right; display: block; padding-left: 15px;}
.social a { display: block; text-align: left;}
.telegram a:hover {color: #FFF;}
.vk a:hover {color: #FFF;}
.instagram a:hover {color:#FFF;}



#breadcrumbs-three{ overflow: hidden; width: 100%; padding-left: 10px;}
#breadcrumbs-three li{ float: left; margin: 0 40px 0 0;}
#breadcrumbs-three a{ padding: 8px 0px 8px 10px; float: left; text-decoration: none; color: #444;
					  background: #ddd; position: relative; z-index: 1; border-radius: .4em 0 0 .4em;}
#breadcrumbs-three a:hover{ background: #36668c; color: #dedbe6; }
#breadcrumbs-three a::after{ background: #ddd; content: ""; height: 2.5em;  margin-top: -1.25em; position: absolute; right: -1em;
							 top: 50%; width: 2.5em; z-index: -1; transform: rotate(45deg); border-radius: .2em;}
#breadcrumbs-three a:hover::after{ background: #36668c;}
#breadcrumbs-three .current, #breadcrumbs-three .current:hover{ color: #1E90FF;background: none;}
#breadcrumbs-three .current::after{ content: normal;}

.osn0 {width: 100%;  float: left; text-align:center; margin: 20px auto 10px; position: sticky; top: 0; background: #f4f4f4;}
.osn1 {width: 25%; height: 70px; float: left; text-align:center; }
.osn2 {width: 55%; height: 70px; float: left; text-align:center; margin: 14px auto; padding: 0 30px;}
.osn3 {width: 20%; height: 70px; float: left; text-align:center; }
.osn_button { width: 100%; margin: 20px 0;  display: table;  width: 100%; text-decoration: none;  
font-size: 20px; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.osn_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
.osn_h1 {margin: 10px; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.osn_h3 {margin: 10px; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.osn_span {color: #1E90FF; }
.box {width: 33.3%; float: left; overflow: hidden;}
.box2 { margin: 0 auto; }
.t3 {font-size: 25px; margin: 0 auto; font-family: 'Larsseit', sans-serif;  text-align:center;   
text-transform:uppercase; display: table; color: #5192e0;  line-height: 1.3;  
}
.t4 { width: 100%;  margin: 0 auto; text-align:center; display: table; color: dedbe6;
}
.t5 {height: 40px; display: table-cell; vertical-align: middle; font-size: 15px; font-family: 'Larsseit', sans-serif; color: dedbe6;  
text-transform:uppercase;  margin: 0 auto; }

.rating-result1 { float: left; display: table; width: 100%;  margin: 0 auto;}
.rating-result1 span { padding: 0; font-size: 30px; line-height: 1; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating-result1 > span:before { content: '★';}
.rating-result1 > span.active { color: gold; text-shadow: 1px 1px #c60;}

.osn_box1 {width: 80%; float: left; overflow: hidden;}
.osn_box2 {width: 20%; float: left; overflow: hidden; }

.tex { margin: 15px 10px; font-family: 'Larsseit', sans-serif; color: #13334c;  text-align: left; 
line-height: 150%; font-size: 18px;  letter-spacing: 1px;}

.com {width: 100%; padding: 10px; margin: 5px auto; display: table;}
.com00 {width: 100%; float: left;  margin: 0 auto; border: 2px solid #dedbe6; border-radius: 5px;  font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 18px; }
.com0 {width: 100%;  float: left; padding: 10px; margin: 0 auto; border-bottom: 2px solid #dedbe6; font-family: 'Larsseit', sans-serif; color:#36668c;}
.com1 {width: 25%; float: left; font-size: 20px;  padding-top: 10px;  }
.com2 {width: 50%; float: left; text-align:center;}
.com3 {width: 25%; float: left; text-align:right; font-size: 20px; padding-top: 10px;}
.com4 { width: 100%; float: left; padding: 5px 10px; color:#13334c; display: table;}
.com5 { float: left; color: #1E90FF; padding-right: 10px; }

.osn_button { width: 100%; margin: 20px 0;  display: table;  width: 100%; text-decoration: none;  
font-size: 20px; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.osn_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
.osn_h1 {margin: 10px; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.osn_h3 {margin: 10px; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.osn_span {  color: #1E90FF;   }
.box {width: 33.3%; float: left; overflow: hidden;}
.box_ {width: 33.3%; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}

.box2 { margin: 0 auto; }
.t3 {font-size: 25px; margin: 0 auto; font-family: 'Larsseit', sans-serif;  text-align:center;   
text-transform:uppercase; display: table; color: #5192e0;  line-height: 1.3;  
}
.t4 { width: 100%;  margin: 0 auto; text-align:center; display: table; color: dedbe6;
}
.t5 {height: 40px; display: table-cell; vertical-align: middle; font-size: 15px; font-family: 'Larsseit', sans-serif; color: dedbe6;  
text-transform:uppercase;  margin: 0 auto; }




.rating-area { overflow: hidden; display: table; text-align:left; float: left; }
.rating-area:not(:checked) > input { display: none;}
.rating-area:not(:checked) > label { float: right; width: 52px; cursor: pointer; 
font-size: 50px; line-height: 50px; padding: 0; color: lightgrey; text-shadow: 1px 1px #1E90FF; }
.rating-area:not(:checked) > label:before { content: '★'; }
.rating-area > input:checked ~ label { color: gold; text-shadow: 1px 1px #c60; }
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label { color: gold;}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label { color: gold; text-shadow: 1px 1px goldenrod;}
.rate-area > label:active { position: relative;}

.ncom00 {width: 100%; float: left; padding: 10px; border: 2px solid #dedbe6; border-radius: 5px;  font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 18px; }
.ncom4 { width: 100%; float: left; padding: 5px 0px; display: table;  text-align:left; }
.ncom5 { width: 100%; color: #1E90FF; display: table;}
.ncom6 {width: 100%; float: left; padding: 5px; margin: 0 auto; border: 2px solid #dedbe6; border-radius: 5px;  font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 15px; display: table;}
.ncom6:focus{  border: 2px solid #1E90FF;  outline: none; color:#13334c;  }
.com_button { width: 100%; display: table;  width: 100%; text-decoration: none;  
font-size: 20px; text-align:center; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.com_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
.com_h3 {margin: 5px auto; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.com_h2 {margin: 5px auto; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.com_l {width: 70%;  float: left; padding-top: 12px; }
.com_r {width: 30%;  float: left; text-align:center; }

.block_position{ position:fixed; left:50%; margin-left:-200px; bottom:0px; text-align:center; height:50px; float:center; width: 400px;}




@media (max-width: 768px) {
	
/* показываем кнопку для переключения верхней навигации */

.nav-toggle { display: block;}
header { padding: 5px 0;}

/* скрываем верхнее меню, отменяем обтекание, позиционируем его, сместив на высоту шапки сайта */ 
#menu {
max-height: 0; background: white; float: none; position: absolute; overflow: hidden;
top: 60px; right: 0; left: 0; margin: 0; padding: 0; z-index: 3;
}
/* делаем элементы списка блочными, чтобы они располагались друг под другом */
#menu li { display: block; text-align: center; border-bottom: 1px solid #EBEBE3; margin-right: 0;}
#menu a { line-height: 40px; }

/* отменяем обтекание левой и правой колонок, устанавливаем им ширину 100%*/
.glav_container { margin: 0 auto; width: 100%; padding: 15px; } 
.posts-list , aside { width: 100%; float: none;}
.posts-list { padding-top: 10px; }
.glav{ font-size: 35px; line-height: 1.3;}
.text_g { font-size: 25px; padding: 5px 0 5px; line-height: 1.8;}
.d1 { width: 100%;}

aside { width: 50%; margin: 0 auto;}

.blok {float: center; text-align:center; background: #36668c; min-width: 100%; padding: 40px 0;  margin: 0 auto;}
.box {width: 33.3%; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}
.box_ {width: 33.3%; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}

.box1 {padding: 0 5px 10px;}
.t1 { font-size: 30px; font-family: 'Larsseit', sans-serif;    
text-transform:uppercase; display: table; color: #FFF; margin: 0 auto;  line-height: 1.5;
}
.t2 { font-size: 15px; font-family: 'Larsseit', sans-serif;  border-top: 2px solid #5192e0; width: 100%; 
text-transform:uppercase; display: table; color: #f7f8f9;  margin: 0 auto; line-height: 2.0;
}
.box_cash {width: 50%; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}
.knop { width: 100%; margin: 0px; padding: 0px 5px; display:inline-block; }


footer { margin-top: 20px; font-size: 20px;  font-family: Verdana; padding: 30px 0; line-height: 1.5; background: #36668c; color: #dedbe6; }
.footer-col1  { width: 75%;float: left; padding: 10px 0;}
.footer-col   { width: 25%;  text-align: right; float: left; }
.footer-col a { color: #dedbe6; }
.footer-col:last-child { text-align: right;}
.linkb { padding: 20px 0; display: inline-block; border-bottom: solid 1px #5192e0; width: 100%;}
.link_n { text-decoration: none; border-bottom: solid 1px #5192e0; margin-right: 10px; font-size: 20px; font-family: 'Larsseit', sans-serif; color: #dedbe6;}
.link_n:hover {color: #FFF; }

#breadcrumbs-three{ overflow: hidden; width: 100%; padding-left: 0px;}
#breadcrumbs-three li{ float: left; margin: 0 30px 0 0; font-size: 14px;}
#breadcrumbs-three a{ padding: 9px 0px 9px 5px; float: left; text-decoration: none; color: #444;
					  background: #ddd; position: relative; z-index: 1; border-radius: 4px 0 0 4px;}
#breadcrumbs-three a:hover{ background: #36668c; color: #dedbe6; }
#breadcrumbs-three a::after{ background: #ddd; content: ""; height: 28px;  margin-top: -15px; position: absolute; right: -1em;
							 top: 50%; width: 30px; z-index: -1; transform: rotate(45deg); border-radius: .2em;}
#breadcrumbs-three a:hover::after{ background: #36668c;}
#breadcrumbs-three .current, #breadcrumbs-three .current:hover{ color: #1E90FF;background: none;}
#breadcrumbs-three .current::after{ content: normal;}
.osn0 {width: 100%; text-align:center; margin: 10px auto 10px; position: relative;  background: #f4f4f4;}

.osn1 {width: 100%; float: left; display: table; text-align:center; }
.osn2 {width: 100%; float: left; display: table; text-align:center; padding: 0px;  margin: 10px auto 0;}
.osn3 {width: 100%; float: left; display: table; }
.osn_box1 {width: 100%; }
.osn_box2 {width: 100%; }
.osn_button { width: 100%; margin: 0px auto;  display: table;  width: 100%; text-decoration: none;  
font-size: 20px; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.osn_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}

.com1 {width: 25%; float: left; font-size: 18px;  padding-top: 5px;  }
.com2 {width: 50%; float: left; text-align:center;}
.com3 {width: 25%; float: left; text-align:right; font-size: 18px; padding-top: 5px;}

.com_l {width: 100%; float: left; margin: 10px auto; }
.com_r {width: 100%; float: left; text-align:center; }

.rating-result { display: table; width: 100%;  margin: 0 auto;}
.rating-result span { padding: 0; font-size: 30px; line-height: 1; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating-result > span:before { content: '★';}
.rating-result > span.active { color: gold; text-shadow: 1px 1px #c60;}	


.rating-area { overflow: hidden; width: 210px; }
.rating-area:not(:checked) > label { float: right; width: 42px; cursor: pointer; 
font-size: 45px; line-height: 50px; color: lightgrey; text-shadow: 1px 1px #1E90FF; }

}


@media (max-width: 480px) {
	
.box {width: 100%; float: left; overflow: hidden; white-space:nowrap; display:inline-block;}
	
.box_cash {width: 100%; margin: 10px auto; overflow: hidden; white-space:nowrap; display:inline-block;}
.box1 {padding: 0 5px 5px;}	
	
.glav{ font-size: 22px; line-height: 1.3;}
.text_g { font-size: 14px; padding: 5px 0 5px; line-height: 1.4;}

.cash_glav { padding: 20px 10px 10px; font-size: 25px; }  

.t1 { font-size: 25px; font-family: 'Larsseit', sans-serif;    
text-transform:uppercase; display: table; color: #FFF; margin: 0 auto;  line-height: 1.5;
}
.t2 { font-size: 15px; font-family: 'Larsseit', sans-serif;  border-top: 2px solid #5192e0; width: 100%; 
text-transform:uppercase; display: table; color: #f7f8f9;  margin: 0 auto; line-height: 2.0;
}

.footer-col1 {
float: none;
margin: 10px 0;
width: 100%;
}
.footer-col {
float: none;
margin: 10px 0;
width: 100%;
}


.t3 {font-size: 25px; margin: 0 auto; font-family: 'Larsseit', sans-serif;  text-align:center;   
text-transform:uppercase; display: table; color: #5192e0;  line-height: 1.3;  
}
.t4 { width: 100%;  margin: 0 auto; text-align:center; display: table; color: dedbe6;
}
.t5 {height: 33px; display: table-cell; vertical-align: middle; font-size: 15px; font-family: 'Larsseit', sans-serif; color: dedbe6;  
text-transform:uppercase;  margin: 0 auto; }



.rating-result1 { float: left; display: table; width: 100%;  margin: 0 auto;}
.rating-result1 span { padding: 0; font-size: 25px; line-height: 1; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating-result1 > span:before { content: '★';}
.rating-result1 > span.active { color: gold; text-shadow: 1px 1px #c60;}

.block_position{ position:fixed; left:50%; bottom:0px; text-align:center;  float:center; width: 100%;}
.osn_button {width: 100%; margin: 0px auto;  display: table;  width: 100%; text-decoration: none;  
font-size: 20px; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.osn_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
.com {width: 100%; padding: 0; margin: 10px auto; display: table;}

.osn_h1 {margin: 10px 0; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.osn_h3 {margin: 10px 0; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.tex { margin: 15px 0; font-family: 'Larsseit', sans-serif; color: #13334c;  text-align: left; 
line-height: 150%; font-size: 18px;  letter-spacing: 1px;}

.rating-area { overflow: hidden; width: 212px; float: left;  }
.rating-area:not(:checked) > label { float: right; width: 42px; cursor: pointer; 
font-size: 40px; line-height: 50px; padding: 0; color: lightgrey; text-shadow: 1px 1px #1E90FF; }




 
}