/* font-family: "MuseoSansRegular"; */
@font-face {
    font-family: "MuseoSansRegular";
    src: url("./fonts/MuseoSansRegular/MuseoSansRegular.eot");
    src: url("./fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
    url("./fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansBold"; */
/*@font-face {
    font-family: "MuseoSansBold";
    src: url("./fonts/MuseoSansBold/MuseoSansBold.eot");
    src: url("./fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
    url("./fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansItalic"; */
/*@font-face {
    font-family: "MuseoSansItalic";
    src: url("./fonts/MuseoSansItalic/MuseoSansItalic.eot");
    src: url("./fonts/MuseoSansItalic/MuseoSansItalic.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansItalic/MuseoSansItalic.woff") format("woff"),
    url("./fonts/MuseoSansItalic/MuseoSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansLight"; */
/*@font-face {
    font-family: "MuseoSansLight";
    src: url("./fonts/MuseoSansLight/MuseoSansLight.eot");
    src: url("./fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
    url("./fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansMedium"; */
/*@font-face {
    font-family: "MuseoSansMedium";
    src: url("./fonts/MuseoSansMedium/MuseoSansMedium.eot");
    src: url("./fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
    url("./fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansBlack"; */
/*@font-face {
    font-family: "MuseoSansBlack";
    src: url("./fonts/MuseoSansBlack/MuseoSansBlack.eot");
    src: url("./fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
    url("./fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansBoldItalic"; */
/*@font-face {
    font-family: "MuseoSansBoldItalic";
    src: url("./fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot");
    src: url("./fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.woff") format("woff"),
    url("./fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansMediumItalic"; */
/*@font-face {
    font-family: "MuseoSansMediumItalic";
    src: url("./fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot");
    src: url("./fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.woff") format("woff"),
    url("./fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansLightItalic"; */
/*@font-face {
    font-family: "MuseoSansLightItalic";
    src: url("./fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot");
    src: url("./fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansLightItalic/MuseoSansLightItalic.woff") format("woff"),
    url("./fonts/MuseoSansLightItalic/MuseoSansLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/
/* font-family: "MuseoSansBlackItalic"; */
/*@font-face {
    font-family: "MuseoSansBlackItalic";
    src: url("./fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot");
    src: url("./fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("./fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.woff") format("woff"),
    url("./fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/


body {
	margin:0;
	font-family: "MuseoSansRegular", "Helvetica","Arial", sans-serif;
	color: #666;
	/*background: url(./kyivstar/bg-blue.jpg) repeat-y #F7F8FB; */
	background-size:100% auto;
	cursor:default;
     word-wrap: break-word;
    line-height: 1.3;
}

/*-- СЛУЖЕБНЫЕ СТИЛИ (не менять) --*/

div.deliver{
	margin-bottom:10px;
	position:relative;
	padding:3px;
}

div.relative{
	position:relative;
}

div.absolute{
	position:absolute;
}

div.table {
	display:table;
	position:relative;
	width:100%;
}

div.centertable {
	display:table;
	position:relative;
	margin:0 auto;
}

div.cellrelative {
	display:table-cell;
	position:relative;
}

div.inlinerelative {
	display:inline-block;
	position:relative;
}

div.verseparator {
	display:table-cell;
	height:100%;
}

div.horseparator {
	display:block;
	width:100%;
}

table.allwidth {
	width:100%;
}


/*-- ЗАТЕМНЯЮЩИЙ ФОН --*/

div.fon{
	display:none;
	background:#000000;
	width:100%;
	height:100%;
	position:fixed;
	z-index:400;
	opacity:0.8;
}

a {
	color:#229fff;
	text-decoration:none;
}
a:hover {
	color:#555;
	text-decoration:underline;
}

/*-- ОБЩИЙ СТИЛЬ ДЛЯ ВСЕХ КНОПОК --*/

input[type="button"]{
	background: #009BFF;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 45px;
    position: relative;
    transition: background 0s ease 0s, all 0.2s ease 0s;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
	margin: 5px auto;
}

input[type="button"]:hover {
	background: #fdda24;
    border: medium none;
    border-radius: 20px;
    color: #434343;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;;
    padding: 12px 45px;
    position: relative;
    transition: background 0s ease 0s, all 0.2s ease 0s;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
	margin: 5px auto;
}
input[type="button"]:focus{
	outline:none;
}
input[type="button"]:active{
	outline:none;
}



/*-- ОБЩИЙ СТИЛЬ КНОПКИ ЗАКРЫТЬ --*/

input.close{
	padding:3px 8px ;
	margin:0;
}

input.close:hover{
	padding:3px 8px ;
	margin:0;
}
div.head-form input.ordercall{
	background: none;
    border: medium none;
    border-radius: 0;
    color: #333333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: none;
    margin: 0px auto 5px;
    padding: 0;
	text-align:center;
    position: relative;
    transition: all 0.5s ease 0s;
	color:#009EFF;
	font-family:"MuseoSansRegular","Helvetica","Arial",sans-serif;
	text-transform:uppercase;
}
div.head-form input.ordercall:hover{
	color:#999;
}

input.ordercall, input.ordercall:hover{
	margin:15px auto 5px;
	font-size:16px;
	padding:12px 90px;
	border:none;
	box-shadow:none;
}

input.ordercall:active, input.ordercall:focus{
	outline:none;
}



/*-- ОБЩИЙ СТИЛЬ ДЛЯ ПОЛЕЙ ВВОДА --*/

input[type="text"]{
	font-size:14px;
	width:100%;
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#fff;
	outline:none;
	color: #555;
	border: 1px solid #888;
	border-radius:5px;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}
input[type="text"]:focus{
	box-shadow:0 0 3px #009EFF;
	outline:none;
}
input[type="text"]:active{
	outline:none;
}


/*-- СТИЛЬ ДЛЯ ПОЛЯ ВВОДА ПАРОЛЯ --*/

input[type="password"]{
	font-size:14px;
	width:100%;
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#fff;
	outline:none;
	color: #555;
	border: 1px solid #888;
	border-radius:5px;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}

input[type="password"]:focus{
	box-shadow:0 0 3px #009EFF;
	outline:none;
}
/*-- СТИЛЬ ДЛЯ ПОЛЯ ВВОДА (при ошибке) --*/

input.fail{
	font-size:12px;
	width:100%;
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#ffdcdc;
	outline:none;
	color:#000;
	border:1px solid #ffa2a2;
}

input.fail:focus{
	box-shadow:0 0 3px #ff5656;
}
/*-- СТИЛЬ ДЛЯ ТЕКСТОВОГО БЛОКА --*/

textarea {
	font-size:14px;
	width:100%;
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#fff;
	outline:none;
	color: #555;
	border: 1px solid #888;
	border-radius:5px;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}

textarea:focus{
	box-shadow:0 0 3px  #009EFF;
	outline:none;
}
textarea:active{
	outline:none;
}
/*-- СТИЛЬ ДЛЯ ТЕКСТОВОГО ПОЛЯ (при ошибке) --*/

textarea.fail{
	font-size:12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:100%;
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#ffdcdc;
	outline:none;
	color:#000;
	border:1px solid #ffa2a2;
}

textarea.fail:focus{
	box-shadow:0 0 3px #ff5656;
}
/*-- СТИЛЬ ДЛЯ ВЫПАДАЮЩЕГО СПИСКА --*/

select{
	font-size:14px;
	/*width:100%;*/
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#fff;
	outline:none;
	color: #555;
	border: 1px solid #888;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
	border-radius:5px;
}

select:focus{
	box-shadow:0 0 3px #009eff;
}
/*-- СТИЛЬ ДЛЯ ВЫПАДАЮЩЕГО СПИСКА (при ошибке) --*/

select.fail{
	font-size:12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:100%;
	padding:5px;
	box-sizing:border-box;	
	-moz-box-sizing:border-box;
	background:#ffdcdc;
	outline:none;
	color:#000;
	border:1px solid #ffa2a2;
}

select.fail:focus{
	box-shadow:0 0 3px #ff5656;
}
/*-- СТИЛЬ НАДПИСИ ПРИ ОШИБКЕ --*/

div.textfail{
	font-size:11px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:3px 0;
	color:#000;
	padding:5px;
	border:1px solid #ffa2a2;
	background:#ffe8e8;
	border-radius:5px;
}

/*-- СТИЛЬ НАДПИСИ ПРИ ОШИБКЕ, ЗВЕЗДОЧКА --*/

td.solutionfail {
	color:red;
}

span.star {
	color:red;
}


/*-- СТИЛЬ НАДПИСИ КОГДА НИЧЕГО НЕ НАЙДЕНО --*/

div.nothingfound{
	text-align:center;
    color: red;
    font-size: 11px;
    font-weight: bolder;
    padding: 3px;
}


div.languages {
    width: 90px;
}
div.languages a {
}
div.languages .language, div.languages .languageact {
    float: left;
    margin-right: 3px;
}
div.languages .language a img {
    transition: all 0.5s ease 0s;
}
div.languages .languageact a img, div.languages .language:hover a img {
    opacity: 0.6;
}
div.languageact a {
    cursor: default;
}


/*-- ОБЩАЯ РАЗМЕТКА САЙТА --*/


/*-- Стиль для общего блока всего сайта--*/

div.allbloc {
	margin:0 auto;
	box-shadow:0 0 7px rgba(0, 0, 0, 0.25);
	background:#fff;
	max-width:1200px;
	width:100%;
	/*min-width:800px;*/
}

/*--Стиль для общего блока шапки сайта--*/

div.allheader {
	margin:0 auto;
}


/*--Стиль для верхнего блока шапки--*/

div.overhead {
	position:relative;
	height:0px;
}

/*--Стиль для  информации верхнего блока шапки--*/

div.overheadinfo {
	max-width:1140px;
	width:100%;
	display:table;
	margin:0 auto;
}


/*--Стиль для верхнего блока шапки часть слева--*/

div.overheadleft {
	vertical-align:middle;
}

/*--Стиль для верхнего блока шапки часть справа--*/

div.overheadright {
	vertical-align:middle;
}



/*--Стиль для блока шапки--*/

div.head {
	position:relative;
	border-top:3px solid #009eff;
}


/*--Стиль для информации блока шапки--*/

div.headinfo {
	max-width:1140px;
	width:100%;
	display:table;
	margin:0 auto;
    padding:0;
	
}


/*-- Деление шапки на четыре блока--*/

div.headcolumnlogo {
	width:200px;
	vertical-align:middle;
	padding:5px 20px 5px 0;
}

div.headcolumn1 {
	vertical-align:middle;
	width: 43%;
}

div.logo{
	display:block;
	width:100%;
	max-width:415px;
	min-width:290px;
	height:90px;
	padding:10px 0 10px;
}
div.logo img{
	float:left;
	transition: all 1.2s ease 0s;
}
div.logo:hover img{
	opacity:0.7;
    -moz-transform: rotate(90deg); /* Для Firefox */
    -ms-transform: rotate(90deg); /* Для IE */
    -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(90deg); /* Для Opera */
    transform: rotate(90deg);
}


div.logo a.log-separ{
	height:70px;
	width:1px;
	background:#009EFF;
	float:left;
	margin:10px 15px 10px 12px;
}
div.logo a{
	display:block;
	color:#333;
	font-size:28px;
	line-height:35px;
}
div.logo a span{
	font-size:24px;
	font-weight:bold;
}
div.logo a:hover{
	text-decoration:none;
}

div.headcolumn2 {
	vertical-align:middle;
	background:url(/img/head-provod.png) top left no-repeat;
	padding-left:85px;
	transition: all 0.6s ease 0s;
}
div.headcolumn2:hover{
	background-position: left -10px;
}

div.headcolumn3 {
	vertical-align:middle;
	/*width:280px;*/
}

div.headcolumn2row1 {
}

div.headcolumn3row1 {
	text-align:center;
}

div.head-center{
	font-size:19px;
}
div.head-right{
	font-size:17px;
}
div.head-right div.head-tel{
	padding-top:2px;
	font-size:20px;
	font-weight:bold;
	color:#333;
}

div.head-tel a:hover{
	text-decoration:none;
}
div.head-right div.grafik{
	font-size:13px;
}

/*--Стиль для нижнего блока шапки--*/

div.underhead {
	width:100%;
	margin:0 auto;
	background:#009EFF;
	border-top: 5px solid #fdda24;
}


/*--Стиль для информации нижнего блока шапки--*/

div.underheadinfo {
	width:100%;
	display:table;
	margin:0 auto;
}


/*--Стиль для левой части нижнего блока шапки--*/

div.underheadleft {
	float:left;
	vertical-align:middle;
}


/*--Стиль для правой  части нижнего блока шапки--*/

div.underheadright {
	vertical-align:middle;
	width:225px;
}

/*--Общий блок под шапкой, центральный--*/

div.allcenter {
	max-width:1140px;
	width:100%;
	margin:0 auto;
}

table.allcenterblock{
	width:100%;
	padding-top:15px;
}


/*--Центральный блок, левая колонка--*/

td.leftcolumn {
	width:240px;
	padding-right:15px;
}

div.leftcolumn {
	width:240px;
}


/*--Центральный блок, центральная колонка--*/

div.centercolumn {
	width:100%;
}

td.centercolumn {

}

/*--Внутренний блок центральной колонки--*/

div.centerinfo {
  
}

/*--Центральный блок, правая колонка--*/

div.rightcolumn {
	max-width:250px;
}

td.rightcolumn {
	padding-left:5px;
	width:250px;
}



/*--Создаём класс для общего блока подвала--*/

div.allfooter {
	background:#f5f7f9;
	/*background:#ECEEF0;*/
	border-top:1px solid #ccc;
	
	
}

div.allfooterinfo {
	width:95%;
	
	max-width:1120px;
	display:table;
	margin:0 auto;
	padding:10px;
	
}

div.overfooter {
	
}
div.overfooter div.head-right{
	
	text-align:center;
}
div.overfooter a.connect  {
display:block;
margin:5px auto;
background: #fdda24 none repeat scroll 0 0;
    border-radius: 20px;
    color: #434e55;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 45px;
    position: relative;
    transition: background 0s ease 0s, all 0.2s ease 0s;
	border:none;
	/*width:150px;*/
	text-align:center;
}
div.overfooter a.connect.two{
	background:#229fff;
	color:#fff;
	text-decoration:none;
}
div.overfooter a.connect.two:hover, div.overfooter a.connect:hover{
	background:#ccc;
	color:#444;
	text-decoration:none;
}

div.overfooter div.copyright{
	color:#444;
    text-align:left;
    
}
div.overfooter div.copyright a{
	color:#000;
}
div.underfooter {
	
}

div.underfooterleft {
	
}

div.underfooterright {
	float:right;
}

a.powered {
	text-decoration:none;
	color:#555;
}




/*-- МОДУЛИ САЙТА --*/

/*-- РАЗДЕЛЫ НА ШАПКЕ (МЕНЮ) --*/

/*-- Подложка под разделы --*/

div.chaptershead {

}

/*-- Разделитель для разделов--*/

div.chapterseparator {
	/*width:1px;
	background:#0FADFF;*/
	display:block;
	float:left;
	height:43px;
	border-left:1px solid #0fadff;
}

/*-- Ссылки--*/
/*-- Стиль для ссылки неактивного раздела--*/

div.chapter a {
	text-decoration:none;
	color: #F7F8FB;
	font-size:19px;
	text-shadow:1px 1px 1px #0058B9;
}

/*-- Стиль для ссылки неактивного раздела при наведении--*/

div.chapter:hover a {
	text-decoration:none;
	color: #fff;
}

/*-- Стиль для ссылки активного раздела--*/

div.activechapter a {
	text-decoration:none;
	color: #fff;
	font-size:19px;
	text-shadow: 1px 1px 1px #0058B9;
}


/*-- Блоки--*/
/*-- Неактивный раздел--*/

div.chapter {
	padding:10px 20px;
	cursor:pointer;
	cursor:hand;
	box-shadow: 0 0 0 0 #229fff inset;
	transition: all 0.5s ease 0s;
	display:block;
	float:left;
}


/*-- Неактивный раздел при наведении --*/

div.chapter:hover {
	cursor:pointer;
	cursor:hand;
	box-shadow: 0 45px 0 0 #036CCD inset;
}

/*-- Активный раздел --*/

div.activechapter {
	padding:10px 20px;
	cursor:pointer;
	cursor:hand;
	background:#036CCD;
	display:block;
	float:left;
	
}



/*-- ВЫПАДАЮЩИЙ СПИСОК МЕНЮ--*/
/*-- Блок подменю разделов общий--*/

div.submenu{
	display:none;
	top:26px;
	left:-6px;
	z-index:200;
    box-shadow:0 0 2px #eee;
	border:1px solid #e8e8e8;
	background:white;
}

div.chapter:hover div.submenu{
	display:block;
}

div.activechapter:hover div.submenu{
	display:block;
}

/*-- Раздел подменю первый--*/

div.chaptersubmenu0{
	padding:5px 10px 5px 10px;
	white-space:nowrap;
	min-width:200px;
	border-bottom: 1px solid #d3d3d3;
}

div.chaptersubmenu0:hover {
	padding:5px 10px 5px 10px;
	white-space:nowrap;
	min-width:200px;
}

/*-- Раздел подменю второй--*/

div.chaptersubmenu1{
	padding:5px 10px 5px 10px;
	white-space:nowrap;
	min-width:200px;
	border-bottom: 1px solid #d3d3d3;
}

div.chaptersubmenu1:hover{
	padding:5px 10px 5px 10px;
	white-space:nowrap;
	min-width:200px;
	
}

/*-- Ссылка первого раздела подменю--*/


div.chaptersubmenu0 a.linksubmenu0{
	text-decoration:none;
	color:#777777;
}

div.chaptersubmenu0:hover a.linksubmenu0{
	text-decoration:underline;
	color:#777777;
}

/*-- Ссылка второго раздела подменю--*/


div.chaptersubmenu1 a.linksubmenu1{
	text-decoration:none;
	color:#777777;
}


div.chaptersubmenu1:hover a.linksubmenu1{
	color:#777777;
text-decoration:underline;
}



/*-- Блоки для расположения иконок  --*/

div.chaptericon {
	position:absolute;
	display:none;
}

/*-- Блоки для расположения иконок активных --*/

div.chaptericonact {
	display:none;
	position:absolute;
}

/*-- Действия с иконками при наведени на блоки --*/

div.chapter:hover div.chaptericon {
	display:none;
	position:absolute;
}

div.chapter:hover div.chaptericonact {
	position:absolute;
	display:none;
}


div.activechapter div.chaptericon {
	display:none;
	position:absolute;
}

div.activechapter div.chaptericonact {
	position:absolute;
	display:none;
}




/*-- МОДУЛЬ РАЗДЕЛЫ В КОЛОНКЕ --*/
/*-- Блок разделы --*/

div.chapters {
	background: #fafafa;
}

div.chaptersallblock {
   
}

/*-- Заголовок РАЗДЕЛЫ --*/

div.chapterstitle {
    display:none;
}

/*-- Иконка разделов --*/

div.chapterstitleicon {
   display:none;
}

/*-- Блок первого уровня разделов --*/
/*-- Ссылки --*/

div.chapter0 a {
	text-decoration:none;
	color: #707070;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    font-size:14px;
}


div.chapter0:hover a {
	text-decoration:none;
	color: #fff;
    font-size:14px;
}

div.chapter0act a {
	text-decoration:none;
	color: #fff;
    font-size:14px;
}


div.chapter0act:hover a {
	text-decoration:none;
	color: #fff;
    font-size:14px;
}

/*-- Плашки --*/


div.chapter0  {
	padding:15px;
	cursor:pointer;
	cursor:hand;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}


div.chapter0:hover  {
	cursor:pointer;
	cursor:hand;
	background: #545252;
}

div.chapter0act  {
	padding:15px;
	cursor:pointer;
	cursor:hand;
	background: #545252;
}


/*-- Блок второго уровня разделов --*/
/*-- Ссылки --*/


div.chapter1 a {
	text-decoration:none;
	color: #707070;
	font-size:12px;	
}


div.chapter1:hover a {
	text-decoration:none;
	color: #fff;
	font-size:12px;
}

div.chapter1act a {
	text-decoration:none;
	color: #fff;
	font-size:12px;
}

/*-- Плашки --*/


div.chapter1  {
	padding:10px 10px 10px 20px;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #fff;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}


div.chapter1:hover  {
	padding:10px 10px 10px 20px;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #fff;
	background: #545252;
}

div.chapter1act  {
	padding:10px 10px 10px 20px;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #fff;
	background: #545252;
}




/*-- Блок третьего уровня разделов --*/
/*-- Ссылки --*/


div.chapter2 a {
	text-decoration:none;
	color: #707070;
	font-size:12px;	
}


div.chapter2:hover a {
	text-decoration:none;
	color: #fff;
	font-size:12px;
}

div.chapter2act a {
	text-decoration:none;
	color: #fff;
	font-size:12px;
}

/*-- Плашки --*/


div.chapter2  {
	padding:10px 10px 10px 40px;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #fff;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}


div.chapter2:hover  {
	padding:10px 10px 10px 40px;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #fff;
	background: #545252;
}

div.chapter2act  {
	padding:10px 10px 10px 40px;
	cursor:pointer;
	cursor:hand;
	border-bottom: 1px solid #fff;
	background: #545252;
}








/*-- СТРАНИЦА РАЗДЕЛОВ В КАРТИНКАХ--*/
/*-- Блок для страницы разделов --*/

div.chaptersview {
    
}

/*-- Блок для страницы каталога --*/

div.chapterviewinfo {
	

}

/*-- Блок всех разделов --*/

div.chapterview {
   text-align:center;
	
}

/*-- Разделительная полоса по вертикали --*/

div.chapterviewverseparator {
	width: 1px;
}

/*--  Разделительная полоса по горизонтале --*/

div.chapterviewhorseparator {
	height: 1px;
}

/*-- Блок для картинки --*/

div.chapterviewimg {
	width:250px;
	height:150px;
	margin:0 auto;
}

/*-- Картинка --*/

img.chapterviewimg {
	max-width:250px;
	max-height:150px;
	border:0;
}


/*-- Позиционирование картинки --*/

div.chapterviewimgtable {
	display:table;
	height:150px;
	margin:0 auto;
}

div.chapterviewimgcell {
	display:table-cell;
	vertical-align:middle;
}

/*-- Вывод названия раздела над картинкой --*/
/*-- Блок названия раздела --*/

div.topchapterviewname {
	display:none;
}


/*-- Ссылка названия раздела --*/

div.topchapterviewname a{
	
}


div.topchapterviewname:hover a{
	
}


/*-- Вывод названия раздела под картинкой --*/
/*-- Блок для названия раздела --*/

div.bottomchapterviewname {
	padding:3px;
}

/*-- Ссылка названия раздела --*/

div.bottomchapterviewname a{
	text-decoration:none;
	color: #7d8087;
}

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





/*-- МОДУЛЬ  СЛАЙДЕР  --*/

/*--Разметка колонок для слайдера--*/
/*--Общий блок для слайдера--*/

div.centerunderslider {
	margin:0 auto;
	display:table;
	width:100%;
}

/*--Блок для информации слева от слайдера--*/

div.leftunderslider {

}

/*--Блок для информации справа от слайдера--*/

div.rightunderslider {
	vertical-align:top;
}


/*-- Подложка под модуль слайдер --*/
div.sliderback{
	
}

div.slider{
	margin:20px auto 0px;
	padding:0 20px;
}

/*-- Подложка под картинку в слайдере --*/

div.sliderimg {
	display:table-cell;
	position:relative;
	z-index:100;
}
img.sliderimg{
	border-radius:5px;
	width:100%;
	max-width:1140px;
	height:auto;

}
/*-- Подложка под текст на слайдере --*/

div.slidertext {
	z-index:200;
}


/*-- Блок для стрелок --*/

div.sliderarrows{
	position:relative;
	z-index:200;
	top:50%;
	vertical-align:middle;
}

/*-- Блок для стрелки влева --*/

div.sliderleftrel{
	position:relative;
	z-index:200;
	top:50%;
}


div.sliderleft{
	position:absolute;
	top:-18px;
}


/*-- Блок для стрелки вправо --*/

div.sliderrightrel{
	position:relative;
	z-index:200;
	top:50%;
	left:-25px;
}

div.sliderright{
	position:absolute;
	top:-18px;
	left:100%;
}

/*-- Стрелка влево --*/

input.sliderleft{
   padding:3px 6px;
}
input.sliderleft:hover{
   padding:3px 6px;
}
/*-- Стрелка вправо --*/

input.sliderright{
   	padding:3px 6px;
}
input.sliderright:hover{
   	padding:3px 6px;
}

/*-- Страницы на подложке --*/

div.sliderbottomin {
	margin:0 auto;
	position:relative;
	z-index:250;
	top:90%;
	display:none;	
}

/*-- Страницы вне подложки --*/

div.sliderbottomout {
	position:relative;
	z-index:250;
	margin:0 auto;
	top:6px;
}

/*-- Страницы слайдера отступ --*/
div.sliderbutton {
	padding:4px;
}

/*-- Страницы слайдера, неактивная --*/

div.slidernext {
	cursor:pointer;
	cursor:hand;
	width:45px;
	height:4px;
	background:#b0b8b9;
	font-size:0;
}

/*-- Страницы слайдера, активная --*/

div.slidernextact {
	cursor:pointer;
	cursor:hand;
	width:45px;
	height:4px;
	background:#e2534b;
	font-size:0;
}








/*-- МОДУЛЬ ПОИСКА --*/
/*-- Общий блок для модуля поиска --*/

div.search {
	position:relative;
	width:100%;
	display:table;
}

/*-- Блок для поля ввода --*/

div.searchinput {
	width:100%;
}

/*-- Поля ввода --*/

input.search {
	width:100%;
	background:none;
	border:1px solid #0FADFF;
	border-bottom:1px solid #dbdbdb;
	color:#fff;
	text-shadow: 1px 1px 1px #0058b9;
}
input.search:hover{
	border:1px solid #F7F8FB;
}
input.search:focus{
	border:1px solid #F7F8FB;
	box-shadow:0px 0px 4px #fff;
}

/*-- Блок для кнопки --*/

div.searchbut {
	padding:0 5px 0 5px;
	left:-30px;
}

input.searchbut {
	height:25px;
	background:url("/themes/kyivstar/search_p.png") center 8px no-repeat;
	width:25px;
	border:0;
	margin:0 auto;
	border-radius:none;
	/* font-size:0; */
	padding:0;
	opacity:0.75;
	transition: all 0.5s ease 0s;
}
input.searchbut:hover {
	height:25px;
	width:25px;
	border:0;
	font-size:0;
	padding:0;
	opacity:1;
	margin:0 auto;
	background:url("/themes/kyivstar/search_p.png") center center no-repeat;
}







/*-- МОДУЛЬ НОВОСТИ ПО ЦЕНТРУ (статьи) --*/
/*-- Заглавие новости (статьи) --*/


div.articlescentertitle {
    color: #353537;
	font-weight: bolder;
	font-size:25px;
	margin:8px 0 ;
	padding: 8px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	z-index: 100;
}

/*-- Иконка новости (статьи) --*/

div.articlescentertitleicon {
   display:none;
}

div.articlescentertitleicon  img{
	display:none;
	
}

/*-- Подложка под модуль новости  (статьи)  --*/

div.articlescenter {
   
}


/*-- Разделитель для новостей  (статьи)  --*/

div.articlescentverseparator {
	width: 1px;
}

div.articlescenthorseparator {
	height:1px;
	
}
/*-- Блок одной новости  (статьи)   --*/

div.articlecenter {
	padding:5px;
}


/*-- Блок для картинки  --*/

div.articlecenterimg {
	height:200px;
	margin:0 auto;
	text-align:center;
	display:table;
	width:100%;
	vertical-align:middle;
}

div.articleimgtable {
	display:table;
	width:100%;
}

div.articleimgcell {
	display: table-cell;
	height: 200px;
	vertical-align: middle;
}

/*-- Картинка   --*/

img.articlecenterimg {
	max-width:270px;
	max-height:200px;
	text-align:center;
	margin:0 auto;
	vertical-align:top;
}


/*-- Блок для названия и даты  --*/

div.articlecenterinfo {
	vertical-align:top;
    padding-left:5px;	
}

/*--  название   --*/

div.articlecentername {
	margin:10px 0 ;
}

div.articlecentername a {
	text-decoration:none;
	color: #ec6d58;
	font-size:14px;
}

div.articlecentername a:hover {
	text-decoration:none;
	color: #000;
	font-size:14px;
}

/*-- Краткий текст  --*/

div.articlecentershort {
	
}


/*-- Блок для кнопки читать все  --*/

div.articlecenterseeall {
	text-align:right;
}

input.articlecenterseeall {

}



/*-- МОДУЛЬ НОВОСТИ В КОЛОНКЕ (статьи) --*/
/*-- Общая подложка включая заглавие --*/

div.articlecolumnallblock {

}
/*-- Заглавие новости (статьи) --*/

div.articlescolumntitle {
	color: #353537;
	font-weight: bolder;
	font-size: 25px;
	margin-bottom: 3px;
	padding: 8px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	z-index: 100;
}

/*-- Иконка новости (статьи) --*/

div.articlescolumntitleicon {
	
	
}

/*-- Подложка под модуль новости  (статьи) без заглавия --*/

div.articlescolumn {
	
}


/*-- Разделяющая полоса  --*/

div.articlecolumnseparator {
   border-bottom: 1px solid #f2f2f2;
}


/*-- Блок одной новости  (статьи)  --*/

div.articlecolumn {

}

/*-- Блок картинки слева  --*/

div.articlecolumnimgleft {
	width:190px;
	margin:0 auto;
	text-align:center;
	
	
}


/*-- Картинка слева  --*/

img.articlecolumnimgleft {
	max-width:178px;
	max-height:88px;
	text-align:center;
	margin:0 auto;
}



/*-- Блок картинки справа  --*/

div.articlecolumnimgright {
	width:190px;
	height:100px;
	margin:0 auto;
	text-align:center;
}


/*-- Картинка справа  --*/

img.articlecolumnimgright {
	max-width:190px;
	max-height:100px;
}


/*-- Блок для названия и даты  --*/

div.articlecolumninfo {
	padding:3px 0 3px 0;
}


/*--  название   --*/

div.articlecolumnname a {
	text-decoration: none;
	color: #ec6d58;
	font-size: 14px;
}

div.articlecolumnname a:hover {
	text-decoration:none;
	color:#000;
	font-size: 14px;
}

/*-- дата  --*/

div.articlecolumndate {
	color:silver;
	font-size: 11px;
	text-align:right;
}

div.articlecolumnseeall {
	text-align:right;
}

input.articlecolumnseeall {

}



/*-- СТРАНИЦА НОВОСТЕЙ (статей) --*/
/*-- Подложка под модуль новости  (статьи)  --*/

div.articlespage {
   
}

/*-- Разделитель по вертикале --*/

div.articlesverseparator {
	width: 1px;
}

/*-- Разделитель по горизонтале --*/

div.articleshorseparator {
	height:1px;
}

/*-- Блок одной новости  (статьи)  --*/

div.articlepage {
	padding:5px;
}



/*-- Блок картинки слева  --*/

div.articlepageimg {
	width:180px;
	vertical-align:middle;
	display:table-cell;
	text-align:center;
}

/*-- Картинка слева  --*/

img.articlepageimg {
	max-width:180px;
	max-height:180px;
	vertical-align:middle;
}


/*-- Блок для названия и даты  --*/

div.articlepageinfo {
	display:table-cell;
	padding-left:10px;
}


/*--  название   --*/
div.articlepagename {
	padding-bottom:10px;
}

div.articlepagename a {
	text-decoration: none;
	color: #ec6d58;
	font-size: 14px;
}

div.articlepagename a:hover {
	text-decoration: none;
	color: #000;
	font-size: 14px;
}

/*-- Краткий текст  --*/

div.articlepageshort {
	
}



/*-- дата  --*/

div.articlepagedate {
	color:silver;
	padding-top:10px;
	font-size:11px;
}



/*-- СТРАНИЦА НОВОСТИ ОДНОЙ (статьи) --*/
/*-- Блок для кнопки НАЗАД  --*/

div.articleback {
	margin-bottom:12px;
}


/*-- Кнопка НАЗАД  --*/

input.back{
	
}


/*-- Заглавие новости (статьи)  --*/

div.articlename {
	
}

h1.articlename {
	text-decoration:none;
	color: #ec6d58;
	font-size:14px;
	font-weight:bolder;
	padding:0px;
	margin:0;	
	margin-top:10px;
	margin-bottom:10px;
}

/*-- Полный текст новости (статьи)  --*/

div.articletext {
	
}

/*-- дата  --*/

div.articledate {
	color:silver;
	font-size:12px;
	text-align:right;
}





/*-- МОДУЛЬ КОММЕНТАРИИ В КОЛОНКЕ  --*/
/*-- Заглавие комментарии  --*/


div.commentscolumntitle {
   color: #353537;
	font-weight: bolder;
	font-size: 25px;
	margin-bottom: 3px;
	padding: 8px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	z-index: 100;
}

/*-- Иконка комментраии --*/

div.commentscolumntitleicon {
   display:none;
}

/*-- Подложка под модуль комментраии  --*/

div.commentscolumn {
	
}

/*-- Разделяющая полоса  --*/

div.commentcolumnseparator {
    border-bottom: 1px solid #f2f2f2;
	padding:5px 0;
}

/*-- Блок одного комментраия  --*/

div.commentcolumn {

}


/*--  ФИО   --*/

div.commentcolumnname {
	text-decoration:none;
	color: #ec6d58;
	font-size: 12px;
}

/*-- Дата  --*/

div.commentcolumndate {
    color: silver;
	font-size: 11px;
}

/*-- Краткий текст  --*/

div.commentcolumntext {
  
	
}

/*-- Ссылка на товар в отзывах  --*/

div.commentcolumnitem a{
	color: #ec6d58;
	text-decoration:none;
}

/*-- Ссылка на товар в отзывах  --*/

div.commentcolumnitem a:hover{
	color: #ec6d58;
	text-decoration:none;
}

/*-- Блок кнопки читать все  --*/

div.commentscolumnseeall {
	text-align:right;
}

input.commentscolumnseeall {

}



/*-- МОДУЛЬ КОММЕНТАРИИ ПО ЦЕНТРУ (--*/
/*-- Заглавие новости (статьи) --*/


div.commentscentertitle {
   color: #353537;
	font-weight: bolder;
	font-size: 25px;
	margin-bottom: 3px;
	padding: 8px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	z-index: 100;
}

/*-- Иконка новости (статьи) --*/

div.commentscentertitleicon {
	display:none;
	
}

/*-- Подложка под модуль новости  (статьи)  --*/

div.commentscenter {
	
}

/*-- Разделитель   --*/

div.commentscenthorseparator {
	height:1px;
	
}

/*-- Общий блок для одного комментария   --*/

div.commentcenter {
	padding:6px 0px 6px 0px;
}

/*-- Общий блок для имени и даты   --*/

div.commentcenterinfo {
	display:table;
	width:100%;
}

/*--  ФИО   --*/

div.commentcentername  {
	float:left;
	color: #ec6d58;
}

/*-- дата  --*/

div.commentcenterdate  {
	padding-right:6px;
	text-align:right;
	color: silver;
}

/*-- Краткий текст  --*/

div.commentcentertext {
	text-align:left;
	
}

/*-- Блок для кнопки читать все  --*/

div.commentscenterseeall {
	text-align:right;
}

/*-- Кнопки читать все  --*/

input.commentscenterseeall {

}


/*-- СТРАНИЦА КОММЕНТАРИЕВ --*/
/*-- Общий блок для комментариев  --*/

div.commentspage {
   
}

/*-- Блок одного комменатрия  --*/

div.commentpage {
	margin:10px 0 0px 0;
	padding-bottom:10px;
	width:100%;
	border-bottom: 1px dotted #eee;
}

/*-- Разделяющая полоса  --*/

div.commenthorseparator {
	height:3px;
	
}

/*-- Блок для ФИО и даты  --*/

div.commentinfo {
	display:table;
	width:96%;
	padding-bottom:7px;
	padding-left:45px;
	border-bottom:1px solid #229FFF;
}


/*--  ФИО   --*/

div.commentname  {
	float:left;
   color: #229FFF;
	font-size: 16px;
	font-weight:bold;
	
}

/*-- дата  --*/

div.commentdate  {
	float:right;
	color: silver;
	font-size: 11px;
	display:none;
}

/*-- Краткий текст  --*/

div.commenttext {
	text-align:justify;
	padding:10px 20px 0px;
	font-size: 16px;
}

/*-- Надпись Добавить Комментарий  --*/

td.addcommenttitle {
	    color: #229FFF;
    font-size: 30px;
	text-align:center;
}


/*-- Блок Добавить комментарий  --*/

div.addcomment {

}

/*-- Общая таблица добавления комменатриев  --*/

table.addcomment {
	width:60%;
	margin:0 auto;
	
	font-size:11px;
	text-align:left;
	 margin-top:20px;
}


/*-- Кнопка добавить комментарий  --*/

td.addcommentbut {
	text-align:center;

}

input.addcomment  {

}






/*-- ТИП СТРАНИЦЫ ГАЛЛЕРЕЯ  --*/
/*-- Подложка под модуль галлерия  --*/

div.gallerypage {
	
}

/*-- Все остальные блоки  --*/

div.gallery {
	padding:5px;
}

div.galleryverseparator {
   width: 1px;
}

div.galleryhorseparator {
	height:1px;
   
}

/*-- Блок одной картинки  --*/

div.galleryimg {
	width:300px;
	height:200px;
    display: table-cell;
     vertical-align: middle;
}


/*-- Картинка --*/

img.galleryimg{
	cursor:pointer;
	cursor:hand;
	max-width:300px;
	max-height:200px;
    vertical-align: middle;
}


/*-- Позиционирование картинки --*/

div.galleryimgtable {
	display:table;
	height:200px;
	margin:0 auto;
}

div.galleryimgcell {
	
	vertical-align:middle;
}

/*-- Подпись под картинкой --*/

div.gallerytext {
     color: #ec6d58;
	font-size:14px;
	text-align:center;
	padding-top:5px;
}




/*-- СТРАНИЦЫ  --*/
/*-- Блок страниц --*/

div.paging {
	display: table;
    margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

div.pagingbutton {
	padding:1px;
	vertical-align:middle;
}

/*-- Блок для стрелки влево --*/

div.pagingleft {
	
}

/*-- Стрелка влево --*/

input.pagingleft{
	
}


/*-- Блок для стрелки вправо --*/

div.pagingright {
	
}

/*-- Стрелка вправо --*/

input.pagingright{
   
}


/*-- Страница на которой сейчас --*/

div.pagingnow{
	 background: #FDDA24;
	 border: 1px solid #545252;
	color:#777;
	height:23px;
	width:26px;
	font-size:12px;
	text-align:center;	
	cursor:pointer;
	cursor:hand;
	margin:2px;
	line-height:23px;
	
}



/*-- Стиль для остальныч страницы --*/

div.pagingall{
	background:#009BFF;
	color: #fff;
	border: 1px solid #545252;
	height:23px;
	width:26px;
	text-align:center;	
	cursor:pointer;
	cursor:hand;
	margin:2px;
	line-height:23px;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

div.pagingall:hover{
  background: #fdda24;
	color:#777;
	height:23px;
	width:26px;
	text-align:center;	
	cursor:pointer;
	cursor:hand;
	margin:2px;
	line-height:23px;
}


/*-- Все остальные страницы, ссылка--*/

div.pagingall a{
	  color: #fff; font-size:12px;
	text-decoration:none;
}

div.pagingall:hover a{
	color:#777; font-size:12px;
	text-decoration:none;
}



/*-- ПЕРЕХОДЯЩАЯ ССЫЛКА (хлебные крошки) --*/
/*-- Общий блок для ссылки --*/

div.linkblock {
	margin-bottom:0px;
     padding:12px;
	text-align:center;
    position: relative;
}

/*-- Блок для неактивной ссылки --*/

div.link {
	vertical-align:middle;
}

/*-- Неактивная ссылка --*/

div.link a {
    color: #555;
	font-size:15px;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

div.link a:hover{
    color:#000;
	font-size:15px;
	text-decoration:none;
}

/*-- Активная ссылка --*/

div.linkactive {
	vertical-align:middle;
    color:#000;
	font-size:15px;
	text-decoration:underline;
}

div.linkactive a{

}

div.linkicon {
    padding: 0 10px;
	color: #707070;
}



/*-- СТРАНИЦА FAQ (ВОПРОС-ОТВЕТ) --*/
/*-- Общий блок для страницы  --*/

div.faqspage {
	
}

/*-- Блок одного комменатрия  --*/

div.faqpage {
	width:100%;

}

/*-- Разделительная полоса  --*/

div.faqhorseparator {
    height: 1px;
	
}

div.faqtextseparator {
    height: 1px;
	
}

/*-- Блок для ФИО и даты  --*/

div.faqinfo {
	display:table;
	width:99%;
	
	padding:5px;
}

div.faqanswerinfo {
	display:table;
	width:99%;
	
}

/*--  ФИО   --*/

div.faqname  {
	display:table-cell;
   color:#ec6d58;
font-size: 12px;
}

/*-- Текст вопроса --*/

div.faqtext {
 text-align:left;
	padding:5px;
}

/*-- Залавие ОТВЕТ --*/

div.faqanswername  {
	float:left;
  color: #ec6d58;
font-size: 12px;

    text-transform: uppercase;
	display:table-cell;
	padding:5px 5px 5px 30px;
}

/*-- Текст ответа  и блок для текста--*/

div.faqanswer {
	margin-left:30px;
	text-align:left;
	 background:#efefef;
	border-radius:5px;
	padding:8px;
}

/*-- Дата вопроса  --*/

div.faqdate  {
	float:right;
	text-align:right;
	color:silver;
	font-size:11px;
}

/*-- Дата ответа  --*/

div.faqanswerdate  {
	float:right;
	font-size:11px;
	color:silver;
	display:table-cell;
}


/*-- Надпись Задать вопрос  --*/

td.addfaqtitle {
   color: #ec6d58;
    font-size: 15px;
	text-align:center;
	
}


/*-- Блок Задать вопрос  --*/

div.addfaq {

}

/*-- Общая таблица Задать вопрос  --*/

table.addfaq {
	width:80%;
	margin:0 auto;
    color: #808080;
    font-size: 11px;
	text-align:left;
}


/*-- Кнопка Задать вопрос  --*/

td.addfaqbut {
	text-align:center;

}

input.addfaq  {

}



/*-- МОДУЛЬ ОБРАТНАЯ СВЯЗЬ  --*/
/*-- Подложка под модуль обратной связи  --*/

div.feedback {
   
}


div.feedbackin {
   
}

/*-- Заглавие  --*/

div.feedbacktitle {
     color: #353537;
font-weight: bolder;
font-size: 18px;
margin-bottom: 3px;
padding: 8px;
text-align: center;
position: relative;
text-transform: uppercase;
z-index: 100;
}

/*-- Блок таблицы для формы связи  --*/

div.feedbackinfo {
 
}

/*-- Таблица для формы связи  --*/

table.feedbackinfo {
	width:100%;
    text-decoration: none;
	
}



table.feedbackinfo tr{
	color:#404040;
}
/*-- Таблица для кнопки отправить  --*/

td.backcallbutton {
	text-align:center;
}

input.backcallsend {
	
}


/*-- МОДУЛЬ ГОЛОСОВАНИЕ В КОЛОНКЕ  --*/
/*-- Заглавие комментарии  --*/


div.pollscolumntitle {
	color: #353537;
font-weight: bolder;
font-size: 18px;
margin-bottom: 3px;
padding: 8px;
text-align: center;
position: relative;
text-transform: uppercase;
z-index: 100;
}

/*-- Иконка комментраии --*/

div.pollscolumntitleicon {
	display:none;
}

/*-- Подложка под модуль голосования  --*/

div.pollscolumn {
	

}

/*-- Блок одного пункта голосования --*/

div.pollcolumn {
	margin-bottom:3px;
}

/*--  Название пункта   --*/

div.pollcolumnname {
	color:#333;
	vertical-align:middle;
}

/*--  Ссылка на название товара   --*/

div.pollcolumninfo2 {
	display:table;
	width:95%;
}

/*--  Полоса голосования   --*/

div.pollcolumnline {
	text-decoration:none;
	display:inline-block;
	 background-color: #f3f3f3;
background-image: -moz-linear-gradient(top, #f3f3f3, #eaeaea);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#eaeaea));
background-image: -webkit-linear-gradient(top, #f3f3f3, #eaeaea);
background-image: -o-linear-gradient(top, #f3f3f3, #eaeaea);
background-image: linear-gradient(to bottom, #f3f3f3, #eaeaea);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffeaeaea', GradientType=0);

	height:13px;
}


/*--  Количество голосов   --*/

div.pollcolumnnumber {
	color:#333;

}



/*-- ВСПЛЫВАЮЩЕЕ ОКНО ЗАДАТЬ ВОПРОС --*/	
/*-- Общий блок всплывающего окна --*/

div.ordercall {
	margin:0 auto;
}

div.callmeform {
	position:fixed;
	background:#efefef;
	border:2px solid #555;
	padding:10px;
	display:none;
	z-index:500;
	width:500px;
}

/*-- Внутренний блок всплывающего окна --*/

div.callmeinfo {

}

/*-- Заглавие окна ЗАДАТЬ ВОПРОС --*/

td.callmetitle {
	color: #555;
    font-size: 14px;
	font-weight:Bolder;
}

table.callme {
	color:#555;
}

td.callmebuttonposition {
	text-align:center;
}

input.callmebutton {

}






/*-- ВСПЛЫВАЮЩЕЕ ОКНО ОТВЕТА --*/	
/*-- Общий блок всплывающего окна --*/


div.answerform {
	position:fixed;
	background:#efefef;
	border:2px solid #555;
	padding:10px;
	display:none;
	z-index:500;
	width:500px;
}

/*-- Внутренний блок всплывающего окна --*/

div.answerinfo {

}

/*-- Заглавие окна ЗАДАТЬ ВОПРОС --*/

td.answertitle {
	color: #555;
    font-size: 14px;
	text-align:center;
}

table.answer {
	color:#555;
}




















/*-- ВСЁ ПРО РЕГИСТРАЦИЮ --*/

/*-- МОДУЛЬ РЕГИСТРАЦИИ НА ШАПКЕ --*/
/*-- Блок вход/регистрация --*/

div.userstypehor{
	float:right;

}

/*-- Блок для первой кнопки --*/

div.userstypehorbut1{

}

/*-- Блок для второй кнопки --*/

div.userstypehorbut2{
	
padding-left:5px;
}

/*-- Кнопка вход --*/
input.enterbuthor{
color: #7d8087;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.enterbuthor:hover{
color: #000;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

/*-- Кнопка регистрация --*/

input.registrationbuthor{
color: #7d8087;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.registrationbuthor:hover{
color: #000;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

/*-- Кнопка аккаунт --*/

input.accountbuthor{
color: #7d8087;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.accountbuthor:hover{
color: #000;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

/*-- Кнопка выйти --*/

input.exitbuthor{
color: #7d8087;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.exitbuthor:hover{
color: #000;
background:transparent;
padding:0;
border:0;
text-transform:none;
}







/*-- МОДУЛЬ РЕГИСТРАИЦЯ В КОЛОНКЕ --*/
/*-- Блок вход/регистрация --*/

div.userstypever{
	
}

/*-- Блок для полей ввода --*/

div.userstypeverinputs{


}

/*-- Блок для первого поля ввода --*/

div.userstypeverinput1{
	margin-bottom:4px;

}

/*-- Блок для второго поля ввода --*/

div.userstypeverinput2{

	margin-bottom:4px;
}


/*-- Блок для кнопок --*/

div.userstypeverbuttons{
	margin:0 auto;
	display:table;
	width:100%;
	
}

/*-- Блок для первой кнопки --*/

div.userstypeverbut1{

}

/*-- Блок для второй кнопки --*/

div.userstypeverbut2{

}

/*-- Кнопка вход --*/

input.enterbutver{
   color: #333;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.enterbutver:hover{
    color: #fc273c;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

/*-- Кнопка регистрация --*/

input.registrationbutver{
	color: #333;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.registrationbutver:hover{
    color: #fc273c;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

/*-- Кнопка аккаунт --*/

input.accountbutver{
   color: #333;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.accountbutver:hover{
   color: #fc273c;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

/*-- Кнопка выйти --*/

input.exitbutver{
   color: #333;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}

input.exitbutver:hover{
   color: #fc273c;
font-size:12px;
background:transparent;
padding:0;
border:0;
text-transform:none;
}


/*-- Блок для надписи забыли пароль --*/

div.forgetpassver{


}

/*-- Надпись забыли пароль --*/

span.forgetpassver{
	cursor:pointer;
	cursor:hand;
}

/*-- Надпись приветствия --*/

div.welcomcolumn{


}













/*-- МОДУЛЬ СТРАНИЦА РЕГИСТРАЦИИ --*/

/*-- Общая таблица регистрации --*/

table.registration {
	width:70%;
	margin:0 auto;
	
	
}


/*-- Заглавие при регистрации --*/

td.titlereg {
	color:#fc273c;
	font-size:16px;
}


/*-- Столбик для кнопки регистрации --*/

td.positionregbut {
	text-align:center;

}

/*-- Кнопка РЕГИСТАЦИЯ для страницы регистарции--*/

input.registrationbut {
	text-align:center;
}


/*-- Стиль для надписи регистрация прошла успешно --*/

td.regcomplete {
	color:#555;
	text-decoration:undeline;
}



.fmc-tariff-promo{
	padding: 30px 0 30px;
text-align: left;
background-color: #229fff;
color: #fff; 
display: block;
	margin:5px auto 0px;
}



.fmc-tariff-promo--two-cols .section-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.fmc-tariff-promo .section-holder {
    max-width: 1060px;
	cursor:pointer;
}

.section-holder {
    margin: 0 auto;
    max-width: 1130px;
    padding: 0 30px;
    }


h1.with-dots, h2.with-dots, h3.with-dots, h4.with-dots, h5.with-dots, h6.with-dots {
    color: #fff;
	 margin-top: 0px;
}

.fmc-tariff-promo__title {
    font-size: 60px;
    margin-bottom: 15px;
}

h1.with-dots:after, h2.with-dots:after, h3.with-dots:after, h4.with-dots:after, h5.with-dots:after, h6.with-dots:after{
	content: '\e908';
    font: .92em/1 ks-ico;
    color: #cee800;
    display: inline-block;
    margin: 0 0 0 8px;
    -webkit-transform: translateY(.5em);
    -ms-transform: translateY(.5em);
    transform: translateY(.5em);
}


.fmc-tariff-promo__subtitle {
    max-width: 520px;
	margin:0;	
}

.fmc-tariff-promo-benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 14px;
}
.fmc-tariff-promo menu, .fmc-tariff-promo ol,.fmc-tariff-promo ol li,.fmc-tariff-promo ul,.fmc-tariff-promo ul li,.fmc-tariff-promo ul li.leaf {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mob-badge,.fmc-tariff-promo :after,.fmc-tariff-promo :before {
    box-sizing: border-box;
}
.fmc-tariff-promo ul, .fmc-tariff-promo menu,.fmc-tariff-promo dir {
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.fmc-tariff-promo  li.fmc-tariff-promo-benefits__item {
    position: relative;
    padding: 50px 10px 0;
    max-width: 120px;
	display: block;
    float: left;
}
.fmc-tariff-promo-benefits__item+.fmc-tariff-promo-benefits__item:before {
    content: '+';
    font-size: 24px;
    opacity: .4;
    position: absolute;
    left: -7px;
    top: 0;
}

.fmc-tariff-promo-benefits__icon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30px;
    top: 0;
}
[class*=" icon-"], [class^=icon-] {
    font-family: ks-ico!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-i-3:before {
    content: "\e90c";
}

.icon-device-laptop:before {
    content: "\e9ea";
}

.icon-tv:before {
    content: "\e90b";
}


@media (max-width: 980px){

.fmc-tariff-order, .fmc-tariff-promo--two-cols {
    text-align: center;
}
.fmc-tariff-promo--two-cols .section-holder {
    flex-direction: column;
}

.fmc-tariff-promo--two-cols .section-holder, .fmc-tariff-single__param {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.fmc-tariff-promo--two-cols .fmc-tariff-promo__subtitle {
    margin: 0 auto 40px;
}

}




@font-face{
font-family:"ks-ico";
src:url("https://cdn.kyivstar.ua/sites/all/themes/kyivstar/html/build/fonts/icomoon.woff?i1d7kt") format("woff");
font-weight:400;
font-style:normal;
}


/*-- ВСПЛЫВАЮЩЕЕ ОКНО ВХОДА --*/
/*-- Общий блок всплывающего окна --*/

div.enterform {
	position:fixed;
    background: none repeat scroll 0 0 #F3F3F3;
    border: 3px solid #E5E6E6;
    border-radius: 5px;
	padding:20px;
	display:none;
	z-index:500;
	width:400px;
}

/*-- Внутренний блок всплывающего окна --*/

div.enterinfo {

}

/*-- Заглавие окна входа --*/

td.titleenter {
	font-size: 16px;
	
}

div.titleenter {
	font-size: 12px;
	
}


/*-- Кнопки авторизации через соцсети --*/

input.authfb {
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/f.png) no-repeat center;
	font-size:0;
}

input.authfb:hover {
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/f.png) no-repeat center;
	font-size:0;
}


input.authvk {
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/vk.png) no-repeat center;
	font-size:0;
}

input.authvk:hover {
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/vk.png) no-repeat center;
	font-size:0;
}


input.authod{
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/od.png) no-repeat center;
	font-size:0;
}

input.authod:hover {
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/od.png) no-repeat center;
	font-size:0;
}

input.authgg{
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/g.png) no-repeat center;
	font-size:0;
}

input.authgg:hover {
	padding:0;
	border:0;
	width:50px;
	height:50px;
	background:url(/themes/kyivstar/g.png) no-repeat center;
	font-size:0;
}

/*-- Положение кнопки ВХОД --*/

td.enterposition {
	text-align:center;
}


/*-- Кнопка ВХОД для всплывающего окна--*/

input.enterbut {
	text-align:center;
}


/*-- Объяснение причины блокировки --*/

td.solutionfail {
	color:red;
}

/*-- Надпись забыли пароль --*/

span.forgetpass {
	cursor:pointer;
	cursor:hand;
	color:#fc273c;
}

span.forgetpass:hover {
	cursor:pointer;
	cursor:hand;
	color:#fc273c;
	text-decoration:underline;
}


/*-- Кнопка отправить --*/


input.send{
	
}









/*-- СТРАНИЦА АККАУНТА --*/
/*-- Надпись приветствия --*/
div.welcomecolumn {
    color: #333;
    font-size: 14px;
    padding: 8px;
    position: relative;
    text-align: center;
    

}

/*-- Общий блок для ифнормации на страинице акккаунта --*/
div.accountinfo {

}

/*-- Строка приветствия --*/
div.userwelcome {
    color:#333;
    font-size: 14px;
    font-weight: bolder;
    position: relative;
	padding:3px;
	
}

/*-- Строка Песональный код --*/
div.userpersonalcode {
    color: #777;
    font-size: 13px;
    position: relative;
	padding:3px;
}



/*-- ВКЛАДКИ --*/
/*-- Общий блок для вкладок --*/

div.accounttabs {
   margin-top:10px; 
   margin-bottom:10px;
    border-bottom: 1px solid #7d8087;
   position:relative;
   top:2px;
}

/*-- Блок для одной вкладки --*/
div.accounttabinfo {
  
	
  margin-bottom:10px; 	
}

/*-- Блок для одной вкладки --*/
div.accounttabposition {
    display:table-cell;
	vertical-align:bottom;
	padding:1px 1px 0px 1px;
}



/*-- НЕАКТИВНАЯ ВКЛАДКА --*/
div.accounttab  {
	 background-color: #7d8087;
    color: #FFFFFF;
    cursor: pointer;
    height: 20px;
    padding: 5px;
    position: relative;
    
-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

/*-- НЕАКТИВНАЯ ВКЛАДКА ПРИ НАВЕДЕНИИ--*/
div.accounttab:hover {
	  background-color: #ec6d58;

    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 5px;
    position: relative;
}


/*-- АКТИВНАЯ ВКЛАДКА --*/
div.accountactivetab {
	  background-color: #ec6d58;

    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 5px;
    position: relative;
}



/*-- Вкладка ПЕРСОНАЛЬНЫЕ ДАННЫЕ --*/

/*-- Общая таблица для вкладки  --*/
table.userdataaccount {
	margin:0 auto;
	width:80%;
	
    font-size: 11px;
    text-align: left;
   
}

/*-- Заглавие ПЕРСОНАЛЬНЫЕ ДАННЫЕ --*/
td.titleuserdata {
     color:#fc273c;
    font-size: 16px;
   
	text-decoration:underline;
}

/*-- Надпись поля отмеченные звёздочкой --*/
td.infouserdata {
   
    font-size: 12px;
    position: relative;
    
}


/*-- Блок для кнопки редактировать --*/
td.accounteditbut {
	text-align:center;
}

/*-- Кнопка РЕДАКТИРОВАТЬ --*/


input.editbut  {
	
}







/*-- МОДУЛЬ ГАЛЕРЕЯ В СЛАЙДЕРЕ  --*/
/*-- Общая подложка под всем слайдером--*/

div.galleryslider {

}


/*-- Подложка под заглавие --*/

div.galleryslidertitle {
color: #353537;
font-weight: bolder;
font-size: 25px;
margin: 20px 0 10px 0;
padding: 0px;
text-align: center;
position: relative;
text-transform: uppercase;
z-index: 100;



}


/*-- Иконка похожие товары --*/

div.galleryslidertitleicon {
}

/*-- Подложка под все товары в слайдере--*/

div.gallerysliderinfo {

}


/*-- Ширина слайдера топ товаров--*/


/*-- Ширина слайдера новых товаров--*/


div.galleryslidercont {
	width:600px;

}


/*-- Подложка под одним товаром--*/


div.slidergallery {

   border:1px solid #878786;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
   margin:10px;
	text-align:center;
	max-width:320px;
	width:320px;
}

/*-- Подложка под одним товаром при наведении--*/

div.slidergallery:hover {
box-shadow:0 0 6px silver;
margin:10px;
   border:1px solid #878786;
}

/*-- Блок под названием товара --*/

div.slidertopgalleryname {

}


/*-- Ссылка названия товара --*/

div.slidertopgalleryname a{
	
	display:none;
}

/*-- Ссылка названия товара при наведении --*/

div.slidertopgalleryname a:hover{

    color: #000;
    text-decoration: none;
}

/*-- Блок для названия товара под картинкой  --*/

div.sliderbottomgalleryname {
padding:3px ;
text-align:center;
height:45px;

position:absolute;
z-index:200;
top:184px;
width:314px;
left:11px;
}

div.sliderbottomgalleryname div.cellrelative {
vertical-align:middle;
height:45px;

}

/*-- Ссылка для названия товара под картинкой  --*/

div.sliderbottomgalleryname a{
    color: #fff;
    text-decoration: none;	
	font-size:16px;
}

div.sliderbottomgalleryname a{
	    color: #fff;
    text-decoration: none;
	font-size:16px;
}


/*-- Стрелка влево --*/

input.slidergalleryleft {
     
}

input.slidergalleryleft:hover {
   
}


/*-- Стрелка вправо --*/

input.slidergalleryright {
    
}


input.slidergalleryright:hover {

}


/*-- Блок для картинки товаров в слайдере --*/

div.slidergalleryimg {
	width:320px;
	height:224px;
	padding:0;
	overflow:hidden;

}

/*--Картинка товаров в слайдере --*/

img.slidergalleryimg {
	max-width:400px;
	max-height:300px;
	border:0;
				-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}

img.slidergalleryimg:hover {
	max-width:400px;
	max-height:300px;
	border:0;

   -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
 
}

/*-- Позиционирование картинки --*/

div.slidergalleryimgtable {
	display:table;
	height:224px;
	margin:0 auto;
}

div.slidergalleryimgcell {
	display:table-cell;
	vertical-align:middle;
}


/*--Строка смотреть все --*/

div.slidergalleryall {
	text-align:right;
	padding-top:10px;
	margin-bottom:20px;
}

/*--Строка смотреть все --*/

input.slidergalleryall {
background: url("/themes/fitness/see_all.png") no-repeat right;
font-size: 14px;
color: #878786;
padding: 6px 45px;
text-transform:none;
border:0;
}



input.slidergalleryall:hover {
background: url("/themes/fitness/see_all_hover.png") no-repeat right;
font-size: 14px;
color: #878786;
padding: 6px 50px;
text-transform:none;
border:0;
}




/*-- ВКЛАДКИ МАТЕРИАЛОВ  --*/
/*-- Общий блок для вкладок --*/
div.notemenu {
   margin-top:10px; 
   margin-bottom:10px;
   /* border-bottom: 1px solid #7d8087;*/
   position:relative;
   top:2px;
}



/*-- НЕАКТИВНАЯ ВКЛАДКА --*/
div.notetab {
   background-color: #7d8087;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 5px;
    position: relative;
    
-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease; display:inline-block;
}
div.notetab a {
color:white;
text-decoration:none;
}
/*-- НЕАКТИВНАЯ ВКЛАДКА ПРИ НАВЕДЕНИИ--*/
div.notetab:hover {
   background-color: #ec6d58;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 5px;
    position: relative;
    display:inline-block;
}

/*-- АКТИВНАЯ ВКЛАДКА --*/
div.notetabact {
   background-color: #ec6d58;
 
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    padding: 5px;
    position: relative;
	display:inline-block;
    
}
div.notetabact a {
color:white;text-decoration:none;
}




/* Блок тарифов*/

#tariffs .wrapper{
	margin: 0 auto;
    max-width: 1070px;
    /*min-width: 974px;*/
    padding: 0 15px;
    position: relative;
}


#tariffs H2, div.tariffs H2, #tariffs H1, div.tariffs H1 {
color:#434e55;
font-weight:300;
letter-spacing:-2px;
line-height:1;
font-size:36px;
text-align:center;
margin:5px 0 25px;
}

#tariffs div.wrapper div.list.cols, div.tariffs div.wrapper div.list.cols{
display:block;
/*height:510px;*/
}

#tariffs H2 .pseudo:after, div.tariffs H2 .pseudo:after, #tariffs H1 .pseudo:after, div.tariffs H1 .pseudo:after,  #tariffs div.zaglav .pseudo:after,div.tariffs div.zaglav .pseudo:after{
border-bottom:1px dotted;
bottom:4px;
content:'';
left:0;
position:absolute;
right:0;
cursor:pointer;
transition: all 0.5s ease 0s;
}
/*#tariffs H2 .pseudo:before{
content:'';
left:0;
position:absolute;
right:0;
cursor:pointer;
transition: all 0.5s ease 0s;

}*/
#tariffs H2 span, div.tariffs H2 span, #tariffs H1 span, div.tariffs H1 span, #tariffs div.zaglav span, div.tariffs div.zaglav span{
	cursor:pointer;
}

div.tariffs div.zaglav span.region-select, #tariffs div.zaglav span.region-select{
	position:relative;
}
#tariffs H2 .pseudo:before, #tariffs H2 .pseudo:before, #tariffs H1 .pseudo:before, #tariffs H1 .pseudo:before,
#tariffs div.zaglav .pseudo:before, #tariffs div.zaglav .pseudo:before{
	background:url(/img/region.png) center right no-repeat;
	position: absolute;
	right: -40px;
	top: 0;
	width: 30px;
	content: "";
	display: block;
	height: 40px;
}
#tariffs H2 .pseudo:hover, div.tariffs H2 .pseudo:hover, #tariffs H1 .pseudo:hover, div.tariffs H1 .pseudo:hover {
opacity:0.75;
border-bottom:1px solid #fff;
}

#tariffs .item, div.tariffs .item  {
background:#FFF;
position:relative;
float: left;
width: 33.33%;
}

/*<#tariffs .item:first-child, div.tariffs .item:first-child{
	display:none;
}*/

#tariffs > div.wrapper.wrapper-vmeste > div > div{
	display:block;
}


#tariffs .item:before, div.tariffs .item:before {
border:1px solid #e3e6e8;
bottom:0;
content:'';
left:0;
position:absolute;
right:-1px;
top:0;
}

#tariffs .item:last-child:before, div.tariffs .item:last-child:before {
right:0;
}

#tariffs .item.highlight, div.tariffs .item.highlight {
-webkit-box-shadow:0 0 22px rgba(0,0,0,0.14);
-khtml-box-shadow:0 0 22px rgba(0,0,0,0.14);
-moz-box-shadow:0 0 22px rgba(0,0,0,0.14);
-ms-box-shadow:0 0 22px rgba(0,0,0,0.14);
-o-box-shadow:0 0 22px rgba(0,0,0,0.14);
box-shadow:0 0 22px rgba(0,0,0,0.14);
margin-top:-10px;
padding-bottom:10px;

}

#tariffs .item.highlight div.tarif-zag, div.tariffs .item.highlight div.tarif-zag {
margin:0;
padding:39px 0 28px;
}

#tariffs .item div.tarif-zag, div.tariffs .item div.tarif-zag {
background:#229fff;
color:#FFF;
font-size:30px;
font-weight:400;
line-height:1;
position:relative;
text-align:center;

margin:1px 0 0 1px;
padding:28px 0;
text-shadow:1px 1px 1px #0058b9;
}

#tariffs .item:first-child div.tarif-zag:before, div.tariffs .item:first-child div.tarif-zag:before {
background:#618CA9;
bottom:0;
content:'';
left:0;
position:absolute;
top:0;
width:1px;
}
#tariffs .highlight div.tarif-zag:before {
	background: url("/img//badge-action.png") repeat;
	content: "";
	height: 75px;
	left: -3px;
	position: absolute;
	top: -3px;
	width: 75px;
}

#tariffs .item .info, div.tariffs .item .info {
position:relative;

padding:20px;
}

#tariffs .item .speed, div.tariffs .item .speed {
height:100px;
position:relative;
padding:0 12px;
}

#tariffs .item .speed .value, div.tariffs .item .speed .value {
color:#545e64;
font-size:60px;
font-weight:400;
letter-spacing:-1px;
line-height:1;
padding-top:10px;
position:relative;
z-index:2;

}

#tariffs .item .speed .units, div.tariffs .item .speed .units {
color:#545e64;
font-size:16px;
line-height:1;
margin:5px 0 0 5px;
}

#tariffs .item .speed .speedometer, div.tariffs .item .speed .speedometer {
position:absolute;
right:5%;
top:0;
}

#tariffs .item .infoblock .caption, div.tariffs .item .infoblock .caption {
background:#f7f8fb;
border-top:1px solid #d5f3fc;
color:#8ea9b9;
font-size:14px;
line-height:1;
margin-top:24px;
padding:8px 13px;
}

#tariffs .item .infoblock .value, #tariffs .item .infoblock .value-bezl,
div.tariffs .item .infoblock .value, div.tariffs .item .infoblock .value-bezl {
color:#545e64;
font-size:30px;
float:left;
line-height:1;
margin:14px 7px 16px 10px;
}
/*#tariffs .item .infoblock .value:after, div.tariffs .item .infoblock .value:after{
	content:"50";
	padding-left:10px;
	text-decoration:none;
	display: inline-block;
	color:#545E64;
}*/
/*#tariffs .item:last-child .infoblock .value:after, div.tariffs .item:last-child .infoblock .value:after{
	content:"90";
	padding-left:10px;
	text-decoration:none;
	display: inline-block;
	color:#545E64;
}
#tariffs  .item:last-child .infoblock .value{
	text-decoration:line-through;
	color:#999;
}*/

/*#tariffs .item:first-child .infoblock .value, div.tariffs .item:first-child .infoblock .value{
	text-decoration:none;
	color:#545E64;
	
}
#tariffs .item:first-child .infoblock .value:after, div.tariffs .item:first-child .infoblock .value:after{
	content:none;	
	padding-left:0px;
	text-decoration:none;
}*/




#tariffs .item .infoblock .value-bezl, div.tariffs .item .infoblock .value-bezl {
background-image:url(/img/hi-sprite.png);
background-position:0 0;
width:47px;
height:25px;
display:inline-block;
}

#tariffs .item .infoblock .text, div.tariffs .item .infoblock .text {
color:#8ea9b9;
font-size:12px;
line-height:12px;
margin:16px 0;
text-align:left;
}

#tariffs .item .infoblock .text.single-line, div.tariffs .item .infoblock .text.single-line {
line-height:21px;
margin-bottom:7px;
}

#tariffs .item a.connect, div.tariffs .item a.connect {
display:block;
margin:6px auto 42px;
background: #fdda24 none repeat scroll 0 0;
    border-radius: 20px;
    color: #434e55;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 45px;
    position: relative;
    transition: background 0s ease 0s, all 0.2s ease 0s;

	border:none;
	width:50%;
	max-width:150px;
	text-align:center;
}
#tariffs .item a.connect:hover, div.tariffs .item a.connect:hover{
	background:#229fff;
	color:#fff;
	text-decoration:none;
}


#tariffs H2 .pseudo,#tariffs .item .infoblock,
div.tariffs H2 .pseudo, div.tariffs .item .infoblock ,
#tariffs H1 .pseudo,#tariffs .item .infoblock,
div.tariffs H1 .pseudo, div.tariffs .item .infoblock{
position:relative;
color: #229fff;
    text-decoration: none;
}


#tariffs H2 .pseudo:hover, div.tariffs H2 .pseudo:hover, #tariffs H1 .pseudo:hover, div.tariffs H1 .pseudo:hover, {
text-decoration:none;
}







#tariffs .wrapper-vmeste .item:last-child .infoblock .value:after, div.tariffs .wrapper-vmeste .item:last-child .infoblock .value:after{
	content:"";
	display:none;
}
#tariffs .wrapper-vmeste  .item:last-child .infoblock .value{
	text-decoration:none;
	color:#545e64;
}

#tariffs .wrapper-vmeste .item, div.tariffs .wrapper-vmeste .item {
    background: #fff none repeat scroll 0 0;
    position: relative;
	max-width:500px;
    margin: 0 auto;
	padding-bottom: 2px;
}

#tariffs .wrapper-vmeste .item .info, div.tariffs .wrapper-vmeste .item .info {
    padding: 0px 20px 15px;
    position: relative; 
	
}

#tariffs H2, div.tariffs H2, #tariffs H1, div.tariffs H1, #tariffs div.zaglav {
	  color: #229fff;
	  font-size: 36px;
	  font-weight: 300;
	  letter-spacing: -2px;
	  line-height: 1;
	  margin: 25px 0 25px;
	  text-align: center;
}

#tariffs .wrapper-vmeste .item .infoblock .caption, div.tariffs .wrapper-vmeste .item .infoblock .caption {
    background: #f7f8fb none repeat scroll 0 0;
    border-top: 1px solid #d5f3fc;
    color: #8ea9b9;
    font-size: 14px;
    line-height: 1;
    margin-top: 15px;
    padding: 8px 13px;
}

#tariffs .wrapper-vmeste .item div.tarif-zag, div.tariffs .wrapper-vmeste .item div.tarif-zag {
    background: #229fff none repeat scroll 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    margin: 1px 0 0 1px;
    padding: 28px 0 28px 10%;
    position: relative;
    text-align: left;
    text-shadow: 1px 1px 1px #0058b9;
}
#tariffs .wrapper-vmeste .item div.tarif-zag span{
	font-size:16px;
	
}





/* Карта CSS */


.clearfix{
	clear: both;
          height: 0;
	/*height: 0;*/
}



#popup-container{
	width: 770px;
	top: 50%;
	left: 50%;
	margin-top:-300px;
	margin-left: -380px;
	position:fixed;
	z-index:300000000000000;
	display:block;
}


#popup-container a{
	color: #333;
        text-decoration:none;
}
#popup-container a:hover{
	color: #009BFF;
        text-decoration:underline;
}

#popup-container #location-block{
	display: block;
	top: 0px;
	right: 0px;
	z-index: 9998;
	border: 1px solid #ababab;
	height: 560px;
	width: 760px;
	border-radius: 5px;
	padding: 25px 15px;
	background:url(/img/location-map.png) center center no-repeat #F7F8FB;
}
#popup-container #location-block.hidden {
	display: none;
}
#popup-container #location-block >ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 560px;
    float: left;
}
#popup-container #location-block >ul >li{
	padding: 0 10px 9px;
	width: 130px;
    display: block;
	border-right: 1px dotted #d4d5d2;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
#popup-container #location-block >ul >li a{
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
#popup-container #location-block >ul >li a:hover{
	color: #333;
}
#popup-container #location-block >ul >li.active a{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#popup-container #location-block >ul >li.border-none{
	border-right: 1px dotted transparent;
}
/*
#popup-container #location-block >ul >li[rel="other"] {
    position: absolute; bottom: 310px; right: 40px; z-index: 9999;
}
#popup-container #location-block >ul >li[rel="other"] a {
    font-weight: bold; border-bottom: 1px dashed #f05a21;
}
#popup-container #location-block >ul >li[rel="other"] a:hover {
    font-weight: bold; border-bottom: 1px dashed #333;
}
*/
#popup-container #location-block .map{
	height: 337px;
	width: 498px;
	background: url("./kyivstar/location-map.png") no-repeat;
	display: block;
	position: relative;
	margin: 25px auto 0;
}
#popup-container #location-block .map ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#popup-container #location-block .map ul li{
	position: absolute;
	height: 1px;
	width: 1px;
}
#popup-container #location-block .map ul li a{
	height: 11px;
	width: 11px;
    display: block;
    cursor: pointer;
}
#popup-container #location-block .map ul li span.marker{
	background: url("./kyivstar/location-marker.png") no-repeat;
	display: block;
	height: 11px;
	width: 11px;
}
#popup-container #location-block .map ul li span.title{
	display: none;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	width: 130px;
	position: absolute;
	top: -20px;
	margin-left: -60px;
	text-align: center;
    z-index: 10;
    text-shadow: 1px 1px 1px #333;
pointer-events: none;
}
#popup-container #location-block .map ul li.hover .title{
	display: block;
}
#popup-container #location-block .map ul li.hover .marker{
	background-position: -11px -11px;
}
#popup-container #location-block .map ul li.active .marker{
	background-position: -22px -21px;
	height: 15px;
	width: 15px;
    margin-top: -2px;
    margin-left: -2px;
}
#popup-container #location-block .map ul li.active .title{
	display: block;
	font-size: 17px;
	line-height: 17px;
}
#popup-container #location-block .map ul li.kiev{
	top: 24%;
	left: 46%;
}
#popup-container #location-block .map ul li.dnepropetrovsk{
	left: 70.5%;
	top: 47.7%;
}
#popup-container #location-block .map ul li.komsomolsk{
	top: 40%;
    left: 60%;
}
#popup-container #location-block .map ul li.krivoyrog{
	top: 55%;
	left: 63.2%;
}

#popup-container #location-block .map ul li.rivne{
	left: 23%;
	top: 20%;
}

#popup-container #location-block .map ul li.vinnitsa{
	top: 39%;
	left: 35%;
}

#popup-container #location-block .map ul li.kirovograd{
	top: 47.5%;
	left: 55.5%;
}

#popup-container #location-block .map ul li.simferopol{
	top: 88%;
	left: 68%;
}
#popup-container #location-block .map ul li.sevastopol{
	top: 96.3%;
	left: 64.6%;
}
#popup-container #location-block .map ul li.zaporozhye{
	top: 55%;
	left: 72%;
}

#popup-container #location-block .map ul li.poltava{
	top: 34%;
	left: 68%;
}

#popup-container #location-block .map ul li.alchevsk{
	top: 45%;
	left: 91.5%;
}
#popup-container #location-block .map ul li.donetsk{
	top: 51.4%;
	left: 87%;
}
#popup-container #location-block .map ul li.kramatorsk{
	top: 43%;
	left: 84.7%;
}
#popup-container #location-block .map ul li.lutsk{
	top: 15%;
	left: 18.5%;
}
#popup-container #location-block .map ul li.truskavets{
	left: 7%;
	top: 35.7%;
}
#popup-container #location-block .map ul li.dobrotvir{
	left: 14%;
	top: 22%;
}

#popup-container #location-block .map ul li.ternopil{
	left: 19%;
	top: 32%;
}

#popup-container #location-block .map ul li.volochisk{
	left: 23%;
	top: 32%;
}

#popup-container #location-block .map ul li.chortkiv{
	left: 20%;
	top: 40%;
}

#popup-container #location-block .map ul li.terebovlia{
	left: 19%;
	top: 36%;
}

#popup-container #location-block .map ul li.kremenets{
	left: 20%;
	top: 26%;
}
#popup-container #location-block .map ul li.makeevka{
    top: 47.4%;
    left: 89%;
}

#popup-container #location-block .map ul li.solonitsevka {
    top: 25.5%;
    left: 74.8%;
}
#popup-container #location-block .map ul li.other {
    display:none;
}
#popup-container #location-block .map ul li.obukhiv {
    top: 30%;
    left: 46%;
}
#popup-container #location-block .map ul li.fastiv {
top: 28%;
left: 43%;
}

#popup-container #location-block .map ul li.ukrainka {
    top: 28%;
    left: 48%;
}
#popup-container #location-block .map ul li.putyvl {
    top: 11.4%;
    left: 63.4%;
}
#popup-container #location-block .map ul li.bilacerkva {
    top: 33%;
    left: 44%;
}

#popup-container #location-block .map ul li.dneprodzerzhinsk {
    top: 45%;
    left: 66%;
}

#popup-container #location-block .map ul li.zhitomir {
    top: 28%;
    left: 36%;
}

#popup-container #location-block .map ul li.izmail {
    top: 85%;
    left: 37%;
}

#popup-container #location-block .map ul li.kahovka {
    top: 68%;
    left: 63%;
}

#popup-container #location-block .map ul li.krasnograd {
    top: 38%;
    left: 72%;
}

#popup-container #location-block .map ul li.kremenchuk {
    top: 41%;
    left: 62%;
}

#popup-container #location-block .map ul li.lozovaya {
    top: 35%;
    left: 77%;
}

#popup-container #location-block .map ul li.lubni {
    top: 31%;
    left: 59%;
}

#popup-container #location-block .map ul li.l4vov {
	left: 10.8%;
	top: 29%;
}

#popup-container #location-block .map ul li.mariupol4 {
	left: 86%;
	top: 61%;
}

#popup-container #location-block .map ul li.mirgorod {
	left: 64%;
	top: 29%;
}

#popup-container #location-block .map ul li.nadnepryanskoe {
	left: 59%;
	top: 68%;
}

#popup-container #location-block .map ul li.nezhin {
	left: 49%;
	top: 16%;
}

#popup-container #location-block .map ul li.nikolaev {
	left: 54%;
	top: 67%;
}

#popup-container #location-block .map ul li.nova_kahovka {
	left: 66%;
	top: 61%;
}

#popup-container #location-block .map ul li.novomoskovsk {
    left: 72.5%;
    top: 44.7%;
}

#popup-container #location-block .map ul li.odessa {
    left: 47%;
    top: 73%;
}

#popup-container #location-block .map ul li.pavlograd {
    left: 75%;
    top: 46%;
}

#popup-container #location-block .map ul li.pervomaisk {
    left: 90%;
    top: 37%;
}

#popup-container #location-block .map ul li.poltava {
    left: 67%;
    top: 32%;
}

#popup-container #location-block .map ul li.priluki {
    left: 53%;
    top: 20%;
}

#popup-container #location-block .map ul li.smela {
    left: 52%;
    top: 41%;
}

#popup-container #location-block .map ul li.sumi {
	top: 17.4%;
	left: 68.4%;
}

#popup-container #location-block .map ul li.tavriisk {
	top: 60%;
	left: 68%;
}

#popup-container #location-block .map ul li.har4kov{
	top: 27.5%;
	left: 76.8%;
}

#popup-container #location-block .map ul li.herson {
	top: 70.5%;
	left: 57.8%;
}

#popup-container #location-block .map ul li.hmel4nickii {
	left: 26.6%;
	top: 35.7%;
}

#popup-container #location-block .map ul li.syurupinsk {
	left: 60%;
	top: 72%;
}

#popup-container #location-block .map ul li.cherkasi {
	top: 36.6%;
	left: 54%;
}

#popup-container #location-block .map ul li.chernigov {
	top: 9%;
	left: 50%;
}

#popup-container #location-block .map ul li.chernovci {
	top: 48.8%;
	left: 20.3%;
}
#popup-container #location-block .map ul li.voznesensk {
    top: 56%;
    left: 49%;
}
#popup-container #location-block .map ul li.krivoi_rog {
	top: 55%;
	left: 63.2%;
}


/*Блок ниже тарифов*/

div.input-call-back{
	text-align:center;
}

div.cont-priem{
	width:95%;
	margin:40px auto 10px;
	display:table;
}
div.cont-priem div{
	position:relative;
	display:table-cell;
		text-align:center;
		padding-bottom:95px;
		transition:background all 0.5s ease-in;
}
div.cont-priem div.zagol{
	font-size:26px;
	 color: #434e55;
	 display:block;
	 padding-bottom:0;
}

div.cont-priem  a{
	display:block;
	position:absolute;
	bottom:-30px;
	left:34%;
	color:#000;
	font-size:15px;
}
div.cont-priem a:hover{
	text-decoration:none;
	color:#229FFF;
}
div.cont-priem div.wi-fi{
	background: url(/img/wi-fi.png) 45% bottom no-repeat;
	}
div.cont-priem div.podkluchenie{
	background: url(/img/provod-cont.png) 45% bottom no-repeat;
	}
div.cont-priem div.teh-pod{
	background: url(/img/teh-podderzhka.png) 45% bottom no-repeat;
	}
div.cont-priem div.tv-dom{
	background: url(/img/icon-tv.png) center bottom no-repeat;
	}
div.cont-priem div.optika-dom{
	background: url(/img/circle.png) center bottom no-repeat;
	width:30%;
}
div.cont-priem div.speed-fix{
	background: url(/img/ustochivost.png) center bottom no-repeat;
	width:40%;
}
div.cont-priem div.manager{
	background: url(/img/manager.png) center bottom no-repeat;
	width:30%;
}
div.cont-priem div.wi-fi:hover{
	background:url(/img/wi-fi-act.png) 45% bottom no-repeat;'
}
div.cont-priem div.podkluchenie:hover{
	background:url(/img/provod-cont-act.png) 45% bottom no-repeat;}
div.cont-priem div.teh-pod:hover{
	background:url(/img/teh-podderzhka-act.png) 45% bottom no-repeat;}
	div.cont-priem div.tv-dom:hover{
	background:url(/img/icon-tv-act.png) center bottom no-repeat;}
div.cont-priem div.optika-dom:hover{
	background:url(/img/circle-act.png) center bottom no-repeat;
	width:30%;}
div.cont-priem div.speed-fix:hover{
	background:url(/img/ustochivost-act.png) center bottom no-repeat;
	width:40%;
}
div.cont-priem div.manager:hover{
	background:url(/img/manager-act.png) center bottom no-repeat;
	width:30%;
}



/*Поле заявки - контакты - подключение*/

div.consult-cont{
	height: 440px;
    padding-top: 160px;
	background:url(/img/montag-kyiv.jpg) bottom right no-repeat;
	
}

div.oval-thought::before {
    background: #009afb none repeat scroll 0 0;
    border-radius: 30px;
	-webkit-border-radius:30px;
  -moz-border-radius:30px;
    content: "";
    height: 30px;
    position: absolute;
    right: 99px;
    top: -35px;
    width: 30px;
}
div.oval-thought::after {
    background: #009afb none repeat scroll 0 0;
    border-radius: 15px;
	-webkit-border-radius:15px;
  -moz-border-radius:15px;
    content: "";
    height: 15px;
    position: absolute;
    right: 80px;
    top: -55px;
    width: 15px;
}
div.oval-thought {
    background: rgba(0, 0, 0, 0) linear-gradient(#009eff, #036ccd) repeat scroll 0 0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#009eff), to(#036ccd));
 	 background:-moz-linear-gradient(#009eff, #036ccd);
 	 background:-o-linear-gradient(#009eff, #036ccd);
 	 background:linear-gradient(#009eff, #036ccd);
    border-radius: 302px / 200px;
	-webkit-border-radius:302px;
  -moz-border-radius:302px;
    color: #fff;
    margin: 0 0 0;
    padding: 50px 35px;
    position: relative;
    text-align: center;
    width: 260px;
	    text-shadow: 1px 1px 1px #0058b9;
}

div.oval-thought a, div.oval-thought a:hover{
	color:#fff;
	text-decoration:none;
}

div.cont-shagi{
	margin: 40px auto 10px;
	width: 90%;
	height:235px;
	background:#FDDA24;
	border-radius:40px;
	padding:20px;
}
div.cont-shagi .shagi-zagl{
	font-size:28px;
	color: #434e55;
	text-align:center;
	padding-bottom:15px;
	width:90%;
	border-bottom:1px solid #434e55;
	margin:0 auto 20px;
}
div.shagi-center div{	
	width:30%;
	float:left;
	margin-right:3%;
	display:block;
	padding-top:130px;
	text-align:center;
	font-size:20px;
	color: #434e55;
	position: relative;
}
div.shagi-center{
	display:block;
	height:180px;
}
div.shagi-center div.shag1{
	background: url(/img/icon-shag1.png) top center no-repeat;
}
div.shagi-center div.shag1::after {
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: -71px;
    top: 55px;
    width: 142px;
}

div.shagi-center div.shag1::after {
    background-image: url("/img/strelka-shagi.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

div.shagi-center div.shag2{
	background: url(/img/icon-shag2.png) top center no-repeat;
}

.shagi-center div.shag2::after {
    content: "";
    display: block;
    height: 23px;
    position: absolute;
    right: -85px;
    top: 35px;
    width: 142px;
	box-sizing: border-box;
}
.shagi-center div.shag2::after {
    background-image: url("/img/strelka-shagi.png");
    background-position: 0 -24px;
    background-repeat: no-repeat;
}
div.shagi-center div.shag3{
	background: url(/img/icon-shag3.png) top center no-repeat;
}


div.cont-gorod{
	font-size:17px;
	text-align:justify;
	color: #434e55;
	padding: 0 10px;
}
div.cont-gorod h3{
	color: #434e55;
    font-size: 28px;
	font-weight:300;
}
div.cont-gorod h1{
	color: #434e55;
    font-size: 33px;
	font-weight:300;
	}



.social-links {
    float: left;
    margin-top: 12px;
	padding-left:114px;
}
.social-links A {
    display: block;
    float: left;
    margin-left: 10px;
    text-decoration: none;
}
.social-links A.facebook {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -206px -130px;
    height: 36px;
    width: 36px;
}
.social-links A.facebook:hover {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -206px -94px;
    height: 36px;
    width: 36px;
}
.social-links A.twitter {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -47px -179px;
    height: 36px;
    width: 36px;
}
.social-links A.twitter:hover {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -163px -94px;
    height: 36px;
    width: 36px;
}
.social-links A.youtube {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -191px -179px;
    height: 36px;
    width: 36px;
}
.social-links A.youtube:hover {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -155px -179px;
    height: 36px;
    width: 36px;
}
.social-links A.vk {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -119px -179px;
    height: 36px;
    width: 36px;
}
.social-links A.vk:hover {
    background-image: url("/img/layout-sprite.png?v3.1");
    background-position: -83px -179px;
    height: 36px;
    width: 36px;
}

div.teh-block{
	background:url(/img/head-provod.png) 8% -10px no-repeat #ECEEF0 ;
	padding:45px 15px 25px;
	margin: 50px 34px 15px;
	border-radius:20px;
	transition:all 1.2s ease 0s;
}
div.teh-block:hover{
	background:url(/img/head-provod.png) 8% top no-repeat #ECEEF0;
	box-shadow:1px 5px 5px #aaa;
}
div.teh-block-info{
	max-width:772px;
	margin:0 auto;
	width:100%;
	min-width:500px;
}

div.teh-block h4{
	 color: #434e55;
    font-size: 34px;
    line-height: 1;
    text-align: center;
	margin:10px 0 0;
}
div.block-deskript{
	color: #434e55;
    font-size: 16px;
    padding: 26px 0 25px;
    text-align: center;
}	
div.teh-block div.cellrelative{
	padding-right:5px;
}




div.teh-block input[type="text"]{
	background: white none repeat scroll 0 0;
    border: 1px solid #cad6dd;
    border-radius: 5px;
    color: #434e55;
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    padding: 8px 10px 8px;
    width: 100%;
	height:33px;
}
div.teh-block textarea{
	background: white none repeat scroll 0 0;
    border: 1px solid #cad6dd;
    border-radius: 5px;
    color: #434e55;
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    padding: 9px 10px 8px; 
}

div.teh-block select{
	background: white none repeat scroll 0 0;
    border: 1px solid #cad6dd;
    border-radius: 5px;
    color: #434e55;
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    padding: 8px 10px 8px;
    width: 100%;
	height:33px;
}

div.teh-block input[type="button"]{
	padding:0px 20px;
	margin-top:19px;
	height:33px;
	font-size:13px;
	border-radius:5px;
}
div.teh-block div.cellrelative span{
color: #8ea9b9;
    font-size: 12px;
	padding-left:5px;
	float:left;
}

div.teh-block .message{
	color: #434e55;
    text-align: center;
	font-size:17px;
	padding:15px 0px 10px;
}
div.teh-block .message-bottom{
	 padding-bottom: 0px;
    line-height: 1.3em;
}
div.cont-spasibo h1{
	text-align:left;
	padding-left: 25px;
}
div.cont-spasibo p{
	font-size:20px;
	color:#464646;
	padding:0 25px;
}
div.cont-spasibo a{
	padding:10px 0px 0px;
	margin-left:25px;
	color:#009EFF;
	font-size:19px;
	font-style:italic;
	border-bottom:1px dotted #009EFF;
	transition:all 0.5s ease 0s;
	text-decoration:none;
}
div.cont-spasibo a:hover{
	border-bottom:none;
	text-decoration:none;
	margin-left:15px;
	padding-right:10px;
}

.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:#229FFF url(/img/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}



/**********************new code - Teyet 19.02.2016**********************/

div.tabs{
    box-shadow: 1px 3px 3px 0 silver;
    font-family: "MuseoSansRegular","Helvetica","Arial",sans-serif;
    margin: 0 auto;
    width: 100%;
	max-width:1021px;
}
div.tabs__caption {
	 background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    height: 114px;
    line-height: 22px;
    list-style: outside none none;
    
}
div.tabs__caption div.kluch {
	float: left;
	display: inline;
	padding-top: 5px;
	cursor: pointer;
	position: relative;
    width:33.3333333%;
}
div.tabs__caption div.kluch:hover{
	padding-top:5px;
	background: transparent;
    opacity:0.9;
}

.vertical div.tabs__caption div:hover {
	padding-top:5px;
	background: transparent;
    opacity:0.9;
}


div.tabs__caption div.active {
	 background: transparent none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 -5px 4px -4px #777777;
    padding-top: 0;
    position: relative;
}

div.tabs__caption div.active:hover {
	background: transparent none repeat scroll 0 0;
    bottom: 0;
    padding-top: 0;
    position: relative;
}
div.tabs__content {
	display: none;
	border: 1px solid #f8f8f8;
	border-width: 0 1px 1px;
	background: transparent;
	padding: 10px 12px;
    clear:both;
}
div.tabs__content.active {
	clear: both;
    display: block;
}

div.tabs.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}

div.kluch div.f_line{
   background: #354047 none repeat scroll 0 0;
    padding: 10px 15px;
    
}

div.kluch div.f_line span{
    color: #229FFF;
    font-family:arial;
    font-size: 21px;
    font-weight: bolder;
}

div.kluch div.f_line span:nth-child(2){
    float:right;
}

div.active div.f_line{
    background:#F7F8FB;
}


div.kluch div.s_line{
    background: #434e55 none repeat scroll 0 0;
    color: #898f93;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 10px;
    height:46px;
}

div.active div.s_line{
    background:#fff;
}

div.s_line div:nth-child(1){
    width:55%;
    float:left;
}

div.s_line div:nth-child(2){
    float: right;
    text-align: right;
    /*width: 43%;*/
}

div.s_line div:nth-child(2) span{
    text-decoration:line-through;
}

div.tele_block{
    float: left;
    width: 55%;
}

div.tele{
    border-bottom: 2px solid #fdda24;
    border-top: 2px solid #fdda24;
    color: #229fff;
    font-size: 27px;
    padding: 10px 20px;
       font-weight: bold;
}


div.tele_block img:nth-child(2){
      display: block;
    margin: 0 auto;
    width: 60%;
}

div.tele_block div:nth-child(3){
     background: #229fff none repeat scroll 0 0;
    clear: both;
    color: #fff;
    font-size: 22px;
    padding: 5px 20px;
    text-shadow: 1px 1px 1px #0058b9; 
}

div.scroll{
       border: 1px solid #efefef;
    float: left;
    height: 190px;
    overflow: hidden;
    width: 100%;
    }

div.scroll div{
    float: left;
    min-height: 150px;
    width: 543px;
}

#mCSB_1_container div, #mCSB_2_container div, #mCSB_3_container div{
     color: #229fff;
    line-height: 21px;
    padding: 0 5px;
    width: 45%;
    
}

#mCSB_1_container div:nth-child(2), #mCSB_2_container div:nth-child(2), #mCSB_3_container div:nth-child(2){
   border-left: 1px solid #f8f8f8;
    padding-left: 5px;
    width: 48%;
}

 div.scroll div.mCSB_scrollTools{
    width:2px;
}

div.tariffs{
      float: right;
    width: 32%;
}


div.tariffs .item{
    width:100%;
    box-shadow:0 0 22px rgba(0, 0, 0, 0.14);
}

 div.tariffs .item a.connect{
    margin:0 auto 9px;
 }
 
 div.tariffs .item .infoblock .caption{
    float:none;
    margin:0;
 }
 
div.tariffs .item .infoblock{
    margin:25px 0 0;
}

div.tabs div.plus_1{
      background: rgba(0, 0, 0, 0) url("../themes/kyivstar/plus1.png") no-repeat scroll center center;
    float: left;
    height: 400px;
    left: 40px;
    position: relative;
    width: 5%;
}

@media screen and (max-width:1140px) and (min-width:985px){
    
  div.activechapter, div.chapter{
    text-align: center;
    width: 17%;
    border-bottom:1px solid #0fadff;
}

div.chapter:nth-child(15){
    border-right:1px solid #0fadff;
}



    
    
}

@media screen and (max-width:985px) and (min-width:845px){
    
    
div.activechapter, div.chapter{
    text-align: center;
    width: 25%;
    border-bottom:1px solid #0fadff;
}

div.chapter:nth-child(15){
    border-right:1px solid #0fadff;
}
div.logo a{
    font-size:22px;
}

    
}





@media screen and (max-width:845px) and (min-width:420px){
    
    
div.activechapter, div.chapter{
    text-align: center;
    width: 24.8%;
    padding:10px 0;
    border-bottom:1px solid #0fadff;
    display:inline-block;
}

div.chapter:nth-child(15){
    border-right:1px solid #0fadff;
}

div.logo a{
    font-size:21px;
}

div.underheadleft,
div.underheadright{
    display: inline-block;
    width:100%;
    margin:0 auto;
}

div.underheadright{
    margin:10px auto;
	width:80%;
    
}

div.underheadinfo{
    text-align:center;
}

#tariffs .item, div.tariffs .item {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    position: relative;
    width: 45%;
}

#tariffs div.wrapper div.list:nth-child(3){
    text-align: center;
}
div.slider{
    padding:0;
}

div.allfooterinfo {
    padding:10px 0;
}
 div.headcolumn2{
        display:none;
    }
    
}

@media screen and (max-width:420px) and (min-width:20px){
    
    
div.activechapter, div.chapter{
    text-align: center;
    width: 25%;
    border-bottom:1px solid #0fadff;
    display:inline-block;
}

div.underheadright{
    display: inline-block;
    width:80%;
    margin:0 auto;
	padding:0 20px;
}

div.chapter:nth-child(15){
    border-right:1px solid #0fadff;
}

 div.headcolumn2{
        display:none;
    }
    div.slider{
    padding:0;
}
div.allfooterinfo {
    padding:10px 0;
}

div.activechapter, div.chapter {
    width: 75%;
}

#tariffs .wrapper {
    padding: 0 ;
}



    
}

@media screen and (max-width:845px) and (min-width:500px){
    div.headcolumn1,
    div.headcolumn3{
        display: inline-block;
    margin: 10px 0px;
    padding-top: 10px;
    width: 49%;
    } 
    div.headcolumn2{
        display:none;
    }
    
    div.overfooter table, div.overfooter table tr{
        display:block;
        text-align:center;
    }
    div.overfooter table tr td{
        display:inline-block;
        min-width:49%;
        min-height:110px;
    }
    
    div.overfooter div.copyright{
        width:100%;
        text-align:center;
    }
    
    .social-links {
    display: inline-block;
    float: none;
    margin-top: 12px;
    padding-left: 0;
}


div.overfooter{
    text-align:center;
}

div.value, div.units{
    text-align: left;
}
h4{
    font-size:30px;
}

div.cont-priem div.zagol{
    font-size:21px;
}
div.shagi-center div{
    font-size:17px;
}

    
}

@media screen and (max-width:500px) and (min-width:20px){
    div.headcolumn1, 
    div.headcolumn3{
    display: inline-block;
    margin: 10px 0;
    padding-top: 10px;
    width: 100%;
    }
    
    div.headcolumn1{
        width: 240px;
    }
    
    div.headinfo{
        text-align:center;
    }
    
    
div.searchinput {
    margin: 0 auto 0 1%;
    width: 95%;
}
div.cont-priem:nth-child(2){
    border-bottom: 1px solid silver;
}
    
    div.overfooter div.copyright{
        width:100%;
        text-align:center;
    }

    .social-links {
    display: inline-block;
    float: none;
    margin-top: 12px;
    padding-left: 0;
}

div.overfooter{
    text-align:center;
}
div.slider{
    padding:0;
}


div.value, div.units{
    text-align: left;
}
h4{
    font-size:30px;
}

div.cont-priem div.zagol{
    font-size:18px;
}

div.shagi-center div{
    font-size:17px;
}

div.cont-priem a{
    left:29%;
}
    
}

@media screen and (max-width:686px) and (min-width:20px){
    
    
    div.logo a span {
    font-size: 14px;
}

div.logo a {
    font-size: 14px;
}


div.activechapter, div.chapter {
    padding: 10px 0;
    width: 24.8%;


    
}

#tariffs H2, div.tariffs H2, #tariffs H1, div.tariffs H1 {
    font-size: 26px;

}

#tariffs .wrapper {
    padding:15px 0 ;
    }
    
    #turnongood div:nth-child(4) div.cellrelative{
	min-width: 88%;
}
    
    div.teh-block div.cellrelative{
        display:block;
    }
    
    h4{
        font-size:28px;
    }
    div.teh-block-info {
    min-width: 240px;
}

div.callmeform{
    width:320px;
}


div.cont-priem div.zagol {
    font-size: 16px;
}


div.cont-priem div.wi-fi,
div.cont-priem div.tv-dom,
div.cont-priem div.podkluchenie,
div.cont-priem div.teh-pod{
    background-position:center bottom;
    display:inline-block;
    width:49%;
}

div.cont-priem div.wi-fi:hover,
div.cont-priem div.tv-dom:hover,
div.cont-priem div.podkluchenie:hover,
div.cont-priem div.teh-pod:hover{
    background-position:center bottom;
}

div.cont-priem div.wi-fi,
div.cont-priem div.tv-dom{
    margin-bottom:52px;
}

div.shagi-center div.shag1,
div.shagi-center div.shag2,
div.shagi-center div.shag3{
background-position: center 20px;
    background-size: 63px auto;
}

div.shagi-center div{
    padding-top:86px;
}

div.overfooter table tr td {
    display: inline-block;
    min-width: 68%;
}

div.overfooter table tr td:nth-child(1){
    min-width:80%;
}



}

@media screen and (max-width:615px) and (min-width:20px){


#tariffs .item, div.tariffs .item {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    left: 15%;
    position: relative;
    width: 70%;
}

input.ordercall, input.ordercall:hover {
    padding: 12px 10px;

}

}




@media screen and (max-width:501px) and (min-width:20px){


div.allfooterinfo{
    max-width:320px;
}


div.cont-shagi {
    background: #fdda24 none repeat scroll 0 0;
    border-radius: 40px;
    height: 270px;
    margin: 40px auto 10px;
    padding: 20px 0;
    width: 90%;
}


div.teh-block {
    margin: 50px auto 15px;
    padding: 45px 0 25px;
    }



input.ordercall, input.ordercall:hover {
    padding: 12px 0;
    width: 197px;
}

}

@media screen and (max-width:510px) and (min-width:385px){
    
div.activechapter, div.chapter {
    padding: 10px 0;
    width: 32.8%;
}
    
}

@media screen and (max-width:385px) and (min-width:300px){
    
div.activechapter, div.chapter {
    padding: 10px 0;
    width: 49.5%;


    
}


div.cont-shagi {
    background: #fdda24 none repeat scroll 0 0;
    border-radius: 40px;
    display: none;
    }
    
}

@media screen and (max-width:300px) and (min-width:20px){
    
div.activechapter, div.chapter {
    padding: 10px 0;
    width: 99.8%;
}


div.logo {
    min-width: 240px;
    
}


#tariffs .item .info, div.tariffs .item .info {
    padding: 8px;
    position: relative;
}

#tariffs .item, div.tariffs .item {
    width: 80%;
}


}

/*karta*/

@media screen and (max-width:850px) and (min-width:20px){
    
#popup-container #location-block > ul {
    float: left;
    height: auto;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#popup-container #location-block > ul > li {
    border-right: 1px dotted #d4d5d2;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 10px 9px;
    width: 300px;
}

#popup-container #location-block {
    background: #f7f8fb url("./kyivstar/location-map.jpg") no-repeat scroll center center;
    border: 1px solid #ababab;
    border-radius: 5px;
    display: inline-block;
    height: 550px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 25px 15px;
    right: 0;
    text-align: left;
    top: 0;
    width: 300px;
    z-index: 9998;
}

#popup-container {
    width: 300px;
}

#popup-container {
 display: block;
 left: 0;
 margin-left: 0;
 margin-top: -300px;
 right: 0;
 text-align: center;
 width: 100%;
}



#popup-container #location-block > ul > li a {
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
}

}


@media screen and (max-width:400px) and (min-width:20px){
    div.addapplication {
    text-align: center;
    margin-top: 30px;
    padding: 0 10px;
}

}