::-webkit-scrollbar {
  width: 10px;
  height: 10px;
} 
::-webkit-scrollbar-thumb {
  background: #c0c0c0;
	border-radius: 5px;
}

body {
	background-color: #fff;
	font-family: 'Arial', sans-serif;
	font-size: 14px;     
	color:#333;
	padding: 93px 0 0;
	margin: 0;
}
header, article, aside, figure, figcaption, footer, main, nav, section {
	display: block;
}
img {
	border: none;
	outline: none;
	max-width:100%;
}
h1, h2, h3 {
	text-align: center;
}
h1, .h1 {
	font-size:1.9em;  
}

h2, h3, h4, h5, h6 {
	color: #333;
}
h4, h5, h6 {
	margin:0px;
}
table { border-collapse:collapse; background-color:#fcfcfc;}
td {padding:4px; border:1px #ccc solid;}
a {
	color: #c00000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
header a {
	color: #fff;
}
footer a {
	color: #333;
}
header a:hover, .homeheader a:hover, footer a:hover {
	text-decoration: none;
}
input, select, textarea {
	margin-bottom:3px;
}
input, select {
	box-sizing: border-box;
	padding:5px 8px;
	border-radius:5px;
	border:1px solid #ccc;
	color: #222;
}
input[type="submit"], 
input[type="button"] {
	background-color:#e6e6e6;
	cursor:pointer;
	transition: background .15s ease-out;
}
input[type="submit"]:hover, 
input[type="button"]:hover {
	text-decoration: none;
	background-color: #222;
	color: #fff;
}
input[type="checkbox"]  {
	width:16px; 
	height:16px; 
	border:0px; 
	margin:0; 
	padding:0px;
}

input[type=range] {
	padding:0px;
  appearance: none;
  width: 100%; 
  height: 5px; 
	margin:10px 0;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity .2s;  
}
input[type=range]:hover {
  opacity: 1;
}

input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
	border-radius:10px;
  background: #222;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
	border-radius:10px;
  background: #222;
  cursor: pointer;
}

textarea {
	width:100%;
	box-sizing: border-box;
	padding: 6px;
	outline: none;
	border-radius: 4px;
	border-color: #ccc;
	font:normal 12px Verdana;
}

textarea.code {
	font: normal 11px Verdana;
	background:#f8f8f8;
}
           
ul.menu {
	margin: 0;
	padding: 0;
}
ul.menu li {
	display: block;
	position: relative;
	list-style-type: none;
}
ul.menu li a {
	display: block;
	position: relative;
	text-decoration: none;
}

.linking {
  padding-top:60px;
  margin-top:-60px;
  position:relative;
}


.hide {display:none;}
.hidden {display:none;}
.blue {color:blue;}
.green {color:green;}
.black {color:black;}
.center {text-align: center;}


.button {
	display: inline-block;
	cursor: pointer;
	background-color: #e6e6e6;
	border-radius:5px;
	border:1px solid #ccc;
	box-sizing: border-box;
	transition: background .15s ease-out;
	font-size: 14px;
	line-height: 35px;
	border-radius: 4px;
	color: #222;
	padding: 0px 15px;
}
.button:hover, 
.button.selected  {
	text-decoration: none;
	background-color: #222;
	color: #fff;
}
.button.margin {
	margin-right: 8px;
	margin-bottom: 8px;
}


.litepro {
	text-align:center;
} 
.litepro div {
	width:290px;
	display:inline-block;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 15px 15px;
	box-shadow: 0 0 0 1px #e6e6e6;
	border-radius: 6px;
	line-height:20px;
}






.blocks {
	margin-bottom:50px;
	text-align:center;
	z-index:1000;
}
.blocks div {
	box-sizing: border-box;
	padding: 15px;
	margin: 0 10px 15px;
	box-shadow: 0 0 0 1px #e6e6e6;
	border-radius: 6px;
	width: 300px;
	height:80px;
	display:inline-block;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}

.my_radio_width {
	min-width:500px;
}

.statsblocks {
	display:inline-block;
	max-width:100%; 
	margin-bottom:5px; padding:5px 10px; 
	background:#fcfcfc; border:1px #ccc solid; text-align:left;
}

.codeblock {
	font-size:13px;
	border-radius: 4px;
	border: 1px solid #e1e1e8;
	background:#f8f8f8;
	padding:8px;
}

.tophits {background:transparent; max-width:500px; margin: 0 auto;}
.tophits td {border:0px;}
.tophits img {max-width:none;}

/* HEADER */

header {
	margin-top:33px;
	background-color: #c00600;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	color: #fff;
	transition: all .2s; 
	box-shadow: 0 0 10px rgba(0,0,0,0.4);   
}
.header__menu {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 33px;
	padding: 0 20px;
	box-sizing: border-box;
	background: #444;
	color: #fff;
	transition: all .1s; 
	z-index: 1000;
}
.header__menu a {
	color: #fff;
}
.header__dev {
	display: inline-block;
	padding: 0 10px;
	white-space: nowrap;
	max-width: 60%;
}
.header__container {
	width: 100%;
	margin: 0 auto;
	max-width: 1020px;
	padding: 0 20px;
	position: relative;
	box-sizing: border-box;
}

 
#vm_im_div {
    top: 33px !important;
}


/* HEADER MENU */

nav.header__main-menu {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
a.header__logotype {
	display: block;
	float: left;
	line-height: 60px;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	transition: all .2s; 
	font-family: LetoSans, sans-serif;
	padding-left: 50px;
	padding-right: 10px;
	background: url('img/logo.png') no-repeat left;
	background-size: 40px;
}
ul.main-menu {
	float: right;
}
ul.main-menu li {
	float: left;
	margin-left: 25px;
	line-height: 60px;
	font-size: 16px;
	transition:all .2s; 
}
ul.main-menu li:first-child { margin-left: 0px; }
ul.main-menu li > a:hover {
	opacity: .8;
	transition:all .2s; 
}
.login_area {
	line-height:32px;
	max-width:980px;  
	margin:0 auto;
}    
.login_area select {
	background-color:#F8F8F8;
	font-weight:bold;
	font-size:14px;
	padding:2px;
	border:1px solid #ccc;   
	border-radius:3px;
	height:33px;
	min-width:40px;
}

/* HEADER FIXED */

.fixed header {
	margin-top: 0px;
	transition: all .2s;
	color: #fff;
	background-color: #c00600;
}
.fixed .header__menu {
	visibility: hidden;
	height: 0;
	transition: all .2s;
	color: transparent;
	z-index: 10;
}
  
/* MOBILE MENU */

.header__mobile-button-open {
	cursor: pointer;
	float: right;
	width: 50px;
	height: 50px;
	padding-top:10px;
	background: url('img/mobile_icon_menu.svg') no-repeat center;
	background-size: 60%;
	display: none;
}
.header__mobile-button-close {
	cursor: pointer;
	float: right;
	width: 50px;
	height: 50px;
	padding-top:10px;
	background: url('img/mobile_icon_menu_close.svg') no-repeat center;
	background-size: 50%;
}
.header__mobile-menu {
	display: none;
	transition: all .4s;
	transform: translateY(0);
}
.header__mobile-menu.open {
	visibility: visible;
	height: 100%;
	box-sizing: border-box;
	z-index: 9;
	background: #444;
	transition: all .4s;
	transform: translateY(0);
}
.header__mobile_menu-head {
	margin-top: 33px;
	line-height: 60px;
	box-sizing: border-box;
	padding: 0 10px;
}
ul.mobile-menu {
	float: left;
  width: 100%;
	box-sizing: border-box;
  padding: 0 20px;
  border-top: 1px solid #666;
  padding-top: 10px;
}
ul.mobile-menu li {
	float: left;
	width: 100%;
  line-height: 50px;
  font-size: 18px;
  font-weight: 400;
	text-align: center;
}
ul.mobile-menu .body-header {
	float: left;
	width: 100%;
	border-top: 1px solid #666;
	padding-top: 20px;
}



/* HOMEHEADER */

.homeheader {
	display: block;
	width: 100%;
	background: #d60000;
	height: 550px;
	position: relative;
	overflow: hidden;
	z-index:100;
}
.homeheader:before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url('img/home_banner.jpg') no-repeat center;
	background-size: cover;
	opacity: .4;
}
.homeheader__container {
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	box-sizing: border-box;
}

/* SVG PARALLAX */

.homeheader svg {
	height: 79px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.homeheader .parallax > use {
	animation: move-forever 12s linear infinite;
}
.homeheader .parallax > use:nth-child(1) {
	animation-delay: -2s;
}
.homeheader .parallax > use:nth-child(2) {
	animation-delay: -2s; 
	animation-duration: 5s
}
.homeheader .parallax > use:nth-child(3) {
	animation-delay: -4s; 
	animation-duration: 3s
} 
.homeheader .editorial {
	display: block;
	width: 100%;
	height: 100px !important;
	max-height: 100vh;
	margin: 0;
}
@keyframes move-forever {
	0% {
		transform: translate(-90px , 0%)
	}
	100% {
		transform: translate(85px , 0%)
	} 
}



/* CONTENT */

main { 
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	box-sizing: border-box;
	padding: 0px 15px;
}

.content__service-description {
	box-sizing: border-box;
	padding: 15px;
	margin: 20px 0px;
	box-shadow: 0 0 0 1px #e6e6e6;
	border-radius: 6px;
	position: relative;
}
.content__service-description p {
	margin: 0;
	font-size: 14px;
	line-height: normal;
	color: #555;
}
.content__service-description:before{
	content: '';
	position: relative;
	margin-right: 15px;
	float: left;
	width: 65px;
	height: 65px;
	background: url('img/micicon.svg') no-repeat center;
	background-size: 65%;
	opacity: 0.4;
	box-shadow: 0 0 0 1px #555;
	border-radius: 50%;
}


/* GENRES MENU */

.genres {
	width: auto;
	position: relative;
	overflow: hidden;
	height: 40px;
	box-sizing:border-box;
	margin-top:15px;
	display: inline-block;
	margin-right: -10px;
}
.genres.full {
	height: auto;
}

/* TARIFFS */

.tariffs_buttons { 
	text-align:center;
}
.tariffs_buttons div { 
	margin:8px 20px 0;
	display: inline-block;
}

.hot-button { 
	background:url(img/hot.png) no-repeat scroll 5px 5px transparent; 
}

.content__tariffs {
	position: relative;
	box-sizing: border-box;
}

.content__tariffs h3 {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px;
	color: #c00600;
}
select.price-converter {
	display: inline-block;
	font-size: 20px;
	line-height: 17px;
	margin-bottom: -5px;
	padding: 0 5px;
	border-radius: 4px;
	margin-left: 5px;
	border: 0;
	box-shadow: 0 0 0 1px #aaaaaa;
	outline: none;
}
.content__tariffs-description {
	box-sizing: border-box;
	padding: 0 15px;
	margin-bottom: 10px;
}
.content__tariffs-description p {
	font-size: 14px;
	text-align: center;
	color: #555;
	margin: 0;
}

/* TARIFF ITEM */

.content__tariffs-item {
	float: left;
	box-sizing: border-box;
	width: 33.33%;
	padding: 15px;
}
.content__tariffs-box {
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	box-shadow: inset 0 0 0 1px #dddddd;
	border-radius: 28px;
	transition: all .4s;
	cursor: pointer;
}
.content__tariffs-box:hover {
	box-shadow: inset 0 0 0 1px #c00600;
}
.content__tariffs-item h4 {
	text-align: center;
	font-size: 22px;
	color: #000;
	font-weight: 400;
}
.content__tariffs-item .tariff-box {
	text-align: center;
	font-size: 22px;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.content__tariffs-item .tariff-price {
	text-align: center;
	font-size: 30px;
	color: #c00600;
	font-weight: 500;
	margin: 0;
}
.content__tariffs-item .tariff-price:after{
	content: attr(date-price);
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	margin-left: 5px;
}
.content__tariffs-item .tariff-box span {
	display: block;
	text-align: center;
	font-size: 15px;
	color: #888;
	font-weight: 500;
	text-decoration: overline;
	margin-top: 5px;
}
.content__tariffs-item .tariff-info {
	padding-top: 15px;
	text-align: center;
	font-size: 15px;
	line-height: 32px;
	font-weight: 400;
	color: #222;
}
.content__tariffs-item .tariff-info ul {
	margin: 0;
	padding: 0;
}
.content__tariffs-item .tariff-info ul li {
	display: block;
}
.content__tariffs-item .tariff-exclude {
	color: #c00600;
}
.content__tariffs-item a.tariff-more {
	display: block;
	width: 50%;
	margin: 15px 25%;
	text-align: center;
	line-height: 40px;
	box-shadow: 0 0 0 2px;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #c00600;
	transition: all .4s;
}
.content__tariffs-item a.tariff-more:hover{
	background: #c00600;
	color: #fff;
	text-decoration: none;
}
.content__tariffs-all {
	position:relative;
	text-align: center;
}
.content__tariffs-all a {
	display: inline-block;
	text-align: center;
	padding: 0 30px;
	line-height: 36px;
	box-shadow: 0 0 0 2px;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	transition: all .4s;
}
.content__tariffs-all a:hover {
	background: #222;
	color: #fff;
	text-decoration: none;
}
.content__tariffs-payments {
	text-align: center;
}
.content__tariffs-payments img {
	width: 10%;
	max-width:68px;
	height: auto;
}
.content__tariffs-payments .paypal {
	width: 12%;
	max-width:78px;
}

/* FOOTER */

footer {
	margin: 70px auto 0;
	position: relative;
	box-sizing: border-box;
	padding: 0px 15px;
	border-top: 1px solid #ddd;
	background: #fff;
	clear: both;
}

.footer__container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    padding: 25px 0px;
    margin: 0 auto;
    box-sizing: border-box;
}

.footer__apps {
	text-align: center;
	margin-bottom:20px;
}
.footer__apps a {
	opacity: .7;
}
.footer__apps a:hover {
	opacity: 1;
}  


/* SOCIAL BUTTONS */

.footer__social-buttons {
	text-align: center;
	margin: auto;
	max-width:350px;
	padding: 0;
	margin-bottom: 20px;
}                            
.footer__social-buttons ul.social-buttons {
	margin: 0;
	padding: 0;
	font-size: 0;
}
.footer__social-buttons ul.social-buttons li {
	display: inline-block;
}
.footer__social-buttons ul.social-buttons li > a.social-button {
	content: '';
	width: 40px;
	height: 40px;
	padding: 5px;
	margin: 0 5px;
	position: relative;
	opacity: .7;
	border-radius: 50%;
	box-sizing: border-box;
}
.footer__social-buttons ul.social-buttons li > a.social-button {
	background-color: #000;
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}
.footer__social-buttons ul.social-buttons li > a.social-button:hover {
	opacity: 1;
}
.footer__social-buttons ul.social-buttons li > a.social-button-vk {
	background-image: url('img/social_vk.svg');
	background-size: 55%;
}
.footer__social-buttons ul.social-buttons li > a.social-button-ok {
	background-image: url('img/social_ok.png');
}
.footer__social-buttons ul.social-buttons li > a.social-button-facebook {
	background-image: url('img/social_facebook.svg');
}
.footer__social-buttons ul.social-buttons li > a.social-button-instagram {
	background-image: url('img/social_instagram.svg');
}
.footer__social-buttons ul.social-buttons li > a.social-button-youtube {
	background-image: url('img/social_youtube.svg');
}
.footer__social-buttons ul.social-buttons li > a.social-button-tiktok {
	background-image: url('img/social_tiktok.svg?v1');
	background-size: 42%;
}
.footer__social-buttons ul.social-buttons li > a.social-button-telegram {
	background-image: url('img/social_telegram.svg');
}



/* FOOTER BOTTOM MENU */

.footer__container ul.menu {
	display: flex;
	text-align: center;
	width: 100%;
	margin: auto;
	padding: 0;
	justify-content: space-between;
}
.footer__container ul.menu li {
	text-decoration: none;
	opacity: 0.7;
	display: flex;
	align-items: center;
}
.footer__container ul.menu li > a {
	/* line-height: 18px; */
	font-size: 15px;
}
.footer__container ul.menu li > a:hover{
	opacity:.7;
}
.footer__container ul.menu.footer-menu {
	max-width: 50%;
	margin-bottom: 10px;
}
.footer__container ul.menu.copyright-menu {
	max-width: 550px; 
	margin-top: 11px;
}
.footer__container ul.menu.copyright-menu li > a {
	font-size: 14px;
}

/* FOOTER COPYRIGHT */

.footer__copyright {
	margin-top: 25px;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.footer__copyright-company {
	font-size: 13px;
	line-height: 50px;
	width: 100%;
	text-align: center;

}
.footer__copyright-company a {
	color: #888;
}

.footer__copyright-company a:hover {
	text-decoration:none;
	opacity: .7;  
}



/* OTHER STYLES */
.boxradios {
	margin: 0px -8px;
}

.boxradio {
    float: left;
    position: relative;
    padding: 8px;
    width: 25%;
    display: block;
    z-index:1;
    box-sizing: border-box;
    transition: transform .7s;
    transition: transform .7s,-webkit-transform .7s;
}
.boxcover {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}
.boxradio:hover {
    transform: translateY(-12px);
}

.boxdiv {
    float: left;
    width: 100%;
    height: 0;
    z-index: 1;
    padding-bottom: 100%;
    position: relative;
    box-shadow: 0 8px 24px 0 rgba(0,0,0,.08);
    border-radius: 5px;
    overflow: hidden;
    transition: transform .7s;
    transition: transform .7s,-webkit-transform .7s;
}
.boxtitle {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    z-index: 2;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.boxinfo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 10px;
    background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 70%,rgba(0,0,0,.7));
}
.boxsong {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.boxplay {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 10px;
    cursor: pointer;
    top: 10px;
    background: rgba(255, 255, 255, 1) url(img/page_play.svg) no-repeat center;
    background-size: 45%;
    background-position: 55% 50%;
    border-radius: 50%;
    transition: all .4s;
		opacity:0.9;
}
.boxplay:hover {
    background-size: 40%;
    background-position: 55% 50%;
		opacity:1;
}
.boxlisteners {
    position: absolute;
		top: 2px;
    right: 6px;
    font-size: 12px;
    margin-top: 2px;
    color:#fff;
    letter-spacing: 0.8px;
		text-shadow: 0 0 3px #444;
}
.boxartist {
    float: left;
    width: 100%;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    font-size: 0.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.boxlogodiv {
    position:relative;
    width:100%;
    float:left;
    transform: translateY(0%);
    transition: all .4s;
    margin-top: 10px;
}
.boxlogodiv img {
    float:left;
    width:100%;
    height:auto;
    position:relative;
    border-radius:4px;
}
.boxradio:hover .boxlogodiv {
    transform: translateY(134%);
    transition: all .4s;
    margin-top: -25%;
}



.bodyscroll{
    float:left;
    position:relative;
    width: 100%;
    height: 100%;
    background: #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.dropdown { position: relative; display: inline-block;  width: 115px;  vertical-align:top;}
.dropdown-main { cursor: pointer; background-color: #444; color: white; border: none; padding:7px 10px; width:100%;  vertical-align:top;}
.dropdown-child { display: none; position: absolute; z-index:10;  width:100%; }
.dropdown-child a { color: #333; background-color: #eee; padding:7px 10px; text-decoration: none; display: block; border-bottom: 1px solid #ccc; }
.dropdown-child a:hover { background-color: #f8f8f8; }
.dropdown:hover .dropdown-child { display: block; }

.namepriceselect{
    color:#000;
    font-size:17px;
    line-height:20px;
}


/* OUR CLIENTS */

.ourclients { text-align:center;} 
.ourclients div {text-align:center; padding-bottom:8px; display:block; float:left; width:25%; text-align:center; text-decoration:none;}
.ourclients img {border-radius:8px; width:auto; width:90%;}


/* YOUTUBE */
#my_youtube {display:none; position:fixed; right:10px; bottom:10px; max-width:95%; width:480px; height:260px; z-index:100000;}
#my_youtube_topline {position:absolute; top:-30px; line-height:30px; left:0px; right:0px; vertical-align:middle; background:#eee; font-size:15px; padding:0px 8px;}
#my_youtube_topline img {vertical-align: middle; width:26px; margin-right:6px;}
#my_youtube_close {cursor:pointer; float:right; font-size:24px;}
#my_youtube_video {width:100%; height:100%;}


/* SWIPER SLIDES */

.slider-wrapper {
	position: relative;
	flex-direction: column;
}
.slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.swiper-slide__content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.peppermint-slides {
	height: 100%;
}
.swiper-slide__content h2 {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #fff;
	line-height: 1;
	margin: 0;
	margin-top: 180px;
	display: inline-block;
}
.swiper-slide__content h3 {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 26px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	margin-top: 10px;
}
.new-radio {
	position: relative;
	text-align: center;
	display: inline-block;
	padding: 0 35px;
	width: auto;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 120px;
	line-height: 50px;
	box-shadow: 0 0 0 2px;
	border-radius: 25px;
}
.new-radio:before {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: -70px;
	left: 50%;
	margin-left: -25px;
	background: url('https://myradio24.com/img/arrow-dw.svg') no-repeat center;
	background-size: 90%;
	transition: transform .7s;
}
.new-radio:hover:before {
	transform: translateY(12px);
}
.peppermint-dots {
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0;
	position: absolute;
	left: calc(50% - 47px);
	top: calc(480px - 10px);
	z-index:200;
}
.peppermint-dots li {
	float: left;
	margin: 0 4px;
	outline: none;
}
.peppermint-dots li span {
	display: table;
	width: 11px;
	height: 11px;
	background: rgba(0,0,0,.5);
	border-radius: 50%;
	cursor: pointer;
}
.peppermint-active-dot span {
	background: white !important;
}

/* Peppermint minimal required styles */

.peppermint.peppermint-active {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.peppermint.peppermint-active .peppermint-slides {
    position: relative;
    overflow: hidden; /* clearfix */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.peppermint.peppermint-active .peppermint-slides > * {
    float: left;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

.peppermint.peppermint-active .peppermint-slides a:active,
.peppermint.peppermint-active .peppermint-slides a:active img {
    outline: none;
}

.peppermint.peppermint-active,
.peppermint.peppermint-active .peppermint-dots,
.peppermint.peppermint-active .peppermint-slides,
.peppermint.peppermint-active .peppermint-slides > * {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.peppermint.peppermint-mouse .peppermint-slides {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.peppermint.peppermint-mouse.peppermint-drag .peppermint-slides * {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}


/* TABLE ORDERS */
.table-body {
	font: normal 13px Verdana; 
	max-width:420px; 
	background-color:#fff !important; 
	margin:0 auto; 
	padding:0px 10px;
}



/* @MEDIA QUERIES */

/* max-width 800px */

@media screen and (max-width: 800px) {


	ul.main-menu {
		display: none;
	}
	header {
		box-shadow: 0 1px 0 0 rgba(255,255,255,0.04);
		transition: all .2s;
		color: #fff;
	}
	.header.fixed {
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.04);
    transition: all .2s;
    color: #fff;
	}
	.footer__container ul.menu li {
		text-decoration: none;
		font-size: 15px;
		line-height: 18px;
		display: flex;
		align-items: center;
	}
	a.header__logotype {
		color: #fff;
		padding-right: 0px;
	}
	.header__menu, .header__container {
		padding: 0 10px;
	}
	.swiper-slide__content h3 {
		position: relative;
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		color: #fff;
		margin: 0;
		margin-top: 10px;
	}
	.new-radio {
		position: relative;
		text-align: center;
		display: inline-table;
		padding: 0 35px;
		width: auto;
		font-size: 22px;
		font-weight: 400;
		color: #fff;
		margin: 0 auto;
		margin-top: 60px;
		line-height: 50px;
		box-shadow: 0 0 0 2px;
		border-radius: 25px;
	}
	.homeheader {
		float: left;
		width: 100%;
		background: #d60000;
		height: 440px;
		position: relative;
	}
	.homeheader svg {
		height: 49px;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.header__mobile-button-open {
		display: block;
	}
	.header__mobile-menu {
		display: block;
		visibility: hidden;
		overflow: hidden;
		height: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		transition: all .4s;
		transform: translateY(0);
	}
	.boxradios {
		margin: 0px -8px; 
	} 
	.boxradio {
		float: left;
		position: relative;
		padding: 8px;
		padding-bottom:0px;
		display:block;
		width:33.33%;
		box-sizing: border-box;
		transition: transform .7s;
	}
	.boxradio:nth-child(4){
		display:none;
	}
	.boxtitle{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 5px;
		z-index: 2;
		font-size:1rem;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.boxartist {
		float: left;
		width: 100%;
		color: rgba(255, 255, 255, 0.9);
		font-weight: 400;
		font-size: .8rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	

	.ourclients div {width:33%; font-size:13px;}
	.ourclients div:nth-child(7), .ourclients div:nth-child(8) {
		display:none;
	}

	.footer__container ul.copyright-menu {
		display: block;
		text-align: center;
		margin: auto;
		padding: 0;
	}
	.footer__container ul.copyright-menu li {
		text-decoration: none;
		display: block;
	}
	.footer__container ul.copyright-menu li > a {
		line-height: 30px;
		font-size: 15px;
		margin: 0 auto;
	}
	.footer__copyright-company {
		display:none;
	}
	.footer__container ul.menu.footer-menu {
		display: none;
	}
  .swiper-slide__content {
		display: grid;
		height: 100%;
		padding:0 15px;
		text-align:center;
  }  
	.swiper-slide__content h2 {
		position: relative;
		width: 100%;
		text-align: center;
		font-size: 32px;
		color: #fff;
		line-height: 1;
		margin: 0;
		margin-top: 90px;
		display: inline-block;
	}
	.swiper-slide__content .new-radio {
		margin-bottom: 90px;
	}  
 .peppermint-dots {
		top: calc(375px + 30px);
	}
	.content__tariffs-item {
		float: left;
		box-sizing: border-box;
		width:50%;
		padding: 15px;
	}
	.homepage .content__tariffs-item:nth-child(4){
		display:none;
	}
	.tariff-info {
		font-size: 13px;
	}

	.content__tariffs-all a {
		font-size: 13px;
	}
}

/* max-width 600px */

@media screen and (max-width: 600px) {
	.login_area select {
		max-width:50px;
	}
	.my_radio_width {
		min-width:320px;
	}
	.boxradio {
		float: left;
		position: relative;
		position: relative;
		padding: 8px;
		visibility: visible;
		padding-bottom:0px;
		width:50%;
		display: block;
		box-sizing: border-box;
		transition: transform .7s;
	}
	.boxradio:nth-child(4){
		display: block;
	}
	.boxtitle {
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 5px;
		z-index: 2;
		font-size:1rem;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.boxartist {
		float: left;
		width: 100%;
		color: rgba(255, 255, 255, 0.9);
		font-weight: 400;
		font-size: .8rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.content__tariffs-item {
		float: left;
		box-sizing: border-box;
		width:100%;
		padding: 15px;
	}
	.tariff-info {
		font-size: 15px;
	}
	
	.ourclients div {width:50%; font-size:13px;}
}

/* max-width 360px */

@media screen and (max-width: 360px){
  .swiper-slide__content .new-radio {
    margin-bottom: 110px;
    margin-top:40px;
  } 
  .swiper-slide__content h2 {
    font-size: 28px;
  }
  .swiper-slide__content h3{
    font-size: 14px;
  }
}