html, body {margin:0; padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
body {background: #fff; color: #000; height: 100vh;}

.main-container {max-width: 1010px; margin: 0 auto; height: 100vh; overflow: scroll; -webkit-overflow-scrolling:touch;}

form {margin:0;}

a { text-decoration: none;}
a.close {display: none; position: absolute; right: 7px; top: 22px; width: 30px; height: 30px; text-decoration: none; font-family: HelveticaNeue, sans-serif; z-index: 1111; background: #fff; border-radius: 15px;}
a.close span {position: relative; width: 16px; height: 16px; display: block; margin: 7px;}
a.close span:before,
a.close span:after {position: absolute; left: -2px; top: 8px;}
a.close span:before { background-attachment: scroll; background-clip: border-box; background-color: #141414; background-origin: padding-box; content: ''; display: block; height: 1px; transform: matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0); -webkit-transform: matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0); width:19px;}
a.close span:after { background-attachment: scroll; background-clip: border-box; background-color: #141414; background-origin: padding-box; content: ''; display: block; height: 1px; transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0); -webkit-transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0); width:19px;}

.popup a.close {display: block}

img {border:0;}

img.icon {
 -webkit-transform:scale(0.5);
 transform:scale(0.5);
	 vertical-align: middle;
}

.form-body {padding: 8px 0px;}

.form-body .txt-cont {font-size: 14px; overflow: hidden;}
.form-body .txt-cont.sub-pages {padding: 0 8px;}

.form-body .txt-cont h1 {font-size:16px; display: block; text-align: left; color: #000;  padding: 0; margin-bottom: 7px;}
.form-body .txt-cont h2 {font-size:14px; display: block; text-align: left; color: #000;  padding: 0;}

.form-body .txt-cont ul.section {padding:0 0 0 22px; margin:0; font-size: 14px; margin-bottom: 19px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;background: rgba(255,255,255,1)}
.form-body .txt-cont ul.section li {display: block; list-style: none; padding: 0; margin: 0; padding-right: 8px; /*border: 1px solid #3a3b3c*/
border-bottom: 1px solid #ccc;}
.form-body .txt-cont ul.section li:last-child {border-bottom: 0;}


.form-body .txt-cont ul li a sup {vertical-align: top; color: red; font-size: 80%; top: -5px; position: relative; margin-right: 4px; font-style: italic; z-index: 11;}

.banner-block {width: 266px; height: 65px; background: transparent; margin: 0 auto 17px auto; overflow: hidden; border: 0; display: block;}

table.flags {margin: 10px auto 0 auto;}
table.flags td {padding: 2px;}
table.flags td a {display:block; font-size: 9px; text-decoration: none; text-align: center;}
table.flags td img {width: 45px; height: 45px;}

.img-cont {display: block; text-align: center;}
.img-cont img {max-width: 300px;}

.inline-img {vertical-align: text-bottom;}

ol li .img-cont {padding-top: 5px; margin-left: -40px;}

.footer {padding: 20px 30px 10px 30px; text-align: right;}
.footer span {font-size: 10px;}



/*@media only screen and (device-width: 768px) {*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {

}

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

}

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

}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (min-device-pixel-ratio:1.5) {

.form-body .txt-cont ul.section {border:0; box-shadow: 0 1px 0 #ccc, 0 -1px 0 #ccc;}
.form-body .txt-cont ul.section li {border:0; box-shadow: 0 1px 0 #ccc;
}
.form-body .txt-cont ul.section li:last-child {border: 0; box-shadow: 0;}
		 
}
/*iPhone X*/
@media only screen and (device-width : 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio : 3) {
	.main-container {padding-top: 20pt;}
	a.close {top: 35pt;}
	.form-body {padding-bottom: 80px;}
}
/*iPhone Xк and XsMax*/
@media only screen and (device-width : 414px) and (device-height: 896px) {
	.main-container {padding-top: 20pt;}
	a.close {top: 35pt;}
	.form-body {padding-bottom: 80px;}
}
