/*	Project Network page
		Author			: Thanapon Phon-on
		Edited date 	: 22/01/2016
		Reason		:	updated sprite images and FB-G+ logo */
		
		/*	clear float		*/
		.modal-content:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden; }
		
		/* Edit Bootstrap Tags */
		body {background-color: #f5f5f5; border-top: 3px solid #0864af; font-size: 12px; line-height: 1.8; }
		address {font-size: 11px; margin-bottom: 10px; }
		a {color: #2a6db4; text-decoration: none; outline: none; }
		a:hover, a:focus {color: #134982; cursor: pointer; outline: none; }
		h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: bold; color: #15375e; }
		h1, .h1 {font-size: 16px; }
		dl {margin-bottom: 0px; }
		blockquote {border-left: none; font-size: 12px; margin: 0; padding: 0; }
		blockquote::before{content: "\201C"; }
		blockquote::after{content: "\201D"; }
		label {margin-bottom: 8px; font-size: 12px; }
		strike {color: #930707; font-size: 12px; }
		small {font-size: 90%; }
		small, .small {font-size: 90%; }
		output, .form-control {font-size: 12px; }
		output:lang(jp), .form-control:lang(jp) {font-size: 11px; }
		
		body:lang(jp) {font-family: "Avenir","Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,"Roboto","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳＰゴシック","MS PGothic",sans-serif; font-size: 13px; }
		body:lang(kr) {font-family: "NanumGothic","나눔고딕","NanumGothicWeb","ng","맑은 고딕","Malgun Gothic","돋움","Dotum","림","Gulim","Helvetica","AppleGothic",sans-serif; }
		body:lang(cn) {font-family: Tahoma,Arial,Helvetica,"Microsoft YaHei New","Microsoft Yahei","微软雅黑","宋体","SimSun","STXihei","华文细黑",sans-serif; }
		body:lang(tw) {font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif; }
		
		.form-control[readonly] {background: none; cursor: pointer; }
		.form-group {margin-bottom: 20px; }
		.btn {
		border: 1px solid #d8d8d8;
		font-size: 13px;
		font-weight: bold;
		padding: 7px 12px;
		text-transform: uppercase;
		transition-property: background;
		transition-duration: 0.2s;
		transition-timing-function: linear;
		white-space: normal; }
		.btn-default {
		background-color: #f2f2f2;
		border-color: #aaa;
		box-shadow: inset 0 -2px #aaa;
		text-shadow: 1px 1px #f8f8f8;
		transition-property: background;
		transition-duration: 0.2s;
		transition-timing-function: linear;
		padding: 7px 30px; }
		.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
		background-color: #dbdada;
		border-color: #aaa;
		box-shadow: none;
		color: #333; }
		.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
		background-color: #e7e7e7;
		border-color: #e8e8e8;
		box-shadow: inset 2px 2px 0 #e8e8e8;
		color: #333; }
		.btn-primary {
		background-color: #4f9900;
		border-color: #4f9900;
		-moz-box-shadow: inset 0 -2px #427e01;
		-webkit-box-shadow: inset 0 -2px #427e01;
		box-shadow: inset 0 -2px #427e01;
		text-shadow: 1px 1px #274c00;
		transition-property: background;
		transition-duration: 0.2s;
		transition-timing-function: linear; }
		.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #427e01;
		border-color: #427e01;
		box-shadow: inset 2px 2px 0 #427e01; }
		.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-color: #427e01; box-shadow: inset 1px 1px 2px #366601; }
		.container {max-width: 1080px; }
		.dropdown-menu {right: 0; left: auto; min-width: 292px; }
		.input-group-addon {padding: 5px; font-size: 12px; }
		.input-group .form-control:last-child,
		.input-group-btn:last-child > .btn,
		.input-group-btn:last-child > .btn-group > .btn,
		.input-group-btn:last-child > .dropdown-toggle,
		.input-group-btn:first-child > .btn:not(:first-child),
		.input-group-btn:first-child > .btn-group:not(:first-child) >
		.btn {
		  border-top-left-radius: 4px;
		  border-bottom-left-radius: 4px;
		}
		.nav>li>a {padding: 10px; }
		.nav>li>a:hover, .nav>li>a:focus {background-color: #f4f2f2; color: #fff; }
		.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #f7f7f7; border-color: none; box-shadow: inset 0 0 5px #d5d5d5; }
		.nav-tabs {border-bottom: none; }
		.nav-tabs>li>a {background-color: #e7e7e7; border-radius: 4px; color: #333; margin-right: 10px; }
		.nav-tabs>li>a:hover {background-color: #cbcbcb; color: #333; }
		.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
		background-color: #1262b3;
		box-shadow: inset 0 0 5px #1b3365;
		border: none;
		color: #fff;
		cursor: default; }
		.nav-pills>li>a {border-radius: 0px; }
		.navbar {border: none; position: inherit; margin-bottom: 0; }
		.navbar-collapse {border-top: none; max-height: none; }
		.navbar-toggle {background-color: #1964b0; border: none; border-radius: 0; padding: 15px 20px; margin: 0; right: -15px; }
		.navbar-toggle .icon-bar {background-color: #fff; background: #fff; width: 24px; }
		.breadcrumb {background-color: #f9f9f9; border-radius: 4px; border: 1px solid #ccc; list-style: none; margin: 0px; padding: 0; }
		.breadcrumb>li {border-left: 1px solid #ccc; float: left; text-align: center; }
		.breadcrumb>li:first-child {border-left: none; padding-right: 15px; }
		.breadcrumb>li+li:before {color: #333; content: "»"; padding: 0; }
		.breadcrumb>li>a {color: #333; display: inline-block; padding: 10px 15px; vertical-align: top; }
		.breadcrumb>li>a:hover {color: #555; }
		.close {line-height: normal; padding: 0 1px !important; }
		.modal-header .close {margin-top: -12px; }
		.pagination {border-radius: 0; }
		.pagination>li>a, .pagination>li>span {border: none; color: #428cca; min-height: 0 !important; }
		.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0; border-bottom-right-radius: 0; }
		.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
		background-color: #e7e7e7;
		border-color: transparent;
		color: #535353; }
		.pagination> .active>a, .pagination> .active>span, .pagination> .active>a:hover, .pagination> .active>span:hover, .pagination> .active>a:focus, .pagination> .active>span:focus {
		background-color: #e7e7e7;
		border-color: transparent;
		color: #535353; }
		.badge {
		background-color: transparent ;
		border-radius: 0;
		color: #15375e;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		vertical-align: baseline; }
		.list-group {padding-left: 10px; margin-bottom: 10px; }
		.panel {border-radius: 0; border:none; box-shadow: 0 0 1px #a4a4a4; margin-bottom: 20px !important; }
		.panel-body {padding: 0 15px 15px 15px; }
		#arrivaldate:lang(it) , #depaturedate:lang(it),
		#arrivaldate:lang(fr)   , #depaturedate:lang(fr),
		#arrivaldate:lang(de) , #depaturedate:lang(de){
			font-size: 11px;
			}
		#arrivaldate:lang(jp) , #depaturedate:lang(jp),
		#arrivaldate:lang(cn) , #depaturedate:lang(cn),
		#arrivaldate:lang(kr) , #depaturedate:lang(kr){
			font-size: 11px;
			padding: 5px;
		}
		#travel-date {border-top: 4px solid #ffcd05; }
		#hpratefrom .btn-check, #travel-date .btn-check {
		background-color: #3170b5;
		border-color: #3170b5;
		color: #fff;
		-moz-box-shadow: inset 0 -2px #274a93;
		-webkit-box-shadow: inset 0 -2px #274a93;
		box-shadow: inset 0 -2px #274a93;
		margin-top: 7px; }
		#travel-date .btn-check:hover, #travel-date .btn-check:focus, #travel-date .btn-check:active, #travel-date .btn-check.active {
		background-color: #274a93; border-color: #274a93; box-shadow: inset 0 -2px #274a93; }
		#travel-date .panel-body h2 {margin: 0; padding: 0 15px 15px 15px; }
		.panel-body h2 {font-size: 12px; font-weight: normal; color: #949494; margin: 0 0 10px 0; }
		.panel-body h3 {color: #333; font-size: 12px; font-weight: normal; margin: 0 0 15px 0; }
		.panel-body h6 {color: #333; }
		.panel-title {text-transform: uppercase; }
		.panel-title>a {color: #15375e; display: block; text-decoration: none; }
		.panel-title i {margin-top: -5px;}
		.panel-group {margin-bottom: 0; }
		.panel-group .panel {border-radius: 0; overflow: visible; }
		.panel-group .panel + .panel {margin-top: 10px; }
		.panel-group .panel-heading + .panel-collapse .panel-body {border-top: none; }
		.panel-default> .panel-heading {background-color: #fff; border-color: transparent; color: #15375e; padding: 20px 15px 15px 15px; }
		.panel-default> .panel-heading.active, .panel-default> .panel-heading:hover {background: #fff; }
		.panel-default> .panel-heading:hover a, .panel-default> .panel-heading:hover span {color: #15375e; }
		.panel-default> .panel-heading.active a {color: #15375e; }
		.panel-default> .panel-heading + .panel-collapse .panel-body {border-top-color: transparent; }
		.modal {z-index: 2000; }
		.modal-content {border: 3px solid #c5c5c5; padding: 10px 5px !important; }
		.modal-dialog {max-width: 900px; width: auto; }
		.modal-header {border-bottom: none; padding: 10px 10px 0 10px !important; }
		.modal-title {color: #15375e; font-size: 14px; font-weight: bold; }
		.modal-body {padding: 0 10px 10px 10px !important; z-index: 2000; }
		.modal-body h5 {font-weight: bold; color: #333; }
		.carousel-control.left {
		background: url("../css/img/network_sprite_v01.png") no-repeat -162px -160px;
		display: inline-block;
		height: 41px;
		width: 41px; }
		.carousel-control.right {
		background: url("../css/img/network_sprite_v01.png") no-repeat -162px -119px;
		display: inline-block;
		height: 41px;
		right: 0;
		left: auto;
		width: 41px; }
		.carousel-indicators li {background-color: #e7e7e7 \9; background-color: rgba(231, 231, 231, 1); border: none; margin: 0; }
		.carousel-indicators .active {background-color: #333; border: none; height: 10px; width: 10px; }
		.carousel-indicators {bottom: 0; }
		#conditionsModal .carousel-indicators {bottom: 20px; }
		.well {
		background-color: #15375e;
		border: 1px solid #15375e;
		border-radius: 4px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
		color: #fff;
		position: fixed; right: 65px; bottom: 0;
		width: 335px;
		z-index: 1000; }
		.well button.close {color: #fff; font-weight: normal; font-size: 12px; opacity: 1; text-shadow: none; }
		.text-hide {margin: 0; }
		/* header */
		body>header {background: #fff; box-shadow: 0 0 1px #a4a4a4; width: 100%; }
		
		/* footer */
		body>footer a {color: #333; }
		
		/* Class Selectors */
		.alert {border: 2px solid; overflow: hidden; padding: 10px 15px !important; }
		.alert-danger {background-color: #f2dede; border-color: #b66370; color: #b74b4b; }
		.alert-success {background-color: #e0f0d9; border-color: #48874a; color: #48874a; font-weight: normal !important; }
		.alert-warning {background-color: #fcf7e4; border-color: #bf9858; color: #bf9858; font-weight: normal !important; }
		.align {line-height: 36px; }
		.align-block {max-width: 285px; margin: 0 auto; }
		.align-block:lang(de), .align-block:lang(it) {max-width: 320px; }
		.align-center {text-align: center; }
		.auto {width: 99%; }
		.block {display: block; }
		.blockMarginTop {display: block; margin-top: 5px; }
		.block-paddingLeft {display: block; padding-left: 25px; }
		.borderTop {border-top: 1px solid #e7eaed; padding-top: 15px; }
		.borderRight {border-right: 1px solid #afafaf; }
		.borderLeft {border-left: 1px solid #afafaf; }
		.borderBottom {border-bottom: 1px dotted #555; }
		.childpolicy {border-top: none; display: block; font-size: 12px; border: none; background: none; color: #2a6db4; }
		.childpolicy-content {display: block;left: -100px;top: 80px; }
		.childpolicy-content .popover-content { padding: 9px 14px !important; }
		.error {border: 2px solid #cc0000; }
		a.change-date {
		background-color: #3170b5;
		border: 1px solid #1a528f;
		border-radius: 4px;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		/*(;float: none !important;);*/
		margin-left: 5px;
		padding: 5px 10px; }
		a:hover.change-date {background-color: #1a528f; text-decoration: none; }
		a:active.change-date, a:focus.change-date {box-shadow: inset 1px 1px 2px #154274; text-decoration: none; }
		html:first-child.change-date {float: none !important;}
		.control-box {text-align: right; margin: 15px 0; overflow: hidden; width: 100%; }
		.carousel-control{color: #000; font-size: 30px; position: static; width: auto; }
		.top55 {top: -55px !important; }
		.text-indent {text-indent: -10px; }
		.Flexible-container {
		border: 2px solid #716e6e;
		border-radius: 4px;
		position: relative; margin-bottom: 30px; padding-bottom: 37%; padding-top: 30px; height: 0; overflow: hidden; }
		.Flexible-container iframe,   
		.Flexible-container object,  
		.Flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.full-width {width: 100%; }
		.font-small {font-size: 11px; }
		.footer-sns li {float: left; margin-left: 10px; }
		.footer-sns li:first-child {margin-left: 0; }
		.footer-sns li span {visibility: hidden; }
		.footer-sns li a {
		background: url("../css/img/network_sprite_v01.png") no-repeat -162px 0 ;
		border-left: none !important;
		display: inline-block; height: 38px; width: 38px; }
		.limited-height {height: 349px; overflow: auto; }
		.lowest-price {color: #333; font-size: 14px; position: absolute; top: 25px; right: 50px; text-transform: none !important; }
		.hotel_information_less {height: 85px; overflow: hidden;}
		.hotel_information_less2 {height: auto; overflow: hidden; max-height: 235px;}
		.comment_information_less {height: 60px; overflow: hidden;}
		.hotel_information_all, .comment_information_all {height: auto; }
		.hotel-slider li {display: none; }
		.statrscroll {
		background: #fff;
		border-bottom: 4px solid #ffcd05;
		box-shadow: 0 0 3px #333333;
		transition-property: all;
		transition-duration: .8s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
		.statrscroll #hotel-detail h1 {margin-top: 10px; }
		.statrscroll .show-price {margin-top: 10px; }
		
		.scrollToTop{
		background: #e7e7e7;
		border: 1px solid #969696;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #333;
		display: none;
		font-weight: bold;
		padding: 10px 15px;
		text-align: center;
		text-decoration: none;
		position: fixed; bottom: 50px; right:5px;
		z-index: 500; }
		.scrollToTop:hover, .scrollToTop:focus{background: #cbcbcb; color: #333; text-decoration: none; }
		
		.arrow {
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #fff;
		position: absolute; left: 10px; top: 0;
		width: 0; }
		
		/* Popup */
		.tip {outline: none; }
		.popover {
		background-color: #fcfcfc;
		text-align: left;
		max-width: 410px; width: 410px;
		z-index: 10000; }
		.popover-content {border-top-left-radius: 4px; border-top-right-radius: 4px; color: #101010; }
		.popover.bottom>.arrow:after {border-bottom-color: #fcfcfc; }
		.popover-content, .popover-title {background-color: #fff; }
		.popover-title {border-bottom: none; padding-bottom: 0; }
		.popover-title .close {position: absolute; top: 5px; right: 5px; }
		.popover-title {padding-right: 30px; }
		div#divHiddenForPopUp {z-index: 2000; }
		
		.location-and-room strong {color: #15375e; }
		.margin25 {margin: 25px 0; }
		.marginTop {margin-top: 10px; }
		.marginBottom {margin-bottom: 10px; }
		.marginLeftandRight {margin: 0 10px; }
		.marginLeft {margin-left: 13px; }
		.margin {margin: 0 10px; }
		.medium-btn {width: 75%; }
		.more {border: none; background: none; color: #2a6db4; outline: none; float: right; padding: 0; text-align: left; }
		.more:hover {color: #134982; cursor: pointer; text-decoration: underline; }
		.navbar-collapse {border-top: none; box-shadow: inset 0 2px 0 #224971; }
		.none {background: none; }
		.noborderRight {border-right: none; }
		.noborderTop {border-top: none !important; }
		.noborderBottom {border-bottom: none !important; }
		.nomarginbottom {margin-bottom: 0 !important; }
		.nomargintop {margin-top: 0 !important; }
		.nopadding {padding: 0 !important; }
		.nopaddingleft {padding-left: 0 !important; }
		.nopaddingRight {padding-right: 0 !important; }
		.nopaddingLeftandRight {padding-left: 0 !important; padding-right: 0 !important; }
		.panel-body .nav li a {width: 250px; }
		.padding-bottom {padding-bottom: 20px; }
		.paddingLeftandRight {padding-left: 15px !important; padding-right: 15px !important; }
		.reserved {border: 1px solid #ccc; border-radius: 4px; float: left; padding: 6px 10px; }
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.reserved {float: left; }
		}
		.rating-point {color: #1964b0; font-weight: bold; float: left; font-size: 22px; line-height: 22px; margin: 0 5px 0 0; }
		.require {color: #d23e2b;  font-size: 16px; }
		.right {text-align: right !important; }
		
		[class*="ico"] {background:url("../css/img/network_sprite_v01.png") no-repeat; display: block; width: 23px; height: 23px; }
		
		/* Icon Static Pages */
		.call-center {background-position: 0 0; height: 31px; line-height: 31px; width: 31px; }
		.eu-office {background-position: 0 -31px; height: 22px; line-height: 22px; width: 32px; }
		.mys-office {background-position: 0 -53px; height: 22px; line-height: 22px; width: 32px; }
		.hk-office {background-position: 0 -75px; height: 22px; line-height: 22px; width: 32px; }
		.mylogo {background-position: 0 -96px; height: 30px; line-height: 30px; width: 25px; }
		.email {background-position: 0 -126px; height: 21px; line-height: 21px; width: 32px; }
		.mylogobar {background-position: 0 -147px; height: 30px; line-height: 30px; width: 16px; }
		.cabinet {background-position: 0 -177px; height: 32px; line-height: 32px; width: 26px; }
		
		.tab-content {padding: 20px 0 10px 0; }
		.tooltip-inner {background-color: #fcfcfc; box-shadow: 0 1px 3px #d0d0d0; color: #101010; }
		.tooltip.bottom .tooltip-arrow {border-bottom-color: #fcfcfc; }
		.tooltip.in {opacity: 10; } 
		.white {background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 1px #a4a4a4; }
		.width100 {float: left; width: 100px; }
		
		/* Color */
		.blue {color: #0060b2 !important;}
		.red {color: #c83932 !important; }
		.orange {color:#ff9600 !important; }
		.yellow {color:#edb100 !important; }
		
		/* DotDotDot */
		.description {height: 35px; }
		.heading {height: 20px; }
		.breadcrumb-dotdot {height: 35px; margin: -22px 0 0 10px; }
		.breadcrumb-dotdot:lang(jp) {height: 35px; margin: -20px 0 0 10px; }
		
		/* Icons */
		.htnlogobar, .htnlogobar-long, .selected-hotel, .other-hotel, .tripadvisor-logo, .makemytrip-logo, .discount-hotel,
		.point-of-interest, .shock-hotel, .free-hotel
		{background: url("../css/img/network_sprite_v01.png") no-repeat 0 -213px; float: left; height: 17px; width: 22px; }
		.htnlogobar-long {background-position: 0 -245px; margin: 0 10px 10px 0; height: 27px; width: 18px; }
		.tripadvisor-logo {background-position: -18px -244px; margin: 0 10px 10px 0; height: 27px; width: 23px; }
		.makemytrip-logo {background-position: 0 -285px; display: inline-block; float: none; height: 20px; vertical-align: middle; width: 58px; }
		
		/* Icons */
		.selected-hotel {background-position: -67px -234px; height: 37px; margin: 5px 8px 0 8px; width: 30px; }
		.other-hotel {background-position: -68px -272px; height: 37px; margin: 5px 8px 0 8px; width: 30px; }
		.discount-hotel {background-position: -67px -348px; height: 37px; margin: 5px 8px 0 8px; width: 30px; }
		.point-of-interest {background-position: -67px -310px; height: 37px; margin: 5px 8px 0 8px; width: 30px; }
		.free-hotel {background-position: -67px -386px; height: 37px; margin: 5px 8px 0px 8px; width: 30px; }
		.shock-hotel {background-position: -132px -386px; height: 37px; margin: 5px 8px 0 8px; width: 30px; }
		
		/* Flags */
		[class*="flags"] {background: url("../css/img/network_sprite_v01.png") no-repeat -146px 0; display: inline-block; height: 11px; width: 16px; }
		.USD {background-position: -146px 0; }
		.aud, .AUD {background-position: -146px -320px; }
		.EUR {background-position: -146px -16px; }
		.GBP {background-position: -146px -32px; }
		.jp, .JPY {background-position: -146px -48px; }
		.th, .THB {background-position: -146px -64px; }
		.de {background-position: -146px -80px; }
		.fr {background-position: -146px -96px; }
		.it {background-position: -146px -112px; }
		.es {background-position: -146px -128px; }
		.ru, .RUB {background-position: -146px -144px; }
		.CAD {background-position: -146px -304px; }
		.cn, .RMB, CNY {background-position: -146px -160px; }
		.HKD {background-position: -146px -288px; }
		.kr, .KRW {background-position: -146px -176px; }
		.ar {background-position: -146px -192px; }
		.tw {background-position: -146px -208px; }
		.my, .MYR {background-position: -146px -224px; }
		.ph {background-position: -146px -240px; }
		.sg, .SGD {background-position: -146px -256px; }
		.ae {background-position: -146px -272px; }
		
		/* SNS */
		#gplus {background-position: -162px -38px; }
		#tw {background-position: -162px -76px; }
		.fb-login, .googleplus-login {
		background: url("../css/img/network_sprite_v01.png") no-repeat 10px -430px #3664a2;
		border-radius: 4px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		display: inline-block;
		height: 42px; line-height: 42px;
		margin-bottom: 10px;
		padding-left: 50px;
		width: 295px; }
		.fb-login:hover, .fb-login:focus {background-color: #274a93; box-shadow: inset 0 -2px #274a93; color: #fff; text-decoration: none; }
		.googleplus-login {background-color: #dc4e41; background-position: 10px -470px; }
		.googleplus-login:hover, .googleplus-login:focus {background-color: #da4133; color: #fff; text-decoration: none; }
		
		.fb-login-info, .googleplus-login-info {
		background: url("../css/img/network_sprite_v01.png") no-repeat 10px -430px #3664a2;
		border-radius: 4px;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		display: inline-block;
		height: 42px; line-height: 42px;
		margin-bottom: 10px;
		padding: 0 15px 0 50px; }
		.fb-login-info:hover, .fb-login-info:focus {background-color: #274a93; box-shadow: inset 0 -2px #274a93; color: #fff; text-decoration: none; }
		.googleplus-login-info {background-color: #dc4e41; background-position: 10px -470px; }
		.googleplus-login-info:hover, .googleplus-login-info:focus {background-color: #da4133; color: #fff; text-decoration: none; }
		
		/* Navigation */
		#dropmenu {position: absolute; right: -16px; top: 0px; }
		#dropmenu li {
		background-color: #fbfbfb;
		border-right: 1px solid #ebebeb;
		font-weight: bold;
		margin-left: 0;
		text-align: center; }
		#dropmenu li:first-child {border-left: 1px solid #ebebeb; }
		#dropmenu li a {color: #646464; height: 50px; line-height: 50px; padding: 0; width: 90px; }
		#dropmenu li a strong {padding: 0 10px; }
		#dropmenu li a#TopFlag {width: 155px; }
		#dropmenu li i.fa-search {font-size: 22px; }
		
		#nav_bar, #collapseFour ul {margin-bottom: 0; }
		#nav_bar {float: right; margin: -52px 155px 0 0; }
		#nav_bar li {font-weight: bold; }
		#nav_bar li:first-child {border-left: 1px solid #ebebeb; }
		#nav-wrapper {background-color: #fbfbfb; float: right; }
		#navigation {margin: 0 auto; position: relative; width: 970px; }
		#navigation li {background-color: #fbfbfb; border-right: 1px solid #ebebeb; float: left; }
		#navigation li a {border-top: none; color: #646464; display: block; height: 50px; line-height: 50px; padding: 0 20px;  }
		#navigation li a:hover {background-color: #f4f2f2;color: #333; text-decoration: none; }
		#navigation li a:focus, #navigation li a:active {
		background-color: #f7f7f7;
		box-shadow: 0 0 5px #D5D5D5 inset;
		text-decoration: none; }
		#nearbyHotel li a {display: block; }
		#nav-footer {padding-left: 0; text-align: center; }
		#nav-footer li {display: inline; }
		
		#logo {background: url("img/hoteltravel_logo.png") no-repeat; height: 52px; margin: 0; position: relative; width: 150px; z-index: 1; }
		#logo a {display: block; height: 52px; width: 150px; }
		#logo a span {text-indent: -9999px; visibility: hidden; }
		
		#socialonline {position: relative; }
		#socialonline a img {border: 1px solid #626260; border-radius: 16px; height: 32px; width: 32px; }
		#socialonline ul {border-radius: 4px; min-width: 151px; padding: 10px; }
		#socialonline ul li {background-color: #fff; border: none !important; float: none; font-size: 12px; }
		#socialonline ul li a {height: 25px; line-height: 25px; }
		#socialonline ul li a i {margin-right: 5px; }
		#navigation li#socialonline li a:hover {background-color: transparent !important; text-decoration: underline; }
		
		/* Currency, Counties and Sign in Modal */
		#myModalAllcurrency header {border-bottom: 2px solid #e7e7e7; margin-bottom: 10px; }
		#myModalAllcurrency header h5 {color: #15375e; }
		#myModalAllcurrency span, #myModalAllcurrency header {padding: 0 !important; }
		#myModalAllcurrency dd {cursor: pointer; padding: 0 0 2px 0 !important; }
		#myModalAllcurrency dd:hover {text-decoration: underline; }
		#myModalAllcurrency dd a {color: #101010; }
		#myModalAllcurrency dd strong {float: left; width: 50px; }
			#currency-menu, #counties {font-size: 12px; margin-top: 5px; padding: 10px 15px; padding-top: 0; right: -157px !important; }
			#currency-menu li, #counties li {
			background-color: transparent;
			border-right: none; float: left; height: auto; line-height: normal; margin-bottom: 15px; text-align: left; width: 100%; }
			#currency-menu li:first-child, #counties li:first-child {border-left: none; }
			#currency-menu li+li+li, #counties li+li {width: 50%; }
			#currency-menu li.last-child {font-size: 11px; text-align: right; width: 100%; }
			#currency-menu li.last-child a {color: #1964B0; width: auto !important; }
			#currency-menu li a, #counties li a {color: #333; height: auto; line-height: 16px; padding: 0; width: auto; }
			#currency-menu li a:hover, #counties li a:hover, #search_m li a:hover {background-color: transparent; }
			#currency-menu li a:hover {text-decoration: underline; }
			#currency-menu li a:hover span.flags {text-decoration: none; }
			#currency-menu li strong, #counties li strong {font-style: normal; padding: 0 10px; }
			#currency-menu li h5, #counties h5, #search_m h5 {margin-bottom: 0; }
			#counties {right: 0px !important; }
			#counties li a:hover strong {text-decoration: underline; }
		#myModalSignIn .modal-dialog {max-width: 660px; }
		#myModalSignIn .modal-body, #myModalSignIn .modal-body span {padding: 0; }
		#myModalSignIn .modal-body span form {padding: 0 10px; }
		#myModalSignIn .modal-body span nav {padding: 0 5px; }
		#myModalSignIn .modal-body span h5 {margin: 0; padding: 10px 10px 20px 10px; }
		#myModalSignIn .modal-body span nav li {list-style-position: inside; padding-bottom: 10px; }
			#loginForm {padding-bottom: 15px; }
			#loginForm .form-group p.require, #signUp p.require {font-size: 12px; }
			#loginForm .alert {border: none; font-size: 14px; margin-bottom: 10px; }
			#loginForm>div {margin: 0; overflow: hidden; }
			#loginForm>button {margin: 10px 0; overflow: hidden; }
		
		/* Footer */
		footer {border-top: 1px solid #d8d7d7; font-size: 11px; }
		footer .row {background-color: #ededed; border-top: 1px solid #f5f4f4; clear: both; margin: 0; padding: 0; }
		footer .row+.row {background-color: #f5f5f5; border-top: none; overflow: hidden; }
		footer .row>div {max-width: 940px; margin: 0 auto; padding: 0; }
		footer .row h3 {color: #555; font-size: 13px; margin: 0; white-space: nowrap; }
		
		#footer-info, #customer {
		background-color: #fff;
		box-shadow: 0 0 1px #a4a4a4;
		max-width: 940px; margin: 0 auto; margin-bottom: 20px !important;
		overflow: hidden;
		padding: 15px; }
		#customer {margin-bottom: 45px !important; }
		#customer>div {padding: 0; }
		#customer h4 {font-size: 16px; margin-top: 0; text-transform: uppercase; }
		
		#customer-care>div {border-top: none; margin: 0 auto; max-width: 940px; padding: 10px 0; }
		#customer-care>div ul, #footer-nav ul {margin-bottom: 0; }
		#customer-care ul {margin-left: -25px; }
		#customer-care>div ul li, #footer-nav ul li {display: inline; }
		#customer-care>div ul li a, #footer-nav ul li a {border-left: 1px solid #767676; padding: 0 8px; }
		#customer-care>div ul li:first-child a, #footer-nav ul li:first-child a,#footer-nav #affiliate li:first-child a {
		border-left: none; padding-left: 0; }
		
		#footer-info {margin-bottom: 45px !important; }
		#footer-info a.btn {
		background-color: #4568b2;
		border: none;
		box-shadow: inset 0 -2px #274a93;
		color: #fff;
		float: left;
		font-size: 14px;
		margin: 10px 0;
		text-transform: uppercase;}
		#footer-info a.btn:hover {
		background-color: #274a93;
		border-color: #274a93;
		box-shadow: inset 0 -2px #274a93; }
		#footer-info a.btn:active, #footer-info a.btn:focus {background-color: #274a93; box-shadow: inset 1px 1px 2px #1f3c77; outline: none; }
		#footer-info>div {border-radius: 4px; overflow: hidden; }
		#footer-info article {min-height: 105px; position: relative; text-align: center; }
		#footer-info article+article {border-left: 1px solid #eee; padding: 0 15px; }
		#footer-info article a {color: #333; text-decoration: none; }
		#footer-info h4 {font-size: 16px; margin-top: 0; text-transform: uppercase; }
		
		#company-logo {background-color: #fff; margin: 0; padding: 30px 0; text-align: center; }
		#company-logo li {font-size: 0; display: inline-block; list-style: none; margin: 0 20px; vertical-align: top; }
		#company-logo li a {
		background: url("../css/img/network_sprite_v01.png") no-repeat 0 0;
		display: inline-block; }
			a#tripadvisor-f {background-position: -396px -176px !important; height: 43px; width: 74px; }
			a#tids {background-position: -432px -224px !important; height: 31px; width: 38px; }
			a#pata {background-position: -432px -259px !important; height: 38px; width: 38px; }
			a#jata {background-position: -443px -306px !important; height: 38px; width: 27px; }
			a#hedna {background-position: -432px -350px !important; height: 39px; width: 38px; }
			a#asta {background-position: -420px -393px !important; height: 41px; width: 50px; }
			a#ustoa {background-position: -424px -430px !important; height: 41px; width: 46px; }
			a#atta {background-position: -451px -469px !important; height: 41px; width: 19px; }
			a#tica {background-position: -429px -506px !important; height: 41px; width: 41px; }
			a#verisign-secured {background-position: -396px -566px !important; height: 42px; width: 75px; }
			a#trustwaveSealImage {background-position: -393px -621px !important; height: 39px; width: 77px; }
			
		#footer-nav {max-width: 940px; min-height: 210px; margin: 0 auto; padding: 15px 0; position: relative; }
			.htnlogobar-footer {
			background: url("img/htnlogobar.png") no-repeat;
			display: block;
			height: 334px;
			position: absolute; bottom: -190px; right: 0;
			width: 185px;}
		#footer-nav>div>div.row {background-color: transparent; padding: 5px 0; }
		#footer-nav>div {padding: 0; }
		#footer-nav h3 {color: #838383; font-size: 13px; }
		#footer-nav #affiliate { }
		#footer-nav #affiliate li {display: inline-block; }
		#footer-nav #affiliate li a {border-left: none; padding: 0 3px; }
			.card {padding: 0 15px !important; }
			.card li {
			background: url("../css/img/network_sprite_v01.png") no-repeat -440px 0; 
			display: inline-block !important;
			font-size: 0;
			height: 19px;
			margin-right: 18px;
			vertical-align: top;
			width: 30px; }
			#master_card {background-position: -440px -19px; }
			#american_express_card {background-position: -440px -38px; }
			#paypal {background-position: -440px -57px; }
			#jcb_card {background-position: -440px -76px; }
		
		#nextwork-banner {width: 100%; }
		#nextwork-banner figure {margin: 0 auto; text-align: center; }
		#nextwork-banner figure img {max-width: 100%; }
		
		#award {border-left: 1px solid #f3f3f3; margin: 10px 0 0 20px; padding-left: 20px; position: relative; z-index: 100; }
		#award a {display: block; }
		#award img {height: 37px; width: 150px; }
		
		.inner-page {background-color: #fff; box-shadow: 0 0 1px #a4a4a4; padding: 20px 15px; position: relative; top: -85px; }
		.inner-page h1, .inner-page-withoutbanner h1 {margin-top: 0; text-transform: uppercase; }
		.inner-page h4 {font-size: 14px; color: #333; line-height: 22px; overflow: hidden; }
		.inner-page h4.middle {line-height: 31px; }
		.inner-page h4 span {float: left; margin-right: 10px; }
		.inner-page>.row>section, .inner-page-withoutbanner>.row>section {border-bottom: 1px solid #e8e8e8; margin: 0 15px; }
		.inner-page>.row>section>h3, .inner-page-withoutbanner>.row>section>h3 {font-size: 16px; margin: 20px 0 0 0; }
		.inner-page>.row>section>.row>p img {margin: 0 10px 20px 0; }
		.inner-page>.row>section>.row>p strong {display: block; font-size: 12px; margin-bottom: 15px; }
		
		.inner-page-withoutbanner {background-color: #fff; box-shadow: 0 0 1px #a4a4a4; padding: 20px 15px; position: relative; }
		
		.intro {margin-bottom: 20px !important; }
		/*.intro>p {padding-bottom: 25px; }
		.intro>.row {padding-bottom: 45px; }*/
		
		.office article {padding: 15px; }
		.office address {font-size: 12px; }
		.bytelephone address, .byemail address {font-size: 13px; margin-bottom: 5px; }
		.bytelephone em {display: block; font-size: 11px; margin: 25px 0; }
		.byemail {padding-bottom: 25px; }
		.byemail p {margin-bottom: 5px; }
		.co {padding-bottom: 25px; }
		.co address {font-size: 13px; margin-bottom: 5px; }
		
		.makemytrip-policy {padding: 15px 0; }
		.makemytrip-policy a {display: block; color: #333; }
		.makemytrip-policy h4 {margin-bottom: 20px; }
		
		#contact_form label {font-size: 14px; }
		#contact_form label.text-muted {text-indent: -9999px;}
		#contact_form button {margin-top: 15px; }
		#contact_form button[type="reset"] {margin-right: 25px; }
		#contact_form button[type="submit"] {color: #fff; }
		#contact_form .form-control {height: 43px; }
		#contact_form .form-group {margin-bottom: 10px; }
		#contact_form textarea.form-control {height: 120px; }
		.ht_captcha {
		background: #ffdd72;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 10px 10px 0 10px;
		width: 100%; max-width: 448px; }
		.ht_captcha a {color: #333; font-size: 11px; white-space: nowrap; }
		.ht_captcha a em {font-style: normal; }
		#imgCaptcha {float: left; }
		.newimg {
		background: url("../css/img/network_sprite_v01.png") no-repeat 0 -209px;
		float: left;
		height: 25px;
		margin-right: 5px;
		width: 28px; }
		
		.row:first-child>section.static_page h3 {margin: 0 0 15px 0 !important; }
		.row>section.static_page h3 {margin-bottom: 15px; }
		.row>section.static_page h3 a {color: #15375e; text-decoration: none; }
		
		.testimonial_review {margin-bottom: 15px; }
		.testimonial_review blockquote {background-color: #f5f8fb; border: 1px solid #d9e3ea; padding: 5px 10px; position: relative; }
		.testimonial_review h3 {font-size: 12px; }
		.arrow-up {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #f5f8fb transparent;
		position: absolute; top: -10px; left: 3%; }
		
		.live-flag {padding-left: 0; }
		.live-flag li {list-style: none; }
		.live-flag li img {border: 2px solid #c1c1c1; margin-bottom: 10px; }
		.live-flag li span {display: block; }
		
		/* Survey Page */
		.alert-msg {margin: 0 -15px; }
		.inner-page-survey {background-color: #fff; box-shadow: 0 0 1px #a4a4a4; margin-bottom: 50px; padding: 20px 15px; position: relative; }
		.inner-page-survey h1 {margin-top: 0; text-transform: uppercase; }
		.inner-page-survey h4 {font-size: 14px; color: #333; line-height: 22px; overflow: hidden; }
		.inner-page-survey label {font-size: 14px; }
		.inner-page-survey>.row>section {border-bottom: 1px solid #e8e8e8; margin: 0 15px; }
		.inner-page-survey>.row>section>h3 {font-size: 16px; margin: 20px 0 0 0; }
		.inner-page-survey>.row>section>.row>p img {margin: 0 10px 20px 0; }
		.inner-page-survey>.row>section>.row>p strong {display: block; font-size: 12px; margin-bottom: 15px; }
		
		.info-survey {background-color: #fff; box-shadow: 0 0 1px #a4a4a4; color: #717171; margin-bottom: 25px; padding: 20px 15px; position: relative; }
		.info-survey h3 {margin-top: 0; margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #333;}
		.info-heading {margin: 25px -15px; font-size: 18px; color: #2f2f2f; text-transform: uppercase; }
		.backtohomepage {border-top: 1px solid #d8d7d5; padding: 25px 15px 0 15px; }
		.backtohomepage a {color; #0864af; font-size: 14px; font-weight: bold; }
		.update {padding: 15px 65px !important; }
		.survey-form .form-group {margin-bottom: 30px; }
		.survey-form select.form-control {width: auto; }
		.survey-form textarea.form-control {max-width: 600px; }
		#survey .popover {width: auto; }
		#survey-emo-rating a {
		background: url("../css/img/network_sprite_v01.png") no-repeat 0 -814px;
		border: none;
		box-shadow: none;
		font-size: 0;
		margin-right: 15px;
		width: 43px; height: 47px;  padding:0;  }
		#two {background-position: -56px -814px !important; }
		#three {background-position: -113px -814px !important; }
		#four {background-position: -169px -814px !important; }
		#five {background-position: -226px -814px !important; }
		#six {background-position: -282px -814px !important; }
		#seven {background-position: -339px -814px !important; }
		#eight {background-position: -395px -814px !important; }
		#nine {background-position: -452px -814px !important; }
		#ten {background-position: -508px -814px !important; }
		
		#survey-emo-rating a#one:hover {background-position: 0 -864px !important; }
		#survey-emo-rating a#two:hover {background-position: -56px -864px !important; }
		#survey-emo-rating a#three:hover {background-position: -113px -864px !important; }
		#survey-emo-rating a#four:hover {background-position: -169px -864px !important; }
		#survey-emo-rating a#five:hover {background-position: -226px -864px !important; }
		#survey-emo-rating a#six:hover {background-position: -282px -864px !important; }
		#survey-emo-rating a#seven:hover {background-position: -339px -864px !important; }
		#survey-emo-rating a#eight:hover {background-position: -395px -864px !important; }
		#survey-emo-rating a#nine:hover {background-position: -452px -864px !important; }
		#survey-emo-rating a#ten:hover {background-position: -508px -864px !important; }
		
		#survey-emo-rating a#one.selected {background-position: 0 -911px !important; }
		#survey-emo-rating a#two.selected {background-position: -56px -911px !important; }
		#survey-emo-rating a#three.selected {background-position: -113px -911px !important; }
		#survey-emo-rating a#four.selected {background-position: -169px -911px !important; }
		#survey-emo-rating a#five.selected {background-position: -226px -911px !important; }
		#survey-emo-rating a#six.selected {background-position: -282px -911px !important; }
		#survey-emo-rating a#seven.selected {background-position: -339px -911px !important; }
		#survey-emo-rating a#eight.selected {background-position: -395px -911px !important; }
		#survey-emo-rating a#nine.selected {background-position: -452px -911px !important; }
		#survey-emo-rating a#ten.selected {background-position: -508px -911px !important; }
		
		/* iPhone (portrait) */
		@media only screen and (min-width: 320px) and (max-width: 479px) {
			.btn {padding: 10px 12px;}
		  #dropmenu {position: absolute; right: 48px; }
		  #dropmenu li a, #dropmenu li a#TopFlag {width: 47px; }
		  #dropmenu li a#topmycurrency {width: auto; }
		  #dropmenu li a.childpolicy {color: #2a6db4; line-height: normal; width: auto !important; }
		  #destinations, #destinations_m {width: 270px; }
		  #currency-menu li, #counties li, #search_m li {background-color: transparent; }
		  #guestReview dd small, #tripAdvisor dd small {display: block;}
		  #location .panel-body div:nth-child(2), #location .panel-body div+div {padding: 0; }
		  #logo {background: url("img/hoteltravel_mobile_logo.png") no-repeat; height: 31px; margin: 10px 0; width: 90px; }
		  #logo a {height: 31px; width: 90px; }
		  #collapseTwo ul.nav li a {padding: 7px; }
		  #myModalAllcurrency dd {width: 100%; }
		  #myModalSignIn .modal-body span nav.borderRight {border-right: none; }
		  #myModalSignIn .modal-body span nav ul {margin-bottom: 0; }
		  #myModalSignIn .modal-body span nav li {padding-bottom: 0; }
		  #myModalSignIn .modal-body .tab-content {padding-top: 10px; }
		  #myModalSignIn li a.fb-login,  #myModalSignIn li a.googleplus-login {width: 100%; }
		  #loginForm.borderRight {border-right: none; overflow: hidden; }
		  #navigation, #nav-wrapper {float: none !important; }
		  #navigation {width: 100%; }
		  #navigation li {background-color: #1964b0; border-right: none; float: none; margin: 0; }
		  #navigation li:first-child a {border-top: none; }
		  #navigation li a {
		  border-top: 1px dotted #04478d;
		  color: #fff;
		  display: block;
		  height: auto; line-height: normal;
		  margin: 0 5px;
		  padding: 10px 5px; }
		  #navigation li a:hover {background-color: #06488a; color: #fff; }
		  #navigation li#socialonline a:focus, #navigation li#socialonline a:active {background-color: #06488a; box-shadow: none; }
		  #socialonline a i.fa-angle-down {float: right; margin-top: 10px; }
		  #socialonline ul {background: none; border: none; float: none; margin: 0; padding: 0; position: relative; }
		  #socialonline ul.dropdown-menu {box-shadow: none; }
		  #socialonline ul li {background: none; padding-top: 0 !important; }
		  #socialonline ul li:last-child {box-shadow: none; padding-bottom: 0; }
		  #socialonline ul li a {height: auto; line-height: normal; padding: 10px 15px; }
		  #nav_bar {float: none; margin: 0; }
		  #nav_bar li:first-child {border-left: none; padding-top: 10px; }
		  #nav_bar li:last-child {box-shadow: 0 -5px 10px #204c79 inset; padding-bottom: 10px; }
		  #nav_bar li {font-weight: normal; }
		 
		  #counties {right: -49px !important; }
		  #currency-menu {right: -147px !important; }
		  #map-icons {float: none; padding: 0; }
		  #custom-map img {height: 115px; }
		  #footer-info>div+div>a>img {width: 100%; }
		  #customer-care>div {padding: 15px; }
		  #customer-care ul {margin-left: 0; }
		  #customer>div+div {text-align: center; }
		  .card {display: block; margin-bottom: 20px !important; text-align: center; }
		  .card li {margin-right: 10px; }
		  footer {border-top: none; }
		  footer .row {background-color: #f5f5f5; }
		  #footer-info, #customer {box-shadow: none; }
		  
		  .inner-page h1 {margin-top: 20px; }
		  .inner-page, .top55 {top: 0 !important; padding: 0 15px; }
		  .inner-page>.row>section>.row>p+p {padding-left: 40px; }
		  .inner-page>.row>section>.row>p img {width: 92px; height: 40px; }
		  .inner-page>.row>section>.row>p+p img {width: 52px; margin-right: 35px; height: 51px; }
		  .inner-page>.row>section>.row>p strong {margin-bottom: 0; }
		  .intro>.row {padding-bottom: 0; }
		  
		  .office article {border-bottom: 1px solid #e8e8e8; margin: 0 15px; padding: 15px 0; width: 290px; }
		  .office article:last-child {border-bottom: none; }
		  
		  #contact_form button {margin: 15px 0; min-width: 130px; }
		  .bytelephone address, .byemail address {font-size: 12px; }
		  .ht_captcha label {font-size: 12px !important; }
		  .ht_captcha a {font-size: 9px; }
		  .ht_captcha a em {display: block; }
		  
		  .info-heading {margin: 25px 0; }
		  .alert-msg {margin: 0; }
		}
		
		/* iPhone (Landscape) */
		@media only screen and (min-width: 480px) and (max-width: 767px) {
			.btn {padding: 10px 12px;}
			.borderRight {border-right: none; }
		  .borderLeft {border-left: none; }
		  #dropmenu {position: absolute; right: 48px; }
		  #dropmenu li a, #dropmenu li a#TopFlag {width: 53px; }
		  #dropmenu li a#topmycurrency {width: auto; }
		  #dropmenu li a.childpolicy {color: #2a6db4; line-height: normal; width: auto !important; }
		  #currency-menu li, #counties li, #search_m li {background-color: transparent; }
		  #logo {background: url("img/hoteltravel_tablet_logo.png") no-repeat; height: 52px; margin: 0; width: 150px; }
		  #logo a {height: 52px; width: 150px; }
		  #myModalAllcurrency dd {width: 50%; }
		  #myModalConditions button.btn {width: 110px; }
		  #nav-wrapper {box-shadow: inset 1px 1px 5px #204c79; float: none !important; }
		  #navigation {width: 100%; }
		  #navigation li {background-color: #1964b0; border-right: none; float: none; margin: 0; }
		  #navigation li:first-child a {border-top: none; }
		  #navigation li a {
		  border-top: 1px dotted #04478d;
		  color: #fff;
		  display: block;
		  height: auto; line-height: normal;
		  margin: 0 5px;
		  padding: 10px 5px; }
		  #navigation li a:hover {background-color: #06488a; color: #fff; }
		  #navigation li#socialonline a:focus, #navigation li#socialonline a:active {background-color: #06488a; box-shadow: none; }
		  #socialonline a i.fa-angle-down {float: right; margin-top: 10px; }
		  #socialonline ul {background: none; border: none; float: none; margin: 0; padding: 0; position: relative; }
		  #socialonline ul.dropdown-menu {box-shadow: none; }
		  #socialonline ul li {background: none; padding-top: 0 !important; }
		  #socialonline ul li:last-child {box-shadow: none; padding-bottom: 0; }
		  #socialonline ul li a {height: auto; line-height: normal; padding: 10px 15px; }
		  #nav_bar {float: none; margin: 0; }
		  #nav_bar li:first-child {border-left: none; padding-top: 10px; }
		  #nav_bar li:last-child {box-shadow: 0 -6px 5px #224972 inset; padding-bottom: 10px; }
		  #nav_bar li {font-weight: normal; }
		  #loginForm.borderRight {border-right: none; overflow: hidden; }
		  #counties {right: -64px !important; }
		  #currency-menu {right: -163px !important; }
		  #footer-info>div+div>a>img {width: 100%; }
		  #customer>div+div {text-align: center; }
		  .card {display: block; margin-bottom: 20px !important; text-align: center; }
		  .card li {margin-right: 10px; }
		  footer {border-top: none; }
		  footer .row {background-color: #f5f5f5; }
		  footer .row>div {padding: 0 15px; }
		  #footer-info, #customer {box-shadow: none; }
		  
		  .inner-page h1 {margin-top: 20px; }
		  .inner-page, .top55 {top: 0 !important; padding: 0 15px; }
		  .inner-page>.row>section>.row>p+p {padding-left: 40px; }
		  .inner-page>.row>section>.row>p img {width: 92px; height: 40px; }
		  .inner-page>.row>section>.row>p+p img {width: 52px; margin-right: 35px; height: 51px; }
		  .inner-page>.row>section>.row>p strong {margin-bottom: 0; }
		  .intro>.row {padding-bottom: 0; }
		  
		  .office article {border-bottom: 1px solid #e8e8e8; margin: 0 15px; padding: 15px 0; width: 538px; }
		  .office article:last-child {border-bottom: none; }
		  
		  #contact_form button {margin: 15px 0; min-width: 130px; }
		  .ht_captcha label {font-size: 12px !important; }
		  .ht_captcha {max-width: none; }
		  
		  .info-heading {margin: 25px 0; }
		  .alert-msg {margin: 0; }
		}
		
		/* iPhone 6 in Portrait */
		@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
			.office article {width: 92%; }
		}
		/* iPhone 6 in landscape */
		@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
			.office article {width: 637px; }
		}
		
		/* Tablet (Portrait) */
		@media only screen and (min-width: 768px) and (max-width: 959px) {
		  .container {width: 738px; }
		  .heading {height: auto; }
		  .form-control {padding: 5px; }
		  .modal-dialog {width: 748px; }
		  #currency-menu li, #counties li, #search_m li {background-color: transparent; border-left: none; height: auto; text-align: left; line-height: normal; width: 100%; }
		  #logo {background: url("img/hoteltravel_tablet_logo.png") no-repeat; }
		  #navigation li a {padding: 0 10px; }
		  #navigation {width: 768px; }
		  #nav_bar {margin-right: 155px; }
		  #customer>div+div {text-align: center; }
		  #footer-info, #customer, #customer-care, #footer-nav {margin: 0 auto; width: 768px; }
		  #customer-care ul {margin-left: 0; }
		  #footer-info a.btn {margin: 0; }
		  #footer-info p {min-height: 65px; }
		  .footer-sns {margin-top: 15px; padding-left: 18.6667%; }
		  
		  .inner-page>.row>section>.row>p img {width: 92px; height: 40px; }
		  .inner-page>.row>section>.row>p+p img {width: 52px; height: 51px; }
		  .inner-page>.row>section>.row>p strong {margin-bottom: 0; }
		  
		  .office article {border-bottom: 1px solid #e8e8e8; margin: 0 15px; padding: 15px 0; width: 708px; }
		  .office article:last-child {border-bottom: none; }
		  .ht_captcha a {font-size: 9px; }
		  .ht_captcha a em {display: block; }
		  #contact_form textarea.form-control {height: 140px; }
		}
		
		/* Tablet (Landscape) */
		@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
			.btn {padding: 10px 12px;}
			#nav_bar {margin-right: 155px; }
			.office address {font-size: 12px; }
		}
		
		/* Desktops and laptops ----------- */
		@media only screen  and (min-width : 1025px) {
			#nav_bar {margin-right: 100px; }
		}
		/* Nexus 7 (portrait) ----------- */
		/*@media only screen and (max-width : 603px) and (orientation: portrait) {
		    #navigation {width: 100%; }
		    .office article {width: 573px; }
		}
		@media only screen and (min-width : 604px) and (orientation: landscape) {
		    #nav_bar {margin-right: 260px; }
		    #navigation {width: 100%; }
		    .office article {width: 100%; }
		}