@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed);

/* FF : added by James on 02/09/2025 */
:root
{
    --pms-safearea-bottom: env(safe-area-inset-bottom, 0px);    
}

/* cssreset.com */
*, html {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color:#000000;
}

body
{
	margin:0; padding:0;  
	font-weight:300;
	font-size:18px;
	font-family:'Roboto',sans-serif;
}
p
{
	margin:0 0 1em 0;
	padding:0;
	font-weight:300;
	font-size:1em;	
	line-height:150%;
	font-family:'Roboto',sans-serif;
}
/* Vertical Spacing */
p + p {
	margin-top: 1em;
}
a
{
  color: #f4540b;
}
a:hover, a:focus
{
  color: #d94b0a;
}
img {
  border:none;
  }
/*img {
	opacity: 1;
	transition: opacity 0.3s;
}

img[data-src] {
	opacity: 0;
}*/
h1				{font:100 3em/105% 'Roboto', sans-serif; color:#000000; letter-spacing:-.02em; text-align:center; margin-bottom:.2em;}
h2 				{font:100 2.5em/120% 'Roboto', sans-serif; margin-top:0; margin-bottom:.2em;}
h3 				{font:700 1.5em/120% 'Roboto', sans-serif; margin-bottom:.2em; color:#000000;}
h4 				{font:500 1.4em/120% 'Roboto Condensed', sans-serif; margin-bottom:.2em; color:#000000;}
h5 				{font:normal 1.2em/120% 'Roboto Condensed', sans-serif; margin-bottom:.2em; color:#000000;}
h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration:underline;}
b				{font-weight:700;}
em				{font-weight:900;}
.text_left 		{text-align:left;}
.text_center 	{text-align:center;}
.text_right 	{text-align:right;}
.orange			{color:#f4540b;}
.white			{color:#ffffff;}
.bgwhite 		{background-color:#FFFFFF;}
.bgorange		{background-color:#f4540b;}
.bgyellow		{background-color:#ffb524;}
.bgyellow h1 {margin-top:0;}
.bggrey			{background-color:#EFEFEF;}
.name			{font-family:century gothic, 'Roboto', sans-serif;}
.bold			{font-weight:500;}
.normal			{font-weight:400;}
.float_left		{float:left;}
.float_right	{float:right;}
.clear			{clear:both;}
ul				{font-family: 'Roboto', sans-serif;}
li				{/*list-style-image:url(https://storage.googleapis.com/update247/images/bullet_orange.png); */
list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxMjFDNTc0MURCMzExRTc5MDAyQ0JDNzM2RDU3Q0NCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxMjFDNTc1MURCMzExRTc5MDAyQ0JDNzM2RDU3Q0NCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTEyMUM1NzIxREIzMTFFNzkwMDJDQkM3MzZENTdDQ0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyMUM1NzMxREIzMTFFNzkwMDJDQkM3MzZENTdDQ0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7XBd/HAAAAU0lEQVR42mL8//8/AzGAiYFIMIAKGb+EcEsB6TQgDoWKrQbiWdyrvzxDVsgCVVSPJAZjN6BbHYrFplCKPLMaiziGGMiNs9CsW40khvA1sVEIEGAA6qsSKZVT1iAAAAAASUVORK5CYII=);
margin:0 0 .5em 1.5em;}
li span			{color:#636363;}
label {padding-right:.5em;}

input[type="text"], input[type="email"], input[type="password"], textarea, select
{
	margin:.1em 0; 
	padding:.15em .3em; 
	border:solid 1px #d7d7d7; 
	border-radius:.3em;
	-moz-border-radius:.3em;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
input[type="submit"], input[type="button"]
{
	margin:.1em 0; 
	padding:.15em .5em; 
	border:solid 1px #f4540b; 
	border-radius:.3em;
	-moz-border-radius:.3em;
	width:auto !important;
	background:#f4540b;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:700;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
}
input[type="submit"]:hover, input[type="button"]:hover {background:#636363; color:#FFFFFF; border:solid 1px #636363; text-decoration:none;}

::-webkit-input-placeholder {color:#666666; font-size:.8em; font-weight:300;}
:-moz-placeholder { /* Firefox 18- */color:#666666; font-size:.8em; font-weight:300;}
::-moz-placeholder {  /* Firefox 19+ */color:#666666; font-size:.8em; font-weight:300;}
:-ms-input-placeholder {color:#666666; font-size:.8em; font-weight:300;}
.btn-primary {background-color:#f4540b; border-color:#f4540b;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color:#ffb524; border-color:#f4540b;}
.button
{
	margin:.1em 0; 
	padding:.5em 1.5em; 
	border:solid 1px #f4540b; 
	border-radius:.3em;
	-moz-border-radius:.3em;
	width:auto !important;
	background:#f4540b;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:700;
	font-size:1.1em;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	display:inline-block;
}
.button:hover {background:#636363; color:#FFFFFF; border:solid 1px #636363; text-decoration:none;}
.button-grey
{
	margin:.1em 0; 
	padding:.5em 1.5em; 
	border:solid 1px #636363; 
	border-radius:.3em;
	-moz-border-radius:.3em;
	width:auto !important;
	background:#636363;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:700;
	font-size:1.1em;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	display:inline-block;
}
.button-grey:hover {background:#f4540b; color:#FFFFFF; border:solid 1px #f4540b; text-decoration:none;}

.cols-two	{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: .75em;
     -moz-column-gap: .75em;
          column-gap: .75em;
}
.cols-three	{
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.cols-four	{
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: .5em;
     -moz-column-gap: .5em;
          column-gap: .5em;
}
.cols-five	{
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
  -webkit-column-gap: .25em;
     -moz-column-gap: .25em;
          column-gap: .25em;
}
.cols-six	{
  -webkit-column-count: 6;
     -moz-column-count: 6;
          column-count: 6;
  -webkit-column-gap: .25em;
     -moz-column-gap: .25em;
          column-gap: .25em;
}
.cols-1 {width:calc(100% / 12 - 5px); display:block; margin-left:auto; margin-right:auto;}
.cols-2 {width:16%; display:inline-block;}
.cols-3 {width:24.5%; display:inline-block;}
.cols-4 {width:33%; display:inline-block;}
.cols-5 {width:41%; display:inline-block;}
.cols-6 {width:49.5%; display:inline-block;}
.cols-7 {width:58%; display:inline-block;}
.cols-8 {width:66%; display:inline-block;}
.cols-9 {width:75%; display:inline-block;}
.cols-10 {width:83.4%; display:inline-block;}
.cols-11 {width:calc(100% / 12 * 11); display:inline-block;}
.cols-12 {width:100%; display:inline-block;}
div[class*="cols-"] {vertical-align:top;}
div[class*="cols-"] img.photo {max-width:100%; display:block;}
div[class*="cols-"] .colspadding {margin:0 .4em;}

/*
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}*/

.box-shadow
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

/************* HEADER ***********************************************/
#header
{
	margin:0px auto; 
	display:block;
	width:100%;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); 
}
/*.top_header
{
	margin:0 auto 0 auto; 
	padding:.2em 0 0 0;
	width:1000px;
	display:block;
}*/

.header-seo-link			{background:#ffb524; padding:.5em 0; width:100%; height:2em; text-align:center; font:400 .8em/1em 'Roboto', sans-serif; color:#000000; letter-spacing:.05em; text-transform:uppercase; display:block;}
.header-seo-link a:link, .header-seo-link a:visited	{font-weight:normal; color:#000000; text-decoration:none;}
.header-seo-link a:hover 	{color:#FFFFFF; text-decoration:none;}

.header-phone				{margin:0; padding:0px; /*border-bottom:solid 1px #E5E5E5;*/ width:100%; height:auto; text-align:center; display:block; }
.header-phone .phones		{margin-top:3px; margin-bottom:3px; margin-left:auto !important; margin-right:auto !important; text-align:left; padding:0px 10px 0px 5px; /*width:calc(100%/7 - 15px);*/ width:auto; height:auto; border-right:solid 1px #cccccc; display:inline-block; }
.header-phone h3.city-name	{margin:0px; padding:2px 0px 0px 0px; font:normal 14px/14px 'Roboto', sans-serif; color:#F4540B; text-align:left; display:block;}
.header-phone span.phone-num{margin:0px; padding:0px 0px 2px 0px; font:bold 16px/18px 'Roboto', sans-serif; color:#999999; text-align:left; display:block;}


#logo 	  {margin:2px .5em 0 .5em; padding:0; height:85px; border:none; display:inline-block;}
#logo img {max-width:98% !important; max-height:85px;}

.demobtn {
	margin:.0.25em 0; 
	padding:.25em 0.25em; 
	border:solid 1px #f4540b; 
	border-radius:.3em;
	-moz-border-radius:.3em;
	width:auto !important;
	background:#f4540b;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:700;
	font-size:0.9em;
	font-family:'Roboto Condensed', sans-serif;
	text-decoration:none;
	display:inline-block;
}
.demobtn:hover {background:#636363; color:#FFFFFF; border:solid 1px #636363; text-decoration:none;}

nav {border:0;}
.navbar {border-left:none !important; border-right:none !important; border-bottom:none !important; border-radius:0 !important;}
nav, .navbar, .navbar-nav, .navbar-default, .navbar-header, nav .container {background-color:transparent; padding-bottom:0; margin-bottom:0 ;}
.navbar-brand {padding:0; height:85px;}
.navbar-nav {
  margin:0;
}
.navbar-nav > li > a {
  padding:3px 2px 2px 2px;
  line-height: 20px;
  border-bottom:solid 5px #FFFFFF; border-top:solid 5px #FFFFFF; 
  color:#000000; text-decoration:none;
}
.navbar-form
{
  border:0 !important;
  padding:0 !important;
}
.navbar-default .navbar-collapse {border:0 !important; padding-top:0 !important; padding-bottom:0 !important; padding-left:5px !important; padding-right:5px !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:none !important;}
.navbar #register247 {padding-top:5px;}
.navbar #tripconnect {padding-top:5px;}

.menu 	{margin-top:0; margin-bottom:0 !important; margin-left:auto; margin-right:auto; padding:0 !important; width:100%;
		 font:500 .9em/1.25em 'Roboto Condensed', sans-serif; text-align:center !important; text-transform:capitalize; display:block;}
.menu > li  {list-style:none !important; list-style-type:none; margin-left:9px; display:inline-flex;}
/*.menu > li > a			{border-bottom:solid 5px #FFFFFF; border-top:solid 5px #FFFFFF; padding:3px 6px 2px 6px; color:#000000; text-decoration:none; display:inline-block;}*/
.menu > li.active,
.menu > li.active > a,
.menu > li.active > a:hover,
.menu > li.active > a:focus {border-bottom-color:#f4540b; }
.menu > li > a:hover	{text-decoration:none; color:#f4540b; border-bottom-color:#f4540b;}
/*.menu a.active:hover	{border-bottom-color:#f4540b;}*/
.menu > li > a.demo	{background-color:#f4540b; background-image:none; color:#ffffff; text-decoration:none;}
.menu > li > a.demo:hover {background:#FFFFFF; text-decoration:none; color:#f4540b; border-bottom-color:#f4540b;}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  nav, .navbar, .navbar-nav, .navbar-default, .navbar-header, nav .container {padding-left:0; padding-right:0;}
  ul.navbar-nav, .navbar-nav > li {margin-left:3px; margin-right:3px;}
  #logo 		{margin-left:0; margin-right:10px;}
}


/***** Home: Header Members Login Box Starts *********/


.top-login-box
{
        /*comment by racon 01/09/2025, remove border, we only have login button now*/
	/*border:solid 1px #d7d7d7; border-radius:.5em; -moz-border-radius:.5em;*/
	margin:.2em 0 .1em 0; 
	padding:.2em .5em; 
	width:100%;
	height:auto;
	color:#999999; 
	display:block;
}
form .top-login-box a {font-size:.8em; font-weight:300; color:#666666;}
/*.top-login-box .client_login
{
	width:auto;
	padding-top:.5em;
	display:block;
}*/
/* removed 16-JUn-2021
.top-login-box .client_login_header
{
	margin:3px 0 3px 15px;
	font-weight:300; font-size:.9em; line-height:100%; font-family:'Roboto Condensed', sans-serif;
	color:#f4540b; 
	display:block !important;
}
*/
.top-login-box [class*='col-'] {padding-left:3px; padding-right:3px;}
.top-login-box #forgot-pw
{
	text-align:right !important;
}
.top-login-box #forgot-pw a:link, .top-login-box #forgot-pw a:visited
{
	padding-left:15px; padding-right:15px;
	font-size:.65em; font-weight:300; color:#666666; text-decoration:none;
	text-align:right;
}
.top-login-box #forgot-pw a:hover
{
	padding-left:15px; padding-right:15px;
	font-size:.65em; font-weight:300; color:#f4540b; text-decoration:underline;
}
.top-login-box, .top-login-box input[type=text], .top-login-box input[type=password]
{
        /*modified by racon 01/09/2025, change to 12px from 2px, forgot password button is removed*/
	margin-top:12px;
	margin-left:2%; margin-right:2%;
	width:96%;
}
.top-login-box input[type=text], .top-login-box input[type=password]
{
	font-size:0.85em;
}
.top-login-box #login_button
{
	margin-top:2px;
	margin-left:2%; 
	margin-right:15px;
	font-size:0.9em;
} 
/* Tooltip container */
.tooltip-login {
  position: relative;
  margin-left:13px;
  display:block;
  border: 2px dotted #3f07a6; /* If you want dots under the hoverable text */
  border-radius:6px;
  font-size:0.8em;
  font-weight:bold;
  text-align:center !important;
  color:#297e07;
}
.tooltip-login a {
  font-size:0.8em!important;
  font-weight:bold!important;
  text-align:center !important;
  color:#297e07!important;	
}
/* Tooltip text */
.tooltip-login .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  font-size:1em;
  font-weight:normal;
  text-align: center;
  padding: 5px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1000;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip-login .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-login:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* added by rajeev : 16/09/224 */
.mobile-header-btn {display:none;}
.free_demo_btn {display:block;}
/* end of added by rajeev : 16/09/224 */

@media only screen and (min-width:768px)
{
	#loginform2 {visibility:visible;}
	#loginform2m {display:none; margin:0; padding:0;}
	.navbar-form {width:auto; max-width:500px; display:inline-block;}
        /*modified by racon 01/09/2025, increase width, username and password input are removed*/
	.top-login-box #login_button {margin-right:15px; width:320px !important;}
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .top-login-box, .top-login-box .client_login_header {display:inline-box; width:auto;}
  .top-login-box, .top-login-box input[type=text], .top-login-box input[type=password] {margin-left:0%; margin-right:0%;}
  form.navbar-form {max-width:450px;}
}
@media only screen and (min-width:0px) and (max-width:767px)
{
	#loginform2 {visibility:hidden; display:none;}
	#loginform2m {visibility:visible; margin:0; padding:0;}
	.header-seo-link {display:none; visibility:hidden;}
	.navbar-form {width:100%;}
}
/************* CONTENT ***********************************************/
.jumbotron {margin-top:0; margin-bottom:0; border-radius:0; border:0;}
.jumbotron .container {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5Nzc3RTgyOTUwOTExRTY5NTlGOUI3RjM1MzE4NDFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5Nzc3RTgzOTUwOTExRTY5NTlGOUI3RjM1MzE4NDFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk3NzdFODA5NTA5MTFFNjk1OUY5QjdGMzUzMTg0MUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk3NzdFODE5NTA5MTFFNjk1OUY5QjdGMzUzMTg0MUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5mbOzaAAAAp0lEQVR42uzRAQ0AMAgEsTH/0vD02CCkJ+FaSfppTd8CIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIEAERECACAgQAbneCDAA0qAEkXQdlL8AAAAASUVORK5CYII=) repeat; padding-top:30px; padding-bottom:30px;}
section h1 {margin:0;}
section h2 {font-weight:300;}
section h3 {margin-top:0;}
section h1 a, section h2 a, section h3 a {color:#000000;}
section .sitelogos img {margin:5px 10px; padding:0; display:inline-block;}
.holderbox  {width:940px; margin:0 auto; padding:0px;}
.paddingsmall	{padding:.2em;}
.padding	{padding:1em;}
.paddingbig	{padding:1em 3em;}
.shadow-bot {background-position:top; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAKCAYAAAAnx3TwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0NkMzQ0E0OTFFQTExRTZCMTlFQjE5MUQ2ODExRDU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ0NkMzQ0E1OTFFQTExRTZCMTlFQjE5MUQ2ODExRDU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDQ2QzNDQTI5MUVBMTFFNkIxOUVCMTkxRDY4MTFENTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ2QzNDQTM5MUVBMTFFNkIxOUVCMTkxRDY4MTFENTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7iUzSUAAACuUlEQVR42uydS27cQAxEi0AA73OAnCAnyIFy/4WzyIrxJF4MDKmr2JOBAOM9YOCPWhKbTVaz7QVL0k8BAAAAAAAAwKV8efv8fv++3z71/vWIOhhTd9f7w7j76724v0+eo4Nn6MTG+vDz2dijZ+nERp3Ydmb/ym+JTc4uLeZSJ+Pq5LoO/JWsTwfPTOIg8acWflIwzzaxMY2J6Xq2yb3VuNV6yvi1AxvO4iv1qYtbpyEaakya7zL3JGvS5vnpmEn8Oi3q0JcVrn8S/07rXY7VYNxKNxLNm/phoiWr+KxwjdN4StZgokWTOSvU6FV8p3ZMNWeyv/UgD2o4h8l6T/fGNC8SHZ7WNj2Yr3vHJN92cs3Z6eqOHq6njG67OknhHCb7lMI60OW583eqjxXEf2KDqxWTmsHtGXpQs2swl4lmJxpWw3rnf9S1NcgBpzdOV8rUuu780cN4fuS9GsTczrn377jbAf0Xf6cAAAAAAAAAuJbbAf0VNwAAAAAAAABcy+1f7D9wAwAAAAAAAMD1B/TvuAEAAAAAAADg+gP6N9wAAAAAAAAAcP0B/StuAAAAAAAAALj+gP5irt/zrBYOUtaaZ3Wvs+H++jNbOJzZk/rw2S0cjux4RguHHT8426TP0cJB8i1kntXCwcWCNG+5mLZhSt+303oqbTHToY1pbrqxSc7I+CJ9T6p/2tAWLWJoqgNJiydp3T5ppyWlBvm90pUKNWtXY1M9SXPFaUDSRlDK23ym+u5aYVbg35UGJHo/jZvV+12tNdEyl/O7LSknOdCD+EpJ9iLJtxfsoLZLc8rVvIk9bl9P9r603ZzCXK8wdxXUsa6V6k474kn94OxI2oVOW61ONdvtuTs132qfTM5cqa4/uga7LQSTM1mFOpLWMJPzyk7OKzgXuJrq3y+7WwAAAAAAAABwLX8EGACQgvkGjh4rzQAAAABJRU5ErkJggg==);
}
.shadow-top {background-position:top; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAKCAYAAAAnx3TwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQzY5NEY4OTFFQTExRTY4RjhGOTc1OEFBRDFDRkVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBQzY5NEY5OTFFQTExRTY4RjhGOTc1OEFBRDFDRkVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFDNjk0RjY5MUVBMTFFNjhGOEY5NzU4QUFEMUNGRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFDNjk0Rjc5MUVBMTFFNjhGOEY5NzU4QUFEMUNGRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pwicnAAACrElEQVR42uydbUuDMQxFUxD8oPj//218AWUM03tvJ24fzoEhzK5PmiZpKri7ursAAAAAAAAA4L6sj9ez+P0lPbx3PbZ/maevftYw9+XP3+adPqtsuPx9G2MnuzuYb7fOyX53LSXsUX7vwf4Wz5ieU5u5XD8o22pYTwufTDHVYp+nPVDxnMTybqwTc7vPKdvL8PGteVFGHjtrX+ZYVZ/atNHNTTXWyZkSvnCf49a/OqgttYmhtA70Zj8nG5ZZJ93YUzmyqyvLrFmnNdatJ26uqBqg6oPykVNTkhh39tapAU69T+Nm93zVayW1TOX8Mu1wei33jGvR9zg4Z1GJdan66tT2Nv3l2qPOdefsW0Hv7OT6MnO3jD52d27WwXnu9jhODpXhlw7zdB3UbHXmnvR8u3PSuXO5df3WPXB87OZt0pcp37t7ovImyfky7gWqp/ri6eP1wt8pAAAAAAAAAO7L5wX9FTcAAAAAAAAA3P+C/oYbAAAAAAAAALigAwAAAAAAAHBB54IOAAAAAAAA8BgXdP4HHQAAAAAAAOABLujf3+KeSit9v1cXn6/KvoZfSX1cz1F1Lo0xzVWDjVVnclAV2q/k2ZRsiJLgUPJ2yf50ZbJWSpbFed60x2qdSsInjYl0Px05j2lcIhdU5cs5lYgv16cqbk+ku6rOpYNcacBEYmWa3x2TxK+qRa6EyDL334l/VyJw2o8VjNvVjURi0PVDUkt28bnMPXbjyZXhSs5Gd81l1uhdfLt2pDUnOd86yIMVriHZ7xM5VScvXKmlpLfpYL2uDF2FfnJzTdl5Ije4s7NE3VZ9UplrSM6pMvtAlefK3259TGQsH0EK+Zaa/R9SyLfKdP5lX7uCHFD1RtWVR5JCTmQt/1oK+Weezwv6M3+nAAAAAAAAALgv7wIMAK5x9ZaM4KxtAAAAAElFTkSuQmCC);
}
#content		{width:940px; margin:0 auto; padding:0px; background-color:#FFFFFF; font-family:'Roboto', sans-serif;}

/*********** HOME **************/

ul.channel-list {
  padding-top:1em;
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: .5em;
     -moz-column-gap: .5em;
          column-gap: .5em;
}
ul.two-col {
  padding-top:1em;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: .25em;
     -moz-column-gap: .25em;
          column-gap: .25em;
}
/* START homepage mobile-web images */
.hide {display:none;}
.zoom1, .zoom2, .zoom3 	
{
	transition: transform .2s; /* Animation */
	transform: scale(0.8);	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
}
.zoom1 {background:url(https://www.update247.com.au/images/mobile-web-bookings247_s.png) top center no-repeat;}
.zoom2 {background:url(https://www.update247.com.au/images/mobile-web-update247cm_s.png) top center no-repeat;}
.zoom3 {background:url(https://www.update247.com.au/images/mobile-web-update247rms_s.png) top center no-repeat;}

.zoom1:hover, .zoom2:hover, .zoom3:hover
{
	background-size:contain;
	padding:15px;
	transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	z-index: 0;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.32);
	-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.32);
	box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.32);
}
.zoom1:hover {background:#ffffff url(https://www.update247.com.au/images/mobile-web-bookings247.png) top center no-repeat; background-size:contain;}
.zoom2:hover {background:#ffffff url(https://www.update247.com.au/images/mobile-web-update247cm.png) top center no-repeat; background-size:contain;}
.zoom3:hover {background:#ffffff url(https://www.update247.com.au/images/mobile-web-update247rms.png) top center no-repeat; background-size:contain;}

.zoom1:hover img, .zoom2:hover img, .zoom3:hover img 
{
	padding-bottom:15px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}
/* ENDS homepage mobile-web images */
/* STARTS custom-built website thumbnails on homepage */
.customwebsite_thumb_text 
{
	position: absolute; 
	top:0%; z-index: 0; 
	opacity: 0;  
	margin:0 15px 0 0;
	padding-top:55%;  
	height:100%; 
	background-color: #000000; 
	color:#FFFFFF; 
	font-size:1.2em; 
	font-weight: 700;
	display:block;
}
.customwebsite_thumb_text:hover 
{
	opacity: 70%;
}
/* ENDS custom-built website thumbnails on homepage */
.pic_home
{
	background:url(https://storage.googleapis.com/update247manager/images/update247manager-pic1.jpg) 50% 20% no-repeat;
	background-size:cover; 
	padding:3em 0; 
	width:100%; 
	height:calc(500px - 6.5em); 
	vertical-align:middle;
	text-align:center;
	display:block;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
.pic_home .copy {background:url(https://storage.googleapis.com/update247manager/images/opacity_80white.png) repeat; margin:0 auto; padding:3em; width:calc(900px - 3em); display:block;}
.pic_home .copy h2 {font-weight:300;}

.mainpic
{
	background-repeat:no-repeat; 
	background-size:cover; 
	width:100%; 
	height:auto; 
	vertical-align:middle;
	text-align:center;
	display:block;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
.mainpic .copy {background:url(https://storage.googleapis.com/update247manager/images/opacity_80white.png) repeat; margin:0 auto; padding:3em; width:calc(900px - 3em); display:block;}
.mainpic .copy h2 {font-weight:300;}

#mainpic_contactus {
	background-image:url(../images/pic_online-booking-softwares.jpg); background-position: center 50%; background-repeat:no-repeat; background-size:cover;
	margin-bottom:0;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
#mainpic_features{
	background-image:url(../images/pic_hotel-channel-manager.jpg); background-position: center 50%; background-repeat:no-repeat; background-size:cover;
	margin-bottom:0;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
#mainpic_pricing{
	background-image:url(../images/pic_update247-channel-manager-pricing.jpg); background-position: center 50%; background-repeat:no-repeat; background-size:cover;
	margin-bottom:0;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
#mainpic_gds{
	background-image:url(../images/pic_update247-connects-gds.jpg); background-position: center 50%; background-repeat:no-repeat; background-size:cover;
	margin-bottom:0;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
#mainpic_investors{
	background-image:url(../images/whitelabel_bg.jpg); background-position: right 40%; background-repeat:no-repeat; background-size:140%;
	margin-bottom:0;
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}

#mainpic_contactus .copy, #mainpic_features .copy, #mainpic_pricing .copy, #mainpic_gds .copy {background:url(../images/opacity_80white.png) repeat; margin:0 auto; padding:3em; display:block;}
#mainpic_contactus h2 a, #mainpic_features h2 a, #mainpic_pricing h2 a, #mainpic_gds h2 a {color:#000000;}


.pdts_cols3
{
	background:#FFFFFF;
	margin:0.5em;
	padding:0.5em 1em 1em 1em;
	width:calc(33% - 1em);
	min-height:420px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	vertical-align:top;
	text-align:center;
	display:inline-block;
}
.pdts_cols3 h2 {font-weight:300;}
.pdts_cols3 h3 {display:block;}
.pdts_cols3 h4 {font-weight:700; font-size:1.25em; display:block;}
.pdts_cols3 p  {margin-bottom:0; font-size:.9em; line-height:120%; display:block;}
.pdts_cols3 span {font-size:.7em; display:block;}
.pdts_cols3 img {max-width:calc(100% + 2em); margin-left:-1em; margin-bottom:.5em; height:auto; display:block;}

/*#collapse {display:none; visibility:none;}*/

#channels 			{display:none;}
#channels:target 	{display:block;}
#channels li    	{font-size:90%;}

.whitelabel
{
	padding:1.8em 0 3.2em 0; 
	width:100%; 
	height:auto; 
	vertical-align:middle;
	text-align:center;
	display:block;
}

/**** pricing ***/
.border-bottom {border-bottom:solid 1px #CCCCCC; padding:.3em 0 .2em 0;}
p.num_room {margin-bottom:0; font-weight:300; font-size:.8em;}
p.num_room b {margin-bottom:0; font-weight:700; font-size:1.5em;}
p.price {margin-bottom:0; font-weight:300; margin-bottom:0; font-size:.8em;}
p.price b {margin-bottom:0; font-weight:700; color:#f4540b; font-size:1.5em;}


.main_content
{
	margin:0 auto;
	width:1000px;
	height:auto;
	padding:0 20px;
	font-family:'Roboto', sans-serif;
}

/***** Home: Writeup Column *********/
.main_content .writeup
{
	width:660;
	margin:0;
	padding:15px 0 0 20px;
	border-left:1px solid #ebebeb;
	float:left;
}
.main_content .writeup a
{
	color:#636363;
	text-decoration:none;
}
.main_content .writeup a:hover
{
	color:#636363;
	text-decoration:underline;
}

/***** Home: Benefits Column *********/
.main_content .benefits
{
	width:230px;
	margin-right:20px;
	padding-top:15px;
	float:left;
}
.main_content .benefits .benefits_top
{
	background:url(https://storage.googleapis.com/update247/images/benefits_top.gif) no-repeat top left;
	width:230px;
	height:10px;
	margin:0px;
	padding:0px;
	clear:both;
}
.main_content .benefits .benefits_box
{
	width:218px;
	min-height:440px;
	margin:0px;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:5px;
	border-left: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	display:block;
	clear:both;
}
.main_content .benefits .benefits_box a
{
	font-weight:bold;
	color:#f4540b;
	text-decoration:underline;
}
.main_content .benefits .benefits_box a:hover
{
	font-weight:bold;
	color:#333333;
}
.main_content .benefits .benefits_bottom
{
	background:url(https://storage.googleapis.com/update247/images/benefits_bottom.gif) no-repeat bottom left;
	width:230px;
	height:10px;
	margin:0px;
	padding-top:0px;
}
.main_content .benefits .cta
{
	background:url(https://storage.googleapis.com/update247/images/benefits_bottom.gif) no-repeat bottom left;
	width:230px;
	height:10px;
	margin:0px;
	padding-top:0px;
}
a.print, a.print:link, a.print:visited{color:#f4540b; text-decoration: none; margin:0px; padding:0px;}
a.print:hover{color:#f4540b; text-decoration: underline;}


/************* FOOTER ***********************************************/
#footer				{background-color:#ffb524; width:100%; margin:0; padding:1em 1em 2em 1em; text-align:center; display:block;}


.footer_menu
{
	width:100%;
	margin:0 auto; 
	padding:0 0 1em 0; 
	font-size:.95em; font-weight:500; line-height:1.1em; font-family:'Roboto Condensed', sans-serif; 
	text-align:center; 
	text-transform:uppercase; 
	display:block;
}
.footer_menu a
{
	margin:.2em auto; 
	padding:0 .8em; 
	font-weight:500; 
	text-decoration:none; 
	color:#000000;
	display:inline-block;
	border-right:solid 1px #000000;
}
.footer_menu a:hover
{
	text-decoration:none; 
	color:#FFFFFF;
}

.copyright					{ width:100%; margin:0 auto; padding:0 0 .2em 0; font-size:.9em; text-decoration: none; display:block;}
.copyright a				{ text-decoration: none; color:#000000; }
.copyright a:hover			{ color: #ffffff; }

#footer	.address			{ width:100%; margin:0 auto; padding:0; font-size:.9em; text-decoration: none; display:block;}
#footer	.address a			{ text-decoration: none; color:#000000; }
#footer	.address a:hover	{ color: #ffffff; }

.footer-phone				{margin:0 auto 3em auto; padding:1em 0; border-bottom:solid 1px #FFD075; width:100%; height:40px; text-align:left; display:block; }
.footer-phone .phones		{margin:3px auto; padding:0px 10px 0px 5px; width:14.5%; height:auto; border-right:solid 1px #FFD075; display:inline-block;}
.footer-phone h3.city-name	{margin:0px; padding:2px 0px 0px 0px; font:normal .9em/1.2em 'Roboto', sans-serif; color:#000000; display:block;}
.footer-phone span.phone-num{margin:0px; padding:0px 0px 2px 0px; font:bold 1em/1.2em 'Roboto', sans-serif; color:#000000; display:block;}

.footer-seo-links			{ width:100%; margin:0 auto; padding:10px 0; text-transform:capitalize; letter-spacing:0px; font-size:.8em; }
.footer-seo-links a			{ text-decoration: none; color:#000000;}
.footer-seo-links a:hover	{ color:#FFFFFF; }

.resultit					{ width:100%; margin:0 auto; font-size:.8em; display:block;}
.resultit a					{ text-decoration: none; color:#000000; }
.resultit a:hover			{ color: #ffffff; }
/*--############## End Desktop Css ##########*/

@media only screen and (min-width:992px) 
{
	#myDefaultNavbar1 collapse {visibility:visible;}
	img#demo {max-width:100%; margin-left:auto; margin-right:auto;}
}
@media only screen and (min-width:768px)
{
	#h-phone-m {display:none;}
	#tripconnect-m {display:none;}
	#register247-m {display:none;}
	#f-banner-m {display:none;}
	#tripconnect {visibility:visible;}
	#register247 {visibility:visible;}
	#f-banner {visibility:visible;}
	#sitelogos-m {display:none;}
	#sitelogos {visibility:visible;}
	#content-m {display:none;}
	#content-d {visibility:visible;}
	img#demo {max-width:100%; margin-left:auto; margin-right:auto;}
	.bgyellow .paddingbig {padding:1em 0.5em;}
}

/*############################
##		Mobile View: 		##
##							##
##	max-width 0px To 767px 	##
##############################*/
@media only screen and (min-width:0px) and (max-width:767px)
{
	[class*='col-']
	{
		padding:0px;
	}
	*, html {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		color:#000000;
	}
	h1,h4,h5, #footer, .footer_menu {
		border: 0;
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
	}
	h2 {
		border: 0;
		font-size: 120%;
		-webkit-text-size-adjust: 120%;
		-ms-text-size-adjust: 120%;
		-webkit-font-smoothing: antialiased;
		font-weight:500;
	}
	h3 {
		border: 0;
		font-size: 120%;
		-webkit-text-size-adjust: 120%;
		-ms-text-size-adjust: 120%;
		-webkit-font-smoothing: antialiased;
	}
	section {padding-left:1em; padding-right:1em;}
	section.nopadding {padding-left:0; padding-right:0;}
	form#register section, form#investors section, form#contact section, form#forgot_password section {margin-left:0em !important; margin-right:0em !important;}
	form#register .row, form#investors .row, form#contact .row, form#forgot_password .row {padding-left:1em !important; padding-right:1em !important;}
	.jumbotron .container {padding-left:1em; padding-right:1em;}
	.jumbotron h1 {margin-top:0;}
	.jumbotron h1, .jumbotron h1 span {font-size:36px;}
	.bgyellow h1 {font-size: 40px;}
	.header-seo-link {font-size:.75em; letter-spacing:0;}
	#h-phone {display:none;}
	#h-phone-m 		{visibility:visible;}
	#h-phone-m .header-phone {height:auto; width:100% !important;}
	#h-phone-m .phones {max-width:49% !important; width:49% !important; margin:0 auto; padding:0; border-right:0; border-bottom:solid 1px #cccccc;}
	#h-phone-m .header-phone h3.city-name {display:inline-block;}
	#h-phone-m .header-phone span.phone-num {display:inline-block; padding-left:2%;}
	.pdts_cols3 {width:calc(100% - 1em);}
	.pdts_cols3 img {max-width:100%; width:100%; margin-left:auto; margin-right:auto; display:block;}
	.pdts_cols3 p  {min-height:auto !important;}
	
	.navbar-brand 	{margin-bottom:10px; margin-left:10px; width:75% !important; height:auto !important;}
	.navbar-header {border-bottom:solid 1px #CCCCCC;}
	#logo
	{
		width:100%;
		height:auto;
		text-align:center;
		margin-left:auto; margin-right:auto;
	}
	#logo img
	{
		/*max-width:60% !important;*/
		width:270px;
		height:auto !important;
		transition:all ease 1.5s;
		-moz-transition:all ease 1.5s;
		-ms-transition:all ease 1.5s;
		-o-transition:all ease 1.5s;
		-webkit-transition:all ease 1.5s;
		padding-bottom:5px;
	}
	#tripconnect-m {max-height:60px; display:inline-block; margin-top:10px;}
	#tripconnect-m span {margin:10px 10px 0 5px; padding:0; font-size:0.78em; line-height:115%; height:50px; vertical-align:middle; display:inline-block;}
	#tripconnect-m img {max-height:60px; display:inline-block;}
	#register247-m {max-height:60px; display:inline-block;}
	#tripconnect {display:none;}
	#register247 {display:none;}
	#content-d 	 {display:none;}
	#content-m {visibility:visible;}
	#f-banner {display:none;}
	#f-banner-m {visibility:visible;}
	.menu > li {width:49%; text-align:left; margin:0; padding-bottom:0 !important; border-bottom:solid 1px #CCCCCC; display:inline-block;}	
	.paddingbig {padding:1em 0.5em;}
	.bgyellow .paddingbig {padding:1em 0;}
	#sitelogos-m {visibility:visible;}
	#sitelogos {display:none;}
	#mainpic_contactus, #mainpic_pricing, #mainpic_gds {background-position:center 50%;}
	#mainpic_features {background-position:center top; background-size:180%;}
	#mainpic_investors {background-position:center 50%; background-size:cover !important;}
	ul.channel-list, ul.two-col {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
		  line-height:1em;
		  text-align:left !important;
	}
	p.price {text-align:right; font-size:90%;}
	p.price b {font-size:160%;}
	img.price_logo {width:80%; margin-top:10px; margin-left:20%; display:block;}
	img#demo {max-width:100%; margin-left:auto; margin-right:auto;}
	/* added by rajeev : 16/09/2024 */
        .mobile-header-btn {display:block;}
	.free_demo_btn {display:none !important;}
        /* end of added by rajeev : 16/09/224 */
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)
{       /* for ipad portrait layout */
	#h-phone-m {display:none;}
	#tripconnect-m {display:none;}
	#register247-m {display:none;}
	.header-phone .phones		{padding-right:8px; padding-left:3px;}
	.header-phone h3.city-name	{font-size:12px;}
	.header-phone span.phone-num{font-size:14px;}
	#logo 	  {margin-left:1em; margin-top:12px; padding:0; height:65px; border:none; display:inline-block;}
	#logo img {max-width:100% !important; max-height:65px;}
	#tripconnect-m, #register247-m, #loginform2m {display:none;}
	#tripconnect, #register247	{visibility:visible;}
	img#tripconnect  {max-height:50px !important; margin-top:12px;}
	img#register247  {max-height:55px !important; margin-top:12px;}
	.navbar-form {width:35vw; margin-right:5px;}
	#loginform2m {display:none;}
	/*#loginform2 .col-sm-2 {width:100%; display:block;}
	#loginform2 .col-sm-4 {width:48%; display:block;}*/
	.navbar-collapse {padding-left:0 !important; padding-right:0 !important;}
	.menu {font-size:.8em}
	.menu > li {margin-left:0; margin-right:0;}
	.top-login-box .row  {width:auto !important; display:inline-block !important;}
	.top-login-box .col-sm-2, .top-login-box .col-sm-4, .top-login-box .col-xs-12 {width:auto !important; display:inline-block !important;}
	.top-login-box .col-sm-2  {max-width:16%;}
	.top-login-box .col-sm-4  {max-width:33%;}
	.top-login-box .col-xs-12 {max-width:33%;}
	.top-login-box .client_login_header {width:auto; display:inline-block; font-size:.8em; margin-top:8px;}
	.top-login-box input[type=text], .top-login-box input[type=password] {margin-left:5px; margin-right:0;}
	.top-login-box input[type=submit] {margin-top:0; margin-bottom:0; margin-left:15px !important; width:auto; display:inline-block !important;} 
	.top-login-box #forgot-pw {margin-top:-35px; margin-right:5px;  display:inline-block; float:right;}
	.top-login-box #forgot-pw .col-sm-6, .top-login-box #forgot-pw .col-xs-6 {display:none;}
	.top-login-box #forgot-pw .col-sm-3, .top-login-box #forgot-pw .col-xs-3 {padding-top:0; padding-bottom:0; width:auto; display:inline-block;}
	.top-login-box a.print {margin:0 0 0 15px !important; padding:0 !important; text-align:left; width:auto; height:15px; line-height:15px; display:inline-block !important;}
	section h2 {font-size:2.2em;}
	ul.channel-list, ul.two-col {text-align:left !important; font-size:.8em; vertical-align:text-top;}
	.pdts_cols3 {margin-left:.25em; margin-right:.25em;}
	.pdts_cols3 h4 {font-size:1.1em;}
	img#demo {max-width:100%; margin-left:auto; margin-right:auto;}
	.bgyellow .paddingbig {padding:1em 0;}
}

@media only screen and (max-device-width:640px)
{
	div[class*="cols-"], ul.cols-four li
	{
		width:98%; max-width:98%;
	     -webkit-column-count:1;
		    -moz-column-count:1;
			     column-count:1;
	   -webkit-column-gap:0;
		  -moz-column-gap:0;
			   column-gap:0;
			    margin-left:auto; 
			   margin-right:auto;
			   display:block;
	}
	img#demo {max-width:100%; margin-left:auto; margin-right:auto;}
	/*.footer_menu {font-size:4em;}*/
	.footer_menu a {line-height:2em; border-bottom:solid thin #FFFFFF; border-right:none; display:block;}
	.copyright {padding-bottom:1em;}
}

/*added by kamal on 20-05-2024, for free plan banner*/
#header_row
{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
}

@media only screen and (max-width : 575.85px)
{
    /*added by kamal on 20-05-2024*/
    #header_row
    {
        display:block;
        margin-bottom:5px;
    }
}

/*added by kamal on 20-05-2024*/
#header_free_btn_text
{
    padding: 10px;
    color:white;
    font-weight: 500;
    background: rgb(144 238 144 / 50%);
    /*float: left;*/
}

/*added by kamal on 20-05-2024*/
/*remove the ouline from the button*/
#btn_header_free_trial:focus,
#btn_header_free_trial:active:focus,
#btn_header_free_trial.active:focus, 
#btn_header_free_trial.focus,
#btn_header_free_trial:active.focus,
#btn_header_free_trial.active.focus
{
    outline:none;
}