@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Open+Sans:300,400,600,700,800|Raleway:300,400,500,600,700,800,900');
@font-face{font-family:'FontAwesome';src:url(fonts/FontAwesome.html);}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:14px;line-height:17px;margin:0;padding:0 4px 5px;color:#a6a6a6;font-family:'Lato', sans-serif;font-style:italic;}
p.wp-caption-text{color:#a6a6a6;text-align:center;font-size:14px;font-style:italic;font-family:'Lato', sans-serif;margin-bottom:15px;margin-top:10px;}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
body{color:#000000; font-family: 'Raleway', sans-serif;font-size:14px;line-height:1.625;font-weight:400; -webkit-font-smoothing: antialiased;}
blockquote{background:#f9f9f9;color:#222222;overflow:hidden;border-left:4px solid #01c6d9;position:relative;font-size:21px;font-style:italic;padding:18px;font-family:'Lato', sans-serif; margin-bottom:30px;}
a,button,input:focus,textarea:focus,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
::-moz-selection{background:#d5402b;color:#fff}
::selection{background:#d5402b;color:#fff}
a{color:#01c6d9;}
a:hover, a:focus{text-decoration:none;color:#01c6d9;outline:0;}
ul li{font-family:'Lato', sans-serif;font-weight:400;font-size:15px;}
ul li a:hover{color:#01c6d9;}
address{color:#464646;line-height:26px;font-size:13px;margin-bottom:15px;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
big{font-size:125%}
pre{background-color:#fff;border:#eaeaea solid 1px;color:#8a8a8a;font-size:13px;line-height:26px}
label{color:#858585;font-size:13px;font-weight:normal;display:block;margin-bottom:0;}
.form-control, #comment, label input{border:1px solid #cccccc;height:45px;box-sizing:border-box;border-radius:0px;box-shadow:none;font-size:13px;resize:none;background:#none;position:relative;width:100%;}
.form-control:focus,.search-form input[type="text"]:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus{border-color:#01c6d9;box-shadow:none;outline:0;}
input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:focus{box-shadow:none;outline:0;}
p{line-height:26px;margin-bottom:30px;font-size:14px;font-family: Georgia, 'Times New Roman', Times, serif;}
p:empty{display:none;}
.order-list{margin:0px;padding:0px;}
.order-list li{margin-left:20px;margin-bottom:5px;}
button{outline:none;cursor:pointer;font-size:13px;text-transform:uppercase;padding:10px 25px;border:1px solid #fff;border-radius:0px;}
button:hover,.search-submit:hover{background-color:#01c6d9;}
.btn{font-size:12px;color:#fff;text-transform:uppercase;padding:10px 25px;background:#01c6d9;border-radius:0px;white-space:inherit;font-weight:700;display:inline-block;font-family:'Lato', sans-serif;letter-spacing:1px; position:relative; line-height:17px;}
.btn:after{content: url(../images/shap2.png);  position: absolute;  right: 1px;  bottom: -4px;}
.btn:hover,.btn:focus,.btn:active:focus{background:#323232;color:#fff;outline:none;-webkit-transition-duration:0.4s;tansition-duration:0.4s;} 
.overlay-cover{background:rgba(213, 64, 43, 0.86);}
.footer-widget-title{color:#cbc9c9;font-size:18px;font-weight:700;margin-top:0px;padding-bottom:12px;position:relative;text-transform:uppercase;font-family:'Raleway', sans-serif;font-weight:700;}
.footer-widget-title:before{content:".";width:50px;position:absolute;left:0px;bottom:0px;height:2px;background:#01c6d9;font-size:0;}
input[type="text"], input[type="email"], textarea{border:1px solid #dedddd;height:45px;box-sizing:border-box;border-radius:0px;box-shadow:none;font-size:13px;resize:none;position:relative;width:100%;padding-left:14px;}
textarea{height:auto; padding: 10px 12px;}
button, input[type="submit"]{background:#01c6d9;padding:13px 30px;color:#fff;border:none;outline:none;font-size:13px;font-weight:700;text-transform:uppercase;font-family:'Lato', sans-serif;-webkit-appearance:default-button;}
button, input[type="submit"]:hover{background:#2c2c2c;}
h1,h2,h3,h4,h5,h6{color:#000;line-height:1;margin-bottom:20px;padding:0;font-family:'Lato', sans-serif;font-weight:400;}
h1{font-size:31px}
h2{font-size:28px}
h3{font-size:25px;margin-bottom:20px;}
h4{font-size:20px}
h5{font-size:15px}
h6{font-size:15px}
.post-title {font-size: 31px; font-weight: 700; margin-top: 0px;}



/*Menu*/
.navbar{float: left; width:100%;background:#021117;border-radius:0px;border:0px;border-bottom:4px solid #1b3781;margin-bottom:0px;padding-bottom:0px;min-height:56px;}
.nav{height:auto;}
.nav ul{list-style:none;display:block;}
.nav ul li{display:inline-block;font-weight:600;font-family:'Open Sans', sans-serif;text-transform:uppercase;float:left;list-style:none;}
.nav ul li a{color:#ffffff;font-size:14px;padding:15px 21px; text-shadow:1px 1px 0px #222222;display:block;}
.nav ul li:last-child a{border:none;}
{background:#01c6d9;color:#fff;}
.nav ul li a:hover,.nav ul li a.active,.nav ul li.current-menu-item a{background:#1b3781; color:#fff;}
.nav ul li.dropdown>a:after{content:"\f0d7";font-family:'FontAwesome';font-style:normal;font-weight:normal;speak:none;-webkit-font-smoothing:antialiased;text-transform:none;font-size:12px;margin-left:5px;}
.nav ul ul{position:absolute;z-index:999;top:auto;left:auto;width:212px;background-color:#021117;visibility:hidden;margin-top:0px;padding-top:0px; padding-bottom:0px; -webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.nav ul ul li{line-height:22px;float:none;position:relative;font-size:13px;font-weight:normal;text-align:left;text-transform:capitalize;padding:0px 0px;display:block;}
.nav ul ul li.dropdown>a:after{content:"\f0da";font-family:'FontAwesome';font-style:normal;font-weight:normal;speak:none;-webkit-font-smoothing:antialiased;text-transform:none;font-size:13px;margin-right:5px;float:right;}
.nav ul ul>li:last-child>a{border-bottom:none;border-left:2px solid #2c2c2c;}
.nav ul ul li a{display:block;padding:1rem;margin:0px;color:#fff;border-bottom:1px solid #3d3d3d;border-right:none;border-left:2px solid #2c2c2c;padding:10px 10px;}
.nav ul ul li a.active{color:#fff;border-left:2px solid #01c6d9;background:#262626;}
.nav ul ul li a:hover{background:#1b3781;color:#fff;border-left:2px solid #01c6d9;}
.nav li:hover > ul{visibility:visible;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);padding-left: 0px;}
.nav ul ul ul{position:absolute;top:0px;left:234px;top:-10px;}
.nav ul ul ul li a.active{color:#fff;border-left:2px solid #01c6d9;background:#262626;}
.nav ul ul ul ul li a{border-bottom:1px solid #3d3d3d;}
.navbar .container{position:relative;}
.navbar .search{float:right;position:absolute;width:0%;top:0; height:55px;right:15px;  -webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.navbar .search.select-input{width:1140px;}
.navbar .search i.fa{font-size:15px;color:#d8d8d8;}
.navbar .search .search-input{border:none;height:52px;padding:5px 40px 5px 10px;outline:none;width:100%;color: #a5a5a5;font-size:16px;float:right;background: #343434;}
.navbar .search.select-input .search-btn{background: #343434;}
.navbar .search .search-btn{border:none;outline:none;cursor:pointer;background:#2c2c2c;position:absolute;top:0px;right:0; padding: 0 18px; text-align: center; line-height:52px;}
.call-no{color:#fff;}
.header{ width:100%; position:absolute; top:0px; right:0px; padding:0px 0px 15px; z-index:10;}
.login_menu{margin-top:-30px;}
.logo{float:left; display:inline-block;}
.banner{float:left; width:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:100% 0px !important;}
.banner h1{font-family:'Open Sans', sans-serif !important;}
.top_nav{ text-align:left; padding: 10px 0px;  border-bottom: 1px solid rgba(255,255,255,0.2); background: rgba(0, 0, 0, 0.28);}
.top_nav ul li{float:left; display:inline-block; font-size:14px; font-weight:700px; margin-left:20px;}
.top_nav ul li a{text-decoration:none; color:#fff;}
.top_nav ul li a:hover{color:#01c6d9;}
.login_menu{float:right;    margin-top:0px;}
.login_menu span{color:#fff; font-size:20px; font-weight:600; margin-bottom:10px;}
.content{float:left; width:100%; padding:0px; 
	}
.post .row{margin-bottom:20px;}
.post .row:nth-child(2n+2) .entry_img{float:right;}
.entry_img img{width:100%; height:auto;}
.logo_main{padding:30px 0px;}
.logo img{width:300px; margin-top:0px;}
.main_title {text-align: center;}
.main_title h2 b{color:#01c6d9;}
span.call-no i {vertical-align: middle;  margin-right: 5px;}
.entry_img img{width:100%; height:auto;}
.post { padding: 50px 0px;}
.room {    background: rgba(167, 155, 155, 0.03);  padding: 30px 0px;}
.menu.sticky{top: 0px;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    position: fixed;
    z-index: 999999;
    width: 100%;
    }


/* Tours boxes*/
.tour_container{background-color:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);  margin:0;  margin-bottom:0px;}
.img_container{  position:relative;  overflow: hidden; border:1px solid #fff;}
.tour_container .tour_title{  padding:0px;  position:relative;}
.tour_container .tour_title .rating{ font-size:14px; margin-left:-3px;}
.tour_container .tour_title h3{ margin:0;  font-size:16px;  text-transform:uppercase;  padding-right: 40px;}
.wishlist{ position:absolute;  top:10px;  right:10px;  width:40px;  height:40px;  z-index:2;  font-size:20px;
  line-height:40px;  text-align:center;  cursor:pointer;}
.wishlist a{color: #e04f67; cursor: pointer; display: block;  margin-top: -13px;   margin-left: 35px;    font-weight: 700;}
.strip_all_tour_list .wishlist a{color:#fff;}
.wishlist:before{font-style: normal; font-weight: normal;  font-family: "icon_set_1"; font-size:40px !important;
   content: "\f184";  color:#01c6d9;  position:absolute;  left:0;  top:4px;      font: normal normal normal 14px/1 FontAwesome;}
.strip_all_tour_list .wishlist{ position:absolute;  top:10px;  right:25px;  width:30px;
  height:30px;  z-index:2;  font-size:20px;  line-height:30px;  font-size:14px;
  text-align:center;  cursor:pointer;  color:#fff !important;}
.strip_all_tour_list .wishlist:before{ font-style: normal;  font-weight: normal;  font-family: "icon_set_1";
  font-size:30px;  content: "\72";  color:#fff;  position:absolute;  left:0;  top:3px;}
.img_container a {display: block;  text-align: center;}
.img_container a:hover img { -webkit-transform:scale(1);  transform:scale(1);}
.img_container img {  -webkit-transform:scale(1.2);  transform:scale(1.2);  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;  max-width: 100%;}
.short_info { position:absolute;  text-align: left;  left:0;  bottom:0;  background: url(images/shadow_tour.html) repeat-x left bottom;
  width:100%;  padding:10px 10px 8px 5px; color:#fff;}
.short_info i{ font-size:25px; display: inline-block;  vertical-align: middle; font-weight: normal;
  font-style: normal;  padding:0;  margin:0;}
.short_info .price{  float:right;  font-size:28px;  font-weight:bold;  display:inline-block;}
.short_info .price sup{  font-size:18px;  position:relative;  top:-5px;}

/* Ribbons */
.ribbon{position: absolute;top: 0;  left: -1px;width: 78px;  height: 78px; z-index: 1;}
.ribbon.popular{ background:url(../img/ribbon_popular.html) no-repeat 0 0;}
.ribbon.top_rated{  background:url(../img/ribbon_top_rated.html) no-repeat 0 0;}

/* Tooltips */
.tooltip_styled {display: inline;position: relative;z-index: 999;}
.tooltip-item {cursor: pointer;  display: inline-block;}
.tooltip-item::after {content: '';  position: absolute;  width: 300px;  height: 20px;  bottom: 100%;  left: 50%;  pointer-events: none;
  -webkit-transform: translateX(-50%);  transform: translateX(-50%);}
.tooltip_styled:hover .tooltip-item::after { pointer-events: auto;}
.tooltip-content {position: absolute;  z-index: 9999;  width: 300px;  left: 50%;  margin: 0 0 20px -150px;
  bottom: 100%;  text-align: left; line-height: 20px;  display: block;  padding: 15px;  font-size:12px;  color: #fff; box-shadow: -5px -5px 15px rgba(48,54,61,0.2);  background: #333;  opacity: 0;  cursor: default;  pointer-events: none;}
.tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;  transition: opacity 0.3s, transform 0.3s;}
.tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(100% + 10px);
  transform-origin: 50% calc(100% + 10px);  -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
  transform: perspective(1000px) rotate3d(1,0,0,45deg);  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;}
.tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);  transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;  transition: opacity 0.3s, transform 0.3s;}
.tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%;  transform-origin: 50% 100%;  -webkit-transform: scale3d(0.7,0.3,1);
  transform: scale3d(0.7,0.3,1);  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;  transition: opacity 0.2s, transform 0.2s;}
.tooltip_styled:hover .tooltip-content { pointer-events: auto;  opacity: 1;  -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
  transform: translate3d(0,0,0) rotate3d(0,0,0,0);}
tooltip_styled.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);  transform: perspective(1000px) rotate3d(1,0,0,0deg);}
.tooltip-content::after { content: '';  top: 100%;  left: 50%;  border: solid transparent;  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-color: transparent;  border-top-color: #333;  border-width: 10px;  margin-left: -10px;}
.tooltip-content .label { margin-left:10px;}
.tooltip-content i{ font-size:20px !important; top:3px !important;  left:-3px !important;  position:relative;}
.tooltip-content h4 {display:block; margin: 0 0 10px 0;  line-height:14px; font-size:14px; color:#fff; text-transform:uppercase;}
.tooltip-content a {font-weight: bold;}
/* Tooltip flip */
.tooltip_flip {  position: relative;}
.tooltip_flip::after { content: '';  position: absolute; width: 100%;  height: 20px; bottom: 100%;  pointer-events: none; left: 50%;
  -webkit-transform: translateX(-50%);  transform: translateX(-50%);}
.tooltip_flip:hover::after { pointer-events: auto;}
.tooltip-content-flip {position: absolute;  z-index: 9999; width: 80px;  height: 80px;  left:-51px;  bottom: 100%;
  text-align: center;  color: #fff;  opacity: 0;  margin-bottom: 7px;  cursor: default;  pointer-events: none;  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;  transition: opacity 0.3s, transform 0.3s;}
.strip_all_tour_list .tooltip-content-flip {left:-65%;}
.tooltip-effect-1 .tooltip-content-flip {  -webkit-transform: translate3d(0,10px,0);  transform: translate3d(0,10px,0);}
.tooltip_flip:hover .tooltip-content-flip { opacity: 1;  pointer-events: auto;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
.tooltip-content-flip > span {  float: left;  width: 100%;  padding-left:5px;  padding-right:5px;  height: 100%;  position: relative;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: -webkit-transform 0.3s;  transition: transform 0.3s;}
.tooltip-back {background: #e04f67;  font-size: 12px;  line-height:14px;  padding-top:25px;  -webkit-transform-origin: 0% 50%;  transform-origin: 0% 50%;  -webkit-transform: perspective(1000px) rotate3d(0,1,0,90deg);  transform: perspective(1000px) rotate3d(0,1,0,90deg);}
.tooltip_flip:hover .tooltip-content-flip > span {-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);  transform: perspective(1000px) rotate3d(0,1,0,0deg);}
.tooltip-content-flip .tooltip-front::after,
.tooltip-content-flip .tooltip-back::after {content: '';  position: absolute;  top: 100%; width: 0;  height: 0;}
.tooltip-content-flip .tooltip-front::after {  right: 0; border-top: 10px solid #e64b50;border-left: 10px solid transparent;}
.tooltip-content-flip .tooltip-back::after {  left: 45%; border-top: 10px solid #e64b50; border-right: 10px solid transparent;}
h1.cap-txt { color: #fff;}
.tour_container .tour_title .rating i {color: rgba(178, 156, 12, 0.69);}
.home_img .img_box{width:50%; display:inline-block; float:left;}
.home_img .img_box img{max-width:100%;}
.home_img .img_box img{position: relative;  display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.newslatter{    padding:115px 0px 70px; background: #ff5722 url(images/subscribe-image.html) no-repeat; background-position: 104% 100%; float: left;   width: 100%;}
.new_aciton { width: 560px;  margin-left: 100px; color:#fff;}
.ct-divider--doubleBorder {border-top: 1px solid #01b2c4;  border-bottom: 1px solid #38d8e6;}
.news_title{color:#fff;}
.new_aciton p{margin-bottom:15px;}
.input-group{margin-bottom: 15px;  padding: 15px;  background: rgba(255, 255, 255, 0.59); border-radius: 5px; width:100%;}
.new_aciton ul{list-style-position:outside;}
.new_aciton ul li{position: relative;  line-height: 30px;  padding-left: 19px;    margin-bottom: 0px;}
.new_aciton ul li:after{content: "\f06b"; position:absolute; font: normal normal normal 14px/1 FontAwesome; left:0px; top:8px;}
span.input-icon {position: absolute; left: 31px;  top: 25px; color:#01c6d9 ; z-index:10;}
.new_aciton .btn{padding: 13px 25px; border:none; outline:none;position: absolute;    right: 15px;    margin-top: 1px; z-index:10;cursor:pointer;}
.new_aciton input[type="email"]{border-color:#01c6d9 ;    border-color: #01c6d9; padding-left: 35px;  color: #01c6d9 ; font-size: 16px; font-weight: 400;   padding-right: 164px;}
.function {padding: 280px 0px; background: rgba(234, 234, 234, 0.09); float: left;  width: 100%; background-image:url(../images/function.jpg); background-size:cover; width:100%; background-attachment:fixed;}
.function .main_title{text-align: left;   border-bottom: 2px solid #01c6d9;    padding-bottom: 15px; color: #fff;}
.event_main{padding-right:0px;}
.event_gallery {height: 342px;  overflow: hidden; width: 100%; margin-bottom: 20px;}
.event_gallery img {max-width:100%; min-height:100%;}
.related_event{height: 158px;  margin-bottom: 0px;  float: left;  width: 47.39999%; margin-left: 15px; background-size: cover !important;  background-position: 50% 50% !important;}
.related_event:last-child{padding-right:0px;}
.related_event img{height:100%; width:100%;}
.related_event:hover .event_text{opacity:1;}
.event_text {float: left;    width: 100%;    background-color: rgba(0,0,0,0.7);    text-align: center;    height: 160px;    color: #fff; padding:25px; transition:all .5s; opacity:0; 
cursor:pointer;}
.event_text h5{color:#fff; font-weight:600;     margin-bottom: 0px;}
.event_text p{color:#fff; font-size:13px; font-weight:400;}
.news_main {margin-bottom: 15px; display: inline-block;}
.news_img{float:left; max-width:49%}
.news_img img{max-width:100%;}
.news_text {float: left; width: 51%; background: #f3f3f3; padding: 15px 20px 20px 20px;    min-height: 159px;}
.news_text .post-title{font-size: 18px; margin-top: 5px;  margin-bottom: 13px; font-weight: 500; line-height:normal; text-transform:capitalize;}
.news_text .post-title a{color:#e1bd85;}
.news_text .btn {font-size: 11px;  padding: 9px 6px;  font-weight: 500; letter-spacing: 0px;    line-height: 10px;    border-radius: 3px;}
.news_text .btn:after{display:none;}
.new_aciton ul{list-style:none; padding-left: 16px;}



/* inner page */
.inner-header.sticky{top: 0px;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    position: fixed !important;
    z-index: 999999;
    width: 100%;
	background: #fff !important;
    margin-top: -59px;
	}

.inner-header.sticky .logo_main{padding-bottom:0px;}
.inner-header.sticky .inner-nav {margin-top: 12px;}
.header.inner-header {position: relative; padding-bottom: 0px;    border-bottom: 1px solid #ccc;        }
.inner-header .top_nav{background:#3f454f;}
.inner-header .top_nav ul li a:hover{color:#ec2415;}
.inner-header .logo img {width: 207px;}
.inner-header .logo_main{padding:20px 0px;}
.inner-nav{margin-top: 27px;float:right;}
.inner-nav ul li a:hover, .inner-nav ul li a.active, .inner-nav ul li.current-menu-item a{background:#01c6d9;color: #fff;}
.inner-nav ul li a{border:none;color: #fff;font-size: 14px; padding: 15px 15px;text-shadow:none;position: relative; text-transform: uppercase;
font-family: "Quattrocento",serif;
font-weight: 400;}
.inner-nav ul li a:before,.inner-nav ul li a:after{content:'';position: absolute;top: 0px;right: 0px;background: #b99f9f;width: 1px;height: 52px; }
.inner-nav ul li a:after{background: #ecdada;right: 1px;}
.inner-nav ul li:last-child a{padding-right:13px;}
.inner-nav ul li:last-child a:before,.inner-nav ul li:last-child a:after{ display:none; }
.inner_banner{background:url(../images/aboutus-1.jpg) no-repeat;   background-size:cover !important;   position:relative;padding:230px 0px;background-position: 100% 97% !important;}
.parallx{background-attachment:fixed; background-position:50% 50%; background-size:cover;}
.inner_banner img{height:350px; width:100%;}
.banner.inner_banner h4 { position: absolute;    right: 8%;    top: 50%;  color: #fff;  font-size: 40px;}


.properties{padding:115px 0px;}
.properties .main_title{text-align:left;  display:inline-block;     margin-top: 5px; font-size:20px; font-weight:700;}
.product_img {background: #fff; padding: 10px; margin-bottom: 20px; position:relative;     min-height: 100%;  max-width: 100%;     border: 1px solid #e7e7e7;}
.product_img img{min-width:100%; max-width:100%; height:auto;}
.product_name {font-family:'Open Sans', sans-serif; font-size:18px; margin-top:0px;}
.product_name a{color:#fff;}
.product_name a:hover{color:#01c6d9; }
.search-dest{float:left; width:100%; margin-bottom:10px; padding-left:15px; padding-right:15px;}
.search-dest form {display:inline-block;}
.search-dest select{display:inline-block; height:35px; border:1px solid #ccc; outline:none; margin-left:20px; width:300px; padding-left:10px;}
.search-dest .btn {float:right;}
.single_product{padding:60px 0px; background: #f8f8f8;}
.single-img img{max-width:100%; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; }
.product_name{cursor:pointer;}
.single-img { overflow: hidden;}
.single-img:hover img { -moz-transform: scale(1.2);    -webkit-transform: scale(1.2);    -o-transform: scale(1.2);    -ms-transform: scale(1.2);
    transform: scale(1.2); }
.about{padding:60px 0px;}
.page-title{font-size:30px; font-weight:700; color:#242424; margin-top:0px;}
.about .page_content img{float:right; width:350px; height:auto; padding-left:20px; padding-bottom:20px;}
.about .page_content ul{list-style-position: inside;}
.about .page_content ul li{line-height: 27px; color: #726060;font-family: Georgia, 'Times New Roman', Times, serif;}
.contact-page .page-title{padding-left:0px;}
.contact { padding: 10px 10px;
    border-radius: 20px;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;}
.contact-detail h4 {line-height:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.contact_form_main h4 {font-weight: 700; line-height:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.contact-detail strong{color:#0b0909;}
.contact-detail p{margin-bottom:15px;    font-family: initial; color:#000; font-size:18px;}
.contact_form_main{padding:15px;  display:inline-block;} 
.field{float:left; width:100%; margin-bottom:15px;}
.field .filed-group{float:left; width:50%; padding-right:7.5px;}
.field .filed-group + .filed-group{float:left; width:50%; padding-right:0px; padding-left:7.5px;}
.field textarea{height:240px;}
.nav-pills>li {background: #f5f4f4;  margin-right: 10px;}
.nav-pills>li a{padding: 10px 32px; border-radius:0px;}










  /* jssor slider loading skin double-tail-spin css */
.jssorl-004-double-tail-spin img {
  animation-name: jssorl-004-double-tail-spin;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
from {
    transform: rotate(0deg);
    }
 to {
    transform: rotate(360deg);
      }
  }
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
a.fancybox {cursor: -webkit-zoom-in;}
		
		
/* hover*/
.product_img:hover  figcaption{opacity:1;}
.product h2 span {color: #01c6d9;}
.product_img figcaption { position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.product_img figcaption {padding: 2em;   color: #fff;    text-transform: uppercase;    font-size: 1.25em;    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;	    background: rgba(0, 0, 0, 0.69); opacity: 0; 
	-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.product:hover figcaption::before, .product:hover figcaption::after {opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.product figcaption::before {border-top: 1px solid #fff;   border-bottom: 1px solid #fff;    -webkit-transform: scale(0,1);    transform: scale(0,1);}
.product figcaption::before, .product figcaption::after {position: absolute;    top: 30px; right: 30px;  bottom: 30px;   left: 30px;    content: '';    opacity: 0;
    -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;    transition: opacity 0.45s, transform 0.45s;}
.product:hover h2, .product:hover p { opacity: 1;   -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}
.product h2 {padding-top:0px;    -webkit-transition: -webkit-transform 0.35s;    transition: transform 0.35s;    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);	color:#fff;	text-align:center;	    margin-bottom: 0px; font-size: 20px;}
.product:hover h2, .product:hover p { opacity: 1;    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}
.product_img p {padding: 20px 2.5em;    opacity: 0;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);    transform: translate3d(0,20px,0);	text-align:center; }
.product_img p {letter-spacing: 1px;    font-size: 68.5%;}
.product figcaption::after { border-right: 1px solid #fff;    border-left: 1px solid #fff;    -webkit-transform: scale(1,0);    transform: scale(1,0); }
.product figcaption::before, .product figcaption::after { position: absolute;    top: 30px;    right: 30px;    bottom: 30px;    left: 30px;
    content: '';    opacity: 0;    -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;    transition: opacity 0.45s, transform 0.45s; }
.flexslider .slides li {background-size:cover !important; background-position:50% 50% !important; height:550px;}
.slide-main{ width:100%; height:100%;   background: rgba(255, 255, 255, 0.47);}
.inner-slide { width: 100% !important; height: 100% !important;   overflow: hidden;  background-size: cover !important;  height: 550px !important;    background-position: 50% 50%; border-left:4px solid #fff; border-right:6px solid #fff; cursor: -webkit-zoom-in;}




















/*Footer*/
.footer{padding:60px 0px 0px;background:#021117; float:left; width:100%;}
.footer_logo{margin-bottom:23px;}
.footer_logo img { width: 200px;}
.footer p{color:#c2bebe;margin-bottom:0px;font-size:13px;font-family:'Lato', sans-serif;font-weight:400;}
.footer a{color:#c2bebe;}
.footer-post-title{font-size:13px;font-weight:700;font-family:'Lato', sans-serif;text-transform:uppercase;}
.footer-post-title a{color:#c2bebe;}
.footer ul{list-style:none;}
.footer ul li{padding-bottom:11px;margin-bottom:15px;}
.footer ul li:last-child{border-bottom:none;margin-bottom:0px;padding-bottom:0px;}
.widget_text input[type="email"]{background:#1d1d1d;border:none;outline:none;color:#c2bebe;margin:10px 0px;}
.widget_text::-webkit-input-placeholder{color:#6c6c6c;font-size:13px;font-family:'Lato', sans-serif;}
.footer address{font-size:12px;color:#bdbdbd;display:flex;margin-bottom:0px;line-height:21px;}
.footer address span{margin-right:12px;color:#cbc9c9;font-size:16px;}
.footer address span i.fa.fa-map-marker{font-size:22px;padding-top:5px;}
.copyright{background:#18354a;padding:20px 0px; border-top:solid 1px #999;color:#fff;font-size:13px;font-family:'Lato', sans-serif;font-weight:400;}
.copyright a{color:#fff;}
.footer .social{float:left;width:100%;text-align:center; margin-top: 20px;}
.footer .social ul{margin:0px;padding:0px;list-style:none;float:left;width:100%;column-count:auto;}
.footer .social ul li i{color:#fff;transition:all .5s;}
.footer .social ul li{display:inline-block;margin-bottom:10px;float:left;border-bottom:none;}
.footer .social ul li a{height:32px;width:32px;border-radius:50%;text-align:center;display:block;font-size:14px;margin:0 6px 0 0;line-height:31px;transition:all .5s;background:#1d1d1d;border:1px solid #1d1d1d;}
.footer .google:hover{background:#dd4b39;border:1px solid #dd4b39;color:#fff;}
.footer .facebook:hover{background:#3b5998;color:#fff;border:1px solid #3b5998;}
.footer .twitter:hover{background:#55acee;color:#fff;border:1px solid #55acee;}
.footer .instagram:hover{background:#125688;color:#fff;border:1px solid #125688;}
.footer .pinterest:hover{background:#cb2027;color:#fff;border:1px solid #cb2027;}
.footer .linkedin:hover{background:#007bb5;color:#fff;border:1px solid #007bb5;}
.footer .youtube:hover{background:#bb0000;color:#fff;border:1px solid #bb0000;}
.footer .skype:hover{background:#12A5F4;color:#fff;border:1px solid #12A5F4;}
.footer .rss:hover{background:#ff6600;color:#fff;border:1px solid #ff6600;}
.scrollup{width:34px;height:34px;position:fixed;right:20px;bottom:-34px;background-color:#333;opacity:0.5;text-align:center;cursor:pointer;z-index:100;border-top-left-radius:3px;border-top-right-radius:3px;}
.scrollup i{display:block;font-size:16px;line-height:34px;color:#fff;}
.scrollup:hover{opacity:1 !important;}

/* mobile menu*/
.mobile-menu .logo img {width: 100%;}
.mobile-menu .active{background:none;}
.mobile-menu .search_form{display:none;}
.mobile-menu .img-logo{margin:0;width:84%;padding-top:15px;}
.mobile-menu .img-logo img{padding-left:10px;}
.mobile-menu,.wrapper{transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-webkit-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;}
.menu-hide{display:none;}
.mobile-menu.show-menu{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
.mobile-menu{background:url(assets/images/mobile-bg.html) no-repeat; background-size:cover; background-position:50% 50%;
padding:38px 0px;position:fixed;height:100%;width:280px;z-index:9999;max-width:100%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(100%);transform:translateX(-100%);overflow:auto;top:0;box-shadow:4px 0px 8px 0 rgba(0, 0, 0, 0.2);}
.mobile-menu ul{margin:0px;padding:0px;margin-top:50px;width:100%;}
.mobile-menu ul ul{margin-top:0px;}
.mobile-menu ul li{list-style:none;font-size:16px;color:#FFF;position:relative;text-transform:uppercase;border-bottom:rgba(49, 49, 49, 0.16) solid 1px;padding:0px 10px;transition:all .4s;font-weight:700;}
.mobile-menu ul li:last-child{border:none;}
.mobile-menu ul li a{  padding: 10px 0px 10px 26px;    display: inline-block;  width: 89%;}
.mobile-menu ul li a:hover, .mobile-menu ul li.current-menu-item a{border-color:#ce0000;}
.mobile-menu ul ul{display:block;}
.mobile-menu ul ul li{font-size: 13px;   font-weight: 400;}
.mobile-menu ul li .dropdown .fa-angle-down, .mobile-menu ul li .dropdown.open .fa-angle-right{display:none;}
.mobile-menu ul li .dropdown.open .fa-angle-down{display:block;}
.mobile-menu ul li .dropdown .fa{position:absolute;top:1px;left:15px;font-size:20px;color:#fff;font-weight:bold;}
.mobile-menu ul ul li a .fa-angle-right{display:none;}
.mobile-menu ul ul li ul li{font-size:11px;}
.move-to-right{-webkit-transform:translateX(280px);-moz-transform:translateX(280px);-ms-transform:translateX(280px);-o-transform:translateX(280px);transform:translateX(280px);}
.cross{top:-0px !important;margin-right:12px !important;float:right !important; right:26px !important;}
.toggle-mobile, .cross{position:absolute;right:26px;top:-33px;width:28px;height:35px;display:block;overflow:hidden;cursor:pointer;float:right;color:#b4b4b4;z-index:10;text-align:left;margin-right:0px;display:none;}
.toggle-mobile span, .cross span{background:#000;height:2px;position:absolute;overflow:hidden;width:28px;}
.cross span.one{top:15px;transform:rotate(45deg);}
.cross span.two{bottom:17px;transform:rotate(-45deg);}
.toggle-mobile span.one{top:8px;}
.toggle-mobile span.two{top:16px;}
.toggle-mobile span.three{top:24px;}
.mobile-menu .logo{width:90%;float:none;margin:auto;}
.mobile-menu .logo{position:relative;top:-7px;width:92%;float:left;text-align:center;}
.menu-canvas-off{overflow-x:hidden;}


.menu-canvas .wrapper:after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:999;background:rgba(0, 0, 0, 0.4);}
.move-to-right{-webkit-transform:translateX(280px);-moz-transform:translateX(280px);-ms-transform:translateX(280px);-o-transform:translateX(280px);transform:translateX(280px);}
.mobile-menu.show-menu .cross{margin-right:-11px !important;float:right !important;top:10px !important;}
.toggle-mobile span{background:#fff;height:2px;position:absolute;overflow:hidden;width:25px;}
.toggle-mobile span.one{top:8px;}.toggle-mobile span.two{top:15px;}.toggle-mobile span.three{top:22px;}
.toggle-mobile span{background:#000;height:3px;position:absolute;overflow:hidden;width:25px;-moz-transition:all .4s cubic-bezier(.1,.7,.3,1);-webkit-transition:all .4s cubic-bezier(.1,.7,.3,1);-o-transition:all .4s cubic-bezier(.1,.7,.3,1);-ms-transition:all .4s cubic-bezier(.1,.7,.3,1);transition:all .4s cubic-bezier(.1,.7,.3,1);}
.toggle-mobile span.one{top:0px;}.toggle-mobile span.two{top:8px;}.toggle-mobile span.three{top:15px;}
.toggle-mobile.open span.one{transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);top:10px;}
.toggle-mobile.open span.three{transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);top:10px;}
.toggle-mobile.open span.two{display:none;}



/* The Close Button */
.close {color: #01c6d9;  float: right;  font-size: 28px;  font-weight: bold;    margin-top: -14px;}
.modal {position: fixed; top: 115px;}
.modal-title {text-transform: uppercase; font-weight:700;}
.modal-body{width:100%; text-align:center;padding: 20px; display: block;     overflow: hidden;}
.modal-body h1{color:#666666; position:relative;     font-weight: 500;}
.modal-body h1:after{background-color: #e1e1e1; width: 112px; display: block;text-align: center;height: 1px;    content: '';    margin: 20px auto;}
.modal-body h3{color: #666666;font-family: 'Lato';   margin-bottom: 30px; font-size:20px;}
.modal-body h3 a{color: #01c6d9;}
.fields:last-child h3 { margin-top: 25px;  margin-bottom: 0px;}
.modal-body .fields i{position: absolute;  z-index: 10;   line-height: 45px;   border-right: 1px solid #d5d5d5;   text-align: center;    width: 50px;
    color: #01c6d9;    font-size: 22px; left:0px;}
.modal-body .fields input, select{background: #fff;   border-radius: 3px;   padding-left: 10px;   height: 45px;   font-size: 16px;}
.modal-body .fields select{padding-left:15px; width:100%; border-color:#dedddd; color:#6c6c6c;}
#myModals2 .fields input{padding-left:15px;}
#myModal2 .fields input, select{padding-left:15px;}
#myModal2 .fields  select{padding-left:15px;}

.modal-body .fields button{    border: none;    font-size: 22px;  font-weight: 600;    background: #01c6d9;    outline: none;   color: #fff;   text-align: center;   padding: 13px;    text-align: center;    display: block;    width: 100%;    border-radius: 5px; transition:all .5s;
 -webkit-appearance: default-button;}
.modal-body .fields button i{position: inherit !important;  border: none !important;   color: #fff !important;   width: inherit !important;
    line-height: initial !important;    display: inline;}
.modal-body .fields button:hover{background:#2e2e2e; cursor:pointer; }	
.close:hover,
.close:focus { color: #000;   text-decoration: none;   cursor: pointer; background:none;}
.fields {float: left;   width: 100%; margin-bottom: 15px;   position: relative;}
.pay-left-bar {background: #242424;}
.pay-left-bar ul{list-style:none;}
.pay-left-bar ul li{position: relative; font-family: "Open Sans", sans-serif;
 font-weight: 700; font-size: 14px;color: #666; border-bottom: 1px solid #A1ADB9;} 
.pay-left-bar ul li a i {margin-right: 10px;}
.pay-left-bar ul li:first-child{ padding-top:0px;}
.pay-left-bar ul li:last-child{b;adding-bottom: 0px;}

.pay-left-bar ul li a{color:#fff;display: block;padding: 15px 20px 15px;}
.pay-left-bar ul li a:hover{background-color:#01c6d9;  color:#fff; }
.pay-left-bar ul li.active{background-color:#01c6d9;  color:#fff; }
.pay-left-bar ul li a:hover i.fa.fa-long-arrow-right { color:#fff; }
.pay-left-bar ul li a:hover i.fa.fa-check{color:#fff; border-color:#fff;  }
.pay-left-bar i.fa.fa-check:hover{ border: 2px solid #01c6d9; background:#01c6d9; color:#fff; transition:all 0.5s;} 
.pay-left-bar i.fa.fa-long-arrow-right {text-align: right;float: right;font-size: 24px;padding-top: 6px; color:#fff;}
.pay-left-bar i.fa.fa-long-arrow-right:hover{color: #fff;}
.pay-left-bar i:hover{}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;background-color: #01c6d9 !important; border-radius:0px !important;}
.details-section h3{ margin-top:0px;}
.pay-left-bar-videos {margin-top: 0;padding: 10px 20px 13px 20px;}
iframe.embed-responsive-item {border: none;width: 100%;}
.tab-content {margin-top: 30px;}
.map {margin-top: 0px;}
.contact_form {margin-top: 20px;}
.member-content h4 {line-height: normal; margin-top: 0px;}
/***************************/
.field select {width: 100%;}
.filed-group label {padding-bottom: 10px; font-size: 15px;}
.filed-group2 label { padding-bottom: 10px; font-size: 15px;}
.filed label {padding-bottom: 10px; font-size: 15px;}
.filed-group2{ width:33.33%; float:left;}
.filed-group2 input[type=radio] ,.filed-group input[type=radio]  {
    margin: 10px 9px 0 0px;}
.field select { width: 100%; border: 1px solid #dedddd; height: 45px;  box-sizing: border-box;  border-radius: 0px;  box-shadow: none;  font-size: 13px;  resize: none; position: relative;  width: 100%; padding-left: 14px;}
.field.feedback_field textarea {height: 140px;}
.filed-location {width: 32%;  float: left; margin-right: 15px;}
.filed-location:last-child{ margin-right:0px;}
.inner-nav ul li a:hover { background: #01c6d9;color: #fff;}
.inner-nav ul li:nth-child(2) a:hover{background:red;}
.inner-nav ul li:nth-child(3) a:hover{background:#D810BE;}
.inner-nav ul li:nth-child(4) a:hover{background:#D94143;}
.inner-nav ul li:nth-child(5) a:hover{background:#3FE516;}
.inner-nav ul li:nth-child(6) a:hover{background:#A50AC7;}
.inner-nav ul li:nth-child(7) a:hover{background:#1432E3;}
.testimonails{padding:60px 0px;     background: url(../images/testimonials.jpg); background-repeat:no-repeat; background-size:cover; width:100%;}
.testimonails .owl-theme .owl-nav{display:none;}
.client img{width: inherit !important;    display: initial !important;  margin-bottom: 20px;}
.our_client_main h3{margin-bottom:30px;}
.our_client_main p {padding: 0px 0px;     margin-bottom: 15px;}
.admin{font-weight:700; margin-bottom:20px; display:inline-block;}
.registor-form {
	padding: 30px; 
	background-color: rgba(200, 205, 211, 0.5);
    /*background: #fbfbfb;*/
    display: inline-block;
	position:absolute;
	top:185px;
	right:40px;
	width:400px;
}
.registor-form label{display:inline-block;}
.registor-form input[type="text"], input[type="email"], select, textarea{}
.desitination-tab ul{float:left; width:25%;}
.desitination-tab  #menu2 ul{float:left; width:50%;}
.desitination-page{background:url(images/destbg.html) no-repeat; background-size:cover; background-attachment:fixed;}
.row.bg-row { padding: 30px;  background: rgba(255, 255, 255, 0.78);}
div#home {list-style-position: inside;}
.desitination-tab .tab-content li { line-height: 30px;}
.desitination-tab .tab-content ul {color:#01c6d9 ;}
.desitination-tab .tab-content ul li {color:#242424 ;}
.desitination-tab .tab-content li {ine-height: 30px !important;}
.pay-left-bar ul {padding: 0px;}

.apartment h3{margin-bottom:10px; padding-left:15px;}
.apartment span{margin-bottom:15px; display:block; font-weight:600; font-size:16px; padding-left: 15px;}
.apartment_img {display: inline-block;  margin-right: 15px;}
.apartment_text{display:inline-block;float: left;    width: 78%;} 
.apartment_text h4{font-size:15px; font-weight:700; margin:0px 0px 10px;}
.apartment_main {margin-bottom: 20px;}
.desitination-tab ul li{font-family: 'Raleway', sans-serif;font-weight: 600; color: #242424;    font-size: 17px; }
.desitination-tab .nav>li>a:focus, .nav>li>a:hover{background:#01c6d9; color:#fff;}
.secton-part h3{margin-bottom:30px;}


.single-tab {padding-top: 60px;}
.single-tab .nav-pills>li a {background: #ccc;  color: #fff; }
.tab-content.single-pro-tab ul {padding-left: 0px; list-style-position: inside;}
.tab-content.single-pro-tab {float: left;  width: 664px; background: #fff; margin-top: 0px;  padding-top: 50px; padding: 30px 20px;}
.review-form { background: #fff; display: inline-block; width: 100%;}
.review-form  .fields{margin-bottom:20px;}
.review-form .filed-group {width: 50%; float: left; padding-right: 5px;}
.review-form  .fields .filed-group:last-child{padding-right:0px; padding-left:5px;}
.review-form .filed-group-small{padding-right:10px; width:25%; float:left;}
.review-form label{font-size:13px; font-weight:600; margin-bottom:10px;}
.review-form .filed-group-small select{width:100%;}
.review-form textarea{height:140px;}
.rating-review li span {display: block; font-size: 16px; color: #666;}
.rating-review li {display: inline-block; margin-right: 15px;}    
ul.rating-review {padding-left: 10px;  display: inline-block;}
a.write-review.btn {float:right;}
ul.rating-review li em {font-style: normal !important; font-weight: 600;}
.review-form {margin-top: 50px;}
.review-form h2 {margin-top: 0px; font-size: 20px;}
.filed-group-small label {color: #01c6d9;}
input[type="password"] {width: 100%;  outline: none;  border: 1px solid #dedddd; height: 45px;}
.recommed-nav {display: none;}
.modal-open .modal {padding: 0px !important;}
.wrapper {
    position: relative;
	
}
.bokss{
		text-align: center;
padding: 11px 2px 8px 0px;
background-color: #717570;
border-color: #8cadd0;
color: white;
font-family: Georgia, 'Times New Roman', Times, serif;
border-radius: 5px;
font-size: 15px;
margin-top: 30px;
margin-bottom: -78px;

		}
.bokss p{margin-bottom: 0px;}

.form-heading{
	}
.form-heading h2{
	font-size:30px;
	color:#fff !important;
	text-transform:uppercase !important;
	}	
.form-setion{
	}
	
.form-section input{
	margin:10px 0px;
	}
.form-section input[type="submit"]{
	margin:10px 0px;
	background-color:#0FF;
	margin:20px 220px;
	color:#000;
	font
	}










.topmain {
    color: #fff;
    padding-bottom: 10px;
}
.hs-title-size-2 {
    line-height: 1.3;
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: bolder;
}

.toptitle {
    color: #fff;
    font-size: 14px;
	margin-bottom:40px;
}





.member-banner{
	background-image:url(../images/propertiesss.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:367px 0px;
	}

.about-banner{
	background-image:url(../images/aboutus-1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:367px 0px;
	}
.properties-banner{
    background-image:url(../images/membership.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:331px 0px;
}
.feedback-banner{
    background-image:url(../images/feddback.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:421px 0px;
}  
.request-banner{
    background-image:url(../images/request.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:421px 0px;
} 

.refer-banner{
    background-image:url(../images/refer.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:421px 0px;
}  

.holidays-banner{
    background-image:url(../images/holidays.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:421px 0px;
}  

.seasons-banner{
    background-image:url(../images/seasons.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:421px 0px;
}
.pay-banner{
    background-image:url(../images/pay.html);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:421px 0px;
}  
 
   
.product-banner{
    background-image:url(../images/product-serviices.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:367px 0px;
}
.career-banner{
    background-image:url(../images/career.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:286px 0px;
}
.book-banner{
    background-image:url(../images/book.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	padding:355px 0px;
}







.pic-section {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0px;
    border-radius: 10px;
    border: groove 3px #ffffff;
}

.contact-style input[type="text"], input[type="email"]{
    border: 3px solid #a0c5de;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: none;
    font-size: 12px;
    resize: none;
    background: none;
    position: relative;
    width: 100%;
    padding-left: 14px;
    background-color: #e4ebec;
    padding: 6px 10px;
    }
.contact-style1 textarea{
    box-sizing: border-box;
    border: 3px solid #a0c5de;
    border-radius: 15px;
    box-shadow: none;
    font-size: 12px;
    resize: none;
    background: none;
    position: relative;
    width: 100%;
    padding-left: 14px;
    background-color: #e4ebec;
    padding: 6px 10px;
    height: 210px;
    margin-bottom:20px;
    }  
    
.contact-bg{
	width:100%; 
	background-image:url(../images/contact-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
} 
.contact-bg1{
	width:100%; 
	background-image:url(../images/contact-bg1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
    background-attachment:fixed;
}
.room-bg{
	width:100%; 
	background-image:url(../images/destination-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
    background-attachment:fixed;
}
   
.destination-bg{
	width:100%; 
	background-image:url(../images/destination-bg2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
    background-attachment:fixed;
}
.function-bg{
	position:relative;
	width:100%; 
	background-image:url(../images/12ssss.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
    background-attachment:scroll;
	padding:400px 0px;
} 

/*================================================
               foot start

==================================================*/

.foot1{
	background-color:#021117;

	}
.foot1 ul{
	list-style-type:none;
	padding:40px 40px;
	display:none;
	}
	
.foot1 ul li{
	display:inline-block;
	padding:15px 25px;
	}
.ham{
	padding:20px 0px;
	text-align:center;
   
	}
.ham span{
	
	font-size:24px;
	color:#fff;
	cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.ham i{
	
	font-size:28px;
	color:#fff;
	padding-left:15px;
	}

.zero{
	padding:0px;
	}

.zero1{
	padding-bottom:0px !important;
	}


.time-logo{
	position:absolute;
	top:50px;
	left:625px;
	}
.time-logo img{
	}	

.time-content{
	position: absolute;
    top: 185px;
    left: 460px;
	}
.time-content h2{
	font-size:36px;
	color:#fff;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:500;
	}	


.timemeter{
	position:absolute;
	top:300px;
	width:100%;
	}


.video-bg{
	/*position:relative;*/
	
	}
	

.video-section {
    /*position: absolute;
    top: 180px;
    left: 115px;
    z-index: 1000;*/
	
	background-image:url(../images/pool.jpg);
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	padding:20px 55px;
}

.video-bg-entertainment{
	position:relative;
	background-image:url(..assets/images/video-bg.html);
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	padding:380px 0px;
	}
	

.video-section-entertainment {
    position: absolute;
    top: 180px;
    left: 0px;
    z-index: 1000;
}

/*=================================================


		     membership-section start
			 
			 
====================================================*/	

.membership-section-banner{
	position:relative;
	background-image: url(../images/membership-section/membership-strip.jpg);
	background-size:cover;
	width:100%;
	background-repeat:no-repeat;
	padding:320px 0px;
	}
.membership-banner-contact {
    position: absolute;
    background-color: rgba(251, 251, 251, 0.2);
    width: 350px;
    padding: 10px 20px 0px 20px;
    top: 10px;
    right: 50px;
    border-radius: 10px;
}
.membership-logo{
	}
.membership-logo img{
	width:200px;
	margin:0 auto;
	}
.membership-section-form-heading{
	}	
.membership-section-form-heading h2{
	font-size:17px !important;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:20px;
	margin:0px;
	padding:10px 0px;
	}	
.membership-section-form{
	}
.membership-section-form1{
	}
.membership-section-form1 input[type="text"]{
	width:100%;
	padding:0px 5px;
	text-transform:capitalize;
	margin:7px 0px;
	height:40px;
	border:none;
	border-bottom:solid 5px #ccc;
	}
.membership-section-form1 input[type="checkbox"]{
	width:15px;
	height:15px;
	color:#fff;
	float:left;
	}
.membership-section-form1 input[type="submit"]{
	width:100%;
	color:#fff;
	text-transform:capitalize;
	letter-spacing:1px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:25px;
	}	
.membership-section-form1 label{
	padding-left:20px;
	font-size:12px;
	text-transform:capitalize;
	}		
.membership-section-option{
	
	}
.membership-section-option select{
	width:100%;
	padding:0px 5px;
	text-transform:capitalize;
	margin:7px 0px;
	height:40px;
	border:none;
	border-bottom:solid 5px #ccc;
	}	
	

.membership-tab{
	margin: 150px 0px 30px 0px;
	}

.membership-section-enjoy{
	background-color:#ffffff;
	padding:25px 0px;
	}
.membership-section-enjoy h2{
	font-size:30px;
	color:#cc6226;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	overflow:hidden;
	text-align:center;
	margin:0px;
	padding-bottom:55px;
	letter-spacing:1px;
	font-weight:bold;
	}
.enjoy{
	}
.enjoy-icon{
	width:100px;
	height:100px;
	border-radius:50%;
	background-color:#fdd308;
	padding-top:15px;
	color:fff;
	margin:0 auto;
	}
.enjoy-icon img{
	width:70px;
	height:70px;
	margin:0 auto;
	
	}
.enjoy-icon-heading{
	}
.enjoy-icon-heading h3{
	text-align:center;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:capitalize;
	padding:0px;
	padding:15px 0px 15px 0px;
	color:#2e3050;
	font-weight:bold;
	}
.enjoy-icon-content{
	min-height: 120px;
    max-height: 120px;
	}
.enjoy-icon-content p{
	text-align:center;
	text-transform:capitalize;
	font-size:14px;
	color:#fff;
	line-height:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.membership-section-video{
	margin:40px 0px;
	}
.membership-video-heading{
	}	
.membership-video-heading h2{
	font-size:30px;
	color:#de8808;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	text-align:center;
	margin:0px;
	padding-bottom:30px;
	letter-spacing:1px;
	font-weight:500;
	}	
	
.member-video-section{
	
	}
.member-video-content{
	background-color:#b5700b;
	padding:20px 20px 0px 20px;
	}	
.member-video-heading{
	
	}
.member-video-heading h1{
	font-size:30px;
	color:#fff;
	font-family:cursive !important;
	margin:0px;
	text-transform:capitalize;
	padding:0px 0px 20px 0px;
	font-weight:bold;
	}
.member-video-heading h2{
	font-size:22px;
	color:#fff;
	font-family:cursive !important;
	margin:0px;
	text-transform:capitalize;
	padding:0px 0px 20px 0px;
	}
.member-video-heading p{
	font-size:14px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	margin:0px;
	text-transform:capitalize;
	padding:0px 0px 20px 0px;
	}	
															
.membership-section-client{
	background-color: #a28211;
    padding: 25px 0px 180px 0px;
	}
.membership-section-client-heading{
	
	}
.membership-section-client h2{
	font-size: 30px;
    color: #fff;
    text-transform: capitalize;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    text-align: center;
    margin: 0px;
    padding-bottom: 30px;
    letter-spacing: 1px;
    font-weight: bold;
	}		
.membership-section-client1{
	}
.membership-section-client-pic{
	
	}
.membership-section-client-pic img{
	width:200px;
	height:200px;
	border-radius:50%;
	margin:0 auto;
	
	}	
.membership-section-heading{
	}
.membership-section-heading h3{
	font-size:20px;
	color:#000;
	text-transform:capitalize;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	padding:0px;
	padding:20px 0px;
	}
.membership-section-content{
	min-height: 140px;
    max-height: 140px;
	}
.membership-section-content p{
	text-align:center;
	font-size:14px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	text-transform:capitalize;
	}	
.membership-section-name{
	}
.membership-section-name h2{
	font-size:18px;
	text-transform:capitalize;
	color:#f6e408;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	text-align:center;
	letter-spacing:1px;
	}
#membership-section-strip{
	position:fixed;
	background-color: #0f2029;
        padding: 28px 0px;
	width:100%;
	bottom:-50px;
	display:block;
	margin-top:-50px;
	}
.membership-section-strip-pic{
	position:absolute;
	top:-32px;
	}
.membership-section-strip-pic img{
	width: 160px;
    height: 120px;
    border-radius: 70%;
    transform: rotate(45deg);
	}
.membership-section-strip-about{
	}
.membership-section-strip-about h2{
	font-size:20px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	text-transform:capitalize;
	padding-top:16px;
	margin:0px;
	}
.membership-section-strip-link{
	}
.membership-section-strip-link .myBtn{
	width:100%;
	background-color:#dcaf0f;
	padding:10px 10px;
	border:none;
	text-transform:capitalize;
	font-size:18px;
	border-radius:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	color: #050b33;
	}
.membership-section-strip-link .myBtn:hover{
	background-color:#a28aa6;
	color:#fff;
	}
.member-video-pic{
	}
.member-video-pic img{
	width:100%;
	height:360px;
	}																								


.membership-tab .tab {
    overflow: hidden;
    background-color: #fff;
	color:#000;
	
}

/* Style the buttons inside the tab */
.membership-tab .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 86px;
    transition: 0.3s;
    font-size: 16px;
	background-color: #fff;
    margin: 0px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:solid 1px #f2950a;
	color:#000;
	border-radius: 120px 20px 120px 20px;
}

/* Change background color of buttons on hover */
.membership-tab .tab button:hover {
    background-color: #fff;
}

/* Create an active/current tablink class */
.membership-tab .tab button.active {
    background-color: #4c8bb8;
	color:#fff;
	border-color:#fff;
}

/* Style the tab content */
.membership-tab .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}
.tab-section-image{
	padding: 20px 0px 10px 0px;
	}
.tab-section-image img{
	width:100%;
	border:solid 2px #ccc;
	height:250px;
	}
	
.tab-section-content{
	}	
.tab-section-content p{
	font-size:16px !important;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px;
	line-height:20px;
	}
.membership-tab-heading{
	}
.membership-tab-heading h1{
	font-size: 30px;
    color: #de8808;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    text-align: center;
    margin: 0px;
    padding-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 500;
	}				
/*=================================================

		End  membership-section start			 
			 
====================================================*/	

<!--footer start-->

.strip-text{
  }
.strip-text p{
	 margin-left: 316px;
	 font-size: 20px;color:
	 white;font-family: -webkit-body;
  }
.strip-pic1{
  }
.strip-pic1 img{
	margin-left: 310px;
	height: 51px;
	width: 149px; 
	margin-top: 20px;
  }  
.strip-pic2{
  }
.strip-pic2 img{
	margin-left: 310px;
	height: 24px;
	width: 298px; 
	margin-top: 20px;
  } 

.inner-memu-strip{
	background-image:url(../assets/images/inner-strip.html);
	background-size:cover;
	width:100%;
	background-repeat:no-repeat;
	
}



/*---------------------------------------
   Our Service Area
----------------------------------------*/

.our-service-area-section{
	background-image:url(../images/ourservice-bg.jpg);
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	padding:20px 0px;
	margin-top:40px;
	}




.service__icon [class^="flaticon-"]::before,
.service__icon [class*=" flaticon-"]::before,
.service__icon [class^="flaticon-"]::after,
.service__icon [class*=" flaticon-"]::after {
  font-size: 23px;
}
.service__inner {
    margin-top: -50px;
}
.service .service__icon {
    float: left;
}
.service .service__details {
    overflow: hidden;
}


.service__icon {
    background: #fff;
    border-radius: 50%;
    height: 70px;
    line-height: 70px;
    margin-right: 30px;
    position: relative;
    text-align: center;
    width: 70px;
    z-index: 2;
	
}

.service__icon img{
	width: 50px;
    margin: 0 auto;
    padding-top: 8px;
    
}

.service__inner .service {
    margin-top: 10px !important;
}
.service__icon .icon {
    color: #ffb300;
    transition: all 0.3s ease 0s;
}
.service:hover .service__icon .icon {
    color: #fff;
}
.service__icon::before {
    background: #ffb300 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.service:hover .service__icon::before {
    transform: scaleX(1);
}
.service__details h4 {
    color: #252525;
    font-size: 20px;
    margin-bottom: 9px;
    text-transform: capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}
.service__details a{
	text-decoration:none;
	color:#eaa11b;
	}
.service__details p{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	}	
.service__area{
  position: relative;
}
.service__images {
  padding-top: 100px;
  position: absolute;
  right: 115px;
  top: 46%;
  transform: translateY(-50%);
}
.service__images img {
    width: 450px;
}

.service-images{
  display: none;
}
.service__feature_images{
  display: block;
}
.service-area-heading{
	text-align:center;
	}
.service-area-heading h2{
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	padding:20px 0px 60px 0px;
	}
	
.nav {
    padding-left: 50px !important;
    margin-bottom: 0;
    list-style: none;
}



/*===================================================
				
				hover-effect section start

====================================================*/


.zero-4{
	padding:5px;
	margin-bottom:5px;
	}

.image-hover-effect{
	padding:0px 0px;
	}

	

.box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box img{
    width: 100%;
    height:350px;
    transform: scale(1.6);
    transition: all 0.3s ease 0s;
}
.box:hover img{
    filter: grayscale(100%);
    transform: scale(1.2);
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.2s ease 0s;
}
.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after{
    content: "";
    width: 100%;
    height: 25%;
    background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.7),transparent,rgba(0,0,0,0.7),rgba(0,0,0,0.9));
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
.box:before{ transform: translateX(100%); }
.box:after{
    height: 25.1%;
    top: 25%;
    transform: translateX(-100%);
    transition-delay: 0.05s;
}
.box .box-content:before{
    top: 50%;
    transform: translateX(100%);
    transition-delay: 0.1s;
}
.box .box-content:after{
    top: 75%;
    transform: translateX(-100%);
    transition-delay: 0.15s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{ transform: translateX(0); }
.box .inner-content{
    padding: 7px 0;
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box .title{
    font-size: 22px;
    font-weight: 700;
    color: #faac01;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    opacity: 0;
    transform: translateY(150px);
    transition: all 0.4s ease 0s;
}
.box .post{
    display: inline-block;
    padding: 0 5px;
    font-size: 16px;
    font-style: italic;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.4s ease 0s;
}
.box:hover .title,
.box:hover .post{
    opacity: 1;
    transform: translate(0, 0);
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -200px;
    left: 10px;
    z-index: 2;
    transition: all 0.4s ease 0.2s;
}
.box:hover .icon{ top: 15px; }
.box .icon li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #faac01;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    text-decoration: none;
    border-radius: 30%;
    background: #fff;
    color: #faac01;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
    .box .title{ font-size: 18px }
}