@charset "utf-8";
/* CSS Document */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body {font-size:13px !important;}

header {overflow: unset;}

.show-desktop { display:none;}
.show-mobile {display:block;}
	
 
.block-logo { padding:1% 0; text-align: center; display:none;}
.block-logo img { width:120px;}

.block-menu {display:none;}
.main-nav  {padding:0 0 5px 0;}
.nav {
  background: #FFF;
  position: relative;
  z-index:9999;
  display:block;
  border-bottom:2px solid #ffea00;
}
.nav .logo {left:20px; position:relative;}
.nav .logo img { width:128px;}
.nav .logo i:hover {
  color: #e74c3c;
  transition: color 0.3s;
}
.nav .main-nav .hamburger-nav::after {
  font-family: fontawesome;
  content: "\f0c9";
  color: #ffea00;
  font-size: 1.5rem;
  position: absolute;
  top: 8px;
  right: 20px;
  cursor: pointer;
  text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);
}
.nav .main-nav .menu {
  display: none;
  list-style: none;
  position: absolute;
  top:47px;
  padding-left: 0;
  width: 100%;
  overflow: hidden;
}
.nav .main-nav .menu a {
  display: block;
  background: url(../images/bg-menu.jpg) repeat center bottom;
  text-decoration: none;
  text-align: center;
  padding: 20px;
  border-bottom: 0.5px solid #e0bc06;
  color:#000;
}
.nav .main-nav .menu a:hover {
  background: #FFF;

}
.nav .main-nav .menu a:hover li {
  color: #000;
}
.nav .main-nav .menu a li {
  color:#000;
  text-transform: uppercase;
}


/*Banner*/
.main-banner-top{
	background: url(../images/banner_resp.jpg) top center no-repeat;
    background-size: auto;
	overflow: hidden;
	height:1px;
	padding-bottom:55%;
	overflow: hidden;
	background-size: cover;
	position: relative;
	margin:107px 0 5% 0;
	z-index:5555;
}


/*Title*/
.blcok-title-2 { background:#646464; color:#FFF; text-align:center;}
.blcok-title-2 h2 {padding:15px 0; margin:0; font-size:20px;}

/*Title*/
.blcok-title { background:#312e2c; color:#FFF; text-align:center;}
.blcok-title h2 {padding:15px 0; margin:0; font-size:20px;}



/*Block 1*/
.block-1 {padding: 0 0 5% 0;}
.block-1 h2 {font-size:22px; padding: 0 0 3% 0;}

/*Block 2*/
.main-block-2 {background:#f6f6f6; padding: 10% 0 5% 0;}
.block-b2 {text-align: center; padding: 0 0 5% 0;}
.block-b2 h3 { font-size:24px; margin:20px 0 10px 0;}
.block-b2 ul {padding:0 0 0 20px; margin:0; text-align:left;}



/*Block 3*/
.main-block-3 {padding:10% 0;}
.block-3 h2 {text-align:center; padding: 0 0 3% 0; font-size: 26px;}

/*Block 3*/
.main-block-3 {padding:10% 0;}
.block-3 h2 {text-align:center; padding: 0 0 3% 0; font-size: 26px;}
.block-img-3 {padding:0 0 5% 0;}
.block-img-3 img {width:100%;}
.block-text-3 {padding:00; text-align:center;}

/*Block 4*/
.main-block-4 {background:#f6f6f6; padding:10% 0;}
.block-b4 {text-align:center;}
.block-b4 h3 { font-size:18px; margin:20px 0 10px 0;}
.block-b4 ul {padding:0 0 0 20px; margin:0;}
.block-b4 img {width:100%;}

/*Block 5*/
.main-block-5 {padding:10% 0; background:#fffbb2;}
.block-5 h2  {text-align:center; padding: 0 0 5% 0;}
.block-img-5 img {width:100%;}
.block-text-5 {padding:5% 0 0 0; text-align:left;}

/*Block 6*/
.main-block-6 {padding:10% 0; background:#f6f6f6;}

.block-img { padding: 0 0 5% 0;}

/*Footer*/
footer {background:#fff100; padding:5% 0;}
.block-footer {margin:5% 0 0 0;}
.block-footer h2 {margin:0 0 30px 0; font-size:10px; font-weight: bold;}
.block-footer h2 span { border-bottom:2px solid #000;  padding:10px  2% }

/*Button*/
.block-button-top {text-align:center; padding:25px 0;}
.block-button-top i {font-size: 20px; font-weight: bold; padding: 0 0 0 5px;}
.butn-top {
  font-size:15px;
  font-weight:bold;
  padding: 15px 10px 15px 10px;
}

.block-button {text-align:center; margin:auto; padding: 5% 0 5% 0;}
.block-button i {font-size: 20px; font-weight: bold; padding: 0 0 0 5px;}
.butn {
  font-size:15px;
  padding: 15px 10px 15px 10px;
  font-weight:bold;
}

/*Registration*/
.block-regt-text{padding:20px; margin:50px 0; height:350px; overflow: auto; border:1px solid #CCC;}
.block-regt-text h2 {font-size:24px; text-align:center; padding:5% 0 10% 0;}


/*Thanks*/
.block-thanks {text-align:center; padding:10% 0 0 0;}
.check-icon img {width:30%;}
.text-thank {font-size:24px; font-weight:bold; padding:10% 0 0 0;}


.block-thanks-text{padding:20px; margin:0; text-align:center;}
.block-thanks-text h2 {font-size:24px; text-align:center; padding:5% 0 10% 0;}
.block-thanks-text img {width:100%;}

.detail-text { padding:0 0 20px 0;}
.detail-text h3 {font-size:20px; padding:0 0 10px 0;}
.detail-text ol {padding:0 0 0 20px; margin:0;}
.detail-text ul {padding:0 0 0 20px; margin:0;}






}

@media only screen and (width : 414px){
.main-banner-sub {background:#fffbb2; margin:0 0 5% 0; padding:79px 0 0 0; }
}

@media only screen and (width : 320px){
.block-sevruce-policy { font-size:13px;}
}