@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=cyrillic,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Neucha:400&display=swap');

a.active.focus,a.active:focus,a.focus,a:active.focus,a:active:focus,a:focus,button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(255,255,255,0)!important;
}
.form-control:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-select:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
*:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}

.close {
	text-shadow:0px 0px 0px #000!important;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #dee2e6;
}

input {
	outline: none;
	padding: 12px;
	
}
::-webkit-input-placeholder {
    color: #bcaaa4!important;
    transition: opacity 450ms ease-in-out;
}
:focus::-webkit-input-placeholder {
    opacity: 0.1;
}

.bg-menu{
	background:#17034a;
}

.rounded-md {
    border-radius: 0.62rem!important;
}
.rounded-lg {
    border-radius: 1.12rem!important;
}

.font-roboto{
	font-family:'Roboto', serif!important;
}
.font-roboto-c{
	font-family:'Roboto Condensed', serif!important;
}
.font-oswald{
	font-family:'Oswald', serif!important;
}
.font-neucha{
	font-family:'Neucha', serif!important;
	font-size:1.2rem;
}

.font-300{
	font-weight:300!important;
}
.font-400{
	font-weight:400!important;
}
.font-500{
	font-weight:500!important;
}
.font-600{
	font-weight:600!important;
}
.font-700{
	font-weight:700!important;
}

body{
	background:#06021e;
}

h1, h2, h3 {text-transform:uppercase;}
h1, .h1{font-size:2.0rem;}
h2, .h2{font-size:1.7rem;}
h3, .h3{font-size:1.5rem;}
h4, .h4{font-size:1.3rem;}
h5, .h5{font-size:1.1rem;}
h6, .h6{font-size:0.9rem;}

.mmenu{
	width:50%!important;
}

.navbar-toggler {
    border: 0px;
}

.card-footer{
	padding:0px;
}
.horo-icons{
	background:#06021e;
}
.horo-icons-active{
	background:#17034a;
	pointer-events: none;
}
.horo-icons div, a{
	border-right:1px solid #26223c;
}
.horo-icons div:nth-last-of-type(1), a:nth-last-of-type(1){
	border-right:0px;
}
.horo-icons div i, a i{
	font-size:1.5rem;
	padding:0.4rem 0;
	color:#d1c4e9;
}
.horo-icons div:hover, a:hover{
	cursor:pointer;
	background:#17034a;
	opacity:0.9;
}

.shareIt{
	position:absolute;
	display:inline-block;
	background:#06021e;
	padding:7px 10px;
	right:1.25rem;
	top:1.25rem;
	border-radius:6px;
	cursor:pointer;
	opacity:0.9;
}
.shareIt:hover{
	opacity:1;
	right:1.22rem;
	top:1.28rem;
}
.shareIt i{
	font-size:1.36rem;
	color:#d1c4e9;
	margin-top:2px;
}
.modal-share{
	border:1px solid #4a58b0;
}
.modal-header{
	position: absolute;
    display: inline-block;
    right: 10px;
    top: 10px;
	padding:0px;
    border: 0px;
	z-index:900;
}

.dwl{
	position: absolute;
    display: inline-block;
	color:#fff;
    right: 30px;
    top: 10px;	
}
.img-caption{
	display:block;
	padding:1rem;
	margin-top:1.5rem;
	width:100%;
	background:rgba(0,0,0,0.4);
	color:#9fa8da;
	font-family:'Oswald', serif;
	font-weight:400;
	font-size:1rem;
	text-transform:uppercase;
}
.img-caption img{
	display:inline-block;
	width:54px;
	margin-right:1.5rem;
}

.slide-item a{
	position:relative;
	display:block;
}
.slide-item .caption{
	position:absolute;
	bottom:0px;
	left:0px;
	padding:1rem;
	width:100%;
	background:rgba(0,0,0,0.4);
	color:#9fa8da;
	font-family:'Oswald', serif;
	font-weight:300;
	font-size:1rem;
	text-transform:uppercase;
}

.slide-item img{
	padding:0 5px;
}
.prnx{
	cursor:pointer;
}
.prnx:hover{
	opacity:0.9;
}

footer{
	background:#010312;
}

footer .copy{
	background:#00010a;
}

footer img{
	width:250px;
}

footer div, a{
	border-right:0px;
}

footer div:hover, a:hover{
	background:transparent;
	opacity:1;
}

.ya-share2{
	text-align:center;
	margin-top:1rem;
}
.ya-share2__container_shape_round.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy){
	background-size:30px 30px!important;
}
.ya-share2__icon{
	width:36px!important;
	height:36px!important;
}

@media (max-width: 762px) {
	
	h1, .h1{font-size:1.5rem;}
	h2, .h2{font-size:1.3rem;}
	h3, .h3{font-size:1.2rem;}
	h4, .h4{font-size:1.1rem;}
	h5, .h5{font-size:1.0rem;}
	h6, .h6{font-size:0.9rem;}
	
	.mmenu{
		width:75%!important;
	}
    .navbar-brand{
		max-width:80%!important;
	}
	.img-caption{
		font-size:0.75rem;
	}
	.img-caption img{
		display:inline-block;
		width:40px;
		margin-right:1.5rem;
	}
}