html {
	font-size: 22px;
}
.uk-navbar-toggle, .uk-dark {color: #444;}
.uk-dark a {color: #444 !important;}
.uk-offcanvas-bar {background: #fff;}
.uk-nav-parent-icon > .uk-parent > a::after {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;}
.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {border-top-color: #eee;}
.uk-navbar-nav>li>a {
    color: #444;
    font-family: 'rcr';
}
.uk-dotnav>.uk-active>* {background-color: #fff;}
.uk-dotnav>*>* {border: 1px solid #fff;}
.uk-dotnav>*>:focus, .uk-dotnav>*>:hover {background-color: #fff;}
h3, .uk-h3 {
	font-family: 'rcr';
    font-weight: normal;
    margin: 24px auto;
	font-size: 32px;
	line-height: initial;
}
h3:hover, .uk-h3:hover, .iia_meta:hover {
	color: #e670b1;
	transition: 0.2s;
}
h3:not(:hover), .uk-h3:not(:hover), .iia_meta:not(:hover) {transition: 0.2s;}
p {color: #222;}
.uk-lightbox {background: rgba(0, 0, 0, 0.9);}
.uk-card-primary {background: #e670b1;}
.uk-button-primary {background: #e670b1;}
.uk-button-primary:hover, .uk-button-primary:focus {background: rgb(210, 103, 162);}
.uk-subnav > * > :first-child {font-size: 14px;}
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {height: 14px;}
.uk-comment-meta {font-family: 'ind';}
.uk-sticky {position: relative;}

.iia_hot_txt {
    color: #444;
    font-family: 'rcr';
    font-size: 16px;
}
.iia_num {
    font-family: 'rcr';
    font-size: 36px;
    margin-right: 8px;
    color: #ff9932;
    line-height: 32px;
}
.iia_off_logo {
	width: 160px;
    margin: 0 auto;
    display: block;
    margin-bottom: 24px;
}

.slider-box {
    background: rgba(230, 112, 177, 0.9);
    margin: 0;
    padding: 30px;
	padding-bottom: 10px;
    padding-top: 20px;
}
.slider-mark {
    background: #fff;
    display: flex;
    align-items: center;
    color: #e670b1;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px;
    padding-right: 10px;
    width: max-content;
    position: absolute;
    top: -15px;
    right: 10px;
    border-radius: 16px;
    font-family: 'rcr';
    letter-spacing: 0.1px;
}
.slider-mark span {margin-right: 4px;}
.slider-crums {width: 90%;}
.slider-crums h2 {
	font-family: ind;
    font-size: 32px;
	margin-bottom: 0;
	color: #fff;
}
.slider-da {color: #fff;}
.slider-date, .slider-author {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: 'rcr';
}
.slider-date {margin-right: 10px;}
.slider-author {margin-left: 10px;}
.line {
    width: 100%;
    height: 1px;
    background: #eee;
    background-image: linear-gradient(to right, #fff, #eee, #fff);
	margin: 24px auto;
}
.iia_meta {
    font-size: 12px;
    font-family: 'rcr';
    letter-spacing: 2px;
}
.iia_mark {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'rcr';
    letter-spacing: 0.1px;
}
.iia_mark span {margin-right: 4px;}
.iia_red {color: #d50000;}
.iia_blue {color: #0288D1;}
.iia_green {color: #43a047;}
.iia_star {color: #ddd;}
.iia_star_color {color: #f93 !important;}
.iia_icon_box {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 48px;
    height: 48px;
    color: #222;
	z-index: 9;
}
.iia_part {
	text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    padding: 12px 0;
    letter-spacing: 4px;
    font-family: 'rcr';
    background: #f93;
    width: 100%;
    margin: 0 auto;
    color: #fff;
}
.zodiac_box p {
	text-align: center;
	text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    color: #999;
}
.z_box {
    width: 60px;
    height: 60px;
    border: 3px double rgba(255, 193, 7, 0.2);
    border-radius: 100%;
    padding: 8px;
}
.zodiac_box:hover .z_box {border: 3px double rgb(230, 112, 177);}
.zodiac_box:hover p {color: rgb(230, 112, 177);}
.iia_cat {
    font-size: 48px;
    padding: 48px 15px;
    font-family: 'ind';
    color: #f93;
}
.iia_cat svg {
    width: 48px;
    height: 48px;
}
.uk-offcanvas-bar::-webkit-scrollbar { width: 0; }
.uk-offcanvas-bar { -ms-overflow-style: none; }
.scroll_top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
}
.iia_title {
    font-size: 40px;
    padding-top: 48px;
    font-family: 'ind';
}
.iia_gall_box {position: relative;}
.iia_gall_show {
    position: absolute;
    background: rgba(230, 112, 177, 0.9);
    padding: 15px 10px 15px 25px;
    color: #fff;
    text-transform: uppercase;
    right: 0;
    top: 400px;
}
.iia_gall_img {width: 100%;}
.iia_gall_show_2 svg {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.iia_gall_show_1_1 {
    font-size: 16px;
    font-family: 'rcb';
    letter-spacing: 0.5px;
}
.iia_gall_show_1_2 {
    font-size: 14px;
    font-family: 'rcr';
    letter-spacing: 0.5px;
}
.iia_gall_show_1_2 span {
    font-family: 'rcb';
    margin-right: 5px;
    font-size: 16px;
}
.frame {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 24px auto;
}
.frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iia_star_art svg {
    width: 30px;
    height: 30px;
    margin: 0 5px;
}
.iia_aut {font-size: 16px;}
.iia_pop {
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'rcr';
    text-align: center;
    font-size: 23px;
    margin-bottom: 15px;
}
.iia_sm2 {
    top: 182px;
    right: 10px;
}
.iia_j_box .iia_cat {
    font-size: 36px;
    padding: 0;
}
.iia_j_box p {
    font-size: 20px;
    margin: 10px;
}
.cover_img {
    text-align: center;
    background: #FFF5F2;
    border-radius: 100%;
    width: 400px;
    height: 400px;
    border-width: 1px 9px 3px 20px;
    border-style: double;
    border-color: #ff9934;
}
.cover1 {
    width: 300px;
    height: 383px;
    position: absolute;
    filter: blur(2px);
    transform: rotate(7deg);
    opacity: 0.5;
    box-shadow: 0 0 0 1px #eee;
}
.cover2 {
    width: 300px;
    height: 383px;
    position: relative;
    z-index: 9;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
    filter: contrast(110%);
}
.cover_all img {
	width: 180px;
	box-shadow: 0 0 0 1px #eee;
}
.cover_all p {
    text-align: right;
    color: #999;
    font-family: 'rcr';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
}
.iia_small_font {
	font-size: 14px;
}

/* BATTLE */
.battle_box {
	margin: 24px auto;
	position: relative;
	width: 855px;
}
.battle_item {
	position: relative;
	width: 250px;
	height: 500px;
	margin: 0 24px;
	cursor: url('/img/cosmo_2019/heart.svg'), auto;
}
.battle_item img {
	width: 100%;
	z-index: 1;
    position: relative;
}
.battle_item_txt_l, .battle_item_txt_r {
	position: absolute;
	bottom: 24px;
	width: 200px;
}
.battle_item_txt_l span, .battle_item_txt_r span {
    color: #fff;
    background: #e670b1;
    font-family: ind;
	position: relative;
    z-index: 2;
}
.battle_item_txt_l {left: -24px;}
.battle_item_txt_r {
	right: -24px;
	text-align: right;
}
.battle_item_txt_l:after {
	content: '';
    width: 34px;
    height: 34px;
    background: #c36297;
    position: absolute;
    transform: rotate(24deg);
    bottom: -9px;
    left: 6px;
    z-index: 0;
}
.battle_item_txt_r:after {
	content: '';
    width: 34px;
    height: 34px;
    background: #c36297;
    position: absolute;
    transform: rotate(64deg);
    bottom: -9px;
    right: 6px;
    z-index: 0;
}
.bi_hide {
	width: 220px;
	height: 440px;
}
.battle_item_like_l, .battle_item_like_r {
	position: absolute;
    bottom: 8px;
    color: #e670b1;
    background: #fff;
    padding: 6px 16px;
    border-radius: 18px;
	font-size: 16px;
	font-family: 'rcr';
	width: 60px;
    left: 80px;
	opacity: 0;
	z-index: 3;
}
.battle_item_like_l img, .battle_item_like_r img {
	margin-right: 4px;
    width: 18px;
}
.battle a {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'rcr';
    color: #999;
    letter-spacing: 2px;
    margin: 0 auto;
    display: block;
    width: 200px;
    text-align: center;
    border: 1px solid #eee;
    padding: 10px 0;
}
/* END-BATTLE */

.iia_sp_title {font-family: 'ind';}
.iia_sp_img {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 100%;
}
.iia_sp_1 {background: url(http://cosmo2019.afore.in.ua/img/cosmo_2019/01.jpg) 50% / cover;}
.iia_sp_2 {background: url(http://cosmo2019.afore.in.ua/img/cosmo_2019/02.jpg) 50% / cover;}
.iia_sp_3 {background: url(http://cosmo2019.afore.in.ua/img/cosmo_2019/03.jpg) 50% / cover;}
.iia_sp_4 {background: url(http://cosmo2019.afore.in.ua/img/cosmo_2019/04.jpg) 50% / cover;}
.iia_sp .uk-comment-meta {font-family: inherit;}
.iia_sp a:hover .uk-comment-title {
	color: #e670b1;
}
.iia_sp .uk-comment-title {font-family: 'rcr';}
.uk-container {max-width: 1300px;}

/* BRANDING */
.br {
	width: 100%;
	height: 200px;
}
.br_box {
    position: absolute;
    top: 200px;
}
.br_left, .br_right {
    position: absolute;
    background: #eee;
    width: calc((100% - 1300px) / 2);
	height: auto;
	margin-top: 60px;
}
.br_right {right: 0;}

/* END-BRANDING */

@media only screen and (max-device-width: 1600px) {
	.uk-container {max-width: 1200px;}
	.br_left, .br_right {width: calc((100% - 1200px) / 2);}
}
@media only screen and (max-device-width: 1400px) {
	.uk-container {max-width: 1024px;}
	.br_left, .br_right {width: calc((100% - 1024px) / 2);}
}