/*----------------------------------------------------------------
    Intro / 인트로 배너 영역 시작
----------------------------------------------------------------*/

#intro-wrap {
    position: relative;
    width: 100%;
    height: 500px;
    background-color: #fff;
	margin-top:2em;/*****인트로 베너와 상단 메뉴와의 간격 조정**********/
}



#intro {
    width: 100%;/*****인트로베너 가로 사이즈 지정**********/
    height: inherit;
	margin:0 auto;
	border:none; border-color:none; border-style:none;
	box-shadow: 0px 0px 80px  rgba(0, 0, 0, 0.0); 
}

#intro .intro-item {
    position: absolute;
	float:right; 
    width: inherit;
    height: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#intro.preload .intro-item {
    visibility: hidden;
}

.caption_size {/*****인트로베너 텍스트 크기 지정**********/
    width:100%;
    height: inherit;
	margin:0 auto;
}
 


#intro .intro-mockup,
.caption,
.caption-mockup,
.photocaption {
    z-index: 2;  /****************************인트로 베너역역의 텍스트 부분 배경 설정*****************/
}

.caption,
.photocaption {
    position: absolute;
}

#intro .intro-mockup-wrapper,
.caption,
.photocaption,
.caption-mockup {
    width: 100% !important;
	height: inherit;
	margin-top:160px;  
	margin-left:0;  
	border-radius:0; 
	padding:10px 80px ; /**인트로 투명배경 위치 시정*****************/
}
#intro .intro-mockup-wrapper,
.caption,
.photocaption,
.caption-mockup2 {
    width: 100% !important;
	height: inherit;
	margin-top:-10px;  
	margin-left:10px;  
	border-radius:0; 
	padding:10px 80px ; /**인트로 투명배경 위치 시정*****************/
}

#intro .intro-mockup.intro-left img { /**텍스트 문구 이미지*****************/
    max-width: 500px;
	z-index: 2;
}
.six-left-box-img img{width: 500px;}
.six-right-box-img img{width: 400px;}


#intro .intro-mockup.intro-right img { /**엑센트 문구 이미지*****************/
    max-width: 400px;
	z-index: 1;
}

.caption-mockup.caption-left {
    display: left;
}
.caption-mockup2.caption-left {
    float: left;
}
.caption-mockup.caption-right {
    float: left;
}
.six-left-box { width: 500px; float: left;}
.six-right-box { width: 400px;  float: left; text-align:center;}
.style-text-box { padding-top:3em } /****페이지 텍스트 박스 위치*****/


.caption h1,
.caption-mockup h1 {
    margin-bottom: 0.1em;  /*******************인트로배너 상단 베너 텍스트 큰 제목*********************/
 	font-size: 33;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
	line-height:50px; 
	color:#fff;
	letter-spacing: -2px;
}
.caption,
.caption-mockup_title {
    margin-bottom: 0.1em;  /*******************인트로배너 상단 베너 텍스트 큰 제목*********************/
 	font-size: 33pt;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
	line-height:50px; 
	color:#fff;
	letter-spacing: -3px;
}
.caption,
.caption-mockup_sub-title {
    margin-bottom: 0.1em;  /*******************인트로배너 상단 베너 텍스트 큰 제목*********************/
 	font-size: 26pt;
	margin-left:-0.6em;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
	line-height:40px; 
	color:#fff;
	letter-spacing: -3px;
}

.caption h2,
.caption-mockup h2 {
    margin-bottom: 0.1em;  /*******************인트로배너 상단 베너 텍스트 큰 제목*********************/
 	font-size: 22pt;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	font-family: "Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
	line-height:50px; 
	letter-spacing: -2px;
	opacity:.7; filter:alpha(opacity=70);
}
.caption_fontsize {
    margin-bottom: 0.1em;  /*******************쇼핑몰페이지 상단 베너 텍스트 큰 제목*********************/
 	font-size: 18pt;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
	line-height:50px; 
	color:#FFE664;
	letter-spacing: -2px;
}
.caption_fontsize_sub {
    margin-bottom: 0.1em;  /*******************쇼핑몰페이지 상단 베너 텍스트 큰 제목*********************/
 	font-size: 18pt;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
	line-height:40px; 
	color:#FFE664;
	letter-spacing: -2px;
}


.caption_textM {    /************인트로베너 텍스트 중제목 설정*/
	font-size:13pt;
	font-family: "RixSGo B", "NanumBarunGothicBold", 'NanumBarunGothic',"Dotum", 'Montserrat', sans-serif;
	letter-spacing: -1px;
	line-height:20px;
	padding-bottom:20px;
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.caption_textM_sub {    /************인트로베너 텍스트 중제목 설정*/
	font-size:13pt;
	font-family: "RixSGo B", "NanumBarunGothicBold", 'NanumBarunGothic',"Dotum", 'Montserrat', sans-serif;
	letter-spacing: -1px;
	line-height:20px;
	padding-bottom:20px;
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.caption_textP {    /************페이지 상단 베너 텍스트 중제목 설정*/
	font-size:13pt;
	font-family: "RixSGo M", 'NanumBarunGothic', "NanumBarunGothicBold","Dotum", 'Montserrat', sans-serif;
	letter-spacing: -1px;
	line-height:20px;
	padding-bottom:3px;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
}

.caption h2 {
    margin-top: 0;
}

.caption p,
.caption-mockup p {
    margin-top: 0;
}

.caption-mockup.caption-left {
    float: left;
}

.caption-mockup.caption-right {
    float: right;
}

.caption-mockup-button {  /*배너버튼 링크*/
	border-radius:0;
	color:rgba(255, 255, 255, 0.7);
	display:inline-block;
	text-align:center; 
	background-color:rgba(0, 0, 0, 0.7);
	height:40px;
	line-height:38px;
	margin:0 2px 2px 4px;
	font-size:12pt;
	letter-spacing: -1px;
	padding:2px 16px 2px 16px;
}
	.caption-mockup-button:hover{ color:#fff; background-color:#42B2F7; }
	a.caption-mockup-button { color:#fff; }
	a.caption-mockup-button a:link {color:#fff;}


.caption-mockup-button_sub { 
	border-radius:0;
	color:#fff;
	display:inline-block;
	text-align:center; 
	background-color:rgba(242,101,41,0.7);
	height:40px;
	line-height:38px;
	margin:0 2px 2px 4px;
	font-size:12pt;
	letter-spacing: -1px;
	padding:2px 16px 2px 16px;
}
	.caption-mockup-button_sub:hover{ color:#fff; background-color:rgba(66,178,247,0.7); }
	a.caption-mockup-button_sub { color:#fff; }
	a.caption-mockup-button_sub a:link {color:#fff;}


#intro-wrap .more {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 14pt;
}

#intro-wrap:hover .preload .more a {
    opacity: 0;
    filter: Alpha(Opacity=0);
 /* IE7 fix */;
}

#intro-wrap .more a {
    color: #fff;
    opacity: 0;
    filter: Alpha(Opacity=0);
 /* IE7 fix */
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#intro-wrap:hover .more a {
    opacity: 1;
    filter: Alpha(Opacity=100);
 /* IE7 fix */;
}


@media (min-width:180px) and (max-width:1023px){

	#intro-wrap {
		position: relative;
		width: 100%;
		height: 300px;
		background-color: #fff;
		margin-top:none;/*****인트로 베너와 상단 메뉴와의 간격 조정**********/
	}



	#intro {
		width: 100%;/*****인트로베너 가로 사이즈 지정**********/
		height: inherit;
		margin:0 auto;
		border:none; 
		border-color:none;
		border-style:none;
		box-shadow: none; 
	}
	
	.caption,
	.photocaption,
	.caption-mockup {
		width: 100% !important;
		height: inherit;
		margin-top:none;  
		margin-left:0;  
		border-radius:0; 
		padding:10px 0 ; /**인트로 투명배경 위치 시정*****************/
	}

	.caption-mockup.caption-left {
		width: 100%;
	}
	#intro .intro-mockup.intro-left img { /**텍스트 문구 이미지*****************/
		position: absolute; 
		width: 90%; 
		margin-top:-60px;
	}
	.six-left-box-img img{width: 100%;}
	.six-left-box { width: 100%;}
	

	#intro .intro-mockup.intro-right.column.six-right-box.last { display: none;} /**엑센트 이미지는 숨김*****************/
	
	.style-text-box { margin-top:-6em; width:100%; } /****페이지 텍스트 박스 위치*****/
	.six-right-box { display: none;}
	
	.caption,
	.caption-mockup_title {
		margin-bottom: 0.1em;  /*******************인트로배너 상단 베너 텍스트 큰 제목*********************/
		font-size: 18pt;
		text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
		font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
		line-height:18px; 
		color:#fff;
		letter-spacing: -3px;
		padding:10px;
	}	
	
	.caption h2,
	.caption-mockup h2 {
		margin-bottom: 0.1em;  /*******************인트로배너 상단 베너 텍스트 큰 제목*********************/
		font-size: 18pt;
		text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
		font-family: "Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
		line-height:18px; 
		letter-spacing: -2px;
		opacity:.7; filter:alpha(opacity=70);
		margin-bottom:10px;
	}
	.caption_fontsize {
		margin-bottom: 0.1em;  /*******************쇼핑몰페이지 상단 베너 텍스트 큰 제목*********************/
		font-size: 14pt;
		text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
		font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
		line-height:16px; 
		color:#FFE664;
		letter-spacing: -2px;
		padding-bottom:10px;
	}
	.caption_fontsize_sub {
		margin-bottom: 0.1em;  /*******************쇼핑몰페이지 상단 베너 텍스트 큰 제목*********************/
		font-size: 14pt;
		text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
		font-family:"Archivo Black", 'RixSGo B',  "NanumBarunGothicBold", "NanumBarunGothicBold", "NanumBarunGothic","Dotum", "Arial", "Gulim", sans-serif; 
		line-height:16px; 
		color:#FFE664;
		letter-spacing: -2px;
		padding-bottom:10px;
	}


	.caption_textM {    /************인트로베너 텍스트 중제목 설정*/
		font-size:11pt;
		font-family: "RixSGo B", "NanumBarunGothicBold", 'NanumBarunGothic',"Dotum", 'Montserrat', sans-serif;
		letter-spacing: -1px;
		line-height:16px;
		padding-bottom:10px;
		color:#fff;
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	}

	.caption_textM_sub {    /************인트로베너 텍스트 중제목 설정*/
		font-size:11pt;
		font-family: "RixSGo B", "NanumBarunGothicBold", 'NanumBarunGothic',"Dotum", 'Montserrat', sans-serif;
		letter-spacing: -1px;
		line-height:16px;
		padding-bottom:10px;
		color:#fff;
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	}

	.caption-mockup-button { 
		border-radius:0;
		color:rgba(255, 255, 255, 0.7);
		display:inline-block;
		text-align:center; 
		background-color:rgba(66, 178, 247, 0.7);
		height:33px;
		line-height:28px;
		margin:0 2px 2px 4px;
		font-size:12pt;
		letter-spacing: -1px;
		padding:2px 16px 2px 16px;
	}
		.caption-mockup-button:hover{ color:#fff; background-color:#42B2F7; }
		a.caption-mockup-button { color:#fff; }
		a.caption-mockup-button a:link {color:#fff;}


	.caption-mockup-button_sub { 
		border-radius:0;
		color:#fff;
		display:inline-block;
		text-align:center; 
		background-color:rgba(242,101,41,0.7);
		height:33px;
		line-height:28px;
		margin:0 2px 2px 4px;
		font-size:12pt;
		letter-spacing: -1px;
		padding:2px 16px 2px 16px;
	}
		.caption-mockup-button_sub:hover{ color:#fff; background-color:rgba(66,178,247,0.7); }
		a.caption-mockup-button_sub { color:#fff; }
		a.caption-mockup-button_sub a:link {color:#fff;}

	.intro-wrap-subpage { display: none;}
}
 

/**********************************************************************************모바일용 인트로배너*************/
/*----------------------------------------------------------------
    768px Breakpoint
----------------------------------------------------------------*/
@media (min-width:960px) and (max-width:1023px){
#intro-wrap {
    position: relative;
    width: 100%;
    height: 400px;
	margin-top:2px;
	padding:0px;
}
    #intro .caption h2,
    #intro .caption-mockup h2 {
        font-size: 20pt;line-height:40px;
    }

    #intro .caption p,
    #intro .caption-mockup p {
        font-size: 0.8em;
    }
#intro .intro-mockup-wrapper,
.caption,
.photocaption,
.caption-mockup {
    width: 100% !important;
	height: inherit;
	margin-top:230px;
    
	border-radius:0; 
	padding:10px 80px; /**인트로 투명배경 위치 시정*****************/
}
#intro {
    position: fixed;
    width: inherit;
    height: inherit;
}
    .photocaption {
        display: none;
    }

}



/*----------------------------------------------------------------
    640px Breakpoint
----------------------------------------------------------------*/
@media (min-width:768px) and (max-width:959px){
#intro-wrap {
    position: relative;
    width: 100%;
    height: 250px;
	margin-top:2px;
	padding:0px;
	text-align:center;
}
    #intro .caption h2,
    #intro .caption-mockup h2 {
        font-size: 16pt;
		line-height:30px;
    }

#intro .intro-mockup-wrapper,
.caption,
.photocaption,
.caption-mockup {
    width: 100% !important;
	height: inherit;
	margin-top:70px;
    
	border-radius:0; 
	padding:5px 30px; /**인트로 투명배경 위치 시정*****************/
}
    #intro .caption p,
    #intro .caption-mockup p {
        font-size:10pt;
		line-height:16px;
    }
#intro {
    position: fixed;
    width: inherit;
    height: inherit;
}


}



@media (min-width:180px) and (max-width:767px){
#intro-wrap {
    position: relative;
    width: 100%;
    height: 250px;
	margin-top:2px;
	padding:0px;
	text-align:center;
}
    #intro .caption h2,
    #intro .caption-mockup h2 {
        font-size: 16pt;
		line-height:30px;
    }

#intro .intro-mockup-wrapper,
.caption,
.photocaption,
.caption-mockup {
    width: 100% !important;
	height: inherit;
	margin-top:100px;
    
	border-radius:0; 
	padding:5px 30px; /**인트로 투명배경 위치 시정*****************/
}
    #intro .caption p,
    #intro .caption-mockup p {
        font-size:10pt;
		line-height:16px;
    }
#intro {
    position: fixed;
    width: inherit;
    height: inherit;
}

.caption_text_titleL { /****************************페이지 텍스트 정렬*****************/
	float:none;
    width: inherit;
    height: inherit;
	text-align:center;
	}

}
/**********************모바일용 인트로배너 END*************/

     



/*----------------------------------------------------------------
    Owl Carousel mockups
----------------------------------------------------------------*/

.owl-item {
    clear: none;
}

.owl-item > div {
    padding: 10px;
}

#intro .owl-item > div,
.gallery .owl-item > div {
    padding: 0;
}

.owl-theme .owl-controls .owl-buttons div,
#intro.owl-theme .owl-controls .owl-pagination {
    position: absolute;
}


#intro.owl-theme .owl-controls .owl-pagination {/**************인트로 배너 영역 하단 둥근버튼 속성 */
    display:none;
}

.slider .owl-theme .owl-controls .owl-buttons div {
    color: #aaa;
}

.gallery.slider .owl-theme .owl-controls .owl-buttons div {
    color: #fff;
}

.slider .owl-theme .owl-controls .owl-page span {
    background: #aaa;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    top: 53%;
    left: 20px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    top: 53%;
    right: 20px;
} 
.owl-item img {
    display: block;
    width: 100%;
    height: auto;
}
  

/*----------------------------------------------------------------
    Owl Carousel general
----------------------------------------------------------------*/

.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    /* text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); */
    display: inline-block;
    color: #fff;
    font-size: 40px;
    line-height: 0px;
    opacity: 0.3;
    filter: Alpha(Opacity=30); 
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    zoom: 1;
    *display: inline; 
}

#intro-wrap .owl-controls .owl-buttons div { /*좌우측 화살표*/
    text-shadow: none;
    font-size: 2.667em;
    opacity: 0.6;
    filter: Alpha(Opacity=0); ;
}

#intro-wrap:hover .owl-controls .owl-buttons div {
    opacity: 1;
    filter: Alpha(Opacity=30); ;
}

#intro-wrap:hover .owl-controls .owl-buttons div:hover {
    opacity: 1;
    filter: Alpha(Opacity=100); ;
}

.dark-controls .owl-theme .owl-controls .owl-buttons div {
    color: #292929;
}

.white-controls .owl-theme .owl-controls .owl-buttons div {
    color: #fff;
}
/***************************************************************메인 인트로 둥근 버튼*****************************************/
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 0.333em ;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
	border: 1px solid #333;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}
/********************************************************************메인 인트로 둥근 버튼***************************************/
.text-light .owl-theme .owl-controls .owl-page span,
.text-light .testimonial-slider.owl-theme .owl-controls .owl-page span,
.text-light .custom-carousel.owl-theme .owl-controls .owl-page span {
    background: #fff;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}

.dark-controls .owl-theme .owl-controls .owl-page span,
.testimonial-slider.owl-theme .owl-controls .owl-page span,
.custom-carousel.owl-theme .owl-controls .owl-page span {
    background: #666;
}

.white-controls .owl-theme .owl-controls .owl-page span {
    background: #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.text-light .owl-theme .owl-controls .owl-page.active  span,
.text-light .testimonial-slider.owl-theme .owl-controls .owl-page.active  span,
.text-light .custom-carousel.owl-theme .owl-controls .owl-page.active  span {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #ccc;
    font-size: 12px;
}

.owl-item.loading {
    min-height: 150px;
    background: url(img/AjaxLoader.gif) no-repeat center center;
}

.owl-theme .owl-controls .owl-buttons div {
    margin-top: -20px;
    font-size: 40px;
}

.gallery .owl-controls .owl-buttons div {
    font-size: 2em;
}
.gallery_padding {padding-top:1px;font-size: 9pt; color:#333;}

#intro-wrap .owl-carousel .owl-wrapper-outer,
#intro-wrap .owl-wrapper,
#intro-wrap .owl-carousel .owl-item {
    height: inherit;
}

#intro-wrap .owl-carousel .owl-item {
    overflow: hidden;
} 



@media handheld, only screen and (min-width:48em) {

    .owl-theme .owl-controls .owl-buttons div {
        margin-top: -25px;
        font-size: 50px;
    }

    .gallery .owl-controls .owl-buttons div {
        font-size: 2em;
    }

    .carousel-item h1,
    .carousel-item h2,
    .carousel-item h3,
    .carousel-item h4,
    .carousel-item h5,
    .carousel-item h6 {
        margin-top: 0.67em;
    }

    .caption-mockup h2 {
        margin-top: 0;
    }

    #intro .intro-mockup-wrapper {
        margin-top: 6em;
    }

    .caption-mockup.caption-left,
    .caption-mockup.caption-right {
        margin-top: 2em;
        text-align: left;
    }

    .caption-mockup.caption-left h2,
    .caption-mockup.caption-right h2 {
        font-size: 2.667em;
    }

    aside.sidebar {
        margin-top: 3em;
    }

    .blog.masonry-style article.three .blog-excerpt-inner:after,
    .blog.masonry-style article.four .blog-excerpt-inner:after,
    .blog-section.masonry-style article.three .blog-excerpt-inner:after,
    .blog-section.masonry-style article.four .blog-excerpt-inner:after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 0.556em 0.556em 0.556em;
        height: 0.333em;
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
        background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
        content: " ";
        ;
    }
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}
/* display none until init */
.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(../img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;    
}

/* CSS3 Transitions */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    -ms-perspective: 1200px;
    -ms-perspective-origin-x: 50%;
    -ms-perspective-origin-y: 50%;  
    -o-perspective: 1200px;
    -o-perspective-origin-x: 50%;
    -o-perspective-origin-y: 50%;      
    perspective: 1200px;
    perspective-origin-x: 50%;
    perspective-origin-y: 50%;     
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    z-index: 10;
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    z-index: -10;
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    z-index: 10;
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    z-index: -10;
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    z-index: 10;
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    z-index: 10;
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    z-index: -10;
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* scaleDown */
.owl-scaleDown-in {
    z-index: 10;
    -webkit-animation: scaleDownFrom .7s ease both;
    -moz-animation: scaleDownFrom .7s ease both;
    animation: scaleDownFrom .7s ease both;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
}

.owl-scaleDown-out {
    z-index: -10;
    -webkit-animation: scaleDownTo .5s ease both;
    -moz-animation: scaleDownTo .5s ease both;
    animation: scaleDownTo .5s ease both;
}
/* scaleDownRight */
.owl-scaleDownRight-in {
    z-index: 10;
    -webkit-animation: scaleDownRightFrom .7s ease both;
    -moz-animation: scaleDownRightFrom .7s ease both;
    animation: scaleDownRightFrom .7s ease both;
}

.owl-scaleDownRight-out {
    z-index: -10;
    -webkit-animation: scaleDownRightTo .6s ease both;
    -moz-animation: scaleDownRightTo .6s ease both;
    animation: scaleDownRightTo .6s ease both;
}
/* scaleUpLeft */
.owl-scaleUpLeft-in {
    z-index: 10;
    -webkit-animation: scaleUpLeftFrom .7s ease both;
    -moz-animation: scaleUpLeftFrom .7s ease both;
    animation: scaleUpLeftFrom .7s ease both;
}

.owl-scaleUpLeft-out {
    z-index: -10;
    -webkit-animation: scaleUpLeftTo .6s ease both;
    -moz-animation: scaleUpLeftTo .6s ease both;
    animation: scaleUpLeftTo .6s ease both;
}
/* fadeTop */
.owl-fadeTop-in {
    z-index: 10;
    -webkit-animation: fadeTopFrom .7s ease both;
    -moz-animation: fadeTopFrom .7s ease both;
    animation: fadeTopFrom .7s ease both;
}

.owl-fadeTop-out {
    z-index: -10;
    -webkit-animation: fadeTopTo .7s ease both;
    -moz-animation: fadeTopTo .7s ease both;
    animation: fadeTopTo .7s ease both;
}
/* overlap */
.owl-overlap-in {
    z-index: 10;
    -webkit-animation: overlapFrom .6s ease both;
    -moz-animation: overlapFrom .6s ease both;
    animation: overlapFrom .6s ease both;
}

.owl-overlap-out {
    z-index: -10;
    -webkit-animation: overlapTo .7s ease both;
    -moz-animation: overlapTo .7s ease both;
    animation: overlapTo .7s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}

@keyframes empty {
    0% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleDownFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleDownFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleDownFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleDownTo {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleDownTo {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleDownTo {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleDownRightFrom {
    from {
        -webkit-transform: translateX(100%);
    }
}

@-moz-keyframes scaleDownRightFrom {
    from {
        -moz-transform: translateX(100%);
    }
}

@keyframes scaleDownRightFrom {
    from {
        transform: translateX(100%);
    }
}

@-webkit-keyframes scaleDownRightTo {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleDownRightTo {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleDownRightTo {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUpLeftFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleUpLeftFrom {
    from {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleUpLeftFrom {
    from {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUpLeftTo {
    to {
        -webkit-transform: translateX(-100%);
    }
}

@-moz-keyframes scaleUpLeftTo {
    to {
        -moz-transform: translateX(-100%);
    }
}

@keyframes scaleUpLeftTo {
    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes fadeTopFrom {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes fadeTopFrom {
    from {
        opacity: 0.3;
        -moz-transform: translateY(-100%);
    }
}

@keyframes fadeTopFrom {
    from {
        opacity: 0.3;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes fadeTopTo {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes fadeTopTo {
    to {
        opacity: 0.3;
        -moz-transform: translateY(100%);
    }
}

@keyframes fadeTopTo {
    to {
        opacity: 0.3;
        transform: translateY(100%);
    }
}

@-webkit-keyframes overlapFrom {
    from {
        -webkit-transform: translateX(100%);
    }
}

@-moz-keyframes overlapFrom {
    from {
        -moz-transform: translateX(100%);
    }
}

@keyframes overlapFrom {
    from {
        transform: translateX(100%);
    }
}

@-webkit-keyframes overlapTo {
    to {
        -webkit-transform: translateX(-25%);
    }
}

@-moz-keyframes overlapTo {
    to {
        -moz-transform: translateX(-25%);
    }
}

@keyframes overlapTo {
    to {
        transform: translateX(-25%);
    }
}