body {
	font-family: 'TT Norms Pro', sans-serif;
	color: #000;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.34em;
}

button {
	display: block;
	border: none;
	background: transparent;
}

.be-static {
	position: static;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: 700;
	color: #000;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 46px;
	line-height: 1.22em;
}

h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 1.22px;
}

h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.34em;
}

.btn {
	background: #0044CC;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.12em;
	display: inline;
	box-shadow: 0px 8px 15px rgba(0, 68, 204, 0.35);
	transition: 0.15s all ease;
}

.btn:hover {
	background: #003BB1;
	color: #fff;
	box-shadow: 0px 4px 5px rgba(0, 60, 179, 0.15);
}

.nofocus:focus {
    outline: none;
    box-shadow: 0px 8px 15px rgba(0, 68, 204, 0.35);
}

.nofocus-sh:focus {
    outline: none;
    box-shadow: none;
}

.header {
	background-color: #F5F8FF;
}

.nav {
	padding-top: 42px;
}

.logo {
	margin: 0;
	padding: 0;
}

.offer {

}

.offer-cont__title {
	margin-top: 35px;
}

.offer-cont__text {
	margin: 18px 0 35px 0;
}

.offer-cont__btn {
	font-size: 13px;
	line-height: 16px;
	padding: 19px 25px 19px 26px;
	border-radius: 8px;
	margin-bottom: 48px;
}

.hero {
	position: absolute;
/*	background: url('../img/title-bg.png') no-repeat;*/
/*	background-attachment: fixed;*/
	width: 410px;
	height: 400px;
	left: 55%;
	top: 24px;
/*	overflow: hidden;*/
}

.game-left {
	margin-top: 87px;
}

.game-right {
	margin-top: 87px;
}

.game-cont__title {

}

.game-cont__text {
	margin: 14px 0 27px 0;
}

.game-cont__btn {
	background: #FFD940;
	color: #000;
	font-size: 12px;
	line-height: 1.17em;
	padding: 13px 18px 11px 19px;
	border-radius: 4px;
	box-shadow: 0px 8px 15px rgba(153, 153, 153, 0.35);
}

.game-cont__btn:hover {
	background: #FFBF00;
	color: #000;
	box-shadow: 0px 4px 5px rgba(153, 153, 153, 0.15);	
}

.nofocusyellow:focus {
    outline: none;
    box-shadow: 0px 8px 15px rgba(153, 153, 153, 0.35);
}

.dwl-size-txt {
	font-size: 14px;
	color: #666;
	margin-left: 10px
}

.game-img {
	max-width: 350px;
	height: 197px;
	box-shadow: 0px 16px 60px rgba(153, 153, 153, 0.35);
}

.footer {
	margin:96px 0 48px 0;
}

.footer-text {
	font-size: 14px;
	line-height: 1.71em;
	color: #666;
}

.modal-body {
	padding: 0 20px 0 20px;
}

.modal-btn__subscribe {
	background: #0044CC;
	color: #fff;
	font-size: 12px;
	line-height: 1.17em;
	padding: 13px 18px 11px 19px;
	border-radius: 4px;
	box-shadow: none;
}

.modal-btn__subscribe:hover {
	background: #003BB3;
	color: #fff;
	box-shadow: none;
}

.modal-btn__hide {
	background: #999;
	color: #000;
	font-size: 12px;
	line-height: 1.17em;
	padding: 13px 18px 11px 19px;
	border-radius: 4px;
	box-shadow: none;
}

.modal-btn__hide:hover {
	background: #666;
	color: #000;
	box-shadow: none;
}

.modal-header {
	border: none;
	padding: 15px 20px 16px 20px;
}

.modal-content {
	border: none;
	border-radius: 4px;
}

.modal-text {
	color: #000;
	font-size: 16px;
	line-height: 1.125em;
}

.modal-footer {
	border: none;
	padding: 16px auto 16px auto;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #999;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-radius: 50%;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-indicators {
	margin-bottom: 0;
}

.carousel-caption {
	position: static;
	padding-top: 16px;
	padding-bottom: 24px;
}

.carousel-inner img {
  margin: auto;
}

.carousel-control-next, .carousel-control-prev,
.carousel-control-next:hover,
.carousel-control-prev:hover,
.carousel-control-next:active,
.carousel-control-prev:active {
    opacity: 0;
}

@media (max-width: 991.98px) {
	.hero {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.game-cont__title {
		margin-top: 23px;
	}	
}

@media (max-width: 376px) {
	h1 {
	font-size: 39px;
    line-height: 1.22em;
	}	

	.game-img {
	    height: auto;
	    width: 100%;
	}
}

@media (max-width: 321px) {
	h1 {
	font-size: 32px;
    line-height: 1.22em;
	}	
}