#wrapper,
#main,
.banner,
.price-section,
.pie-section,
.map
 {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner:after,
.portfolio-block .title:after,
.portfolio-block .text-box:after,
.price-section:after,
.banner-img:after,
.nav-tabs > li > a:before,
.nav-tabs > li.active > a:before,
.nav-tabs > li.active > a:hover:before,
.nav-tabs > li.active > a:focus:before,
.widget:before
{
	content: "";
	position: absolute;
}
.features-box:after,
.comment-box .box:after {
	content: " ";
	display: block;
	clear: both;
}
.portfolio-block .over,
.portfolio-text .holder{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.price-section,
.banner-img,
.header {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

body {
    font-family:'Noto Sans CJK KR', sans-serif; 
	color: #777272;
    font-size: 14px;
	background: #fff;
}

/*------------------------------------------------------------------
1-2. page wrapper Styles / #wrapper
-------------------------------------------------------------------*/

#wrapper {
	z-index: 9998;
}

/*------------------------------------------------------------------
1-3. page w1 Styles / .w1
-------------------------------------------------------------------*/

.w1 {
	position: relative;
	-webkit-transition: margin .4s ease;
	transition: margin .4s ease;
}

.tp-loader.spinner4 {
	display: none !important;
}

/*------------------------------------------------------------------
1-4. mainslider Styles / .mainslider
-------------------------------------------------------------------*/

.mainslider {
	color: #fff;
	overflow: hidden;
	position: relative;
}

.mainslider .title2 {
	font: 400 20px 'Noto Sans CJK KR', sans-serif !important;		
}
.mainslider .heading2 {
	text-align: center;		
	font: 300 44px 'Noto Sans CJK KR', sans-serif;
	color: #d71343;
}

.mainslider .title2 img{
	margin-bottom: 60px;
	display:block; 
	margin-left:35%;
}

.mainslider .btn-box {
	overflow: hidden;
	text-align: center;
	cursor: default !important;
}

.mainslider .btn-box .btn {
	margin: 0 3px 0 5px;
	font-size: 14px !important;
}

/*------------------------------------------------------------------
1-6. main Styles / #main
-------------------------------------------------------------------*/

#main {
	z-index: 9998;
}

/*------------------------------------------------------------------
1-7. history section Styles / .history-section
-------------------------------------------------------------------*/

.history-section {
	font-size: 16px;
	line-height: 26px;
	padding: 88px 0 0;
}

/*------------------------------------------------------------------
1-8. f iconbox Styles / .f-iconbox
-------------------------------------------------------------------*/

.f-iconbox {
	z-index: 5;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	padding-left: 96px;
}

.f-iconbox .icon {
	left: 0;
	top: 7px;
	padding: 18px 0 0;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	width: 70px;
	height: 70px;
	border: 2px solid transparent;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.f-iconbox .title {
	color: #2a2a2a;
	display: block;
	margin: 0 0 9px;
	font-size: 16px;
	font-weight: 600;
}

.f-iconbox p {
	margin: 0;
}

/*------------------------------------------------------------------
1-9. banner Styles / .banner
-------------------------------------------------------------------*/

.banner {
	color: #231f20;
	text-align: center;
	position: relative;
	padding: 89px 0 95px;
	font: 300 20px 'Noto Sans CJK KR', sans-serif;
	position: relative;
	z-index: 1;
}
.banner:after {
	top: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
}
.btn_banner{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #d71343;
	padding: 10px 40px 10px 40px;
	border-radius: 50px;
	border: 1px solid #d71343;
	margin-top: 20px;	
	margin-right: 10px;
}
.btn_banner:hover, .btn_banner:focus{
	background: #d71343;
	color:#fff;
	text-decoration: none;
}
.btn_banner_1{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 40px 10px 40px;
	background: #d71343;
	color:#fff;
	border-radius: 50px;
	border: 1px solid #d71343;
	margin-top: 20px;	
}
.btn_banner_1:hover, .btn_banner_1:focus{
	background: #fff;
	border: 1px solid #d71343;
	color:#d71343;
	text-decoration: none;
}
.btn_banner_p{
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	color: #d71343;
	padding: 10px 80px 10px 80px;
	border-radius: 50px;
	border: 1px solid #d71343;
	margin-top: 40px;	
}
.btn_banner_p:hover, .btn_banner_p:focus {
	background: #d71343;
	color:#fff;
	text-decoration: none;
}
.banner2 {
	color: #231f20;
	text-align: center;
	position: relative;
	padding: 89px 0 95px;
	font: 300 20px 'Noto Sans CJK KR', sans-serif;
	position: relative;
	z-index: 1;
	background: #f2f2f2;
	border-bottom: 1px solid #d5cfcf;
}

.btn_banner2{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #d71343;
	padding: 10px 40px 10px 40px;
	border-radius: 50px;
	border: 1px solid #d71343;
	margin-top: 20px;
}
.btn_banner2:hover, .btn_banner2:focus {
	background: #d71343;
	color:#fff;
	text-decoration: none;
}

.banner3 {
	position: relative;
	text-align: center;
	padding: 40px 0 50px;
	z-index: 1;
	color: #231f20;
	font: 300 16px 'Noto Sans CJK KR', sans-serif;
}

.banner3 .m_0{
	margin: 0;
}
.btn_banner3{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 10px 40px 10px 40px;
	border-radius: 50px;
	background: #d71343;
	border: 1px solid #d71343;
	margin-top: 20px;
}
.btn_banner3:hover, .btn_banner3:focus {
	background: none;
	color:#d71343;
	border: 1px solid #d71343;
	text-decoration: none;
}
.banner4 {
	position: relative;
	text-align: center;
	padding: 40px 0 50px;
	z-index: 1;
	background: #fff;	
	color: #231f20;
	font: 300 16px 'Noto Sans CJK KR', sans-serif;
	/*line-height: 1.2em;*/
}
.banner4 .m_0{
	margin: 0;
}
.ex_bottom{
	font-size: 20px;
	color : #d71343;
	margin-top:40px;
}
.btn_banner4{
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	padding: 10px 80px 10px 80px;
	border-radius: 50px;
	background: #d71343;
	border: 1px solid #d71343;
	margin-top: 40px;
}
.btn_banner4:hover, .btn_banner4:focus {
	background: none;
	color:#d71343;
	border: 1px solid #d71343;
	text-decoration: none;
}

.btn_login{
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	padding: 10px 80px 10px 80px;
	border-radius: 50px;
	background: #d71343;
	border: 1px solid #d71343;
	margin-top: 50px;
}
.btn_login:hover, .btn_login:focus{
	background: none;
	color:#d71343;
	border: 1px solid #d71343;
	text-decoration: none;
}

.btn_cancel{
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	color: #d71343;
	padding: 10px 120px 10px 120px;
	border-radius: 50px;
	border: 1px solid #d71343;
	margin-top: 60px;	
	margin-left: 10px;
}
.btn_cancel:hover, .btn_cancel:focus {
	background: #d71343;
	color:#fff;
	text-decoration: none;
}
.banner5 {
	position: relative;
	text-align: center;
	padding: 40px 0 80px;
	z-index: 1;
	background: #fff;	
	color: #231f20;
	font: 300 16px 'Noto Sans CJK KR', sans-serif;
	border-top: 1px solid #d7d1d1;
}
.banner .parallax-holder {
	z-index: -1;
}

/*------------------------------------------------------------------
1-13. work section Styles / .work-section
-------------------------------------------------------------------*/

.work-section {
	overflow: hidden;
}

.work-section2 {
	overflow: hidden;
	border-top: 1px solid #d7d1d1;
}

.work-section .icotop-holder {
	overflow: hidden;
	position: relative;
}

.work-section.space #work-filter {
	padding-right: 30px;
}

/*------------------------------------------------------------------
1-14. portfolio block Styles / .portfolio-block
-------------------------------------------------------------------*/

.portfolio-block {
	float: left;
	width: 100%;
	overflow: hidden;
}

.portfolio-block a {
	color: #8f8f8f;
}

.portfolio-block a:hover {
	text-decoration: none;
}

.portfolio-block .box {
	position: relative;
	margin: 0 30px 30px 0;
}

.portfolio-block .box:hover .over {
	opacity: 1;
	visibility: visible;
}

.portfolio-block .box:hover .over-frame {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-block .box-holder {
	padding-top: 100%;
}

.portfolio-block .box-holder.half {
	padding-top: 50%;
}

.portfolio-block .holder {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}

.portfolio-block .frame {
	padding: 19px 0 0;
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.portfolio-block .over {
	opacity: 0;
	z-index: 99;
	text-align: center;
	visibility: hidden;
	text-transform: uppercase;
	background: rgba(0, 0, 0, .8);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	font: 600 12px/16px 'Noto Sans CJK KR', sans-serif;
}

.portfolio-block .over .plus {
	height: 38px;    
	display: block;
    background: url(../images/ticketnow/over/icon_over.png) 50% no-repeat;	
	margin: 0 0 30px;
}
.portfolio-block .over:hover {
	text-decoration: none;
}
.portfolio-block .over-frame {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform: translateY(80px);
	-ms-transform: translateY(80px);
	transform: translateY(80px);
	display: block;
}

.portfolio-block .over-frame.no-animate {
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-block .title {
	color: #fff;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 14px;
	position: relative;
	text-transform: capitalize;
	font: 600 18px/30px 'Noto Sans CJK KR', sans-serif;
}

.portfolio-block .title2 {
	letter-spacing: -1px;
	color: #231f20;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 14px;
	font:300 20px 'Noto Sans CJK KR', sans-serif;
}
.portfolio-block .title_h5{
	font-weight: 300;
	padding:0;
	margin: 20px 0 10px 0;
	font-size: 16px;

}
.portfolio-block .title:after {
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -14px;
	width: 28px;
	height: 1px;
}
.portfolio-block p{
	padding: 0;
	margin: 0;
}

.portfolio-block .font_b{
	color:#231f20;
}
.portfolio-block .heading {
	color: #fff;
	display: block;
	margin: 0 0 15px;
	text-transform: capitalize;
	font: italic 300 48px/50px 'Noto Sans CJK KR', sans-serif;
}

.portfolio-block img {
	width: 100%;
}

.portfolio-block .text-box {
	z-index: 100;
	position: relative;
	padding: 11px 18px 20px;
	background: #f2f2f2;
}

.portfolio-text .box-holder {
	padding-top: 50%;
	position: relative;
}

.portfolio-text .holder {
	display: block;
	text-align: center;
}

.portfolio-text .frame {
	margin: 0 auto;
	max-width: 290px;
	display: table;
	vertical-align: top;
}

.portfolio-text .block {
	max-width: 500px;
	overflow: hidden;
	padding: 80px 0 0;
	width: 100%;
	height: 100%;
}

.portfolio-text p {
	margin: 0 0 16px;
}

.portfolio-text .btn {
	color: #8f8f8f;
	border-color: #8f8f8f;
}

.portfolio-text .btn:hover {
	color: #fff;
}
.coll-3 {
	width: 33.333%;
}
.coll-4 {
	width: 25%;
}
.coll3-holder {
	margin: 0 -1px 0 0;
}
.nospace .box {
	margin: 0;
}

/*------------------------------------------------------------------
1-18. isotop controls Styles / .isotop-controls
-------------------------------------------------------------------*/

.isotop-controls {
	margin: 0 0 62px;
	text-align: center;	
    color: #544b4b;
	font: 600 14px 'Noto Sans CJK KR', sans-serif;
}

.isotop-controls li {
	margin: 0 -8px;
	vertical-align: top;
}

.isotop-controls li.active a {
	color: #fff;
}

.isotop-controls a {
	color: #222;
	display: block;
	padding: 10px 50px 10px 50px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.isotop-controls a:hover {
	color: #fff;
	text-decoration: none;
}

.isotop-controls.leftalign {
	text-align: left;
}

.isotop-controls.rightalign {
	text-align: right;
}

/*------------------------------------------------------------------
1-23. price section Styles / .price-section
-------------------------------------------------------------------*/

.price-section {
	padding: 87px 0 55px;
	position: relative;
	z-index: 1;
}

.price-section:after {
	top: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f8f8f8;
	border-top: 1px solid #d7d1d1;
	/*border-bottom: 1px solid #d7d1d1;*/
}

.price-section .box {
	border: 1px solid #eae6e6;
	color: #8f8f8f;
	font-size: 13px;
	overflow: hidden;
	text-align: center;
	background: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.dark .price-section .box {
	background: #191919;
}

.price-section .box .heading {
	font: 600 16px 'Noto Sans CJK KR', sans-serif;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-transform: uppercase;	
	background: #2a2a2a;
	padding: 26px 5px;
	margin: 0 0 60px 0;
	display: block;
	color: #fff;
}

.price-section .box .price_head{
    color: #231f20;
    font-size: 16px;    
    margin: 0;
}

.price-section .price {
	color: #d71343;
	display: block;
	margin: -10px 0 -10px;
	font: 300 60px 'Noto Sans CJK KR', sans-serif;     
}
.price-section .txt{
    color:#777272;
    font-size: 14px;
    display :block;
    max-width: 250px;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 1.7em;
}
.price-section .month {
	display: block;
	font-size: 20px;
	margin: 20px 0 0 0;
	font-weight: 700;
	line-height: 24px;	
    color: #231f20;
}
.price-section .bracket{
    display: block;
    font-size :16px;
    color:#231f20;
    font-weight : 300;
}

.price-section .parallax-holder {
	z-index: -1;
}

.price-section2 {
	padding: 87px 0 55px;
	position: relative;
	z-index: 1;
}

.price-section2:after {
	top: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid #d7d1d1;
	border-bottom: 1px solid #d7d1d1;
}

.price-section2 .box {
	color: #8f8f8f;
	font-size: 13px;
	overflow: hidden;
	text-align: center;
	background: #fff;
	border: 1px solid #eae6e6;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.dark .price-section2 .box {
	background: #191919;
}

.price-section2 .box .heading {
	font: 600 16px 'Noto Sans CJK KR', sans-serif;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-transform: uppercase;	
	background: #2a2a2a;
	padding: 26px 5px;
	margin: 0 0 60px 0;
	display: block;
	color: #fff;
}

.price-section2 .box .price_head{
    color: #231f20;
    font-size: 16px;    
    margin: 0;
}

.price-section2 .price {
	color: #d71343;
	display: block;
	margin: -10px 0 -10px;
	font: 300 60px 'Noto Sans CJK KR', sans-serif;     
}
.price-section2 .txt{
    color:#777272;
    font-size: 14px;
    display :block;
    max-width: 250px;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 1.7em;
}

.price-section2 .month {
	display: block;
	font-size: 20px;
	margin: 20px 0 0 0;
	font-weight: 700;
	line-height: 24px;	
    color: #231f20;
}

.price-section2 .btn {
	color: #fff;
	margin: 0 0 33px;
	background: #2a2a2a;
	border-color: #2a2a2a;
}
.price-section2 .parallax-holder {
	z-index: -1;
}

/*------------------------------------------------------------------
1-31. banner img Styles / .banner-img
-------------------------------------------------------------------*/

.banner-img {
	color: #fff;
	margin: 0;
	text-align: center;
	position: relative;
	padding: 89px 0 0;	
	position: relative;
	z-index: 999;
}

.banner-img:after {
	top: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(55, 63, 69, .4);
}

.banner-img .img {
	margin: 0 auto -56px;
}
.banner-img .title {
	display: block;
	font-weight: 300;
	margin: 0 0 -6px;
}

.banner-img .parallax-holder {
	z-index: -1;
}

.banner-img.style3 {
	margin: 0 0 32px;
}

.banner-img.style3 .img {
	margin: 0 auto -116px;
}

.banner-img.style3:after {
	background: rgba(0, 0, 0, .4);
}

/*------------------------------------------------------------------
  features section Styles 
-------------------------------------------------------------------*/

.features-section {
	font-size: 14px;
	padding-top: 30px;
	line-height: 24px;
	text-align: center;
	padding-bottom: 89px;
}

.features-section h3 {
	color: #2a2a2a;
	margin: 0 0 19px;
	padding: 27px 0 0;	
	font: 600 16px 'Noto Sans CJK KR', sans-serif; 
}

/*------------------------------------------------------------------
  service section Styles 
-------------------------------------------------------------------*/

.service-section {
	font-size: 14px;
	padding-top: 30px;
	line-height: 24px;
	text-align: center;
	padding-bottom: 89px;
}

.service-section h3 {
	color: #2a2a2a;
	margin: 0 0 19px;
	padding: 0;	
	font: 600 16px 'Noto Sans CJK KR', sans-serif; 
}

.service-section h5{
	font-size: 16px;
	font-weight: 400;
	color: #d71343;
	padding: 27px 0 0;
	margin: 0; 
}

.service-section .row{
	border-bottom: 1px solid #d2cbcb;
}

.service-section .row:last-child{
	border:none;
}

/*------------------------------------------------------------------
  guide-section Styles 
-------------------------------------------------------------------*/

.guide-section{
	margin-top: 80px;
	font-size: 14px;
	color: #777272;
	margin-bottom: 80px;
	text-align: center;
}

.guide-section h3 {
	color: #231f20;
	margin: 0 0 20px;
	padding: 0;	
	font: 600 18px 'Noto Sans CJK KR', sans-serif; 
	text-align: left;
}
.guide-section .txt{
	text-align: left;
	color: #777272;
}

/*------------------------------------------------------------------
  experience section Styles 
-------------------------------------------------------------------*/

.experience-section{
	margin-top: 80px;
	font-size: 14px;
	color: #777272;
	margin-bottom: 80px;
	text-align: center;
}

.experience-section h3 {
	color: #231f20;
	margin: 0 0 20px;
	padding: 0;	
	font: 600 20px 'Noto Sans CJK KR', sans-serif; 
	text-align: left;
}
.experience-section .txt{
	text-align: left;
	color: #777272;
}
.experience-section .left{
	text-align: left;
	margin-bottom: 50px;
}

.experience-section h4{
	text-align: left;
	font-size: 22px;
	color: #d71343;
	font-weight: 300;
	margin-bottom: 30px;

}
.experience-section h4:before{
	content: url(../images/experience/icon_info.jpg);
	margin-right: 10px;
	vertical-align: middle;
}

.experience-section .txt_b{
	text-align: left;
	color: #231f20;
}

/*------------------------------------------------------------------
  login section Styles
-------------------------------------------------------------------*/

.login-section{
	margin-top: 80px;
	font-size: 14px;
	color: #777272;
	margin-bottom: 80px;
	text-align: center;
}

.login-section .form-control{
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-color: #adadad;
    background: #fff;
    color: #808080;
    padding: 10px 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 300;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*Focus Color*/
.login-section .form-control:focus {
  border: 1px solid #d71343 !important;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; 
}
.login-section input[type="checkbox"]{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  position: absolute;
  height: 18px;
  width: 18px;
  cursor: pointer;
  background: url(../images/main/btn_checkbox_off.png) 0 0px no-repeat;
  margin-right: 5px;  
}

.login-section .form-group{
	padding-top: 55px;
	padding-bottom: 55px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;

}

.login-section input[type=checkbox]:checked{
  background: url(../images/main/btn_checkbox_on.png) 0 0px no-repeat !important;
}
.login-section label{
	margin-left: 25px;
	font-weight: 400;
	color: #000;
	font-size: 14px;
	vertical-align: middle;
}

.login-section a.password{
	color: #d71343;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
}
.login-section a.password:after{
	content: url(../images/main/password.gif);
	margin-left: 10px; 
	vertical-align: -3px;
}
.login-section .left{
	float: left;
}
.login-section .right{
	float: right;
}

/*------------------------------------------------------------------
2-5. pie section Styles / .pie-section
-------------------------------------------------------------------*/

.pie-section {
	z-index: 2;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	padding: 87px 0 95px;
	position: relative;
	z-index: 1;
}

.pie-section:after {
	top: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
}

.pie-section .parallax-holder {
	z-index: -1;
}

.pie-chart {
	position: relative;
	margin: 0 auto 10px;
	text-align: center;
}

.pie-chart canvas {
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	display: block;
	position: absolute;
}

.pie-chart .pie-chart-percent {
	left: 0;
	top: 46px;
	width: 100%;
	z-index: 10;
	color: #fff;
	display: block;
	text-align: center;
	position: absolute;
	font: 600 16px 'Noto Sans CJK KR', sans-serif;
}

.pie-chart .pie-chart-percent span {
	font-size: 16px;
	line-height: 22px;
}

.pie-chart img {
	max-width: 100%;
	vertical-align: middle;
}

.pie-description {
	display: block;
	font-size: 14px;
	text-align: center;		
	font-weight: 500;
	padding:0;
	margin: 0;
}

.pie-block {
	width: 297px;
	display: inline-block;
	vertical-align: top;
}

/*------------------------------------------------------------------
19-11. map Styles / .map
-------------------------------------------------------------------*/

.map {
	height: 500px;
}

@media only screen and (max-width: 1480px) {
	.portfolio-text .block {
		padding: 40px 0 0;
	}
}

@media only screen and (max-width: 1400px) {
	.coll-5 {
		width: 25%;
	}
}

@media only screen and (max-width: 1219px) {
	.mainslider .heading {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.mainslider .heading2 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.main-slider .heading,
	.main-slider .heading2 {
		font-size: 40px;
		line-height: 50px;
	}
	
	.f-iconbox .icon {
		margin: 0 8px 0 0;
	}

	.banner {
		font-size: 30px;
		line-height: 50px;
	}	

	.portfolio-block .heading {
		font-size: 30px;
		line-height: 40px;
	}	

	.portfolio-text {
		font-size: 18px;
		line-height: 22px;
	}

	.coll-5 {
		width: 33.333%;
	}

	.coll-6 {
		width: 25%;
	}

	.more-feature .img {
		margin: -120px 0 0 -15px;
	}	

	.pie-section .pie-block {
		width: 227px;
	}
	
}

@media only screen and (max-width: 1120px) {
	.work-slider .slick-arrow {
		left: auto;
		right: 100px;
	}

	.work-slider .slick-prev {
		left: auto;
		right: 150px;
	}
}

@media only screen and (max-width: 991px) {
	.mainslider .title {
		font-size: 18px !important;
	}

	.mainslider .title2 {
		font-size: 18px !important;
	}

	.main-slider .title {
		font-size: 18px;
	}

	.main-slider .title2 {
		font-size: 18px;
	}
	
	.portfolio-text .box-holder {
		padding-top: 35%;
	}

	.portfolio-text .block {
		padding: 80px 0 0;
	}

	.coll-3 {
		width: 50%;
	}

	.coll-4 {
		width: 50%;
	}

	.coll-5 {
		width: 50%;
	}

	.coll-6 {
		width: 33.33%;
	}	

	.more-feature .img {
		margin: 88px 0 0 -36px;
	}

	.price-section .box {
		margin: 0 0 20px;
	}
	
	.pie-section .pie-block {
		width: 49%;
	}	

	.map {
		height: 400px;
	}	
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}

	.mainslider .title {
		font-size: 16px !important;
		line-height: 20px !important;
		margin: -30px 0 0 -10px !important;
	}

	.mainslider .title2 {
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px !important;
		line-height: 20px !important;
		margin-top: -100px;
	}

	.mainslider .title2 img{
		width: 80%;
		margin-bottom: 20px;
	}

	.mainslider .title2 p{
	}
	#txt{margin-top: 280px; width: 80%;}

	#txt p{
		font-size: 12px;
		margin-bottom: 20px;
		line-height: 3em;
	}

	.mainslider .heading {
		font-size: 25px !important;
		line-height: 30px !important;
	}

	.mainslider .heading2 {
		font-size: 16px !important;
		line-height: 25px !important;
		margin-top: -60px;
		width: 80%;
	}

	.mainslider .btn-box {
		margin: 120px 0 0 !important;
		font-size: 12px !important;
	}

	.mainslider .btn-box .btn {
		margin: 0 3px;
		padding: 10px !important;
		border-width: 1px !important;
	}

	.main-slider .beans-fadeslider.text-rotator h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.main-slider .caption {
		min-height: 400px;
		padding: 110px 0 0;
	}

	.main-slider .caption .holder {
		padding: 90px 0 0;
	}

	.main-slider .title {
		font-size: 16px;
		line-height: 20px;
	}

	.main-slider .title2 {
		font-size: 16px;
		line-height: 20px;
	}

	.main-slider .heading,
	.main-slider .heading2 {
		font-size: 25px;
		margin: 0 0 15px;
		line-height: 30px;
	}

	.main-slider .btn-box {
		margin: 40px 0 0;
	}

	.main-slider .btn-box .btn {
		margin: 0 0 15px;
	}

	.main-slider .slick-arrow {
		margin: -20px 0 0;
		right: 15px;
	}

	.main-slider.style3 .caption {
		min-height: 600px;
	}

	.main-slider.style3 h1 {
		font-size: 30px;
		line-height: 45px;
	}

	.main-slider:hover .slick-next {
		right: 15px;
	}

	.main-slider:hover .slick-prev {
		right: auto;
		left: 15px;
	}

	.history-section {
		line-height: 20px;
		padding: 30px 0 0;
	}

	.history-section .text-box {
		margin: 0 auto 30px;
	}

	.history-section .img-box {
		text-align: center;
	}
	.banner {
		font-size: 16px;
		line-height: 25px;
	}	

	.work-section.space #work-filter {
		padding-right: 0;
	}

	.portfolio-block .box {
		margin: 0 0 30px;
	}

	.portfolio-block .box-holder.half {
		padding-top: 100%;
	}

	.portfolio-text .box-holder {
		padding-top: 100%;
	}

	.coll-6 {
		width: 50%;
	}

	.isotop-controls {
		margin: 0 0 20px;
	}

	.isotop-controls li {
		margin: 0 0 5px;
	}	

	.more-feature .img {
		margin: 0;
		display: block;
		max-width: 100%;
		height: auto;
	}	

	.pie-section {
		font-size: 14px;
		line-height: 20px;
	}

	.pie-section .pie-block {
		width: 100%;
	}

	.services-section .box {
		margin: 0 0 20px;
	}

	.services-section .img {
		display: block;
		max-width: 100%;
		height: auto;
	}		
}

@media only screen and (max-width: 500px) {
	.coll-2 {
		width: 100%;
	}

	.coll-3 {
		width: 100%;
	}

	.coll-4 {
		width: 100%;
	}

	.coll-5 {
		width: 100%;
	}

	.coll-6 {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.portfolio-text .box-holder {
		padding-top: 80%;
	}	
}


/*add_0425*/
.example{
	text-align: center;
	padding:60px 40px 60px 40px;
	background: #f8f8f8;
}

.example h1{
	font-size: 60px;
	font-weight: 200;
	color: #d71343;
	margin-bottom: 60px;
}
.example .title{
	font-size: 20px;
	font-weight: 600;
	position: relative;	
	padding-bottom: 25px;
	color: #231f20;
	margin-bottom: 20px;
}
.example .title:after{
	content: '';
    position: absolute;
    background: #d71343;
    margin-left: -14px;
	bottom: 0;
	left: 50%;
    width: 30px;
    height: 2px;
}
/*------------------------------------------------------------------
21-3. blog post v1 Styles / .blog-post-v1
-------------------------------------------------------------------*/

.blog-post-v1 {
	color: #8f8f8f;
	font-size: 14px;
	margin: 0 0 61px;
	line-height: 22px;
	padding: 0 0 30px;
	
}
.blog-post-v1 .blog-txt {
	position: relative;
	padding: 0 0 20px 0px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	margin-top: 50px;
}

.blog-post-v1 img {
    width: 100%;
}
.blog-post-v1 .blog-img {
    float: right;
    margin-top: 50px
}
.blog-post-v1 .img-box {
	margin: 0 0 24px;
	overflow: hidden;
}
.blog-post-v1 h2 {
	color: #2a2a2a;
	margin: 0 0 8px;
	font: 600 20px 'Noto Sans CJK KR'sans-serif;
}
.blog-post-v1 h2 a {
	color: #2a2a2a;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.blog-post-v1 h2 a:hover {
	text-decoration: none;
}

.blog-post-v1 .txt {
	overflow: hidden;
}

.blog-post-v1 .txt p {
	margin: 0 0 47px;
	line-height: 1em;
}



/*------elements stylesheets of  the page---------*/
.page-banner{
margin-top: 117px;
  width: 100%;
  overflow: hidden;
  position: relative; }

.btn-history:before, .page-heading .heading:after, .page-heading .heading2:before, .page-heading .heading2:after, .page-heading .heading3:after, .page-heading .heading3:before, .page-heading .heading5:after, .page-heading .heading5:before, .page-heading .heading6:after, .page-heading .heading7:before, .page-heading .heading7:after, .page-heading .heading8:after, .page-heading .heading8:before, .page-heading .heading9:after, .page-heading .heading10:after, .page-banner .heading:before {
  content: '';
  position: absolute; }

.parallax-holder, .parallax-holder .parallax-frame, .stretch, .beans-fadeslider .slide, .beans-fadeslider .slick-list,
.beans-fadeslider .slick-track,
.beans-fadeslider .slick-slider, .beans-fadeslider .slick-dots, .parallax-section .over, .error-section:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/*------------------------------------------------------------------
1.1. Global reset styles
-------------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  cursor: pointer; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

span.icomoon[class^="icon-"],
span.icomoon[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-hammer:before {
  content: "\e601"; }

.icon-lightning:before {
  content: "\e602"; }

.icon-triangular:before {
  content: "\e603"; }

.icon-truck:before {
  content: "\e604"; }

.icon-svg1:before {
  content: "\e600"; }

.icon-anatomy:before {
  content: "\eaeb"; }

.icon-arm:before {
  content: "\eaec"; }

.icon-gym:before {
  content: "\eaed"; }

.icon-sport:before {
  content: "\eaee"; }

/*------------------------------------------------------------------
1.2. button styles
-------------------------------------------------------------------*/
.btn {
  border-radius: 0;
  padding: 10px 40px;
  text-align: center;
  white-space: normal;
  vertical-align: top;  
  font: bold 14px 'Noto Sans CJK KR', sans-serif;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .btn:hover {
    text-decoration: none; }

.btn:hover, .btn:focus, .btn.focus {
  color: inherit; }

.btn-dark {
  border-color: #d71343;
  color: #d71343 !important;
  text-transform: uppercase; }
  .dark .btn-dark {
    border-color: rgba(143, 143, 143, 0.6);
    color: rgba(143, 143, 143, 0.6) !important; }
  .btn-dark:hover {
    background: #d71343;
    border-color: #d71343;
    color: #fff !important; }
    .dark .btn-dark:hover {
      color: #8f8f8f;
      background: transparent !important;
      color: #8f8f8f !important;
      border-color: #8f8f8f !important; }

.btn-f-default {
  color: #fff;
  background: transparent;
  border: 1px solid #fff; }
  .btn-f-default:hover {
    color: #fff; }

.btn-f-info {
  color: #fff;
  text-transform: uppercase;
  border: 1px solid transparent; }
  .btn-f-info:hover {
    color: #fff;
    border-color: #fff;
    background: transparent; }

.btn-history {
  border: 0;
  color: #262626;
  font-size: 16px;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
  font-style: italic;
  position: relative;
  padding: 11px 58px 11px 19px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .btn-history:before {
    top: 0;
    width: 58px;
    bottom: -1px;
    right: -20px;
    transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .btn-history:after {
    top: 10px;
    bottom: 0;
    z-index: 2;
    right: 14px;
    color: #fff;
    font-size: 20px;
    content: "\f101";
    position: absolute;
    -webkit-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
            transform: skewX(0deg);
    font-family: 'FontAwesome';
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .btn-history:hover {
    color: #fff; }
    .btn-history:hover:before {
      background: #222; }
      .dark .btn-history:hover:before {
        background: #191919; }

.btn-more {
  color: #8f8f8f;
  text-transform: uppercase;
  border: 1px solid #ddd; }
  .dark .btn-more {
    color: rgba(143, 143, 143, 0.6);
    border-color: rgba(143, 143, 143, 0.6); }
  .btn-more:hover {
    color: #fff; }
    .dark .btn-more:hover {
      color: #8f8f8f;
      background: transparent;
      border-color: #8f8f8f;
      color: #8f8f8f; }

/*------------------------------------------------------------------
1.3. page heading styles / .page-heading
-------------------------------------------------------------------*/
.page-heading {
  z-index: 5;
  font-weight:normal;
  font-size: 20px;
  overflow: hidden;
  /*max-width: 900px;*/
  line-height: 26px;
  color: #231f20;
  position: relative;
  text-align: center;
  margin: 0 auto 60px;
}
.page-heading .num{
  font-size:18px;
  font-weight: 300;
  margin-right: 40px;
}
.page-heading .num2{
  font-size:18px;
  font-weight: 300;
  margin-right: 40px;
  margin-left: 40px;
}

  @media only screen and (max-width: 767px) {
    .page-heading {
      margin: 0 auto 30px;
      font-size: 14px;
      line-height: 18px; } 
  }  
  .page-heading h2 {
    margin: 0;
    font: 34px 'Noto Sans CJK KR', sans-serif;}
    @media only screen and (max-width: 767px) {
      .page-heading h2 {
        font-size: 25px;
        line-height: 30px; } 
  }  
  .page-heading .title {
    color: #8f8f8f;
    font-size: 14px;
    line-height: 25px; }  
  .page-heading p {
    margin: 0 !important; }
  .page-heading .font-light {
    font-weight: 300; }
  .page-heading .font-bold {
    font-weight: 700; }
  .page-heading .font-medium {
    font-weight: 600; }
  .page-heading .font-big{
    font-weight: 600;
    font-size: 50px;
  }  
  .page-heading .num_title{
    font-weight: 400;
    padding-right: 40px;
    display: inline;
    color:#fff;
    font-size:18px;
  }
  .page-heading .heading {
    display: block;
    padding: 0 0 35px;
    position: relative; }
    .page-heading .heading:after {
      bottom: 0;
      left: 50%;
      margin: 0 0 0 -40px;
      width: 80px;
      height: 2px; 
    }
  .page-heading .heading2 {
    display: block;
    padding: 0 0 20px;
    position: relative; }
    .page-heading .heading2:before, .page-heading .heading2:after {
      left: 50%;
      bottom: 1px;
      margin: 0 0 0 -29px;
      width: 23px;
      height: 2px; }
    .page-heading .heading2:before {
      margin: 0 0 0 4px; }

  .page-heading .white {
    color: #fff; }
  .page-heading .lime {
    color: #222; }  
  .page-heading.left-align {
    text-align: left; }

/*------------------------------------------------------------------
1.4. page banner styles / .page-banner
-------------------------------------------------------------------*/
.page-banner {
  z-index: 1;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  border-top: 1px solid #d7d1d1;
  border-bottom: 1px solid #d7d1d1;
  }
  .page-banner .heading {
    color: #fff;
    margin: 0 0 20px;
    padding: 0 0 14px;
    font: 600 34px 'Noto Sans CJK KR' sans-serif;
    position: relative;
    z-index: 1; }
    .page-banner .heading:before {
      top: 100%;
      z-index: -1;
      bottom: auto;
      left: 0;
      right: auto;
      background: transparent; }
    @media only screen and (max-width: 991px) {
      .page-banner .heading {
        font-size: 30px;
        line-height: 35px; } }
    .page-banner .heading:before {
      margin: 0;
      width: 50px;
      height: 4px; }
  .page-banner .parallax-holder{
    z-index: 1;
    position: relative;
    position: absolute; }
    .page-banner .parallax-holder:before{
      position: absolute;pa
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .page-banner .parallax-holder:before{
      z-index: 1;
      background: rgba(0, 0, 0, 0.5); }
  .page-banner .parallax-holder{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .page-banner .container-max,
  .page-banner .container {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    z-index: 999;
    }
  .page-banner p {
    margin: 0 0 10px; }
  .page-banner .holder {
    float: left;
    max-width: 850px;
   }
    @media only screen and (max-width: 767px) {
      .page-banner .holder {
        float: none;
        max-width: 100%; } }
  .page-banner .breadcrumbs {
    margin: 0;
    float: right;
    font-size: 12px;
    font-weight: 400;
    /*line-height: 18px;*/
    padding: 44px 0 0;    
     }
    @media only screen and (max-width: 767px) {
      .page-banner .breadcrumbs {
        float: none;
        max-width: 100%;
        overflow: hidden;
        padding: 15px 0 0; } }
    .page-banner .breadcrumbs li {
      position: relative; }
      .page-banner .breadcrumbs li:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: auto;
        left: -3px;
        right: auto; }
      .page-banner .breadcrumbs li:before {
        content: "/"; }
      .page-banner .breadcrumbs li:first-child a {
        margin-left: 0px; }
      .page-banner .breadcrumbs li:first-child:before {
        display: none; }
      .page-banner .breadcrumbs li:last-child a {
        margin-right: 0px; }
      .page-banner .breadcrumbs li a {
        color: #dbdbdb;
        margin: 0 10px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .page-banner .breadcrumbs li a:hover {
          text-decoration: none; }
      .page-banner .breadcrumbs li.active a {
        pointer-events: none; }
  
  .page-banner.small .heading {
    margin: 0;
    padding: 0;
    font-size: 34px;
    font-weight: 600;
   /* line-height: 40px;*/ }
    @media only screen and (max-width: 767px) {
      .page-banner.small .heading {
        font-size: 25px;
        line-height: 35px; } }
    .page-banner.small .heading:before {
      display: none; }
  .page-banner.small .breadcrumbs {
    padding: 10px 3px 0 0; }
  .page-banner.grey {
    color: #8f8f8f;
    background: #f2f2f2;
    /*background: $dove-gray;*/ }
    .page-banner.grey .heading {
      color: #2a2a2a; }
      .dark .page-banner.grey .heading {
        color: #8f8f8f; }
    .page-banner.grey .breadcrumbs li:before,
    .page-banner.grey .breadcrumbs li a {
      color: #8f8f8f; }  

/*------------------------------------------------------------------
1.5. parallax holder styles / .parallax-holder
-------------------------------------------------------------------*/
.parallax-holder {
  overflow: hidden; }
  .parallax-holder.no-parallax .parallax-frame {
    background-attachment: inherit !important;
    background-position: 50% 50% !important; }

/*------------------------------------------------------------------
1.7. gotoTop styles / #gotoTop
-------------------------------------------------------------------*/
#gotoTop {
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  position: fixed;
  font-size: 20px;
  cursor: pointer;
  padding: 12px 0 0;
  background: url(../images/gototop/btn_off.png)no-repeat;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

#gotoTop:hover{
  right: 20px; 
  bottom: 20px;
  z-index: 9999;
  position: fixed;
  font-size: 20px;
  cursor: pointer;
  padding: 12px 0 0;
  background: url(../images/gototop/btn_on.png)no-repeat;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  }

/*------------------------------------------------------------------
1.8. pre loader styles / #pre-loader
-------------------------------------------------------------------*/
#pre-loader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: block;
  position: fixed;
  text-align: center;
  background: #fff; }
  #pre-loader .loader-holder {
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    position: absolute;
    margin: -200px 0 0 -200px;
    white-space: nowrap; }
    #pre-loader .loader-holder .frame {
      display: inline-block;
      white-space: normal;
      vertical-align: middle; }
    #pre-loader .loader-holder:before {
      content: '';
      vertical-align: middle;
      display: inline-block;
      height: 100%;
      width: 1px;
      overflow: hidden;
      margin: 0 0 0 -5px; }
  #pre-loader img {
    margin: 0 0 45px;
    display: inline-block; }
  .no-transition #pre-loader {
    display: none !important; }

/*------------------------------------------------------------------
1.17. Global classes styles 
-------------------------------------------------------------------*/
.margin-zero {
  margin: 0 !important; }

.allmargin {
  margin: 50px !important; }

.padding-zero {
  padding: 0 !important; }

.margin-t-zero {
  margin-top: 0 !important; }

.margin-left-zero {
  margin-left: 0 !important; }

.margin-right-zero {
  margin-right: 0 !important; }

.margin-top-30 {
  margin-top: 30px !important; }

.margin-top-50 {
  margin-top: 50px !important; }

.margin-top-60 {
  margin-top: 60px !important; }

.margin-top-90 {
  margin-top: 90px !important; }

.margin-b-zero {
  margin-bottom: 0 !important; }

.padding-top-zero {
  padding-top: 0 !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-top-30 {
  padding-top: 30px !important; }

.padding-top-60 {
  padding-top: 60px !important; }

.padding-top-90 {
  padding-top: 90px !important; }

.padding-b-zero {
  padding-bottom: 0 !important; }

.margin-top-100 {
  margin-top: 100px !important; }

.padding-top-100 {
  padding-top: 100px !important; }

.padding-right-zero {
  padding-right: 0 !important; }


.margin-top-60{
  margin-top: 60px !important;
}
.margin-top-80{
  margin-top: 80px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important; }

.margin-bottom-90 {
  margin-bottom: 90px !important; }

.margin-bottom-110 {
  margin-bottom: 110px !important; }

.padding-bottom-zero {
  padding-bottom: 0 !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-bottom-20 {
  padding-bottom: 20px !important; }

.padding-bottom-30 {
  padding-bottom: 30px !important; }

.padding-bottom-50 {
  padding-bottom: 50px !important; }

.padding-bottom-60 {
  padding-bottom: 60px !important; }

.padding-bottom-90 {
  padding-bottom: 90px !important; }

.margin-bottom-100 {
  margin-bottom: 100px !important; }

.padding-bottom-100 {
  padding-bottom: 100px !important; }

.padding-bottom-120 {
  padding-bottom: 120px !important; }

.win-height {
  height: 100vh; }

.win-min-height {
  min-height: 100vh !important; }

@media only screen and (max-width: 767px) {
  .clearfix-sm {
    clear: left; } }

@media only screen and (max-width: 767px) {
  .padding-xs-zero {
    padding: 0 !important; } }

@media only screen and (max-width: 991px) {
  .padding-sm-zero {
    padding: 0 !important; }
  .padding-sm-topzero {
    padding-top: 0 !important; }
  .padding-sm-bottomzero {
    padding-bottom: 0 !important; }
  .padding-bottomsm-60 {
    padding-bottom: 60px !important; }
  .padding-bottom-90 {
    padding-bottom: 60px !important; }
  .margin-bottom-100 {
    margin-bottom: 60px !important; }
  .padding-bottom-100 {
    padding-bottom: 60px !important; }
  .margin-bottom-90 {
    margin-bottom: 60px !important; }
  .margin-bottom-90 {
    margin-bottom: 60px !important; }
  .margin-top-100 {
    margin-top: 60px !important; }
  .padding-top-100 {
    padding-top: 60px !important; }
  .margin-top-100 {
    margin-top: 60px !important; }
  .padding-top-100 {
    padding-top: 60px !important; }
  .padding-top-90 {
    padding-top: 60px !important; }
  .margin-top-90 {
    margin-top: 60px !important; }
  .allmargin {
    margin: 30px !important; } }

.bg-none {
  background: transparent !important; }

.bg-white {
  background: #fff; }

.bg-grey {
  background: #f2f2f2; }

.bg-shark {
  background: #2a2a2a; }

.bg-maketicket{
  background: #d71343;
}

.bg-copyright{
  background: #a41437;
}

.bg-dark-jungle {
  background: #222; }

.border-zero {
  border: 0 !important; }

.color-white {
  color: #fff !important; }

.color-shark {
  color: #2a2a2a !important; }

.color-stack {
  color: #8f8f8f !important; }

.dark .color-shark {
  color: #fff !important; }

.no-float {
  float: none !important; }

/*------------------------------------------------------------------
1-18. error section Styles / .error-section
-------------------------------------------------------------------*/
.error-section {
  color: #8f8f8f;
  position: relative;
  line-height: 24px; }
  @media only screen and (max-width: 767px) {
  .error-section {
      font-size: 10px;
      line-height: 15px;
      height: auto !important; } }
  .error-section:after {
    background: rgba(0, 0, 0, 0.6);
    content: ''; }  

  .error-section .btn-down {
    color: #fff;
    position: absolute;
    bottom: 46px;
    left: 50%;
    z-index: 999;
    font-size: 60px;
    line-height: 40px;
    margin: 0 0 0 -20px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }

/*------------------------------------------------------------------
1-46. Custom Form Styles 
-------------------------------------------------------------------*/
/* select */
.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #e3e3e3;
  background: #fff;
  width: 100%;
  height: 40px; }

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0; }


.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  /*color: #e3e3e3;*/
  margin: 10px 35px 10px 5px; 
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  width: 26px;
  bottom: 0;
  right: 0;
  top: 0; }

 .jcf-select-opener:before {
 	top: 8px;
    right: 13px;
    color: #d91d4b;
    content: "\f107";
    position: absolute;
    font-family: 'FontAwesome';
 }

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999; }

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0; }

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px; }

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto; }

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px; }

/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 14px;
  width: 100%; }

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%; 
  border-bottom: 1px solid #e3e3e3;}

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.jcf-list ul li {
  overflow: hidden;
  display: block; }

.jcf-list .jcf-overflow {
  overflow: auto; }

.jcf-list .jcf-option {
  border-right:1px solid #e4e4e4;
  border-left:1px solid #e4e4e4;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 9px;
  color: #808080;
  height: 1%; }

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important; }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #000; }

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000; }

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px; }

/* custom range input styles */
.jcf-range {
  display: block;
  overflow: hidden; }

.jcf-range .jcf-range-track {
  margin: 0 20px 0 0;
  position: relative;
  display: block; }

.jcf-range .jcf-range-wrapper {
  background: #ddd;
  display: block;
  margin: 5px 0;
  height: 10px; }
  .dark .jcf-range .jcf-range-wrapper {
    background: #191919; }

.jcf-range.jcf-vertical {
  width: auto; }

.jcf-range.jcf-vertical .jcf-range-wrapper {
  margin: 0;
  width: 10px;
  height: auto;
  padding: 20px 0 0; }

.jcf-range.jcf-vertical .jcf-range-track {
  height: 180px;
  width: 10px; }

.jcf-range.jcf-vertical .jcf-range-handle {
  left: -5px;
  top: auto; }

.jcf-range .jcf-range-handle {
  position: absolute;
  background: #ddd;
  border-radius: 19px;
  border: 3px solid #e74c3c;
  width: 19px;
  height: 19px;
  margin: -4px 0 0;
  z-index: 1;
  top: 0;
  left: 0; }

.jcf-range .jcf-range-handle:after {
  top: 1px;
  right: 14px;
  content: "";
  bottom: 1px;
  left: -9999px;
  position: absolute;
  background: #e74c3c; }

.jcf-range .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  background: #000;
  width: 1px;
  height: 3px;
  top: -7px;
  margin: 0 0 0 9px; }

.jcf-range.jcf-vertical .jcf-range-mark {
  margin: 0 0 9px;
  left: 14px;
  top: auto;
  width: 3px;
  height: 1px; }

.jcf-range.jcf-disabled {
  background: none !important;
  opacity: 0.3; }

/* custom number input styles */
.jcf-number {
  display: inline-block;
  position: relative;
  height: 38px;
  overflow: hidden; }

.jcf-number input {
  -moz-appearance: textfield; }

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.jcf-number input {
  box-sizing: border-box;
  border: 1px solid #ddd;
  height: 38px;
  padding: 3px 27px 3px 7px;
  margin: 0;
  width: 100%;
  background: none; }
  .dark .jcf-number input {
    border-color: #494949; }

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
  position: absolute;
  width: 20px;
  height: 15px;
  right: 1px;
  top: 7px; }

.jcf-number .jcf-btn-dec {
  top: auto;
  bottom: 7px; }

.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
  background: #aaa; }

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -4px;
  border: 4px solid #aaa;
  border-color: transparent transparent #000 transparent; }

.jcf-number .jcf-btn-dec:before {
  margin: -1px 0 0 -4px;
  border-color: #000 transparent transparent transparent; }

.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before,
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
  opacity: 0.3; }

.jcf-number.jcf-disabled input {
  background: #ddd; }



 /*Responsive add*/

 /*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px){

}

/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px){
	.footer-top{
		display: none;
	}
	.foot-none{
		display: none;
	}

}

@media (min-width: 768px) and (max-width: 979px){

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px){

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px){
	.page-heading .font-big{
		font-size: 25px;
	}
	.banner3{
		font-size: 16px;
	}
	.banner2{
		font-size: 16px;
	}
	.ex_bottom{
		font-size: 16px;
	}
	.btn_banner4 {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding: 10px 40px 10px 40px;
    border-radius: 50px;
    background: #d71343;
    border: 1px solid #d71343;
    margin-top: 20px;
	}
	.btn_banner_p {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #d71343;
    padding: 10px 40px 10px 40px;
    border-radius: 50px;
    border: 1px solid #d71343;
    margin-top: 20px;}
    .btn_login {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding: 10px 40px 10px 40px;
    border-radius: 50px;
    background: #d71343;
    border: 1px solid #d71343;
    margin-top: 20px;}
    .btn_cancel {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #d71343;
    padding: 10px 40px 10px 40px;
    border-radius: 50px;
    border: 1px solid #d71343;
    margin-top: 20px;
    margin-left: 5px;}
    .login-section .form-control{
    	font-size: 14px;
    }
    .burger-menu .request{display: none;}
}

/* Landscape phones and down */
@media (max-width: 480px){

}

/*add 11/30*/
.pricing th, .pricing td{text-align: center !important;}
.pricing td{font-size: 16px;}
.pricing .last{border-bottom: 1px solid #ddd;}