@charset "utf-8"; 

/* Style Reset */
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

*{font-family:'Iropke Batang', serif}
*{margin:0;padding:0;border:0;}
*{ box-sizing: border-box; }

html, body {height:100%;margin:0;padding:0; background:#171717; font-size:16px; color:#fff; letter-spacing: -1px;}
img,fieldset,iframe{border:0 none; margin:0; padding:0;}
a{cursor:pointer;}
a:visited {text-decoration:none; color:inherit;}
a:link {text-decoration:none;color:inherit;}
li{list-style:none;}
li a:visited {text-decoration:none;}
li a:link {text-decoration:none;}

.contentsWrap{width:100%;overflow:hidden;}

.Top {position:relative; width:100%; height:100%; overflow-x:hidden;/*border:1px solid #fff;*/ background:#141414; /*padding:50% 0;*/ }
.Top_img {text-align:center;}
.Top_img img {max-height:1000px;min-height:700px;}

.Top_Atit {position: absolute; width:100%; top:20%; /*border:1px solid #fff;*/ text-align:center;}
.Top_Atit img {width:90%; /*max-width:712px;*/max-width:532px;}
.skip {position:fixed; width:100%; bottom:30px; /*border:1px solid #fff;*/ text-align:center;}
.skip img {opacity: 0.5;}

.areaPadding{padding:200px 0 250px 0px;}

.listWrap .tit {width:100%; max-width:1000px;font-size:35px; text-align:center;color:#ffffff;margin:0 auto 50px auto;}
.OW_Dlist_ex{max-width: 1100px; font-size:20px;color: #848484;margin: 0 auto; text-align:center;padding:50px 0;box-sizing: border-box;}

.OW_Dlist {float:left; display:block; position:relative; width:100%;cursor:pointer; /*border:1px solid #f81414;*/}
.OW_Dlist_case {float:left; display:block; width:100%; background:url('https://img.seoul.co.kr/SpecialEdition/nightwork/img/OW_Dlist_bg.png'); color:#000;border-radius:10px;}
.OW_Dlist_case .Ctit {float:left; width:100%; position:relative; height:74px; line-height:74px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:1px;}
.OW_Dlist_case .Ctit .L {position:absolute; top:0; left:0;}
.OW_Dlist_case .Ctit .R {position:absolute; top:0; right:0;}
.OW_Dlist_case .Ccon {float:left; width:100%; padding:0 30px 62px 30px; box-sizing:border-box; line-height:26px; font-size:16px;}
.OW_Dlist .flower {float:left; display:block; width:100%; position:absolute; bottom:-68px; text-align:center;cursor:pointer;}
.OW_Dlist .more {float:left; display:block; width:100%; position:absolute; bottom:-68px; text-align:center;cursor:pointer;}

.OW_aa {float:left; display:inline-block; width:100%; height:200px;}

.OW_Dlist_Layer { position:relative; background:#000; opacity:0.8; padding:5%; box-sizing:border-box;}
.OW_Dlist_Layer .detail dl {margin-bottom:40px;}
.OW_Dlist_Layer .detail dt {font-size:22px; line-height:70px;}
.OW_Dlist_Layer .detail dd {font-size:16px; line-height:26px;}
.OW_Dlist_Layer .photo {text-align:center;}
.OW_Dlist_Layer .photo img {width:100%;}
.OW_Dlist_Layer .close {position:absolute; top:10px; right:10px;}


.OW_Dlist_case .Ctit::before{content: url("https://img.seoul.co.kr/SpecialEdition/nightwork/img/OW_Dlist_ribbonL.png");position:absolute;top:0;left:0;}
.OW_Dlist_case .Ctit::after{content: url("https://img.seoul.co.kr/SpecialEdition/nightwork/img/OW_Dlist_ribbonR.png");position:absolute;top:0;right:0;}

.OW_leadB {width:100%; background:#323232; /*border:1px solid #fff;*/}
.OW_lead {/*display:block;*/ width:100%; max-width:634px; background:#323232; text-align:left; font-size:24px; /*line-height:40px;*/ margin:0 auto; /*padding:15% 0;*/ word-break:keep-all; }
.OW_lead img {width:100%; padding:0 30px; margin-bottom:10px;}
.OW_lead .photo {width:100%; font-size:16px; line-height:160%; color:#888; padding:0 30px;margin-bottom:30px;}
/*.OW_lead_sub {width:100%; background:#323232; text-align:center; font-size:24px; font-weight:normal; margin:0 auto;}*/
.OW_lead_listWrap{  margin: 0 auto;  word-break: keep-all; line-height:1.7em;}
.OW_lead .boss {width:100%; text-align:center; font-size:20px;}
.OW_list {max-width:1000px; background:#323232; color:#848484; margin:0 auto; /*padding:5% 0;*/ box-sizing:border-box; }
.OW_list .tit {width:100%; font-size:35px; text-align:center;color:#ffffff;margin:50px 0;}
.OW_list ul{overflow:hidden;/*padding:5%;*/padding:30px;}

.OW_list li {float:left; text-align:center; font-size:22px; color:#fff; min-width:25%; padding:1% 0;}
.OW_list li a:hover{color:#000;}

.OW_bot {float:left; margin:0 auto; text-align:center; width:100%;position:fixed;bottom:0px;display:none;}
.OW_bot img {width:278px;}
/*.OW_tit {display:block; width:1100px; text-align:left; font-size:30px; font-weight:bold; margin:0 auto; padding:5% 0;}*/
.OW_tit {display:block; width:1100px; text-align:left; font-size:30px; font-weight:bold; margin:0 auto; padding-bottom:35px;}

.OW_bot2{float:left; margin:0 auto; text-align:center; width:100%;}

.OW_frame {display:block; width:100%; text-align:center; font-size:50px; margin:0 auto; /*padding:15% 0;*/overflow:hidden;}
.OW_frame img {width:317px;}
.OW_frameB {display:block; width:100%; text-align:center; margin:0 auto; padding:250px 0; border-bottom:1px solid #777;}
.OW_frame p {padding:35px 0;}
.OW_frame b {font-size:70px; color:#f86304;}
.OW_frame .detail {font-size:20px; color:#848484;padding:50px 0px;}

/*
.OW_tex {display:block; max-width:1100px; margin:0 auto;}
.OW_texL {float:left; padding-right:4%}
.OW_texR {text-align:left; font-size:22px; line-height:190%;}
*/


.OW_textArea{width:100%;}

.OW_texB {display:block; width:100%; max-width:1100px; margin:0 auto;/*padding:15% 0 0 0;*/ /*border:1px solid #fff;*/}
.OW_tex {display:inline-block; /*width:1100px;*/}
.OW_texL {float:left; text-align:left; display:block; padding-right:4%;}
.OW_texL .photo{width:100%; max-width:500px; font-size:16px; line-height:160%; color:#888; margin-bottom:30px;}
.OW_texR {text-align:left;}
.OW_texR p {font-size:22px; color:#888; padding:3% 0;}
.OW_texR b {font-size:26px; line-height:190%;font-weight:normal;word-break:keep-all;}

.OW_tex_2 {display:inline-block; /* width:1100px;*/ margin-top:15%; /*border:1px solid #fff;*/}
.OW_texL_2 {float:left; text-align:right; display:block; /*width:600px;*/ box-sizing:border-box;}
.OW_tex_2 p {padding:4% 0;}
.OW_tex_2 span {font-size:22px; color:#888;display:block;}
.OW_tex_2 b {font-size:26px; line-height:190%;font-weight:normal;word-break:keep-all;}
.OW_texR_2 {float:right; width:500px; text-align:right;margin-left:4%; }



.OW_bottom {display:inline-block;}
.OW_sns {margin:0 auto;}
.OW_sns span {margin:0 9px;cursor:pointer}
.OW_logo {padding:30% 0 15% 0; opacity:0.55;}
.OW_byline {font-size:20px; color:#777; text-align:center; line-height:170%;}


.bugoBtn{border-radius:10px 10px 0 0;font-size:30px;font-weight:bold;width:200px;height:70px; display:inline-block; padding-top: 20px; cursor: pointer; background: #4A3A30; text-decoration: none; color: #B4AFAD;	line-height:1em;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased;}


/*±×·¡ÇÁ Ãß°¡*/
.OW_Graph {display:block; width:100%; background:#242424; /*border:1px solid #fff;*/ /*padding:20% 0 0 0;*/text-align:center;}
/*.OW_Graph .G1 {width:988px; margin:0 auto 200px; }*/
.OW_Graph .G2 {max-width:800px; margin:0 auto;}
.OW_Graph .tit {width:100%; font-size:35px; text-align:center;}
.OW_Graph .tit p.offer {font-size:18px; color:#848484; line-height:60px;}
.OW_Graph .G_img {margin-top:70px;}
.OW_Graph .G_img_m {display:none; margin-top:30px;}


.highcharts-figure {min-width: 320px;max-width: 900px;margin: 0 auto;background:#242424;text-align:center;padding:0 4%;}
.small-chart-pie .highcharts-subtitle {}
.small-chart-column .highcharts-title{font-size:14px;}

.highcharts-figure_g1{max-width:1100px;overflow:hidden;margin:0 auto;}
.highcharts-figure_g1 > div {max-width:800px;width:90%;display:inline-block;}
/*.highcharts-figure_g1 > div:first-child {margin-right:5%;}*/


/* °ü·Ã±â»ç ºÎºÐ */
/*
.OW_article_list {display:block; width:100%; margin:0 auto;}
.OW_article_list_con {display:inline-block; width:100%; margin-bottom:20px;padding:0 25px;}
.OW_article_list_con li {width:100%; text-align:left;color:#ffffff;}
*/

.OW_article_list {display:block; width:100%; margin:0; border:1px solid #666; padding:0 40px; border-radius:5px; box-sizing:border-box;}
.OW_article_list_con {display:inline-block; width:100%; margin-bottom:20px;padding:0 25px;}
.OW_article_list_con li {width:100%; text-align:left;color:#ffffff;}
.OW_article_list_tit {display:inline-block; font-size:24px; color:#000; padding:10px 20px; margin:10px 0; font-weight:bold; background:#999; border-radius:10px; box-sizing:border-box;}

.List_article {float:left; width:100%; padding:15px 0;}
.List_article img {margin:0;padding:0;text-align:center; vertical-align:middle;}
.List_article .tit {margin-bottom:4px; padding-right:3px;line-height:1.3em;font-size:17px; /*font-weight:bold;*/ letter-spacing:-1px;}
.List_article .thumb {float:left; margin-right:16px; width:100px;}
.List_article .thumb img {width:100px;border-radius:5px;}
.List_article .date{font-size:12px; color:#888;}

.list_more {float:left;width:100%; height:35px; border-bottom:1px solid #fff; text-align:center;margin:30px 0px;}
.list_more .more_btn {width:300px;color:#fff;background:#323232; padding:10px 30px 12px; border:1px solid #fff; border-radius:15px; font-size:16px; line-height:16px; margin:15px auto 0px auto;}
.list_more .more_btn img {padding:3px 10px 0 0;}

/* °øÀ¯Çϱâ Æ˾÷ */
.share_pop_tit{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0;}
.share_pop{text-align:center;padding:10px 0;}
.share_copy{ width: 225px; margin: 18px auto 0;}
.copyUrl_input {float: left;width: 163px;height:30px; background: #f8f8f8;border: 1px solid #d7d7d7; font-size: 14px; color: #8c8c8c; padding-left: 10px; box-sizing: border-box; -webkit-border-radius: 0;}
.urlCopyBtn {float: left;width: 62px;height: 30px;background: #272727;box-sizing: border-box;font-size: 13px;line-height: 30px;font-weight: normal;margin-left: -1px;text-align:center;}


/* À¯Æ©ºê µ¿¿µ»ó*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.OW_quick{display:none; position:fixed; left:0; bottom:50%;opacity:0.8;
          transform: translate(0,50%);
			-webkit-transform: translate(0,50%);
			-moz-transform: translate(0,50%);
			-o-transform: translate(0,50%);
			-ms-transform: translate(0,50%);
width:66px; /*height:561px;*/ background:#bbac98; border-radius: 0 10px 10px 0; font-size:18px; color:#000; font-weight:bold; letter-spacing:1px; text-align:center;}
.OW_quick .top {width:100%; color:#9d2500; padding:40px 0 30px; border-bottom:1px solid #9c9081;}
.OW_quick .menu {display:inline-block; width:100%;}
.OW_quick .menu li {width:100%; line-height:80px; }
.OW_quick .sns {display:inline-block; width:100%; font-size:12px; border-top:1px solid #9c9081; color:#292929;}
.OW_quick .sns dt {font-size:12px; padding:20px 0 10px;}
.OW_quick .sns dt img {display:none;}
.OW_quick .sns dd {margin:10px 0;}


.lineclamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 3.9em;
}

@media (min-width:750px) and (max-width:1099px) {
/*.OW_article_list_con {width:100%; margin-bottom:50px;padding:0px;}*/
.OW_article_list_con {width:100%; margin:20px 0; padding:0px;}

.OW_article_list_con li {width:45%; text-align:left; margin-right:5%;}

.List_article {padding:20px 0;}
.List_article .tit {font-size:21px;}
.List_article .thumb {width:130px;}
.List_article .thumb img {width:130px;}

}

@media (min-width:1100px) {

.OW_article_list {display:block; width:1100px; margin:0 auto;}
/*OW_article_list_con {width:1100px; margin-bottom:50px;padding:0px;}*/
/*.OW_article_list_con li {width:510px; text-align:left; margin-right:40px;}*/

/*.OW_article_list_con {width:1100px; margin:20px 0; padding:0px;}*/
.OW_article_list_con {width:100%; margin:20px 0; padding:0px;}
.OW_article_list_con li {width:490px; text-align:left;}
.OW_article_list_con li:nth-child(odd) {margin-right:18px;}
.OW_article_list_con li:nth-child(even) {margin-left:18px;}

.List_article {padding:20px 0;}
.List_article .tit {font-size:21px;}
.List_article .thumb {width:130px;}
.List_article .thumb img {width:130px;}

}
/* ////////// */




@media (min-width:701px) and (max-width:1100px) {

.OW_quick {left:0; bottom:0;
            transform: translate(0,0);
			-webkit-transform: translate(-50%,0);
			-moz-transform: translate(-50%,0);
			-o-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
 max-width:700px; width:100%;margin:0 auto; left:50%;height:50px; border-radius:10px 10px 0 0;}
.OW_quick .top {float:left; width:20%; height:50px; line-height:50px; padding:0; border-right:1px solid #9c9081; border-bottom:0; box-sizing:border-box;}
.OW_quick .menu {float:left; width:60%;}
.OW_quick .menu li {float:left; width:33%;  line-height:50px; }
.OW_quick .sns {float:left; width:20%; height:50px; border-left:1px solid #9c9081; border-top:0; box-sizing:border-box;color:inherit;}
.OW_quick .sns dd {display:none;}
.OW_quick .sns dt {font-size:18px; line-height:50px; padding:0;}
.OW_quick .sns dt > a::before {content:''; display: inline-block;position:relative;top:5px;margin-right:5px;background-image:url('https://img.seoul.co.kr/SpecialEdition/nightwork/img/OW_snsi.png');background-size:19px 20px;width:19px;height:20px;}



}







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

.areaPadding{padding:100px 0 120px 0px;}

.OW_lead {font-size:20px;}
.OW_lead img {margin-bottom:10px;padding:0;}
.OW_lead .photo {font-size:14px; line-height:150%;padding:0;}
.OW_lead .boss {font-size:18px;}

.OW_frame {width:100%; font-size:25px;}
.OW_frame img {width:200px;}
.OW_frame .detail {font-size:14px; /*padding:5%;*/ box-sizing:border-box;}
.OW_frame b {font-size:25px;}

.OW_Dlist_ex{font-size:16px;padding:20px 0;}

/*.OW_list {display:block; width:1100px; background:#323232; color:#848484; margin:0 auto 20%; padding:5% 0; box-sizing:border-box; }*/
.OW_list {display:inline-block; width:100%; padding:0 30px; box-sizing:border-box; font-size:14px; /*margin:0 auto 5%;*/}
.OW_list li { font-size:18px;  width:50%;}
.OW_list .tit { font-size:24px;margin:20px 0;}

.OW_article_list {display:block; width:100%; margin:0; border-top:1px solid #666; border-bottom:1px solid #666; padding:0 0; border-radius:0px;}
.OW_article_list_tit {font-size:18px; margin-top:20px;}

.listWrap .tit { font-size:24px;margin:20px 0;}

.OW_bot{bottom:48px;}
.OW_bot img {width:140px;cursor:pointer}
.OW_bot2 img {width:140px;}

.OW_frameB{padding:150px 0;}

.OW_tex {width:100%; padding:30px; box-sizing:border-box;}
.OW_texL {width:100%; text-align:center;padding-right:0;}
.OW_texL img {width:80%; margin-bottom:15px;}
.OW_texL .photo{text-align:left;padding:0 40px;}

.OW_texR {width:100%; text-align:left; font-size:18px; line-height:170%;}
/*.OW_tit {width:100%; font-size:20px; padding:5%; box-sizing:border-box;}*/
.OW_tit {width:100%; font-size:20px; padding:0 0 25px 30px; box-sizing:border-box;}
.OW_texR p {font-size:18px;padding:20px 0;}
.OW_texR b {font-size:22px; line-height:170%;}


.OW_tex_2 {width:100%; padding:30px; box-sizing:border-box;}
.OW_texR_2 {width:100%; text-align:center;float:none;margin-left:0;}
.OW_texR_2 img {width:80%; margin-top:15px;}


.OW_tex_2 p {text-align:left;width:100%;}
.OW_tex_2 span {font-size:18px;display:block;}
.OW_tex_2 b {font-size:22px; line-height:170%;}


.OW_sns:not(.share_pop) img {width:35px;}
.OW_logo img {width:80%;}
.OW_byline {font-size:14px;}


.OW_Graph .G1 {width:100%; margin:0 auto 100px; text-align:center;}

.OW_Graph .G2 {width:100%; margin:0 auto; text-align:center;}
.OW_Graph .G2 img {width:90%}
.OW_Graph .tit {font-size:18px;}
.OW_Graph .tit p.offer {font-size:13px; line-height:40px;}
/*.OW_Graph .G2D img {width:60%}*/

/*
.OW_Graph  .G_img{display:none;}
.OW_Graph .G_img_m{display:block;}
.OW_Graph .G_img_m img {width:80%;}
*/


.highcharts-figure_g1{max-width:1100px;padding:5%;}
.highcharts-figure_g1 > div {width:100%;display:block;}
.highcharts-figure_g1 > div:first-child {margin-right:0;margin-bottom:100px;}


.OW_quick {top:unset;left:0; bottom:0;
            transform: translate(0,0);
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			-ms-transform: translate(0,0);
float:left; width:100%; height:50px; border-radius:0px;}
.OW_quick .top {float:left; width:20%; height:50px; line-height:50px; padding:0; border-right:1px solid #9c9081; border-bottom:0; box-sizing:border-box;}
.OW_quick .menu {float:left; width:60%;}
.OW_quick .menu li {float:left; width:33%;  line-height:50px; }
.OW_quick .sns {float:left; width:20%; height:50px; border-left:1px solid #9c9081; border-top:0; box-sizing:border-box;color:inherit;}
.OW_quick .sns dd {display:none;}
.OW_quick .sns dt {font-size:18px; line-height:50px; padding:0;}
.OW_quick .sns dt > a::before {content:''; display: inline-block;position:relative;top:5px;margin-right:5px;background-image:url('https://img.seoul.co.kr/SpecialEdition/nightwork/img/OW_snsi.png');background-size:19px 20px;width:19px;height:20px;}


}




/* ---- grid ---- */
.grid { width:100%;margin: 0 auto;max-width:1000px;}
.grids {width:100%; margin: 0 auto;max-width:1000px;}

/* ---- grid-item ---- */
.gutter-sizer { width:5%; }
.grid-sizer { width: 30%;}
.grid-item {width: 30%; float: left; margin-bottom:120px;}

@media (max-width:1100px){

  .listWrap{padding:0px 20px;}
  .OW_lead_listWrap{padding:0px 20px;}

  .OW_bot{bottom:50px;}

	.bugoBtn{
		font-size:20px;
		width:150px;
		height:45px;
		padding-top: 15px;
		
	}

  .img-magnifier-container {
    padding: 0 5%;
  }
}

@media (max-width:580px){
  .gutter-sizer { width:0%; }
  .grid-sizer{width:100%;}
  .grid-item{width:100%;}
  .listWrap{padding:0px 10%;}
  .OW_lead_listWrap{padding:0px 10%;}
}

@media (min-width:581px) and (max-width:760px){
  .gutter-sizer { width:8%; }
  .grid-sizer{width:46%;} 
  .grid-item{width:46%;}
}





/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*background: #e1e1e1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #B6865E;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}


/* Float */
.hvr-float {
  z-index:10;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #B6865E;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}


/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #B6865E;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right, color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover, .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
  color:#B6865E;
}




/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #B6865E;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}


.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block; 
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #171717;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}


/* Curl Top Right */
.hvr-curl-top-right {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: transparent;
  /* IE9 */
  background: linear-gradient(225deg, rgb(23,23,23,0) 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}
.hvr-curl-top-right:hover{
  background: linear-gradient(225deg, rgb(23,23,23,0) 18px, #4A3A30 0px);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-property: background;
}


.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 10%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 320px;
  height: 200px;
}