@import url(/WesternLifeHotel_common/css/homepage/SpoqaHanSans.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

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



@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(/WesternLifeHotel_common/font/NotoSansKR-Light.woff2) format('woff2'),
	url(/WesternLifeHotel_common/font/NotoSansKR-Light.woff) format('woff'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Light.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/WesternLifeHotel_common/font/NotoSansKR-Regular.woff2) format('woff2'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Regular.woff) format('woff'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Regular.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src: url(/WesternLifeHotel_common/font/NotoSansKR-Medium.woff2) format('woff2'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Medium.woff) format('woff'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Medium.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/WesternLifeHotel_common/font/NotoSansKR-Bold.woff2) format('woff2'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Bold.woff) format('woff'), 
	url(/WesternLifeHotel_common/font/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face { font-family: 'BaskervilleOldFace';
    src:  url('/WesternLifeHotel_common/fonts/BaskervilleOldFace.ttf'); 
    font-weight: normal;
    font-style: normal;
}
/*'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'*/
html, body{width:100%; overflow-x: hidden;}
* {margin: 0; padding: 0; box-sizing: border-box;}
body{ background:#fff; font-size: 16px; text-align:left; font-weight:normal; font-family:'Noto Sans KR', sans-serif; *word-break:break-all; -ms-word-break:break-all;}
img,fieldset,iframe{border:0 none}
img {vertical-align: middle;}
ul, li {list-style: none; outline: none;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0;}
button * {position:relative; overflow:hidden;}
hr{visibility: hidden;}
legend{*width:0}
a {color: inherit;}
table{/* border-collapse:collapse;table-layout:fixed; */ border-collapse:collapse;border-spacing:0}
/*  img, a{outline: none; select-dummy: expression(this.hideFocus=true); }  */
/* HTML5 Reset */
section,nav,menu,article,aside,footer,header,figure,figcaption,details,address  {display:block;}
select, option {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
input:focus, textarea:focus, select:focus {outline: none;}
input, textarea {border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
ul, li {list-style: none; outline: none;}
a {border: 0; text-decoration:none}
a, span {display: inline-block;}
/*small {font-size: 14px; margin-top: 10px; display: inline-block;}*/


/* --------------------------------------------
 * Layer Popup
/* ------------------------------------------ */
div.pop_wrap{display:none;position:absolute;z-index:99999;width:500px;background-color:#fff;overflow:hidden}
div.pop_wrap.w600{width:600px}
div.pop_wrap.w700{width:700px}
div.pop_wrap.w800{width:800px}
div.pop_wrap.w1000{width:1000px}
div.pop_wrap .pop_header{position:relative;padding:15px;border-top:2px solid #444;background-color:#f2f2f2}
div.pop_wrap .pop_header h3{font-size:16px;color:#555; margin:0}
div.pop_wrap .pop_header a.btn_pop_close{display:block;position:absolute;top:18px;right:15px;width:20px;height:20px;background:url(/WesternLifeHotel_common/images/homepage/common/ico_pop_close.png) no-repeat;text-indent:-9999px}
div.pop_wrap .pop_content{position:relative;padding:15px;max-height:600px;overflow-y:auto;overflow-x:hidden}
div.pop_wrap .pop_content .drawings{position:relative;margin:0 -15px}
div.pop_wrap .pop_content .drawings .bx-viewport{height:400px!important}
div.pop_wrap .pop_content .drawings.suite .bx-viewport{height:440px!important}
div.pop_wrap .pop_content .drawings .drawings_slider .item{width:700px!important}
div.pop_wrap .pop_content .drawings .drawings_slider .item h4{color:#777;text-align:center}
div.pop_wrap .pop_content .drawings .bx-controls-direction a{position:absolute;top:50%;width:30px;height:27px;margin-top:-14px;background:url(/WesternLifeHotel_common/images/homepage/common/spr_slider.png) 0 0 no-repeat;text-indent:-9999px}
div.pop_wrap .pop_content .drawings .bx-controls-direction a.bx-prev{left:10px;background-position:0 0}
div.pop_wrap .pop_content .drawings .bx-controls-direction a.bx-next{right:10px;background-position:-35px 0}
div.pop_wrap .pop_content .drawings .bx-pager{position:absolute;bottom:-5px;width:100%;text-align:center}
div.pop_wrap .pop_content .drawings .bx-pager .bx-pager-item{display:inline-block}
div.pop_wrap .pop_content .drawings .bx-pager .bx-pager-item a{display:inline-block;width:50px;height:5px;margin:0 2px;background-color:#ddd;text-indent:-9999px}
div.pop_wrap .pop_content .drawings .bx-pager .bx-pager-item a.active{background-color:#9c806b}
div.pop_wrap .pop_content .terms_sroller{height:450px;overflow-x:hidden;overflow-y:auto}
div.pop_wrap .pop_content .email{padding:5px; font-size:15px;}
div.pop_wrap .pop_content .email p.email{line-height:20px}
div.pop_wrap .pop_content .price_detail .item{margin-top:15px}
div.pop_wrap .pop_content .price_detail .item.first{margin:0}
div.pop_wrap .pop_content .price_detail .item h4{font-size:15px;color:#a08048}
div.pop_wrap .pop_content .price_detail .item .list_table table thead th{padding:6px 0 8px}
div.pop_wrap .pop_content .price_detail .item .list_table table tbody td{padding:6px 0 8px}
div.pop_wrap .pop_content .alert{padding:15px;letter-spacing:-0.5px}
div.pop_wrap .pop_content .alert p.txt{text-align:center}
div.pop_wrap .pop_content .alert p.txt1{line-height:28px;padding:20px 0;font-size:24px;font-weight:bold;color:#594b41;text-align:center}
div.pop_wrap .pop_content .alert p.txt2{line-height:22px;margin-top:20px;padding-top:20px;border-top:1px dotted #c7c7c7;font-size:16px;font-weight:bold;color:#474747}
div.pop_wrap .pop_content .alert p.txt3{line-height:18px;margin-top:5px;font-size:12px;color:#474747}
div.pop_wrap .pop_content .search{padding:30px 0;text-align:center}
div.pop_wrap .pop_content .search label{display:inline-block;padding-right:8px;font-weight:bold;vertical-align:middle}
div.pop_wrap .pop_content .search input{width:160px}
div.pop_wrap .pop_content p.search_result{margin-top:20px;padding:20px 0;border-top:1px dotted #c7c7c7;text-align:center}
div.pop_wrap .pop_content p.search_result strong{color:#ae5757}
div.pop_wrap .pop_content .findIDPW{padding:15px;letter-spacing:-0.5px}
div.pop_wrap .pop_content .findIDPW p.txt1{line-height:22px;font-weight:bold;font-size:14px;color:#525252;text-align:center}
div.pop_wrap .pop_content .findIDPW p.txt2{line-height:18px;font-weight:bold;text-align:center}
div.pop_wrap .pop_content .joinComplete{padding:15px;letter-spacing:-0.5px}
div.pop_wrap .pop_content .joinComplete p.txt1{line-height:30px;padding:20px 0;font-weight:bold;font-size:22px;color:#ae5757;text-align:center}
div.pop_wrap .pop_content .joinComplete p.txt2{line-height:22px;font-weight:bold;font-size:14px;color:#525252;text-align:center}
div.pop_wrap .pop_content .joinComplete p.txt3{line-height:18px;margin-top:10px;font-weight:bold;text-align:center}
div.pop_wrap .pop_content .joinComplete ul.guide{margin-top:30px;padding-top:20px;border-top:1px dotted #c7c7c7}
div.pop_wrap .pop_content .joinComplete ul.guide li{line-height:18px;padding:4px 0 4px 10px; background:url(/WesternLifeHotel_common/images/homepage/common/bullet1.png) 0 13px no-repeat;color:#666}
div.pop_wrap .pop_content .information{padding-bottom:20px}
div.pop_wrap .pop_content .information .btn_set{display:none}
div.pop_wrap .pop_footer{position:relative;margin:0 15px;padding:30px 0 25px}
div.pop_wrap .pop_footer p.guide{margin:-30px 0 20px;font-size:13px;color:#777;text-align:center}
div.pop_wrap .pop_footer .btn_set{margin-top:0;text-align:center}
div.pop_wrap .pop_footer .btn_set a.btn{width:auto;height:30px;line-height:28px;padding:0 20px;font-size:13px}



/* --------------------------------------------
 * Popup
/* ------------------------------------------ */
.pop_notice_set{position:absolute;top:160px;right:0;z-index:5000;cursor: pointer;}
.pop_notice_set .pop_notice{float:left;margin:10px 0 0 10px;background: #fff;position: relative;}
.pop_notice_set .pop_notice .pop_notice_content{width: auto;min-height:200px;border:1px solid #3d3d3d;background:#fff;text-align:left;padding: 5px 5px 30px 5px;}
.pop_notice_set .pop_notice .pop_notice_content p {margin: 10px;line-height: 1.4}
.pop_notice_set .pop_notice .pop_notice_content img {width: 100%; min-width:200px;}
.pop_notice_set .pop_notice .pop_notice_footer{position: absolute;left: 0;bottom: 0;right: 0;border-width:0 1px 1px 1px;border-style:solid;border-color:#3d3d3d;background:#ededed;height: 30px;line-height: 22px;padding:5px 10px 0;text-align: left;}
.pop_notice_set .pop_notice .pop_notice_footer input{vertical-align: middle;}
.pop_notice_set .pop_notice .pop_notice_footer label{color:#ADACAC;vertical-align: middle;display: inline-block;}
.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display:inline-block;padding:0 15px 0 14px;background:url(../../images/homepage/common/ico_close.gif) 0 50% no-repeat;font-family:'dotum';font-size:11px}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close{display:inline-block;position:absolute;top:5px;right:0;padding:0 15px 0 14px;background:url(../../images/common/ico_close.gif) 0 50% no-repeat;font-family:'dotum';font-size:11px}

.pop_notice_set .pop_notice .pop_notice_content.bg01 {width: 383px;height: 319px;background:url(../../images/homepage/common/bg_ind_pop.jpg) no-repeat 0 0 !important}
.pop_notice_set .pop_notice .pop_notice_content.bg02 {width: 383px;height: 319px;background:url(../../images/homepage/common/bg_ind_pop02.jpg) no-repeat 0 0 !important}
.pop_notice_set .pop_notice .pop_notice_content.bg03 {width: 383px;height: 319px;background:url(../../images/homepage/common/bg_ind_pop03.jpg) no-repeat 0 0 !important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p, .pop_notice_set .pop_notice .pop_notice_content.bg02 p, .pop_notice_set .pop_notice .pop_notice_content.bg03 p {margin: 13px 16px;}



/* --------------------------------------------
 * Privacy
/* ------------------------------------------ */
div.privacy{padding:10px 10px 50px}
div.privacy *{padding:0;margin:0;font-size:15px;color:#666;text-align:left}
div.privacy ol li{list-style:none}
div.privacy .privacy_header h2{padding:0;font-size:17px;color:#333}
div.privacy .privacy_header p{margin-top:15px;line-height:24px}
div.privacy .privacy_header ol{margin-top:15px;*zoom:1}
div.privacy .privacy_header ol:after{content:'';display:block;clear:both}
div.privacy .privacy_header ol li{float:left;width:50%}
div.privacy .privacy_header ol li a{display:block;padding:3px 0;font-weight:bold;color:#000;text-decoration:none}
div.privacy .privacy_content{margin-top:25px;border-top:1px dotted #ddd}
div.privacy .privacy_content .item{margin-top:25px}
div.privacy .privacy_content .item h3{font-size:15px;font-weight:bold;color:#333}
div.privacy .privacy_content .item > p{margin:12px 0 0 20px; line-height: 24px;}
div.privacy .privacy_content.none .item > p{margin:12px 0 0 0; line-height: 24px;}
div.privacy .privacy_content .item ol li.bullet{position:relative;padding-left:10px;margin-top:10px; line-height: 24px;}
div.privacy .privacy_content .item ol li.bullet > span{display:block;position:absolute;top:7px;left:0;width:4px;height:1px;background-color:#999}
div.privacy .privacy_content .item > ol{margin-left:20px}
div.privacy .privacy_content .item > ol > li{margin-top:12px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > p{margin:12px 0 0 20px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > strong{font-size:15px;color:#333}
div.privacy .privacy_content .item > ol > li > ol{margin-left:23px}
div.privacy .privacy_content .item > ol > li > ol > li{margin-top:10px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item table{width:100%;margin-top:15px;border-spacing:0;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc}
div.privacy .privacy_content .item table caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
div.privacy .privacy_content .item table thead th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#f7f7f7;text-align:center;color:#333}
div.privacy .privacy_content .item table tbody th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}
div.privacy .privacy_content .item table tbody td{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}

div.popup_rsvn {display:none;position:absolute;width:960px;height:700px;border:8px solid #fff;background:#fff url(/Sunmmithotel_common/images/homepage/common/loading.gif) 50% 50% no-repeat;z-index:99999;}
div.popup_rsvn a.btn_pop_close {position:absolute;top:5px;right:-52px;display:block;width:30px;height:30px;background:url(/rsvnPopup_common/images/homepage/KOR/common/ico_rsvn_pop_close.png) 0 0 no-repeat;text-indent:-9999px}
div.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#000;opacity:0.5;filter:alpha(opacity=50)}

@media screen and (max-width:640px){
	div.privacy *,div.pop_wrap .pop_content .email {font-size: 14px;}
	div.privacy .privacy_header h2 {font-size: 15px;}	
	div.privacy .privacy_header ol li {float: none; width: 100%;}
	div.privacy .privacy_content .item > ol > li {line-height: 21px; margin-top: 5px;}
	div.privacy .privacy_content .item > p {margin: 8px 0 0 18px; line-height: 21px;}
}

/*********************************************
* loading Box
*********************************************/
.loadingWrap { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; display:none; }
.loadingBg {background: none repeat scroll 0 0 #fff; height: 100%; left: 0; filter:alpha(opacity=50,FinishOpacity=0,Style=0);-moz-opacity:0.50; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.loading {border: 1px solid #BBA07C;margin-left: -500px;
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
position:fixed;top:-1px;left:50%;width:1000px;height:51px;line-height:50px;z-index:9999;text-align:center;}
.loading p {color:#525252;font-weight:bold;letter-spacing:-0.03em;} 

/***************
Booking Button
***************/
.bookingButton {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 9999;
  box-shadow: 4px 4px 18px rgba(0,0,0,0.17);  
}

.bookingButton .booking-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 1;
    background: url(/WesternLifeHotel_common/images/homepage/common/booking-img.png) center 23px no-repeat;
    -webkit-animation: booking-img 5s infinite alternate;
    -moz-animation:    booking-img 5s infinite alternate;
    -o-animation:      booking-img 5s infinite alternate;
    animation:         booking-img 5s infinite alternate;
}

.bookingButton .booking-img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    background: url(/WesternLifeHotel_common/images/homepage/common/booking-img2.png) center 23px no-repeat;
    -webkit-animation: booking-img2 5s infinite alternate;
    -moz-animation:    booking-img2 5s infinite alternate;
    -o-animation:      booking-img2 5s infinite alternate;
    animation:         booking-img2 5s infinite alternate;
}

@-webkit-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-moz-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-o-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}

@-webkit-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-moz-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-o-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
    
.bookingButton .booking-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    z-index: 2;
    background: #c9982e;
    -webkit-animation: booking-bg 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg 5s ease-in-out infinite alternate;
    animation:         booking-bg 5s ease-in-out infinite alternate;
}

.bookingButton .booking-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
    -webkit-animation: booking-bg2 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg2 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg2 5s ease-in-out infinite alternate;
    animation:         booking-bg2 5s ease-in-out infinite alternate;
}

@-webkit-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-moz-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-o-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}


@-webkit-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-moz-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-o-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}

@media screen and (max-width: 970px){
	.bookingButton {width: 70px; height: 70px; right: 20px; bottom: 20px;}
	.bookingButton .booking-img,.bookingButton .booking-img2 {background-size: 48px 33px; background-position: center 16px;}
}