@font-face {
  font-family: 'Decalotype-Bold';
  src: url('../fonts/Decalotype-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Decalotype-Bold.woff') format('woff'), url('../fonts/Decalotype-Bold.ttf')  format('truetype'), url('../fonts/Decalotype-Bold.svg#Decalotype-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf')  format('truetype'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf')  format('truetype'), url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf')  format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf')  format('truetype'), url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{box-sizing: border-box;}
.fest_popup *{margin: 0;padding: 0;list-style-type: none;font-weight: normal;box-sizing: border-box;text-decoration: none;}

.fest_container {width: 1200px;margin: 0 auto;max-width: 100%;}
.fest_popup {float: left;width: 100%;background-image: url(../images/fest-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;padding: 26px 50px;}
.fest_logo {position: absolute;right: 0;top: 0;}
.fest_logo{display: inline-block;vertical-align: middle;}
.fest_logo img {display: inline-block;max-width: 100%;vertical-align: middle;}
.fest_popup .fest_popup_left {float: left;width: 585px;max-width: 100%;}
.fest_popup_left figure {float: left;width: 100%;margin-top: 8px;}
.fest_popup_left figure img{max-width: 100%;display: inline-block;vertical-align: middle;}
.fest_popup_left h2 {font-size: 67px;line-height: 67px;color: #fff;font-family: 'Montserrat-SemiBold';margin-bottom: 13px;}
.fest_popup_left h1{font-size: 153px;line-height: 153px;color: #162839;text-transform: uppercase;font-family: 'Decalotype-Bold';}
.fest_popup_right {float: left;width: calc(100% - 585px);margin-top: 153px;}
.fest_popup_right h3 {font-size: 72px;color: #fff;line-height: 75px;font-family: 'Montserrat-Medium';margin-bottom: 28px;}
.fest_opening {float: left;width: 100%;margin-bottom: 33px;}
.fest_opening li{float: left;width: 205px;}
.fest_opening li:last-child{float: left;width: 230px;margin-left: 50px;}
.fest_opening_content {float: left;width: 100%;}
.fest_opening_content span {float: left;width: 100%;color: #162839;font-size:40px;font-family: 'Montserrat-Medium';line-height:40px;margin-bottom: 5px;}
.fest_opening_content h4{float: left;width: 100%;font-family: 'Montserrat-Medium';font-size: 40px;color: #fff;}
.inquiry_text{float: left;width: 100%;margin-bottom: 30px;}
.inquiry_text h4{float: left;width: 100%;font-family: 'Montserrat-Regular';font-size: 34px;line-height: 34px;color: #fff;margin-bottom: 8px;}
.inquiry_text span{float: left;width: 100%;font-family: 'Montserrat-Regular';font-size: 53px;line-height: 53px;color: #fff}
.apply-btn {float: left;width: 100%;text-align: center;}
.apply-btn a {display: inline-block;width: auto;font-family: 'Montserrat-Bold';font-size: 28px;color: #162839;text-transform: uppercase;background-color: #fff;text-decoration: navajowhite;border-radius: 30px;padding: 15px 35px;line-height: 28px;transition: 0.4s all ease-in-out 0.1s;}
.apply-btn a:hover {background-color: #162839;color: #fff;/*box-shadow: 0px 0 20px 0 rgba(255,255,255,0.3);*/}

@media only screen and (max-width : 1225px){
.fest_container{padding:0 15px;}
.fest_popup .fest_popup_left{width: 55%;}
.fest_popup_right{width: 45%;}
.fest_popup_left h1{font-size: 100px;line-height: 100px;}
.fest_popup_right h3{font-size: 60px;line-height: 60px;margin-bottom: 15px;}
.fest_opening li{width: 50% !important;}
.fest_opening li:last-child{margin-left: 0;}
.fest_opening_content h4{font-size: 30px;}
.inquiry_text span{font-size: 40px;line-height: 40px;}
.inquiry_text h4{font-size: 28px;line-height: 28px;}
}
@media only screen and (max-width : 950px){
	.fest_popup_left h2 {font-size: 45px;line-height: 45px;}
	.fest_popup_left h1 {font-size: 70px;line-height: 70px;}
	.fest_popup_left figure {width: 80%;margin-top: 30px;}
	.fest_popup_right h3 {font-size: 40px;line-height: 40px;}
	.fest_opening li {width: 100% !important;}
	.fest_opening li:last-child{margin-top: 20px;}
	.inquiry_text h4{font-size: 24px;line-height: 24px;}
	.apply-btn a{font-size: 24px;line-height: 24px;}

}
@media only screen and (max-width : 767px){
	.fest_logo{width: 200px;}
	.fest_popup .fest_popup_left {width: 100%;text-align: center;margin-top: 70px;}
	.fest_popup_right {width: 100%;margin-top: 30px;text-align: center;}
	.fest_popup_left figure{display: inline-block;float: none;max-width: 300px;}
	.fest_opening li {width: auto !important;display: inline-block !important;float: none !important;}
	a.close-popup-fest {position: absolute;right: 4px;top: 2px;width: 15px;}
	a.close-popup-fest img {max-width: 100%;}

}
@media only screen and (max-width : 480px){
	.fest_logo {width: 140px;}
	.fest_popup_right h3 {font-size: 28px;line-height: 28px;margin-bottom: 30px;    display: inline-block;    float: none;}
	.fest_popup_left h1 {font-size: 40px;line-height: 40px;}
	.fest_opening_content span{font-size: 28px;line-height: 28px;}
	.fest_opening_content h4 {font-size: 23px;}
	.inquiry_text span {font-size: 20px;line-height: 20px;}
	.inquiry_text h4 {font-size: 18px;line-height: 18px;}
	.apply-btn a {font-size: 15px;line-height: 15px;}
}