@font-face {
    font-family: rosa-marena;
    src: url('/ng-2018/font/rosa-marena.ttf'),
		url('/ng-2018/font/rosa-marena.ttf');
}
@font-face {
    font-family: a_AvanteLt;
    src: url('/ng-2018/font/a_AvanteLt_Light.ttf'),
		url('/ng-2018/font/a_AvanteLt_Light.ttf');
}
@font-face {
    font-family: Bad-Script;
    src: url('/ng-2018/font/Bad-Script.ttf'),
		url('/ng-2018/font/Bad-Script.ttf');
}

.wrapper .tantum-popup-podrobnee h1 {
    font: 70px/1 'rosa-marena' !important;
    color: #de3e41 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.wrapper {
background: url('/ng-2018/img/bg3.jpg'); background-size: 100%;
}
.inp-test-bt {display: none !important;}
.ng-head {
width: 80%;
margin: 0 auto;
}
.ng-txt {
width: 70%;
margin: 0 auto;
}
.ng-txt p {
font-family: a_AvanteLt !important;
font-size: 16px !important;
color: #509bb2 !important;
font-weight: bold !important;
line-height: 1.4 !important;
}
.ng-head img {width:100%;/*position: relative;bottom: 50px;*/}
.ng-foot img {width:100%;position: relative;top: 58px;}
.ng-txt2 h2{
    font-family: rosa-marena !important;
    text-align: center;
    font-size: 45px !important;
}
.ng-hystor1 {background: url('/ng-2018/img/elka.png'); background-size: 100%;
width: 950px;
height: 225px;
margin-left: 15%;
}
.ng-hystor11 {
padding: 80px 95px 5px 270px;
}
.ng-hystor1 p {
color: #ae3356 !important;
font-family: a_AvanteLt !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
.ng-hystor1 span{
font-size: 30px;
font-weight: bold;
}
.ng-hystor2 {background: url('/ng-2018/img/ded-moroz2.png'); background-size: 100%;
width: 920px;
height: 260px;
margin-left: 15%;
}
.ng-hystor22 {
padding: 95px 255px 35px 150px;
}
.ng-hystor2 p {
color: #8c562f !important;
font-family: a_AvanteLt !important;
font-size: 16px !important;
line-height: 1.2 !important;
padding: 5px 45px 5px 5px !important;
}
.ng-hystor2 span{
font-size: 30px;
font-weight: bold;
}
.ng-hystor3 {background: url('/ng-2018/img/medved2.png'); background-size: 100%;
width: 920px;
height: 260px;
margin-left: 15%;
}
.ng-hystor33 {
padding: 110px 45px 5px 245px;
}
.ng-hystor3 p {
color: #1b629e !important;
font-family: a_AvanteLt !important;
font-size: 16px !important;
line-height: 1.2 !important;
padding: 5px 45px 5px 5px !important;
}
.ng-hystor3 span{
font-size: 30px;
font-weight: bold;
}
.ng-hystor4 {background: url('/ng-2018/img/dom.png'); background-size: 100%;
width: 920px;
height: 220px;
margin-left: 15%;
}
.ng-hystor44 {
padding: 75px 300px 5px 120px;
}
.ng-hystor4 p {
color: #445c12 !important;
font-family: a_AvanteLt !important;
font-size: 16px !important;
line-height: 1.2 !important;
padding: 5px 45px 5px 5px !important;
}
.ng-hystor4 span{
font-size: 30px;
font-weight: bold;
}
.ng-hystor5 {background: url('/ng-2018/img/snegovik2.png'); background-size: 100%;
width: 920px;
height: 240px;
margin-left: 15%;
}
.ng-hystor55 {
padding: 85px 55px 5px 265px;
}
.ng-hystor5 p {
color: #494363 !important;
font-family: a_AvanteLt !important;
font-size: 17px !important;
line-height: 1.2 !important;
padding: 5px 45px 5px 5px !important;
}
.ng-hystor5 span{
font-size: 30px;
font-weight: bold;
}
.ng-vtv {
width: 50%;
margin: 0 auto;
text-align: right;
}
.ng-vtv p{font-family: a_AvanteLt !important;color: #509bb2 !important;font-size: 20px !important;
font-weight: bold !important;}

.tantum-popup-podrobnee > div {width: 100% !important;}
.clear {clear: both;}

@media screen and (max-width:1100px){
.ng-hystor1{margin-left: 5%;}
}
@media screen and (max-width:1000px){
.tantum-popup-podrobnee p {
    /*padding: 0 10px 13px 0 !important;*/
}
.ng-hystor1 p {
padding: 2px !important;
}
}

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

@media screen and (max-width:640px){
.tantum-popup-podrobnee {padding-left: 0px !important;}
.ng-head {width: 100%;}
.ng-txt2 h2{font-size: 25px !important;}
.ng-vtv {
width: 95%;
}
.ng-hystor1 {
    width: 630px;
    height: 145px;
    margin-left: 1%;
}
.ng-hystor11 {padding: 30px 55px 5px 165px;}
.ng-hystor1 p {font-size: 14px !important;padding: 5px 5px 5px 5px !important;}
.ng-hystor2 {
width: 640px;
height: 182px;
margin-left: 1%;
}
.ng-hystor22 {padding: 55px 160px 5px 55px;}
.ng-hystor2 p {font-size: 14px !important;}
.ng-hystor3 {
width: 620px;
height: 170px;
margin-left: 1%;
}
.ng-hystor33 {padding: 65px 45px 5px 175px;}
.ng-hystor3 p {font-size: 14px !important;padding: 5px !important;}
.ng-hystor4 {
width: 620px;
height: 150px;
margin-left: 1%;
}
.ng-hystor44 {padding: 40px 220px 5px 55px;}
.ng-hystor4 p {font-size: 14px !important;padding: 5px !important;}
.ng-hystor5 {
width: 620px;
height: 160px;
margin-left: 1%;
}
.ng-hystor55 {padding: 55px 5px 5px 170px;}
.ng-hystor5 p {font-size: 14px !important;padding: 5px !important;}
	.tantum-popup-podrobnee .ng-txt p{
		font-size: 22px !important;
	}
	.ng-txt {
		width: 90% !important;
	}
	.wrapper .tantum-popup-podrobnee h1 {
		font-size: 40px !important;
	}

	.ng-hystor1,.ng-hystor2,.ng-hystor3,.ng-hystor4,.ng-hystor5 {
		height: auto;
		background-size: 450px auto;
		background-repeat: no-repeat;
		width: 100%;
		background-position: -50px 0px;
	}
	.ng-hystor2 {
		background-position: 100% 0px;
		background-size: 350px auto;
	}
	.ng-hystor3 {
		background-position: -5px 0px;
	}
	.ng-hystor4 {
		background-position: 100% 0px;
		background-size: 340px auto;
	}
	.ng-hystor11,.ng-hystor33,.ng-hystor55 {
		padding: 0px 15px 5px 80px;
	}
	.ng-hystor22,.ng-hystor44 {
		padding: 0px 90px 5px 15px;
	}
	.ng-hystor22 {
		padding: 0px 117px 5px 15px;
	}
	.ng-hystor33 {
		padding: 0px 15px 5px 128px;
	}
	.ng-hystor44 {
		padding: 0px 120px 5px 15px;
	}
	.wrapper .tantum-popup-podrobnee p {
		font-size: 22px !important;
		padding: 0px !important;
	}
}

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

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

}