@charset "utf-8";
/* CSS Document */

html, html a {
    -webkit-font-smoothing: antialiased !important; -webkit-font-smoothing:antialiased; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 
*{margin:0px; padding:0px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body,html{ height:100%; width:100%; float:left;}
body{ background:#fff; font-size:12px; color:#333333; margin:0; padding:0; font-family: 'latoregular';}
ul, li{list-style:none; margin: 0px; list-style-type:none; }
a{text-decoration:none; cursor:pointer; color:#2a2e33;}
a img {border:none;outline:none;}
img{vertical-align:middle} 
.clr{clear:both; float:none;}
.clr:after, .row:after, .afclr:after{clear:both; float:none; content:""; display:block}
:focus{outline:none; }
input[type="submit"], input[type="reset"], button{  cursor:pointer; -webkit-appearance:none}
.wrapper{max-width:1000px;   margin:0 auto; transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
img{ max-width:100%;}
.wide{width:100%;}
html {   -webkit-font-smoothing: none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0; padding:0}

body{margin: 0px; padding: 0px; }
*, after, before{box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
select{-moz-appearance:none;  
  appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none; 
 -o-appearance: none; border-radius: 0 }
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */

section, footer, header{ display:block;}

img { max-width:100%; }

a {text-decoration: none;transition: all 0.2s ease-in-out 0s;}







@font-face {
    font-family: 'latoblack';
    src: url('lato-black-webfont.woff2') format('woff2'),
         url('lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('../fonts/lato-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/*.fixed-header {position: fixed;top: 0px;left: 0px;right: 0px;z-index: 99;top: -65px;z-index: 99999; background: #fff; -webkit-transform: translateY(65px);-ms-transform: translateY(65px);
transform: translateY(65px);-webkit-transition: -webkit-transform 1s;transition: transform 1s;-webkit-box-shadow: 0 5px 0 rgba(14, 21, 39, 0.1);box-shadow: 0 5px 0 rgba(14, 21, 39, 0.1);}
.fixed-header .logo{width:200px;}*/

#toTop:hover{background: #f9af1c;}
#toTop {background: #1159aa; border-radius:50%; bottom: 10px; color: #fff; cursor: pointer; 
display: none; font-size: 11px; font-weight: bold; height: 40px; line-height: 41px; padding: 0; position: fixed; right: 10px; text-align: center; transition: transform 0.5s ease 0s; width: 40px; z-index: 999999;}
.header{ float: left;width: 100%;   }
.logo{float: left;     margin: 0px 0px; width:26%}







/*-----------------Header---------------*/

.cityway_navocation{ float:left; width:100%; background:#E0BD23;border-radius: 5px; padding: 7px 11px 0;}
#cssmenu ul li a i{ margin-right: 20px; font-size: 16px;}
#cssmenu ul li.active a i{ color: #fff;}
.search_costo {float: left;width: 100%;text-align: left;background: #E3DDCD;padding: 5px;border-radius: 4px;}
.costo_search_input { float: right; width:73%; position: relative;}
.costo_search_input input[type="text"]{ float: left; width: 88%; border: 1px #fff solid; height: 30px; padding: 0 10px; font-size: 12px; 
                                        color: #666666; border-radius: 5px 0 0 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+50,eeeeee+100 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.costo_search_input a{ float: right; color: #fff; font-size: 15px; text-transform: uppercase; font-family: 'latobold'; border: 1px #fff solid;
                       border-radius: 0 5px 5px 0; height: 30px; padding: 2px 0; width: 11.9%; text-align: center;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e255+0,feb334+100 */
background: #f1e255; /* Old browsers */
background: -moz-linear-gradient(top, #f1e255 0%, #feb334 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1e255 0%,#feb334 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1e255 0%,#feb334 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e255', endColorstr='#feb334',GradientType=0 ); /* IE6-9 */}

.costo_search_input a:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feb334+0,f1e255+100 */
background: #feb334; /* Old browsers */
background: -moz-linear-gradient(top, #feb334 0%, #f1e255 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feb334 0%,#f1e255 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feb334 0%,#f1e255 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb334', endColorstr='#f1e255',GradientType=0 ); /* IE6-9 */
}
.quk_srat {float: left;color: #897C5A;font-size: 12px;font-family: latobold;text-transform: uppercase;padding: 6px 5px;}
#cssmenu > ul > li > a.mobile_menu{ display: none}
header {float: left;width: 100%;background: #1A8B07;}
.header_right {float: right;width: 42%;padding-top: 25px;}
.contactus{ float: left; width: 100%; color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'latosemibold'; text-align: right; 
           padding-bottom: 5px;}

/*-----------------Header Close---------------*/
/*-----------------Middil Close---------------*/

/***-*-*-*New-----*/


.cityway_pr{ float: left; width: 100%; padding: 30px 0 10px;}
.city_way_middel{ float: left; width: 100%; border-radius: 5px; overflow: hidden; border: 1px #D4CCB7 solid; min-height: 300px;}
.city_way_left {float: left;width: 30%;min-height: 300px;background: #F4F0E4;border-right: 1px #D4CCB7 solid;}
.adwans_search {float: left;width: 100%;padding: 15px;border-bottom: 1px #DCD5C5 solid;}
.adwans_search h2{ display: block; color: #1A8B07; font-size: 18px; text-transform: uppercase; font-family: 'latosemibold'; margin-bottom: 10px;}
.adwans_input{ float:left; width: 100%; margin: 11px 0; position: relative}
.new_latter_inpurt input[type="text"],
.adwans_input input[type="text"]{ float: left; width: 100%; height: 35px; padding: 0 10px; font-size: 13px; color: #000; border-radius: 4px;
border: 1px #E3DDCD solid; box-shadow: 0 0 0 3px #EAE7D8}

.adwans_input_but {float: left;width: 100%;padding-top: 10px;}
.adwans_input_but a { float: left; color: #0A4F5E; font-size: 12px; border-bottom: 1px #0A4F5E solid; padding-bottom: 1px; margin-top: 2px;}
.adwans_input_but a:hover{ color: #1C8B09; border-color: #1C8B09}
.new_latter_inpurt input[type="submit"],
.adwans_input_but input[type="submit"]{ float: right; background: #FBB738; color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'latobold'; 
border: 1px #FDDB9B solid; border-radius: 2px; box-shadow: 0 0 0 2px #D7D7D7;padding: 2px 5px;}
.new_latter_inpurt input[type="submit"]:hover,
.adwans_input_but input[type="submit"]:hover{  background: #1A8B07;}
.product_serd{ border-top: 1px #fff solid}
.product_{ float: left; width: 100%;border-bottom: 1px #DCD5C5 solid; padding: 10px 0;}
.product_img {float: left;width: 41%;}
.product_txt {float: right;width: 55%; padding-top: 15px;}
.product_txt a{color:#2E2E30; font-size: 13px; font-family: 'latobold'; }
.product_txt span{color:#0F747E; font-size: 12px; font-family: 'latoregular'; float: left; width: 100% }
.product__bo{border-top: 1px #fff solid}
.watch_more{ float: left; width: 100%;border-top: 1px #fff solid; padding: 10px 0}
.watch_more a{ display: inline-block; font-size: 13px; color: #1C8B09; border-bottom: 1px #1C8B09 solid;}
.watch_more a:hover{ color: #333; border-color: #333}
.help_tg{ float: left; width: 100%}
.help_tg ul{ float: left; width: 100%}
.help_tg ul li{ float: left; width: 100%; padding: 5px 0}
.help_tg ul li a{display: inline-block; font-size: 13px; color: #302E2F; border-bottom: 1px #302E2F solid}
.help_tg ul li a:hover{ border-bottom: 1px transparent solid}
.message_txt i{ float: left;}
.message_txt span{ float: left; padding-top: 19px;margin-left: -10px;}
.new_latters {float: left;width: 100%;padding-top: 10px;}
.new_latters p{ display: block; color: #222; font-size: 13px; font-family: 'latoregular';  }
.new_latter_inpurt {float: left;width: 100%;padding-top: 5px;}
.new_latter_inpurt input[type="submit"]{ float: left; margin-top: 15px;}
.add_img{ float: left; width: 100%; text-align: center;}
.ev_img {display: inline-block;border: 1px #DAD3C0 solid;border-radius: 3px;overflow: hidden;margin: 5px 0;}
.city_way_right {float: right;width: 70%; padding: 25px;}
.pay_slider_bx {float: left;width: 100%;text-align: center;padding-top: 0px;}
.city_holiday {float: left;width: 100%;margin-top: 50px;}
.city_holiday_img {float: left;}
.city_holiday_rgight {float: left;width: 71%;padding-left: 4%;padding-top: 27px;}
.city_holiday_rgight h1{ display: block; font-size: 18px; color: #1A8B07; text-transform: uppercase;font-family: 'latobold'; }
.city_holiday_rgight p{ display: inline-block; width: 100%; color: #666; font-size: 13px; line-height: 18px;padding-top: 10px;}

.hodiday_tab {float: left;width: 100%;}
.hodiday_tab ul {
	float: left; border: 1px #fff solid; border-radius: 5px; box-shadow: 0 0 0 1px #d7d7d7;
	width: 100%;
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+50,eeeeee+100 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.hodiday_tab ul li{ float: left; width: 33.33%; text-align: center; border-right: 1px #d7d7d7 solid; position: relative}
.hodiday_tab ul li:last-child{  border-right: none; border-radius: 0 4px 4px 0}
.hodiday_tab ul li:first-child{  border-radius: 4px 0 0 4px}
.hodiday_tab ul li a{ float: left; width: 100%; text-align: center; color: #848283; font-size: 14px; text-transform: uppercase;font-family: 'latobold';
padding: 7px 0;}
.hodiday_tab ul li.active,
.hodiday_tab ul li:hover{ background: #E0BD23}
.hodiday_tab ul li.active a,
.hodiday_tab ul li:hover a{ color: #fff;}
.hodiday_tab ul li.active:before{ position: absolute; left: 45%; bottom: -10px; content: ""; border-left: 10px transparent solid; 
        border-right: 10px transparent solid;  border-top: 10px #E0BD23 solid;}
.holiday_pack {float: left;width: 100%;padding: 20px 0;}
.holiday_pack ul {float: left;width: 100%;}
.holiday_pack ul li{float: left;width: 31%;margin-right: 3.5%;  margin-bottom: 30px;}
.img_holiday {float: left;width: 100%;text-align: center;border-radius: 6px;overflow: hidden;}
.hd_txt {float: left;width: 100%;font-size: 13px;padding-top: 20px;color: #333;}
.holiday_pack ul li:nth-child(3n+3) {margin-right: 0;}
.my_quets{ float: left; width: 100%; margin-top: 10px;}
.my_quets h3 {display: block;font-size: 18px;color: #1A8B07;text-transform: uppercase;font-family: 'latobold';}
.sweet_holiday {float: left;width: 100%;background: #FDFAF1;min-height: 100px;border-radius: 5px;border: 1px #D4CCB7 solid;margin-top: 10px;
  padding: 10px 10px 0 40px;}
.sweet_holiday_img {float: left;}
.sweet_holiday_txt {float: right;width: 72%;padding: 30px 10px 0 0;}
.sweet_holiday_txt p{ display: block; font-size: 13px; color: #666; line-height: 18px; width: 100%}
.sweet_holiday_txt a{ display: block; font-size: 13px; color: #666; margin-top: 10px;    }

/*---------Footer-------------------*/
footer { width: 100%; float: left;}
.footers_{ background:#1A8B07; float: left; width: 100%; background-size: cover;  }
.foot_first {float: left;width: 36%;}
.second_first{width: 23%; float: left; }
.third_first{width: 22%; float: left; }
.fourth_first{float: right;  width: 24%}
.foot_con {color: #989898;font-size: 15px; max-width: 340px;     margin-top: 20px; text-align: justify}
.foot_tite{color: #0F4C04; font-size: 15px;     margin: 0px 0px 18px 0px; position: relative;font-family: 'latosemibold'; text-transform: uppercase}
.foot_blok_menu { float: left; width: 100%; padding-top: 0px;}
.foot_blok_menu ul li { float: left; width: 100%;}
.foot_blok_menu ul li {  float: left; width: 100%; padding-bottom: 3px;}
.foot_blok_menu ul li a {font-size: 14px;color: #fff; padding: 0px 0px 2px 0px;display: inline-block;}
.foot_blok_menu ul li a:hover{    color: #f3bf21;}
.footer_top { float: left; width: 100%;margin: 50px 0px 5px 0px;}
.social_icon ul li {  display: inline-block;     margin-right: 3px;} 
.social_icon ul li a:hover img{opacity: 0.8;}
.footer_bottom_left {width: 100%; float: left;text-align: left; color: #fff;  font-size: 11px;     margin:50px 0 0;}
.footer_bottom_left  a{color: #fff;  font-size: 12px;}
.footer_bottom_left a:hover{    color: #f3bf21;}
.form_btn_neww{width: 100%; display: inline-block;} 
.social_icon ul li a{  width: 50px; height: 50px;  display: inline-block;vertical-align: top;text-align: center;position: relative; border-radius: 50%}
.social_icon ul li a:hover{line-height: 47px;} 
.social_icon { float: left; width: 100%; padding-top: 22px;}
.twit{ background: #50ABF1;font-size: 35px;line-height: 54px; color: #fff; }
.fb{ background: #3A549F;font-size: 43px;line-height: 64px;  color: #fff; }
.gplus{ background: #DE4B39;font-size: 31px;line-height: 54px;  color: #fff; }
.emaillist,
.needhelp,
.tripsearch,
.dontmiss {
	float: right;
	font-size: 24px;
	background: #1A8B07;
	color: #fff;
	padding: 0 5px;
	line-height: 13px;
	border-radius: 3px; display: none; cursor: pointer;
}

/*-----------------------input effect css--------------*/

.styled-input input:focus ~ b, .styled-input input:valid ~ b {
  font-size: 12px;
  top: -19px;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}

.styled-input {
  float: left;
 width: 100%
}
.styled-input b {
  color: #999;
  padding: 0;
  position: absolute;
 top: 7px;
left: 12px;
  -webkit-transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
  pointer-events: none;
  color: #000;
font-size: 13px;
font-weight: normal;
}
.styled-input.wide {
  width: 100%;
}

.styled-input input, .styled-input textarea {
  padding: 1rem 1rem;
  border: 0;
  width: 100%;
  font-size: 1rem;
}
input ~ span, textarea ~ span {
  display: block;
  width: 0;
  height: 3px;
  background: #1A8B07;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
input:focus, textarea:focus {
  outline: 0;
}
input:focus ~ span, textarea:focus ~ span {
  width: 100%;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}


/*-----------------------input effect css ans--------------*/