/*414 max width*/
/*============ hamburger ===========*/
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-top:0px;
  margin-right:6px;
  padding: 0;
  width: 44px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 2px;
  border: none;
  background: #3973c5;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
/*transition: background 0.3s;noanim*/ }

.c-hamburger:active{
  /*background:green;*/
}
.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 18.5px;
  left: 12px;
  right: 12px;
  height: 3px;
  border-radius:4px;
  background: white; }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: ""; }

.c-hamburger span::before {
  top: -7px; }

.c-hamburger span::after {
  bottom: -7px; }

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
.c-hamburger--rot {
  background-color: #28aadc; }

.c-hamburger--rot span {
transition: transform 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--rot.is-active {
  background-color: #166888; }

.c-hamburger--rot.is-active span {
  transform: rotate(90deg); }

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {

  background-color: #3973c5; }

.c-hamburger--htx span {

/*transition: background 0s 0.3s; noanim*/ }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	border-radius:4px;
/*  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s; noanim*/
}

.c-hamburger--htx span::before {
/*transition-property: top, transform;noanim*/ }

.c-hamburger--htx span::after {
/*transition-property: bottom, transform;noanim*/ }

/* active state, i.e. menu open */
body.menu_opened .c-hamburger--htx {
  background-color: #3973c5; }

body.menu_opened .c-hamburger--htx span {
  background: none; }

body.menu_opened .c-hamburger--htx span::before {
  top: 0;
  transform: rotate(45deg); }

body.menu_opened .c-hamburger--htx span::after {
  bottom: 0;
  transform: rotate(-45deg); }

body.menu_opened .c-hamburger--htx span::before,
body.menu_opened .c-hamburger--htx span::after {
/*transition-delay: 0s, 0.3s;noanim*/ }

/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.c-hamburger--htla {
    }

.c-hamburger--htla span {
transition: transform 0.3s; }

.c-hamburger--htla span::before {
  border-radius:4px;
  transform-origin: top right;
transition: transform 0.3s, width 0.3s, top 0.3s; }

.c-hamburger--htla span::after {
  border-radius:4px;
  transform-origin: bottom right;
/*transition: transform 0.3s, width 0.3s, bottom 0.3s; noanim*/ }

/* active state, i.e. menu open */
.c-hamburger--htla.is-active {
   }

.c-hamburger--htla.is-active span {
  transform: rotate(180deg); }

.c-hamburger--htla.is-active span::before,
.c-hamburger--htla.is-active span::after {
  width: 50%; }

.c-hamburger--htla.is-active span::before {
  top: 0;
  transform: translateX(13px) translateY(1.5px) rotate(45deg); }

.c-hamburger--htla.is-active span::after {
  bottom: 0;
  transform: translateX(13px) translateY(-1.5px) rotate(-45deg); }

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from
 * right that will be close on re-click of the icon.
 */
.c-hamburger--htra {
  background-color: #ff9650; }

.c-hamburger--htra span {
  transition: transform 0.3s; }

.c-hamburger--htra span::before {
  transform-origin: top left;
  transition: transform 0.3s, width 0.3s, top 0.3s; }

.c-hamburger--htra span::after {
  transform-origin: bottom left;
  transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--htra.is-active {
  background-color: #e95d00; }

.c-hamburger--htra.is-active span {
  transform: rotate(180deg); }

.c-hamburger--htra.is-active span::before,
.c-hamburger--htra.is-active span::after {
  width: 50%; }

.c-hamburger--htra.is-active span::before {
  top: 0;
  transform: translateX(-3px) translateY(1.5px) rotate(-45deg); }

.c-hamburger--htra.is-active span::after {
  bottom: 0;
  transform: translateX(-3px) translateY(-1.5px) rotate(45deg); }


.body_app .c-hamburger{
    display: none;
}
.body_mobi .c-hamburger{
    display: none;
}

body.menu_opened #canvas{
  display:none !important;
}
@media only screen and (max-width: 1000px) {/*@1000*/
html, body{min-height:100%;}
body{
	width:100%;
	min-height:100%;
}
.body_mobi .c-hamburger{
    display: block;
}
.body_app .c-hamburger{
    display: block;
}
.body_desktop .c-hamburger{
  display: none;
}
.body_mobi .header_menu a.link .new {
  right:5px;
}
.bb-box{
  width:96%;
  margin-left:2%;
  margin-right:2%;
}
.box_94{
  width:94%;
  margin-left:3%;
  margin-right:3%;
}
.box_96{
  width:96%;
  margin-left:2%;
  margin-right:2%;
}
.box_98{
  width:98%;
  margin-left:1%;
  margin-right:1%;
}
#loader{
  height:3px;
}

.more_cats a{
  width:32%;
  margin-left:0.6%;
  margin-right:0.6%;
}
/*======= menu_profile ======*/
.header_menu .menu_profile{
	width:100%;
	background:#fff;
  display: inline-block;
  min-height:100px;
  padding-top:40px;
  padding-bottom:50px;
  border-bottom:1px solid #dadada;
}
.header_menu .menu_profile a{

  border-radius:55px;
  height:55px;
  line-height:55px;
  width:70%;
  margin-left:15%;
  display:inline-block;
  margin-top:15px;
  text-align: center;
  color:black;
  font-size:20px;
}
.header_menu .menu_profile a.profile_signup{
  text-shadow:0px 1px 1px #000;
  color:#fff;
}
.header_menu .menu_profile a.profile_signin{
  border:1px solid #dadada;
}



.header_menu .menu_user{
	width:100%;
	background:#fff;
	height:100px !important;
	font-weight:bold;
	float:left;
  padding-left:15px !important;
  border-bottom:1px solid #dadada;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header_menu .menu_user:active{
	opacity:0.8;
}
.menu_user .mypic{
  width:45px;
  height:45px;
  background-size:45px 45px;
  margin-top:28px;
  display:inline-block;
  border-radius:45px;
  float:left;
  margin-right:15px;
  border:1px solid #dadada;
}
.menu_user .username{
  display:inline-block;
  height:55px;
  margin-top:28px;
  float:left;

}
.menu_user .username .name{
  width:100%;
  text-shadow: none;
  color:#202020;
  font-size:16px;
  line-height:26px;
  height:26px;
  font-weight: bold;
  font-family: roboto;
  float:left;
  margin-top:2px;
}
.menu_user .username .subname{
  width:100%;
  text-shadow: none;
  color:#646464;
  font-family: roboto;
  font-size:12px;
  line-height:15px;
  height:15px;
  float:left;
}
/*======= end menu_profile ======*/



.mytabs .mytab{
  margin-left:2%;
}
.mytabs_body{
  width:96%;
  margin-left:2%;
  margin-right:2%;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post .mycontent, .post h1, .post .subrow{
  padding:15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post h1{
  font-size:30px;
  margin-bottom:10px;
  margin-top:10px;
}
#topov {
    height: 50px;
    position: relative;
    color: #e8e8e8;
    line-height: 34px;
    top:auto !important;
    left:auto !important;
    display:inline-block;
    width:100%;
    min-width: auto !important;
    margin-top:10px;
    float:left;

}
#topov input[type=text] {
    height: 45px;
    background-size:34px;
    padding-left:50px;
    border-color:#008dcc;
    background-color:#fff;
    background-image: url('data:image/svg+xml,%3Csvg fill="%239CBAD5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="34px" height="34px"%3E%3Cpath d="M22 20L20 22 14 16 14 14 16 14z"/%3E%3Cpath fill="none" stroke="%239CBAD5" stroke-miterlimit="10" stroke-width="2" d="M9 3A6 6 0 1 0 9 15A6 6 0 1 0 9 3Z"/%3E%3Cpath fill="none" stroke="%239CBAD5" stroke-miterlimit="10" d="M13 13L15.5 15.5"/%3E%3C/svg%3E%0A');
}
#topov input[type=text]:focus {
  background-color:#fff;
  color:#005b84;

  background-image: url('data:image/svg+xml,%3Csvg fill="%239CBAD5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="34px" height="34px"%3E%3Cpath d="M22 20L20 22 14 16 14 14 16 14z"/%3E%3Cpath fill="none" stroke="%239CBAD5" stroke-miterlimit="10" stroke-width="2" d="M9 3A6 6 0 1 0 9 15A6 6 0 1 0 9 3Z"/%3E%3Cpath fill="none" stroke="%239CBAD5" stroke-miterlimit="10" d="M13 13L15.5 15.5"/%3E%3C/svg%3E%0A');
}
#topov .searchbox {
    width: 100%;
    min-height: 350px;
    top: 47px;
    z-index: 21;
    left: 1px;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 50%);
}
#topov .searchbtn {
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 7px;
    top: 5px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #2f73bd;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
}
.btn_download{
  width:96%;
  margin-left:2% !important;
  margin-right:2% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn_follow{
  width:96%;
  margin-left:2% !important;
  margin-right:2% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cart .cart_head{
		display: inline-block;
}
.moon_today {

	padding:20px;
}
.about_table{
	width:98%;
	margin-left:1%;
}
.about_table_right{
	width:97%;
}

.statsbox::before{
  top:-20px;
  left:50%;
  transform: translate(-50%, 0);
}
.month_div .calendar .day,.month_div.one .calendar .day{
  width:13.3%;
}
.month_div .calendar.week .day{
  width:11.5%;
}

.month_div .month_sum{
  height:auto;
}
.month_holidays{
  margin:1%;

  margin-bottom:20px;
  margin-top:-15px;
}
.h1_icons{
  /*text-align: left;
  text-indent: 15px;*/
  padding-right:20px;
}
.mtext1,.mbot{
  margin-left:1%;
  margin-right:1%;
  width:98%;
}
#container.admin .content{
  margin-left:0px;
}
#container.admin #myform {
  width:95%;
}
.adm_client .right_side{
  width:100%;
  margin-left:0px !important;
}

#container{
	width:100% !important;
	overflow:hidden;
}
#container.newmenu{
	width:100%;
}
#container.newmenu #header {
    width: 100%;
}
#container.newmenu .content{
	width:100%;
}

.mybody_big{
  width:100% !important;
  display: inline-block;
}

.mybody_side{
	width:100%;
  padding-left:0px;
  float:none;
  display: inline-block;
}

.rightbanner{
  width:100%;
}
.content{
	width:100% !important;
	/*margin-top:70px;*/
	/*overflow:hidden;*/
}
#header{
	width:100% !important;
}

#logo{
	width:200px;
	height:40px;
	top:5px !important;
	left:10px;
}
#top_signin{
	display:none;
}
.package_div{
  width:46% !important;
}
.package_div.wide{
  width:100% !important;
}
.travelsearch{
	/*display:none;*/
}
.travelsearch .selectdestination{
	width:100%;
	margin-bottom:15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.travelsearch #date_usefrom{
	margin-left:0px;
}
.travelsearch .mainsearchbtn{
	margin-top:15px;
}
.select_drop_container{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select_drop_div input[type=text]{
  width:100% !important;
}
.header_menu_clients{
	/*margin-top:70px;*/
	border:none;
}
.header_menu_clients a{
	width:100%;
	border-left:none;
}
/*wi=8*/
.mokup{
  width:96%;
  padding-left:2% !important;
  padding-right:2% !important;
  margin-left:0px !important;
}
.mokup .button{

}
.mokup .title, .mokup .subtitle{
  width:98%;
  padding-left:1%;
}
.features .feature{
  width:49%;
  height:300px;
}
.banner_mainfilter{
	width:100%;
}
.topcities{
	border:none;
	margin-top:0px;
	margin-bottom:10px;
}
.topcities .cities a{
	min-width:200px;
	width:100%;
	font-size:18px;
	line-height:40px;
	height:40px;
}
.banner1{
	width:100%;
	height:auto;
}
.banner1 img{
	width:100%;
	height:auto;
}
.manager_login_right{
	display:none;
}
.manager_login_left{
	width:95%;
	margin-left:5%
}
#container .manager .manager_body{
	width:100%;
}
.bookings_header{

	padding-left:2%;
	padding-right:2%;
	margin-top:0px;
}
.bookings_container{
	width:100%;
	overflow-x:scroll;
}
.bookings{

}
.manager_header{
	width:100%;
	padding-left:2%;
	padding-right:2%;
	margin-top:0px;
}
.manager_body2{
	width:100%;
	overflow:hidden;
}
.manager .manager_left{
	width:100%;

}
.listing_side{
	width:100%;
	margin-top:0px;
}
.new_border{
	/*margin-left:1%;
	margin-right:1%;*/
	padding-top:0px;
	border:none;
	padding-left:5px;
}
.new_border .mylabel{
  position: relative;
	background:#fafafa;
  border:none;
  left:auto;
  top:auto;
  margin-bottom:30px;
  width:96%;
  margin-left:1%;
  text-align: center;
  height:30px;
  line-height:30px;
  display:inline-block;
	color:#444444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow:0px 2px 2px rgba(0, 0, 0, 0.18);

}
.website_code{
	width:98% !important;
}
.manager_desc{
	width:98% !important;
}
.manager_infobox{
	width:96%;
	margin-left:2%;
}

.new_left{
	width:98%;
	margin-left:1%;
	margin-right:1%;
	text-align:left;
	padding-right:0px;
	line-height:15px;
	margin-top:5px;
	font-size:16px;
  min-height:15px;
}
.new_left.height0{
  height:0px;line-height:0px;margin-top:0px;margin-bottom:0px;
}
.new_right{
	width:95%;
  min-height:40px;
	margin-left:1%;
	overflow:hidden;
}
.new_right.visible{
  overflow: visible;
}
.new_right input[type=text], .new_right input[type=password], .search_input{
	width:100%;
}
.new_right select{
	width:100%;
}
.new_right textarea{
	width:100%;
}
.new_right .info{
	width:100%;
}
.field_err{
  max-width:100%;
	padding-left:2%;
	padding-right:2%;
}
.mybody .inside{
	margin-left:0px;
	margin-right:0px;
}
.contentpage{
	margin-top:10px !important;
}
.manager_body .mainheader{
	width:96%;
	padding-left:2%;
}

.mainheader{
	background:#d3efff;
	overflow:hidden;
	line-height:23px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:0px;
	margin-top:0px;
	float:left;
	position:relative;
	width:100%;
	padding-left:10px;
	padding-right:10px;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#444444;
	text-align:center;
	font-size:16px;
	text-indent:0px;
	font-family:Arial, sans-serif;
	border-bottom:1px solid #dadada;

}
.mainheader h1{
  float:none;
}
.mainheader .pricesub {
	margin-left:3px;
	margin-right:2px;
	font-size:12px;
}
.mainheader .pricecur {
	font-size:14px;
}





#firstline{
	width:100%;
	float:left;
	margin-bottom:5px;
	background:white;
	border-bottom:1px solid #e5e5e5;
}

#firstline .search_bar{
	float:left;
	width:48%;
	max-width:50%;
	height:42px;
	position:relative;
	/*border-right:1px solid #e5e5e5;*/
}
#firstline .search_bar input[type=text]{

	padding:2px;
	border:none;
	height:25px;
	font-size:14px;
	color:#474747;
	width:80%;
	float:left;
	max-width:70% !important;
	margin-left:5px; margin-top:6px; margin-bottom:5px; margin-right:5px;
}
#firstline .search_bar button.srch{
	width:30px;
	height:30px;
	float:right;
	margin-top:5px; margin-right:0px;
	background:url(css_images/appicons2x.png) no-repeat -13px -5px;
	border:none;
	background-size: 350px 1150px;
}
#firstline.half .search_bar{
	float:left;
	width:50%;
	max-width:50%;
	height:42px;

}


.searchbox{
	display:none;
	position:absolute;
	width:100%;
	min-height:250px;
	background:white;
	border-radius:0px;
	border-bottom:2px solid #dadada;
	overflow:hidden;
	top:37px;
	z-index:21;
	left:0px;
}
.searchbox a{
	width:88%;
	padding-left:10%;
	padding-right:2%;
	height:50px;
	display:block;
	background:#fff;
	float:left;
	font-size:16px;
	color:#37454d;
	line-height:30px;
	position:relative;
}
.searchbox a span{
	position:absolute;
	top:27px;
	line-height:16px;
	height:20px;
	left:0px;
	width:88%;
	padding-right:2%;
	font-size:14px;
	color:gray;
	display:block;
	padding-left:10%;
}
.searchbox a.s_desti::before {
    background: url(css_images/sprite.png) no-repeat 0px -466px;
    width:20px;
	height:20px;
	position:absolute;
	left:10px; top:8px;
    line-height: 30px;
    color: #1e6599;
	content:"";
    margin-top: 2px;
    font-size: 14px;
}
.searchbox a.s_cat::before {
    /*background: url(css_images/sprite.png) no-repeat 0px -466px;*/
    width:20px;
	height:20px;
	position:absolute;
	left:10px; top:8px;
    line-height: 30px;
    color: #1e6599;
	content:"";
    margin-top: 2px;
    font-size: 14px;
}
.searchbox a:hover{
	background:#e8e9ea;
}



.searchbox3{
	display:none;
	position:absolute;
	width:100%;
	min-height:250px;
	background:white;
	border-radius:0px;
	border-bottom:2px solid #dadada;
	overflow:hidden;
	top:37px;
	z-index:21;
	left:0px;
}
.searchbox3 a{
	width:88%;
	padding-left:10%;
	padding-right:2%;
	height:50px;
	display:block;
	background:#fff;
	float:left;
	font-size:16px;
	color:#37454d;
	line-height:30px;
	position:relative;
}
.searchbox3 a span{
	position:absolute;
	top:27px;
	line-height:16px;
	height:20px;
	left:0px;
	width:88%;
	padding-right:2%;
	font-size:14px;
	color:gray;
	display:block;
	padding-left:10%;
}
.searchbox3 a.s_desti::before {
    background: url(css_images/sprite.png) no-repeat 0px -466px;
    width:20px;
	height:20px;
	position:absolute;
	left:10px; top:8px;
    line-height: 30px;
    color: #1e6599;
	content:"";
    margin-top: 2px;
    font-size: 14px;
}
.searchbox3 a.s_cat::before {
    /*background: url(css_images/sprite.png) no-repeat 0px -466px;*/
    width:20px;
	height:20px;
	position:absolute;
	left:10px; top:8px;
    line-height: 30px;
    color: #1e6599;
	content:"";
    margin-top: 2px;
    font-size: 14px;
}
.searchbox3 a:hover{
	background:#e8e9ea;
}


#firstline #sortby{
	display:block;
	line-height:45px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	float:left;
	width:48%;
	color:#555555;
	font-family:arial;
	text-transform:uppercase;
	height:42px;
	position:relative;
	border-right:1px solid #e5e5e5;

}
#firstline #sortby span{
	width:8px;
	height:20px;
	margin-top:15px;
	margin-right:5px;
	display:block;
	float:right;
	background:url(css_images/appicons2x.png) no-repeat -15px -110px;
	background-size: 350px 1150px;
}
#firstline #sortby #sortby_select,#firstline #sortby #sortby_select2{
	opacity:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    outline: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    filter: Alpha(Opacity=0);
    z-index: 2;

}





.contentpage .inside{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	margin-top:0px;
}
#addsite label{
	width:100% !important;
}
.contentheader h1{
	margin-left:0%;
	height:auto;
	margin-bottom:10px;
	font-size:25px;
}

.hotels_box{
	width:100%;
	height:auto;
	max-height:185px;
	margin-bottom:10px;
}
.hotel{
	height:auto;
	max-height:185px;
	padding-bottom:3px;
	overflow:visible;
}
.telremind{
	font-size:14px;
	width:92%;
	margin-left:2%;
	padding:2%;
}
.hoteldetails .title_part{
	background:white;
	padding-bottom:10px;
	float:left;
}
.hoteldetails .iclick .telephone, .hotel .telephone{
	font-size:18px;
}
.hoteldetails .iclick .telephone{
	margin-top:8px;
}

.hotel .picrel{
	max-width:200px;
	width:30%;
	height:auto;
	max-height:150px;
	min-width:120px;
}
.hotel .hinfo{
	width:69%;
	overflow:hidden;
}
.hotel .picture{
	width:100%;
	height:auto;
}
.hotel .picture img{
	height:auto;
	min-height:150px;
}

.hotel .title{
	max-width:410px;
	width:auto;
	font-size:20px;
}
.hotel .destitag{
	font-size:16px;
}
.listing_body{
	width:100% !important;
}
.manager_sub_menu{
	padding-left:10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.revbox_header{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:10px;
}
.revbox{
  width:98%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left:1%;
}
.revbox .desc{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.probox_header{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:10px;
}
.probox{
  width:98%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left:1%;
}
.probox .desc{
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.button{
	margin-left:5px;
}
.faqbox{
	width:91%;
	padding-top:10px;
	margin-left:3%;
	margin-right:3%;
	padding-left:1%;
	padding-right:2%;
}
.contactsbox{
	width:95%;
	padding-top:10px;
	margin-left:3%;
	margin-right:1%;
	padding-left:1%;
	padding-right:2%;
}
.vipsbox{
	width:96%;
	padding-top:10px;
	margin-left:2%;
	margin-right:2%;
	padding-left:1%;
	padding-right:2%;
}
.faqbox_header{
	width:96%;
	padding-left:2%;
}
.faqbox .h1{
	width:100%;
	font-size:16px;
}
.faqbox .desc{
	width:100%;
	font-size:16px;
}
.manager .manager_right{
	width:100%;
	margin-top:30px;
	border-top:1px solid #dadada;
}

.manager_hotel{
	width:100%;
	height:auto;
}
.manager_hotel .picrel{
	max-width:200px;
	width:30%;
	max-height:150px;
	min-width:120px;
}
.manager_hotel .hinfo{
	/*width:69%;*/
	overflow:hidden;
	float:none;
}
.manager_hotel .picture{
	width:100%;
	height:auto;
}
.manager_hotel .picture img{
	height:auto;
	width:100%;
	min-height:150px;
}
.manager_hotel .title{
	max-width:410px;
	width:auto;
	font-size:20px;
}
.manager_hotel .destitag{
	font-size:14px;
}
.manager_hotel .buttonsbar{
	min-width:auto;
	height:auto;
}
.manager_hotel .buttonsbar a{
	width:90%;
	margin-left:3%;
	float:none;
	text-align: center;
	margin-right:0px;
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.manager_hotel .vipbtn{
	height:auto;
}

.upload-btn-wrapper{
	overflow:hidden;
	width:100% !important;
}
.codebox{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	margin-top:30px;
}
.codebox .h1{
	width:96%;
	padding-left:2%;
	font-size:16px;
}
.codebox .desc{
	width:90%;
}
.codebox .desc textarea{
	max-width:400px;
	width:100%;
}
.paymentpage{
	width:100%;
	margin-top:0px;
}
.paymentpage .section2{
	width:100%;
}
.payment_messageok{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.payment_messageok .firstline{
	width:auto;
}
.payment_messageok .secondline{
	width:auto;
}
.paymentpage .bankdata{
	width:98%;
	padding:1%;
	margin-left:0px;
}
.payment_checkok{
	margin:0px auto;
	float:none;
	margin-bottom:10px;
}
.bankdata .important{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.bankdata .important::before{
	float:left;
	position:relative;
	top:0px;
	left:0px;
	margin-right:8px;
	margin-bottom:2px;
}
.bankdata .first{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:10px;
}
.bankdata .first .left{
	width:100%;
	text-align:left;
}
.bankdata .first .right{
	width:100%;
}
.bankdata .second{
	width:95%;
	float:left;
	margin-right:0px;
	margin-top:10px;
	padding-top:20px;
	padding-left:2%;
	padding-right:2%;
}
.bankdata .second .firstline{
	width:100%;
}
.bankdata .second::after{
	left:10px;
	top:-10px;
}

.brow .bfirst{
	width:15px;
}
.brow .bsecond{
	width:100px;
}
.brow .bsecond1{
	width:200px;
}
.b_row .b_second{
	width:150px;
	overflow:hidden;
}
.b_row .b_second1{
	width:130px;
	overflow:hidden;
}
.levels_hotelname{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.warranty{
	width:100%;
}
.steps .step{
	margin-bottom:5px;
}
div#tableContainer{
	width:100%;
}
div.tableCell{
	width:96% !important;
	margin-left:2%;
}
table.pricingTableContent tr.signUpRow td{
	padding-top:50px;
}
.selectprice{

}
.optionsprice{
	width:100%;

}
.optionsprice div.sel_element {

}
.levels_warranty{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.levels_info{
	width:96% !important;
	margin-left:2% !important;
	margin-right:2% !important;
}
.contactsbox::after{
	left:10px;
}
.contactsbox .h1{
	padding-left:50px;
}
.vipsbox::after{
	left:10px;
}
.vipsbox .h1{
	padding-left:10px;
  padding-top:10px;
}
.block{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:black;
	z-index:12;
	opacity:0.6;
}
#header{
	z-index:12;
	position:fixed;
	top:0px;
	left:0px;
	height:70px;
}
#headbg.newmenu{
	border-bottom:none;
}
.header_leftbtn {
    width: 50px;
    height: 38px;
    cursor: pointer;
    float:right;
	margin-top:6px;
}
.adpage .three{
	width:92%;
	margin-left:2%;
	margin-right:2%;
	padding-left:2%;
	padding-right:2%;
}
.adpage .three img{
	margin-left:0px !important;
}
.navmanager{
	min-height:40px;
	height:auto;
	position:fixed;
	z-index:2;
	top:70px;
	display:none;
}
.navmanager.mob{
	display:block;
}
.navmanager a{
	width:100%;
	height:50px;
	line-height:50px;
}
.navmanager a .counter_green{
	right:auto;
	top:0px;
	margin-left:5px;
}
.navmanager a .counter_orange{
	right:auto;
	top:0px;
	margin-left:5px;
}



/*==========header_menu ==========*/
.header_menu{
	position:fixed;
	display:none;
	width:85%;
	border-radius:0px;
	background:#0352c1;
	float:left;
	margin-top:0px;
	margin-bottom:15px;
	min-height:40px;
	height:100% !important;
	z-index:12;
	top:70px;
}

.header_menu a.link{
	display:block;
	width:100%;
	margin-left:0px;
	padding-left:50px;
	padding-right:25px;
	line-height:50px;
	height:50px;
	margin-top:0px;
	color:#fff;
	font-weight:normal;
	font-size:18px;
	font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
	float:left;
	text-decoration:none;
	position:relative;
	box-sizing:border-box;
}



.social{
  margin-right:10px;
}

.header_menu .social{
  width:100%;
  margin-right:0px;
  display:inline-block;
  text-align:left;
  float:none;
  /*bottom:90px;
  left:50px;*/
  padding-left:40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top:80px;
}
.header_menu a.soc{
  display:inline-block;
  border-left:none !important;
  padding-left:0px;
  margin-right:5px;
}
.header_menu a.logout{
	line-height:30px;
	height:30px;
	font-size:16px;
	color:#dadada;
	margin-top:10px;
}
.header_menu a .counter_orange{
	position:absolute;
	right:0px;
	top:-4px;
	border-radius:22px;
	width:22px;
	height:22px;
	font-size:14px;
	line-height:22px;
	text-align:center;
	background:#ffa500;
	text-shadow: 1px 1px 1px #13587D;
	color:white;
}
.header_menu a .new{
	position:absolute;
	right:10px;
	top:13px;
	border-radius:22px;
  padding-left:10px;
  padding-right:10px;
	height:22px;
	font-size:14px;
	line-height:22px;
	text-align:center;
	background:#ffa500;
	text-shadow: 1px 1px 1px #13587D;
	color:white;
  z-index: 1;
}
.header_menu a .counter_green{
	position:absolute;
	right:2px;
	top:-4px;
	border-radius:20px;
	min-width:14px;
	height:20px;
	padding-left:3px;
	padding-right:3px;
	font-size:12px;
	line-height:20px;
	text-align:center;
	background:#7ba400;
	text-shadow: 1px 1px 1px #13587D;
	color:white;
}
.header_menu a.selected{
	background:#1a6fe6;
}
.header_menu a.link:not(.soc):hover{
	background:#0f55b7;
}


.header_menu .dropdown{
  width:100%;
}
.header_menu .dropdown .menu_sub{
  position: relative;
  box-shadow: none;
  min-width: auto;
  top:auto;
  z-index: 0;
  padding-bottom:0px;
}
.header_menu .dropdown .menu_sub a{
  float:left;
  color:white;
  padding-left:50px;
}

.menu_sub a{
  float:left !important; /*offers: client menu right margin*/
}
.header_menu .menu_sub.showed{
  display:block;
}

/*for mobile*/

.header_menu.mob{
	display:block;
}

.header_menu a .counter_green{
	right:auto;
	top:0px;
	margin-left:5px;
}
.header_menu a .counter_orange{
	right:auto;
	top:0px;
	margin-left:5px;
}




.header_menu .menu_desti{
	width:100%;
	background:#2187ce;
	color:#fff;
	float:left;
	position:relative;
	line-height:42px;
  font-size:18px;
	text-align:left;
	text-indent:52px;
	border-bottom:1px solid #e5e5e5;
}

.header_menu .menu_desti div span{
	  float:right;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    font-size: 0;
    line-height: 0;
    content:"";
    position: absolute;
    right:18px;
    top:20px;

}
.header_menu .menu_desti::before{
	display:block;
	width:20px;
	height:20px;
	content:"";
	top:13px;
	left:15px;
	position:absolute;
	background: var(--icon-point-orange) no-repeat;
	background-size:20px 20px;
}
.header_menu .menu_desti .desti_select{
	opacity:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    outline: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    filter: Alpha(Opacity=0);
    z-index: 2;
}



#cart{
	width:100%;
}
#cart .cart_head{
	width:100%;
}
#cart .cart_content{
	width:100%;
	padding-bottom:10px;
}
#cart .cart_content_all{
	width:100%;
}
#cart .cart_head_first{
	width:100%;
}
#cart .cart_head_second{
	width:100%;
}
#cart .cart_head_third{
	width:100%;
}
#cart .new_border{
	width:90%;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	margin-top:10px;
	padding-left:2%;
}
.hoteldetails{
	width:100%;
}
.hoteldetails .hoteltitle{
	height:auto;
	min-height:40px;
	line-height:30px;
	margin-top:10px;
	padding-left:1%;
	font-size:25px !important;
	padding-right:100px;
}
.hoteldetails .hoteltitle.spec_offer{
  padding-right:0px;
}
.hoteltitle.stars::after{
	right:-10px !important;
}

.hoteldetails .destitag{
	position:relative;
	float:left;
	font-size:18px;
	top:auto; left:auto;
	clear:left;
}
.hoteldetails .hotel_left{
	width:99%;
	padding-left:1%;
	margin-top:0px;
}
.hoteldetails .side_top{
	width:95%;
	padding-left:2%;
	overflow:hidden;
	padding-right:2%;
}
.hoteldetails .iclick{
	width:99%;
}
.hoteldetails .hotel_right{
	width:100%;
}


.hoteldetails .reserv{
	width:99%;
}

.hoteldetails .reserv #booking_captcha{
	width:100px !important;
}




.hoteldetails .offers{
	width:99%;
}

#getsearchitems{
  width:100%;
}
.offer_box{
  width:92%;
  height:auto;
  margin-right:4%;
  margin-left:4%;
  border-radius:10px;
  overflow: hidden;
  box-shadow:0px 2px 10px rgba(0, 0, 0, 0.38);
}
.offer2{
  width:100%;
}
.offer2 .webb{
  width:100%;
}
.offer2 .picrel{
  width:100%;
  height:183px;
  overflow: hidden;
}
.offer2 .picture{
  width:100%;
  height:auto;
}
.offer2 .title{
  width:94%;
  margin-left:3%;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.offer2 .ofbot{
  width:100%;
}
.offer2 .discount_{
  bottom:5px;
}
.offer2 .price{
  right:15px;
  bottom:5px;
}



.hoteldetails .useful{
	width:99%;
}
.hoteldetails_bottom .hotels_box{
	width:100%;
}
.hoteldetails_bottom{
	width:100% !important;
}
.hoteldetails .picture{
	width:99%;
	position:relative;
	float:left;
	margin-left:0%;
	margin-top:5px;
	min-height:250px;
}
.hoteldetails .picture::before{
	position:absolute;
	width:50px;
	height:50px;
	left:45%;
	top:40%;
	content:"";
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4Ny40ODIgNDg3LjQ4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg3LjQ4MiA0ODcuNDgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNNDc3LjQ4Miw2My4yNzdIMTBjLTUuNTIzLDAtMTAsNC40NzgtMTAsMTB2MzQwLjkyOGMwLDUuNTIyLDQuNDc3LDEwLDEwLDEwaDQ2Ny40ODJjNS41MjIsMCwxMC00LjQ3OCwxMC0xMFY3My4yNzcNCgkJQzQ4Ny40ODIsNjcuNzU1LDQ4My4wMDUsNjMuMjc3LDQ3Ny40ODIsNjMuMjc3eiBNNDY3LjQ4Miw4My4yNzd2MjM1LjIzNmwtMTA0LjAxOC04MC4wN2MtMy4zNjQtMi41OTEtNy45OTYtMi43NzMtMTEuNTU1LTAuNDU3DQoJCWwtNjguMjk4LDQ0LjQ1NmwtMTM0Ljc0NS05Mi40MTdjLTMuMTkyLTIuMTg5LTcuMzYyLTIuMzQtMTAuNzA2LTAuMzg0TDIwLDI1OC43Nzd2LTE3NS41SDQ2Ny40ODJ6IE0yMCw0MDQuMjA1VjI4MS45NDgNCgkJbDEyMi43ODYtNzEuODQxbDEzNS4wMjQsOTIuNjA4YzMuMzM3LDIuMjg2LDcuNzIzLDIuMzQsMTEuMTExLDAuMTM0bDY3Ljk1OS00NC4yMzVsMTEwLjYwMiw4NS4xMzh2NjAuNDUzSDIweiIvPg0KCTxwYXRoIGQ9Ik0yODAuNzA3LDIxOC4yODFjMjYuMDYzLDAsNDcuMjY2LTIxLjIwMiw0Ny4yNjYtNDcuMjY0YzAtMjYuMDU4LTIxLjIwMy00Ny4yNTgtNDcuMjY2LTQ3LjI1OA0KCQljLTI2LjA2MiwwLTQ3LjI2NCwyMS4yLTQ3LjI2NCw0Ny4yNThDMjMzLjQ0MywxOTcuMDc5LDI1NC42NDUsMjE4LjI4MSwyODAuNzA3LDIxOC4yODF6IE0yODAuNzA3LDE0My43Ng0KCQljMTUuMDM0LDAsMjcuMjY2LDEyLjIyOCwyNy4yNjYsMjcuMjU4YzAsMTUuMDMzLTEyLjIzMSwyNy4yNjQtMjcuMjY2LDI3LjI2NGMtMTUuMDMzLDAtMjcuMjY0LTEyLjIzLTI3LjI2NC0yNy4yNjQNCgkJQzI1My40NDMsMTU1Ljk4NywyNjUuNjc0LDE0My43NiwyODAuNzA3LDE0My43NnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
	background-size:50px 50px;
	background-repeat:repeat-x;
}

.hoteldetails .picture img.mybigpic{
	width:100%;
	height:auto;
}
.hoteldetails .vipp{
	font-size:18px;
	line-height:35px;
	height:35px;
}
#hotel_desc{
	text-align:left;
}
#hotelinfo .picture{
	width:98%;
	margin-left:1%;
	height:auto;
}
#hotelinfo .picture img.mybigpic{
	width:100%;
	height:auto;
}
.footer_center{
	width:96% !important;
	padding-left:2%;
	padding-right:2%;
}
.footer_center.newmenu {
    width: 96%;
	padding-left:2%;
	padding-right:2%;
}
.footer{
	border-top:5px solid #8297a3;
	}
.footer .linkbox{
	width:100%;
	margin-top:0px;
}
.footer .linkbox a.link {
	width:100%;
	line-height:40px;
	height:auto !important;
	font-size:18px;
  border-bottom:1px dashed #666;
}

.moveit{
	float:right;
	width:50px;
	height:50px;
	margin-bottom:10px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM2OC40MTYgMzY4LjQxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzY4LjQxNiAzNjguNDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjYyLjg0Myw0NC42NzNoMzcuMzY0Yy0zLjgwOSwzLjkxMy0zLjc4MiwxMC4xNjksMC4wOTEsMTQuMDQyYzEuOTUzLDEuOTUyLDQuNTEyLDIuOTI5LDcuMDcxLDIuOTI5ICAgYzIuNTU5LDAsNS4xMTktMC45NzcsNy4wNzEtMi45MjlsMTYuOTcxLTE2Ljk3MWMzLjkwNS0zLjkwNSwzLjkwNS0xMC4yMzcsMC0xNC4xNDNsLTE2Ljk3MS0xNi45NzEgICBjLTMuOTA1LTMuOTA0LTEwLjIzNy0zLjkwNC0xNC4xNDMsMGMtMy44NzMsMy44NzMtMy44OTksMTAuMTI5LTAuMDkxLDE0LjA0MmgtMzcuMzY0Yy01LjUyMywwLTEwLDQuNDc3LTEwLDEwICAgQzI1Mi44NDMsNDAuMTk2LDI1Ny4zMjEsNDQuNjczLDI2Mi44NDMsNDQuNjczeiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTMyNC4zNDEsODIuMTQ4aC0zNy4zNjRjMy44MDktMy45MTMsMy43ODItMTAuMTY5LTAuMDkxLTE0LjA0MmMtMy45MDUtMy45MDQtMTAuMjM3LTMuOTA0LTE0LjE0MywwbC0xNi45NzEsMTYuOTcxICAgYy0zLjkwNSwzLjkwNS0zLjkwNSwxMC4yMzcsMCwxNC4xNDNsMTYuOTcxLDE2Ljk3MWMxLjk1MywxLjk1Miw0LjUxMiwyLjkyOSw3LjA3MSwyLjkyOXM1LjExOS0wLjk3Nyw3LjA3MS0yLjkyOSAgIGMzLjg3My0zLjg3MywzLjg5OS0xMC4xMjksMC4wOTEtMTQuMDQyaDM3LjM2NGM1LjUyMywwLDEwLTQuNDc3LDEwLTEwQzMzNC4zNDEsODYuNjI1LDMyOS44NjMsODIuMTQ4LDMyNC4zNDEsODIuMTQ4eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTI3OS40MjEsMTU0LjE5M2MtNS41NzMsMC0xMS4yMiwxLjA3Mi0xNi41MDgsMy4wNjVjLTcuMzUxLTE0LjQzMS0yMi4zNDQtMjQuMzM4LTM5LjYwNC0yNC4zMzggICBjLTYuMTUzLDAtMTIuMDE1LDEuMTY1LTE3LjM0NCwzLjI3MWMtNy40OTQtMTQuMDA1LTIyLjI3NC0yMy41NTgtMzkuMjQ0LTIzLjU1OGMtNC4yNTEsMC04LjQxNSwwLjU5NC0xMi4zOTMsMS43NDMgICBjMC4wMDMtNC4wMDUsMC4wMDYtOC4xMDksMC4wMDktMTIuMjI5bDAuMDMtNDEuNzE5YzAuMDA4LTExLjUyNSwwLjAxMS0xNi42NzEtMC4wMzEtMTkuMjQyaDAuMDQyICAgQzE1NC4zNzgsMTguODYxLDEzNC4xMTYsMCwxMTAuMTMzLDBDODUuNjExLDAsNjUuNjYxLDE5Ljk1LDY1LjY2MSw0NC40NzJ2MTM1LjU2OWMtMTYuMzc1LDUuNDc5LTMwLjgyOSwyMC41OTItMzEuNDM2LDQyLjE2OSAgIGMtMC45NSwzMy43NTIsMS44MTcsNzYuNDYyLDMxLjg5NCwxMDcuMzk3YzI1LjM5LDI2LjExNSw2NS4xMjcsMzguODEsMTIxLjQ4MSwzOC44MWM1MC42ODUsMCw4OC4xNy0xNC45MDgsMTExLjQxNS00NC4zMTEgICBjMTYuMzI2LTIwLjY1MSwyNC45NTUtNDguNDgsMjQuOTU1LTgwLjQ4bC0wLjA3OC00NC45OTVDMzIzLjg5MiwxNzQuMTQzLDMwMy45NDIsMTU0LjE5MywyNzkuNDIxLDE1NC4xOTN6IE0xODcuNiwzNDguNDE2ICAgYy0xMTkuMzA5LDAtMTM1LjIxNy02MC40NzctMTMzLjM4My0xMjUuNjQ0YzAuNDQyLTE1LjcxNywxMy45NTQtMjUsMjUtMjV2MjguODIzYzAsMy42MjUsMi41MTQsNC4wNDcsMy4yNjQsNC4wNDcgICBzMy4xOC0wLjQxMiwzLjE4LTQuMDM4YzAtMy40OTksMC0xODIuMTMyLDAtMTgyLjEzMkM4NS42NjEsMzAuOTU3LDk2LjYxNywyMCwxMTAuMTMzLDIwYzEyLjQwMSwwLDI0LjI0Niw5LjU4MywyNC4yNDYsMjEuMTg4ICAgYzAuMDA3LDAuMDQ1LTAuMDY0LDg5Ljg2LTAuMDc3LDExMS45NTdjLTAuMDAxLDAuMDQ2LTAuMDEzLDAuMDg5LTAuMDEzLDAuMTM1djQuNjE3YzAsMi4yMDEsMS43ODUsMy45ODUsMy45ODYsMy45ODUgICBjMi4yLDAsMy45ODQtMS43ODQsMy45ODQtMy45ODV2LTEuMTk0YzAuMjE3LTEzLjMyOCwxMS4wODMtMjQuMDY3LDI0LjQ2My0yNC4wNjdjMTMuNTE1LDAsMjQuNDcyLDEwLjk1NywyNC40NzIsMjQuNDczICAgbDAuMDE5LDE3LjcyMWMwLDIuMTY4LDEuNzU3LDMuOTI1LDMuOTI1LDMuOTI1YzIuMTY3LDAsMy45MjMtMS43NTcsMy45MjMtMy45MjVsLTAuMDA4LTEuMDE0ICAgYzAtMTIuMzA1LDExLjk1Ni0yMC44OTQsMjQuMjU2LTIwLjg5NGMxMy41MTcsMCwyNC40MjIsMTAuOTU2LDI0LjQyMiwyNC40NzJsMC4wNDksMTcuOTM3YzAsMi4xMDksMS43MSwzLjgxOSwzLjgxOSwzLjgxOSAgIGMyLjEwOSwwLDMuODE4LTEuNzEsMy44MTgtMy44MTlsLTAuMDE0LTEuMzY1YzAtMTEuMTksMTIuMTA4LTE5Ljc3LDI0LjAxNy0xOS43N2MxMy41MTQsMCwyNC40NzIsMTAuOTU3LDI0LjQ3MiwyNC40NzIgICBsMC4wNzgsNDQuOTZDMzAzLjk3LDI4NS40NCwyODcuNzA4LDM0OC40MTYsMTg3LjYsMzQ4LjQxNnoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-size:50px 50px;
}


.blog_right{
	width:100%;
	margin-top:0px;
}
.blog_left{
	border-radius:0px;
	width:100%;
}
.blog_post{
	width:94%;
	margin-right:0px;
	padding-left:3%;
	padding-right:3%;
}
.notsbox{
	max-width:100%;
	border-radius:0px;
}
.bb-homebox{
	border-left:0px;
	border-right:0px;
}
.bb-homebox .right{
	margin-top:0px;
	margin-left:80px;
}
.bb-homebox [class^=icon-]{
	margin-left:0px;
	margin-top:0px;
	background-position:15px 15px;
	width:40px;
	height:40px;
	background-size:30px 30px;
	padding:10px;
	margin-right:15px;
}


.slider {

	width:100%;
	margin-left:10px;
	/*background:orange;*/
}
.slider .element {
	height:200px !important;
	margin-top:15px !important;
}
.slider .element img{
	width:100% !important;
	height:150px !important;
	border-radius:4px !important;
}
.slider .element .title{
	font-size:14px !important;
	line-height:25px !important;
}

.manager_warning{
	width:95%;
	margin-left:2%;
	margin-right:3%;
}
.manager_extras{
	padding:0px;
	column-count:1;
	margin-top:0px;
}
.manager_extras .checkbox{
	width:100%;
}

.err{
	position:fixed;
	top: var(--header_height_mobile);
  z-index: 12;
  width: calc(100vw - 20px);
  margin-left:10px;
  font-size:16px;
}
.err .icon-close{
  /*top:5px;
  right:5px;*/
  background-size:25px 25px;
  width:25px;
  height:25px;
}

}/*end media type 1000*/

@media only screen and (max-width: 550px) {/*@550*/
  .offer2 .title{
    width:94%;
    margin-left:3%;

  }
}

@media only screen and (max-width: 450px) {/*@450*/


  .more_cats a{
    width:49%;
    margin-left:0.5%;
    margin-right:0.5%;
  }

  .package_div{
    width:100% !important;
  }
  .month_div .calendar .day,.month_div.one .calendar .day{
    width:13%;
  }
  .month_div .calendar.week .day{
    width:11.3%;
  }
  .button{
  	width:100%;
    margin-left:0px;
    height:40px;
    line-height:40px;
    text-align:center;
  }
  .hotel .hinfo{
		width:60%;
	}
	.hotel .greenbtn{
		width:130px;
	}
	.hotel .website, .hotel .website_price{
		width:130px;
	}
	.hotel .itel, .hotel .ibook, .hotel .imap{
		display:none;
	}
	.hotel .cat{
		display:none;
	}
	.hotel .title{
		font-size:18px;
	}
	.hoteldetails .hoteltitle{
		font-size:22px !important;
	}
	.manager_hotel .title{
	font-size:18px;
}
	.hoteltitle.stars::after{
	right:-5px !important;
	top:-10px !important;
}
.mokup{
  padding-bottom:100px;
  background-position:90% bottom;
  background-size:auto 50%;
}
.mokup .title{
  margin-top:25px;
  font-size:24px;
  line-height:35px;
}
.mokup .title span{

}
.option{
  width:100%;
}
}


@media only screen and (max-width: 400px) { /*@400*/
	.hotel .viewbtn{
		visibility:hidden;
		width:20px;
		position:relative;
	}
  .month_div .calendar .day,.month_div.one .calendar .day{
    width:12.8%;
  }
  .month_div .calendar.week .day{
    width:11%;
  }
  .manager_hotel .vipbtn{
    line-height:20px;
    min-height:30px;
  }
	.hotel .viewbtn::after{
		content:'ⓘ';
		font-size:20px;
		font-weight:bold;
		visibility:visible;
		left:0px;
		top:0px;
		position:absolute;
	}

	.bookings .brow .bthird{
		display:none;
	}
  /*wi=8*/
  .mokup{
    padding-bottom:100px;
    background-position:90% bottom;
    background-size:auto 40%;
  }
}


@media only screen and (max-width: 320px) {
  .more_cats a{
    width:99%;
    margin-left:0.5%;
    margin-right:0.5%;
  }

	.hotel .hinfo{
		width:50%;
	}
  .month_div .calendar .day,.month_div.one .calendar .day{
    width:12.2%;
  }
  .month_div .calendar.week .day{
    width:10.8%;
  }
	.hotel .greenbtn{
		width:100px;
		text-indent:0px;
	}
	.hotel .greenbtn::after{
		display:none;
	}
	.hotel .viewbtn{
		display:none;
	}
  .button{
    height:auto;
    line-height:20px;
    min-height:30px;
    padding-top:5px;
    padding-bottom:5px;
  }
  /*wi=8*/
  .features .feature{
    width:99%;
    height:auto;
  }
  .mokup{
    padding-bottom:170px;
    background-position:90% bottom;
    background-size:auto 30%;
  }
}


@media only screen and (max-width: 250px) {
	.hotel .hinfo{
		width:40%;
	}
  .month_div .calendar .day,.month_div.one .calendar .day{
    width:12%;
    height:25px;
    line-height:25px;
    font-size:14px;
  }
  .month_div .calendar.week .day{
    width:10.2%;
  }
}





/*min width*/

@media only screen and (min-width: 450px) {

}

@media only screen and (min-width: 620px) {

}

@media only screen and (min-width: 768px) { /*ipad*/

}

@media only screen and (min-width: 1000px) {

}

@media only screen and (min-width: 1200px) {

}
