/* Design by MindQ  - http://www.mind-q.com/ */
/*initial */
/*
#mainwrap {display:none !important;}
     #mainwrap-sub {display:none !important;}*/

.page-user #mainwrap-sub #sidebar { display:none; background:#f60;}
.search-info {
display: none;
}


body {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: left;
	cursor: default;
    font-size: 14px;
    position: relative;
    overflow-x: hidden;
    /*overflow-y: hidden;*/
    font-family: 'Lato', sans-serif;
    background: #f0efef;
    font-weight: 300;
}

/*html {*/
/*    overflow-x: hidden;*/
/*    overflow-y: hidden;*/
/*    margin: 0;*/
/*	padding: 0;*/
/*}*/
 
#jb-glry-dlg,
#jb-glry-id-1{
	z-index: 500;
}

.mean-container .mean-nav ul li a.mean-expand{
    height: 24px;
}

body.toolbar{
    /*margin-top: 186px;*/
    /*padding: 0!important;*/
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2 !important;
}

#block-system-main h2,
#block-system-main h3,
#block-system-main h4,
#block-system-main h5,
#block-system-main h6 {
    margin: 15px 0 5px 0 !important;
    padding: 0;
}

#block-system-main ul{
	padding-bottom: 10px;
}

#block-system-main p{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
}
/*
input{
    max-width: 100%;
}
*/
h1 {
    font-size: 50px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p{
    font-size: 14px;
    line-height: 16px;
}

* img{
    max-width: 100%;
    height: auto !important;
}

.search-info{
    display: none;
}

#mainwrap,
#mainwrap-sub{
    /*width: 1400px;*/
    margin: 0 auto;
    position: relative;
    display: block;
    height: auto;
}

.container{
    max-width: 1200px;
    display: block;
    position: relative;
    margin: 0 auto;
}

.region{
    display: block;
    position: relative;
    margin: 0 auto;
    height: inherit;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.region:before,
.region:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.region:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.region {
     *zoom: 1;
 }


.highlighted,
#page-title{
    color: #0372bc;
    font-size: 30px;
}

#block-system-main .field-type-datetime{
    font-weight: 400;
    margin-bottom: 15px;
}

.flex-control-nav li{
    margin: 0 3px !important;
}

/*Header*/
#header{
    position: relative;
    display: block;
    clear: both;
    width: 100%;
}
/****************************************************************CUSTOM*/
/**/
.slick__arrow {visibility:hidden;}
.slick-list {height:600px}
/*header*/
#header {
	text-align:center; 
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	padding:15px;
	float:left;
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:10;
	/*opacity: 0.8;
    filter: alpha(opacity=80);  For IE8 and earlier */

	}
/* logo */
#logo {
	width:111px; 
    height:101px;
	 }
/*search Box */
#edit-search-block-form--2{
	background:#fff;!important;
	padding:0px;
	border:1px solid #eee;
	border-radius:15px;
	width: 250px;
    margin: auto;
	margin-top:15px;
	padding:0px 10px 0px 10px;
	height:25px;
	text-align:center;
	}
#search-block-form #edit-submit {margin-top:5px;}
#search-block-form #edit-search-block-form--2:focus {outline:none;}
	
#search-block-form #edit-submit{ 
margin-left:-30px; margin-top:5px;
}
#search-block-form #edit-submit  { 
 position:absolute; top:15px; 
}
@media (max-width : 330px)
{
	#search-block-form #edit-submit {margin-left:95px !important;}
}


.page-user #mainwrap-sub #edit-actions--2 .form-submit {
	padding-right:0px;
	right:0px;
	left: -30px;
    position: relative;
}


/*********************************************************************Nav**
*************************************************/
/*.mean-bar {background:#000 !important; color:#000 !important; position:fixed !important; top:0px;}*/
#nav { 
	min-height:45px;
	position:absolute;
	top:170px !important;
	z-index:10;
	left:0;
	right:0;
	/*-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	margin-bottom:0px;
	font-size:15px;*/
}
@media (max-width : 991px){
	#nav {
	}
}

#nav #block-nice-menus-1 li.last {
    display: none;
}

#nav .navbar {
    margin-bottom: 0;
    min-height: none;
}
#nav .navbar #block-nice-menus-1 {
    max-width: 1200px;
    width: 100%;
    float: none;
    margin: auto;
}

#nav .navbar #block-menu-menu-blue-mark-price-inquiry {
    position: absolute;
    right: 10px;
    top: 11px;
}

#nav ul.nice-menu a{
  color:#fff;
  padding:13px 35px 15px 35px;
  text-align:center;
  background:#4f91ce !important; 
	}
	
@media screen and (max-width: 1453px) {
    #nav ul.nice-menu a{
      padding:13px 25px 15px 25px !important;
	}
}

#nav ul.nice-menu a:hover{
  background:#4f91ee !important; 
	}

#nav #block-menu-menu-blue-mark-price-inquiry ul.menu li{
    list-style: none;
}

#nav #block-menu-menu-blue-mark-price-inquiry ul.menu li a {
    color: #4f91ce;
    background: #fff !important;
    border-radius: 30px;
    padding: 8px 18px;
    /*margin-top: 5px;*/
    border: 1px solid transparent;
}	

#nav #block-menu-menu-blue-mark-price-inquiry ul.menu li a:hover {
    background: #4f91ce !important;
    color: #fff;
    border: 1px solid #fff;
    
}

#nav #block-menu-menu-blue-mark-price-inquiry ul.menu li:hover {
    background: transparent;
}

.bmpi {
    position: absolute;
    top: -43px;
    right: 0;
    background: #428bca;
    padding: 10px;
    color: #fff;
}

.logged-in .bmpi {
    top: -61px;
}

.bmpi:hover {
    text-decoration: underline;
}
@media (max-height : 300px)
{
}
	/*
ul.nice-menu a{
  color:#fff;
  padding:13px 35px 15px 35px !important;
  text-align:center;
  
	}
	*/
@media (min-width : 1400px)
{
/*ul.nice-menu a{
  color:#fff;
  padding:13px 35px 15px 35px !important;
  text-align:center;
  
	}*/
}
/*Nav - reduce size --*/
@media (max-width : 1400px)
{/*
ul.nice-menu a {
  color:#fff;
  padding:13px 35px 13px 35px !important;
  text-align:center;
  
}*/
}

@media (max-width : 1200px)
{ 
#nav ul.nice-menu a {
  color:#fff;
  padding:13px 20px 13px 20px !important;
  text-align:center;
}
}

@media screen and (max-width: 1119px) {
    #nav ul.nice-menu a{
      padding:13px 15px 13px 15px !important;
	}
	
	#nav .navbar #block-menu-menu-blue-mark-price-inquiry {
	    right: -20px;
	}
}

#nav ul.nice-menu li ul a{
	display:block;
	color:#fff;
	text-align:left;
	padding:5px 10px 5px 10px;
}
#nav ul.nice-menu li ul {border:0px;}
#nav ul.nice-menu a:hover{
	display:block;
	color:#fff;
	text-decoration:none;
	top:100px;
}
 ul.nice-menu li { 
  border: none;
  background-color: #4f91ce;!important;
 /* display:block;
  height:25px;*/
}
 ul.nice-menu a {
  color:#fff;
  display:block;
  
  /*min-width:140px; !important;
  */
}


 ul.nice-menu li.menuparent ul, #header-region ul.nice-menu li.menuparent ul {
   /* top: 45px;*/
    overflow: visible !important;
}
 ul.nice-menu li.menuparent ul:first:child {
    /*top: 45px;*/
    overflow: visible !important;
}
 ul.nice-menu ul {top:45px;}
 ul.nice-menu ul.ul {top:0px;}
 ul.nice-menu ul a {padding:none !important;}/*
ul.nice-menu-down .menuparent a {padding:none;}*/
/*.block-nice-menus */ #nav .toggler {
	background:#4f91ce !important; 
	width:25px;
	border:none !important;
	margin-top:5px;
	display:block; 
	/*width:100%;
	-webkit-box-shadow: 0 6px 2px -2px #004d74 !important;
	   -moz-box-shadow: 0 6px 2px -2px #004d74 !important;
	        box-shadow: 0 6px 2px -2px #004d74 !important;*/
	-webkit-box-shadow: 0 0px 0px -0px #004d74 !important;
	   -moz-box-shadow: 0 0px 0px -0px #004d74 !important;
	        box-shadow: 0 0px 0px -0px #004d74 !important;
 }
 /*mean menu */
 @media (max-width : 1008px)
 {   #mainwrap {margin-top:45px;}
     #mainwrap-sub {margin-top:45px;}/**/
	 #nav {top:0px !important; display:none !important;}
	 .mean-bar {min-height:45px;
	 position:fixed !important;
	padding:0px !important;
	border:0px!important;
	background:#4f91ce !important ;
	/*position:absolute !important;*//**/
	top:0px !important;
	z-index:10;
	left:0;
	right:0;}
	.mean-nav {
		background:none !important;
	}
	.mean-bar .meanmenu-reveal {left:0 !important;}
	.mean-bar .mean-expand {background:#4f91ce !important; border:0px !important;}
	.mean-nav ul li a.mean-expand { border:0px !important ; border-left:0px !important;}
 }
 @media (max-width : 909px) {
	/* #nav {top:0px !important; display:none !important; background:red !important;}
	 #header {background:#000 !important;}*/
 }
 @media (max-width :1224px)
 {
	 .block-nice-menus .toggler {
	width:100%;
 }
 }
#block-nice-menus-1 .block-nice-menus  ul {background:#4f91ce; }
#block-nice-menus-1 .block-nice-menus  ul li {background:#4f91ce;}

/*************************************************************************block-nice-menus responsive-menus
/* responsive nav style - custom -collapse child ul's */

.block-nice-menus .responsive-menus  ul li ul li {
	background:#4f91ce; 
	visibility:hidden; 
	position:absolute;
    /*opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;*/
}
.block-nice-menus .responsive-menus ul li:hover ul li {
	background:#4f91ce; 
	visibility:visible !important; 
	position:relative;
    /*opacity: 1;
    transition: opacity 2s linear; */
}


.block-nice-menus .responsive-menus ul li ul li ul {
   background:#4f91ce; 
   visibility:hidden; 
   /* position:absolute;
  opacity: 0;
   transition: visibility 0s 2s, opacity 2s linear;*/}
.block-nice-menus .responsive-menus ul li ul li:hover ul {
	background:#4f91ce; 
	visibility:visible !important; 
 	/* position:relative;
  opacity: 1;
    transition: opacity 2s linear;*/
}/**/




/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down li:hover {
	background: /*#eee*/ #09f;
}
ul.nice-menu-down li.menuparent {
  /*background: #eee #4f91ce url("../images/arrow-down.pn") right center no-repeat; !important;*/ /* LTR */
}

ul.nice-menu-down li.menuparent:hover {
  /*background: #ccc #09f url("../images/arrow-down.pn") right center no-repeat; !important;*/ /* LTR */
}

ul.nice-menu-down li li.menuparent {
  /*background: #eee#4f91ce url("../images/arrow-right.pn") right center no-repeat; !important;*/  /* LTR */
  
}

/*
ul.nice-menu-down li ul li { background-color:#f60;}
*/

ul.nice-menu-down li li.menuparent:hover {
  /*background: #ccc #08f url("../images/arrow-right.pn") right center no-repeat; !important; *//* LTR */
}


/**
 * HORIZONTAL (down) menus
 */

#header-region ul.nice-menu-down li.menuparent {
  background: #eee url("../images/arrow-down.png") right center no-repeat; !important;/* LTR */
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background: #ccc url("../images/arrow-down.png") right center no-repeat; !important;/* LTR */
}

#header-region ul.nice-menu-down li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat; !important; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat; !important; /* LTR */
}




/**************************************************************************** slider */
/*Default */

#carousel {
  position: relative;
    display: block;
    clear: both;
    width: 100%;
}
.flexslider {
	padding:0px; margin:0px;
	}
/*
#carousel {min-height:450px !important;}
#carousel img {min-height:450px !important; width:100% !important;}
*//**/
#carousel .flexslider .slides img {height:660px !important ; min-width:2200px !important; }
#mainwrap-sub #carousel .flexslider .slides img {height:510px !important ; min-width:2200px !important;margin:auto;}
#mainwrap-sub #carousel .flexslider .slides img {height:510px !important ; min-width:2200px !important;margin:auto;}
@media (max-width 1200px)
{
	.flexslider .slides img {min-height:450px !important; width:1200px !important;}
	}
/*General Styles*/
.carousel-footer-link {
	color:#fff;
	display:block;
	width:230px;
	padding:0px 0px 0px 0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 43% ;
	margin-top: -133px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	/*height:55px;*/
	height:40px;
    text-align:right;
	padding-right:30px;
}
.carousel-footer-link:visited {
	color:#fff !important;}
/*gradient backgroug*/
.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
.carousel-footer-link-pointer {
	 width:30px ; 
	 height:38px; 
	 float:left;
	 border-right:3px solid #1b6495;
	 background: url(../images/online-link-pointer.png) no-repeat;
	 background-position:10% 10px;
	 position:absolute;
	 margin:0px 80% auto 10px;
	}
.carousel-footer-link:hover { background:#00476b;
	color:#fff; 
	text-decoration:none;
}
.views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -115px  !important;
    height:115px !important; /*default:160px */
    color:#fff !important;
	font-weight:100 !important;
    line-height:100px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.6em;
	padding-top:10px;
 }
#mainwrap-sub .views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -100px  !important;
    height:100px !important; /*default:160px */
    color:#fff;
    line-height:100px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:24px;
    !important
	padding-top:10px !important;
	font-weight:300 !important;
 }
#mainwrap-sub .carousel-footer-link {
	color:#fff;
	display:block;
	width:230px;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 43% ;
	margin-top: -118px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
	text-align:right;
	padding-right:30px;
	
}
.flex-control-paging {/**/
	visibility:hidden;!important
	} 


/*Caption And Link Section */
@media (min-width : 1200px)
{
.views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -115px  !important;
    height:115px !important; /*default:160px */
    color:#fff !important;
	font-weight:300 !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.6em;
	padding-top:10px !important;
   
 }
.carousel-footer-link {
	color:#fff;
	display:block;
	/*width:350px;*/
	width:230px;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 43% ;
	margin-top: -133px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	/*height:55px;*/
	height:40px;
     text-align:right;
	padding-right:30px;
}
	.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
#mainwrap-sub .views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -100px  !important;
    height:100px !important; /*default:160px */
    color:#fff !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.6em;
	padding-top:5px !important;
	font-weight:300 !important;
 }
#mainwrap-sub .carousel-footer-link {
	color:#fff;
	display:block;
	width:230px;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 43% ;
	margin-top: -118px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
     text-align:right;
	padding-right:30px;
}
#mainwrap-sub .carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
}
@media (max-width : 1200px)
{
.views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -115px  !important;
    height:115px !important;
    color:#fff !important;
	font-weight:300 !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.4em;
	padding-top:10px !important;
    !important
 }
.carousel-footer-link {
	color:#fff;
	display:block;
	width:230px;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 40% ;
	margin-top: -133px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
     text-align:right;
	padding-right:30px;
}
	.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
#mainwrap-sub .views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -100px  !important;
    height:100px !important; /*default:160px */
    color:#fff !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.6em;
	font-weight:300 !important;
	padding-top:5px !important;
    !important
 }
#mainwrap-sub .carousel-footer-link {
	color:#fff;
	display:block;
	width:230px;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 43% ;
	margin-top: -118px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
     text-align:right;
	padding-right:30px; 
}
#mainwrap-sub .carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
}
@media (max-width : 992px)
{
.carousel-footer-link{
	margin-left: 39% !important;
	}
		.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
#mainwrap-sub .carousel-footer-link{
	margin-left: 37% !important;
	 text-align:right;
	padding-right:30px;
	}
#mainwrap-sub .carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
}
@media (max-width : 768px)
{
.carousel-footer-link {
	color:#fff;
	display:block;
	/*width:350px;*/
	width:230px;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-left: 35% !important ;
	margin-top: -133px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	/*height:55px;*/
	height:40px;
    text-align:right;
	padding-right:30px;
 }

		.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
#mainwrap-sub .views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -100px  !important;
    height:100px !important; /*default:160px */
    color:#fff !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.3em !important;
	font-weight:200 !important;
    !important
 }
#mainwrap-sub .carousel-footer-link{
	margin-left: 33% !important;
	}
#mainwrap-sub .carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
}
@media (max-width : 576px)
{
.views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -115px  !important;
    height:115px !important; /*default:160px */
    color:#fff !important;
	font-weight:300 !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.1em !important;
	padding-top:10px !important;
   
 }
 .carousel-footer-link{
	margin-left: 20% !important;
	width:230px !important;
	display:block;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-top: -133px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
     text-align:right;
	padding-right:30px;
}

.carousel-footer-link{
	margin-left: 28% !important;
	}
		.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
#mainwrap-sub .views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -100px  !important;
    height:100px !important; /*default:160px */
    color:#fff !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.0em !important;
	font-weight:300 !important;
    !important
 }
#mainwrap-sub 	.carousel-footer-link{
	margin-left: 26% !important;
	}
#mainwrap-sub .carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}
}
@media (max-width :460px)
{

.views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -115px  !important;
    height:115px !important; 
    color:#fff !important;
	font-weight:300 !important;
    line-height:75px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:1.0em !important;
	padding-top:10px !important;
   
 }	
}
@media (max-width : 360px)
{
.carousel-footer-link{
	margin-left: 20% !important;
	width:230px !important;
	display:block;
	padding:0px;
	text-align:center;
	line-height:35px;
	background:#00476b;
	font-size:1.5em;
	border-radius:35px;
	margin-top: -133px;
	margin-left: 10%px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
     text-align:right;
	padding-right:30px; 
}
.carousel-footer-link-pointer {
	 width:30px ; 
	 height:38px; 
	 float:left;
	 border-right:3px solid #1b6495;
	 background: url(../images/online-link-pointer.png) no-repeat;
	 background-position:10% 10px;
	 position:absolute;
	 margin:0px 80% auto 10px;
	}
	.carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}

.views-field-field-caption{
    font-size:0.2em; color:#f60;
 }
#mainwrap-sub .carousel-footer-link{
	margin-left: 20% !important;
	width:200px !important;
	display:block;
	padding:0px;
	text-align:center;
	line-height:40px;
	background:#00476b;
	font-size:1.2em;
	border-radius:35px;
	margin-top: -120px;
	position:absolute;
	z-index:3 ;
	border-top:#2f6c9d solid 2px;
	border-bottom:#1e3953 solid 2px;
	height:40px;
	font-weight:300 !important;
    !important 
}
#mainwrap-sub .carousel-footer-link-pointer {
	 width:30px ; 
	 height:38px; 
	 float:left;
	 border-right:3px solid #1b6495;
	 background: url(../images/online-link-pointer.png) no-repeat;
	 background-position:10% 10px;
	 position:absolute;
	 margin:0px 80% auto 10px;
	}
#mainwrap-sub .carousel-footer-link {
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#006091, #00527c, #004669); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#006091, #00527c, #004669); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#006091, #00527c, #004669); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#006091, #00527c, #004669); /* Standard syntax */
}

#mainwrap-sub .views-field-field-caption{
	font-size:10px !important;
	 text-align:right;
	padding-right:30px;
 }
}


	
	
/***************************************************************************content**/
#main-content ,block-views-services-block {
	/*background:#4f91ce;*/
	}
#main-content #content {
	background:#4f91ce;
}
#wrapper {background: #fff url(../images/latest-news-bg.png);}
/***************************************************************************content top*/
/*Top Content */
#content-top{
	background:#fff url(../images/pattern-bg-full.png);
	}
/******************************************************************** Train Schedules */

#block-fare-train-schedule-fares {
  margin:-30px auto 50px auto;
  position:relative;
  z-index:3;!important;
  padding:0px;
  height:480px; overflow:hidden;
  background:transparent;
 } 
 #block-fare-train-schedule-fares h2 { 
  text-align:center;
  width:95%; background:#4f91ce;
  height:60px; line-height:60px;
  padding-top:20px;
  background: #4f91ce url(../images/fares-icon.png) no-repeat;
  background-position:90% 10px;
  color:#fff;
  margin-top:0px;
  margin-bottom:0px;
  font-size:2em;
  font-weight:300;
  }/*
 #block-fare-train-schedule-fares h2::after { content : url(../images/fares-icon.png);}*/
 #block-fare-train-schedule-fares .content {
	 border-left: 1px solid #4f91ce;
	 border-right: 1px solid #4f91ce;
	 border-bottom: 1px solid #4f91ce;
	 height:420px;
	 width:95%; 
	 overflow:hidden;
}
 #block-fare-train-schedule-fares img { 
width:50px; height:50px; 
}

@keyframes price-animation {
/*
	 0%  {color:#09f;  font-size:12px; left: 0px; border:0px solid #f00;}
    25%  {color:#f00;  font-size:12px; left: 100px;  border:0px solid #f60;}
    50%  {color:#09f;  font-size:12px; left: 0px;  border:0px solid #f00;}
    75%  {color:#f00;  font-size:12px; left: 100px;  border:0px solid #f60;}
    100% {color:#09f;  font-size:12px; left: 0px;  border:0px solid #f00;}
*/
}
@keyframes price-animation {

	 0%  {color:#09f;  font-size:0px;   left: 0px; border:0px solid #f00;}
    25%  {color:#f00;  font-size:16px;  left: 100px;  border:0px solid #f60;}
    50%  {color:#09f;  font-size:16px;  left: 40px;  border:0px solid #f00;}
    75%  {color:#f00;  font-size:16px;  left: 40px;  border:0px solid #f60;}
    100% {color:#f00;  font-size:16px; left: 40px;  border:0px solid #f00;}
}
#results,#results p {
	clear:both;
	/*left:25px;
	font-size:12x;
	color:#f00;*//*
	color:#f00;  font-size:18px; left: 40px;  border:0px solid #f00;
    position: relative;
    background-color: #fff;
    animation-name: price-animatio !important;
    animation-duration: 24s;
    animation-iteration-count:1;*/
}

#results,#results p {
	color:#ccc;
}

/**************************************************find a station */
#block-views-find-a-station-block{
  margin:-30px auto 50px auto;
  position:relative;
  z-index:3;!important;
  padding:0px;
  min-height:480px;
  } 
#block-views-find-a-station-block h2 { 
  margin-left:5%;
  text-align:center;
  width:95%; background:#4f91ce;
  height:60px; 
  line-height:60px;
  padding-top:20px;
  background: #4f91ce url(../images/maps-icon.png) no-repeat;
  background-position:90% 10px;
  color:#fff;
  margin-top:0px;
  margin-bottom:0px;
  font-size:2em;
  font-weight:300
}
#block-views-find-a-station-block .content{
  width:95% !important;
  margin-left:5% !important;
}
@media (max-width : 768px)
{
#block-views-find-a-station-block .content{
  width:95% !important;
  margin-left:0 !important;
}
#block-views-find-a-station-block h2 { 
  margin-left:0px !important;
}
}
.view-find-a-station {
  border:1px solid #4f91ce;
}


.leaflet-marker-icon { left:-25px;}



/*************************************************************media quiries *******************/
/*fares & fint a station header queries */
/*1170px*/
@media (max-width : 1200px) {
#block-fare-train-schedule-fares h2 { 
  text-align:center;
  width:95%; background:#4f91ce;
  padding-top:20px;
  background: #4f91ce url(../images/fares-icon.png) no-repeat;
  background-position:90% 10px; color:#fff; 
  font-size:1.5em !important;
  }
#block-views-find-a-station-block h2 { 
  text-align:center;
  width:95%; background:#4f91ce;
  padding-top:20px;
  background: #4f91ce url(../images/maps-icon.png) no-repeat;
  background-position:90% 10px; color:#fff; 
  font-size:1.5em !important;
  }
}
/*970px*/
@media (max-width : 992px) {
#block-fare-train-schedule-fares h2 { 
  text-align:center;
  width:95%; background:#4f91ce;
  padding-top:20px;
  background: #4f91ce url(../images/fares-icon.png) no-repeat;
  background-position:95% 10px; color:#fff; 
  font-size:1.3em !important;
  }
  
#block-views-find-a-station-block h2 { 
  text-align:center;
  width:95%; background:#4f91ce; 
  padding-top:20px;
  background: #4f91ce url(../images/maps-icon.png) no-repeat;
  background-position:90% 10px; color:#fff; 
  font-size:1.3em !important;
  }
}
/*750px*/
@media (max-width : 768px) {
#latest-news {height:inherit;}
#block-fare-train-schedule-fares h2 { 
  text-align:center;
  width:95%; background:#4f91ce;
  padding-top:20px;
  background: #4f91ce url(../images/fares-icon.png) no-repeat;
  background-position:95% 10px; color:#fff; 
  font-size:2em;
  }

#block-views-find-a-station-block h2 { 
  text-align:center;
  width:95%; background:#4f91ce; 
  padding-top:20px;
  background: #4f91ce url(../images/maps-icon.png) no-repeat;
  background-position:95% 10px; color:#fff; 
  font-size:2em;
  margin-left:0;
  }
#block-views-find-a-station-block .content{
  width:100%;
  margin-left:0;
 }

}

@media (max-width : 450px) {
.page-executive-management #block-system-main .views-row,
.page-board-of-directors #block-system-main .views-row{
        margin-bottom: 0;
    }

.page-executive-management #block-system-main .views-row .views-column,
.page-board-of-directors #block-system-main .views-row .views-column{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
#block-views-train-schedules-fares-block h2 { font-size:16px;}
#block-views-find-a-station-block h2 {font-size:16px;}
	
	
#block-fare-train-schedule-fares h2 { 
  font-size:1.1em !important;
  }
  
#block-views-find-a-station-block h2 { 
 font-size:1.1em !important; 
  } 
    
}

@media (max-width : 360px) {
 #block-fare-train-schedule-fares h2 { 
  text-align:center;
  width:100%; background:4f91ce !important;
  height:60px; line-height:50px; 
  padding-top:10px;
  background: #4f91ce url(../images/fares-icon.png) no-repeat;
  background-position:50% 10px !important; color:#fff; text-indent:-10000px;
  
  }
  
#block-views-find-a-station-block h2 { 
  margin-left:0px !important;
  padding-left:0px !important;
  text-align:center;
  width:95%; background:#4f91ce;
  height:70px; line-height:50px; 
  padding-top:10px;
  background: #4f91ce url(../images/maps-icon.png) no-repeat;
  background-position:50% 10px !important; color:#fff; text-indent:-10000px; 
  } 

}





 /***************************************************************form */
.form-item label { visibility:hidden; }
.form-item #results  { visibility:visible !important; }
#results {
	display:block; 
	background:#f6f6f6; 
	width:45%; 
	height:40px; 
	float:right;  
	line-height:20px ; 
	font-size:24px; 
	margin-right:15px; 
	margin-top:15px;
	padding:10px 10px 10px 10px; 
	text-align:center !important;  
	border-radius:5px; 
	color:#f60; 
	font-weight:300 
	}
	
#results p {
	text-align:center; 
	color:#f60; 
	font-weight:400 ;
	Font-size:24px;
	}
#textarea_amount {
	color:#eee; 
	display:block; 
	float:left; 
	text-align:right;
	width:45%; 
	line-height:20px !important ; 
	font-size:24px !important;
	}
#textarea_amount p {
	font-size:24px !important; 
	line-height:20px !important ; 
	color:#000; margin-bottom:0px; 
	padding-top:0px;  
	font-weight:300
	}

#fare-form .button-primary { 
background:#4f91ce;
border:0px;
padding:0px;
width:45%; 
text-align:center;
height:40px; 
line-height:25px;
color:#fff;
float:right;
margin:40px 10px 0px 10px;
font-weight:bold;
}
#fare-form .button-primary {
	  background: #4f91ce; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#639cd4, #5c98d2, #5293cf); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#639cd4, #5c98d2, #5293cf); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#639cd4, #5c98d2, #5293cf); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#639cd4, #5c98d2, #5293cf); /* Standard syntax */
}
#fare-form .button-primary:hover {
	  background: #4f91ce;
	  font-weight:bolder;
}
















/* block-views-services-block */
/****************************************************our services*/


#block-views-services-block { 
    text-align:center; 
    color:#fff; 
    padding-bottom:100px; 
    padding-top:40px;
    width:100%; !important;

} 
#block-views-services-block .view-services .views-column {
	 margin-top:50px;
	 }
/*.services-block .more-link a {
	background:#f60; 
	height:20px; 
	width:40px; 
	position:absolute;
	font-weight:bolder;
	text-align:center;
	}*/
#block-views-services-block  .views-cloumn .views-field-view-node {
    
}
.view-services .views-field-view-node  {
    text-align:center; 
	/*font-size:14px;*/ 
	font-weight:400;
	/*font-weight:bold;*/
	font-size:18px;
	font-weight:bold;
	display:block;
	width:100% !important;	
	text-align:center;
	
}
.view-services .views-field-view-node .field-content { }
.view-services .views-field-view-node  a {
	color:#fff;
	/*float:left;
	display:block;*/
	
	margin-top:20px;
	/**/display:inline-block;
	
	border-radius:50px;
	width:30px; 
	height:30px;
	border:1px solid #fff; 
	font-size:20px;
	}
.view-services .views-field-view-node  a:hover {
	text-decoration:none;
	color: #4f91ce;
	background:#fff;
}
.view-services .views-field-view-node  .field-content:hover:after {
	 /*content: "read more"; 
	 position:absolute; 
	 z-index:999;
	 font-size:12px;
	 font-weight:400;
	 margin-top:20px;*/
	 }
.view-services .views-column {/* width:20%; */}
.view-services .views-field-title h4.field-content {
	padding:0px ;/*10px 20px 10px 20px*/;  
	font-size:16px/*1.2em*/;
	color:#fff !important;
	margin:0px;
	padding:10px 0px 10px 0px;
	font-weight:400;
	}

.view-services .views-field-body .field-content {
	text-align:center; 
	padding:10px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height:105px;
    font-size:15px;
	
    }

.view-services img {left:0; position:relative;}

#block-views-services-block h2 {
	font-size:24px/*1.6em*/; 
	padding:0px; 
	margin:0px 10px 0px 10px;
	}
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
    background-position:-80% 10px,180% 10px;
    background-repeat: no-repeat,no-repeat; }
/*services h2 bg media queries
block-views-services-block
view-services
view-our-services*/


/*Quiries*/
@media (min-width : 1200px) {
.view-services .views-column { width:20%; }

  }
@media (max-width : 1200px) {
.view-services .views-column { width:20% !important;}
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-260% 10px,370% 10px;
background-repeat: no-repeat,no-repeat;}
  }
@media (max-width : 992px) {
.view-services .views-column { width:50% !important; }
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-500px 10px,430px 10px;
background-repeat: no-repeat,no-repeat;}
  }
@media (max-width : 768px) {
.view-services .views-column { width:50% !important; }
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-500px 10px,430px 10px;
background-repeat: no-repeat,no-repeat;}
  }
@media (max-width : 640px) {
.view-services .views-column { width:50% !important; }
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-560px 10px,360px 10px;
background-repeat: no-repeat,no-repeat;}
  }
@media (max-width : 544px) {
.view-services .views-column { width:50% !important; }
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-630px 10px,320px 10px;
background-repeat: no-repeat,no-repeat;}
  }
@media (max-width : 480px) {
.view-services .views-column { width:100% !important; }
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-680px 10px,300px 10px;
background-repeat: no-repeat,no-repeat;}
  }
 @media (max-width : 360px) {
.view-services .views-column { width:100% !important; }
#block-views-services-block h2 {background-image:url(../images/slash-bg-L.png),url(../images/slash-bg-R.png); 
background-position:-700px 10px,220px 10px;
background-repeat: no-repeat,no-repeat;}
  }







/*************************************************************Latest News */


#latest-news {
	position: relative;
    display: block;
    width: 100%;
    clear: both;
	/*height: 370px;*/
    overflow-y: visible;
	background: url(../images/Bottom_Strip.png) repeat-x bottom; 
	}
#block-views-news-events-block { 
    background:#fff ;
    color:#000; 
    margin-top:-75px;
    padding-top:15px;
    height:510px;
    border:1px solid #eee;
    z-index:500;
}	
#block-views-news-events-block .views-field-body .field-content {
	 padding:10px;
	 text-overflow: ellipsis;
     word-wrap: break-word;
     overflow: hidden;
     height:auto;
     font-size:15px;
}

#block-views-news-events-block .views-field-title {
	 padding:10px 10px 0px 10px;
	 font-size :16px;
	 font-weight:400;
	 color: #428bca;
}
#block-views-news-events-block .views-fieldset .views-field-title a {
	
}

#block-views-news-events-block .views-field-view-node {
	text-align:center; 
	font-size:18px; 
	font-weight:bold;
	position:absolute; 
	bottom:2px; 
	display:block; 
	width:85%;
	}

#block-views-news-events-block .views-field-view-node a {
	color:#4f91ce;	
	margin-top:20px;
    display:inline-block;
	border-radius:50px;
	width:30px; 
	height:30px;
	border:1px solid #4f91ce;
	margin-bottom:10px;
	padding-top:0px;
	font-size:20px;
}
#block-views-news-events-block .views-field-view-node a:hover {
	color:#fff;	
	margin-top:20px;
    display:inline-block;
	border-radius:50px;
	width:30px; 
	height:30px;
	border:1px solid #fff;
	background:#4f91ce;
	text-decoration:none;
	font-size:20px;
}

	
#block-views-news-events-block h2 {
	color:#4f91ce; 
	font-size:24px;
	background: url(../images/slash-bg-white.png) no-repeat;
	background-position:200px 8px; !important;
	padding:0px 0px 0px 25px;
	margin-right:40px;
}



#block-views-news-events-block .views-column  {
    height:auto; 
    background:#fff;!important;
    padding:0px 50px 0px 20px;
    margin-top:20px;
	min-height:330px ;
}
#block-views-news-events-block .views-fieldset {
	border:1px solid #eee;
	border-radius:10px; 
	min-height:350px ;
}

#block-views-news-events-block .views-column img {
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  width:100%;
}
#block-views-news-events-block .more-link a {
	clear:both; 
	display:block; 
	margin-right:40px; 
	margin-top:15px;
	
}

/*Image caption & Dt caption*/
#block-views-news-events-block .field-content .date-display-single {
	height:30px;
	background:#000 url(../images/latest-news-blue-date-bg-solid.png) no-repeat/*#4f91ce*/;
	background-position:-70px 0 ;
	opacity:0.7;
	filter: alpha(opacity=70);
	width:100%;
	display:block;
	color:#fff;
	padding:top:20px;
	padding-left:10px;
	line-height:30px;
	margin-top:-30px;
}




/*latest news media queries*/

@media (max-width : 1200)
{
#latest-news {
	position: relative;
    display: block;
    width: 100%;
    clear: both;
	height: 400px !important;
    overflow-y: visible;
	}

#block-views-news-events-block { 
    background:#fff; 
    color:#000; 
    margin-top:-75px;
    padding-top:15px;
    height:550px !important;
    border:1px solid #eee;
}
}


@media (max-width : 767px) {
#block-views-news-events-block  {height:1150px !important; }
#latest-news {height:1030px !important;}
#block-views-news-events-block .views-column { width:50%;}
#block-views-news-events-block .views-field-body .field-content { visibility:visible !important;}
}

@media (max-width : 480px) {/*
#block-views-news-events-block  {height:1150px !important; }
#latest-news {height:1030px !important;}
#block-views-news-events-block .views-column { width:100%;}*/
}
  
@media (max-width : 992px) {
#block-views-news-events-block .views-column {width:50%; float:left;/*max-height:150px !important;  */}
#block-views-news-events-block  {height:880px !important; }
#latest-news {height:/*700px*/ 825px !important;}
.latest-news-img img { 
width:100%;}
#block-views-news-events-block .views-field-body .field-content {
	 visibility:hidden; 
	 content: " " ;
}
#block-views-news-events-block .views-fieldset {
	border:1px solid #eee;
	border-radius:10px; 
	height:320px;
	/*max-height:150px !important; */
}
}
@media (max-width : 480px)
{
#block-views-news-events-block  {height:911px/*1720px */!important; }
#latest-news {/*height:1580px*/ 750px; !important;}/*
#block-views-news-events-block .views-column {min-width:100px !important; max-height:150px !important ; height:100px !important;}
#block-views-news-events-block .views-field-body .field-content { min-width:100px !important; max-height:150px !important;height:100px !important;}
*/
#block-views-news-events-block .views-field-body .field-content {visibility:visible;}
}

/* #block-views-news-events-block h2 */
@media (max-width : 1400px) {
#block-views-news-events-block h2 {
	color:#4f91ce; 
	font-size:24px;
	background: url(../images/slash-bg-white.png) no-repeat;
	background-position:200px 8px; !important;
	padding:0px 0px 0px 25px;
	margin-right:40px;
    }
  }
@media (max-width : 1200px) {
#block-views-news-events-block h2 {
	color:#4f91ce; 
	font-size:24px;
	background: url(../images/slash-bg-white.png) no-repeat;
	background-position:200px 8px; !important;
	padding:0px 0px 0px 25px;
	margin-right:40px;
    }
  }
@media (min-width : 1200px) {
/*#block-views-news-events-block h2 {
	margin:10px auto 5px 20px;
	background: url(../images/slash-bg-white.png) no-repeat;
	background-position:99% 18px !important;
	padding-top:10px;
    }*/
  }
@media (max-width : 995px) {
#block-views-news-events-block h2 {
	color:#4f91ce; 
	font-size:24px;
	background: url(../images/slash-bg-white.png) no-repeat;
	background-position:200px 8px; !important;
	padding:0px 0px 0px 25px;
	margin-right:40px;
	}
  }




/********************************************************************content bottom*/
.content-bottom-whiteField {
	height:50px; 
	width:100%; 
	background:#fff; 
	border-bottom:2px solid #4f91ce;
	}
.region-content-bottom {
	background:#292929; color:#fff;
	padding-bottom : 45px;
	padding-top:50px;
}
#content-bottom{
	margin-top:0px;
	background:#292929;
	!important;
	}
.region-content-bottom #block-views-home-page-block-3 a {color:#fff;}
.region-content-bottom #block-views-home-page-block-2 a {color:#fff;}
.region-content-bottom #block-views-home-page-block-1 a {}
.region-content-bottom #block-views-home-page-block a {color:#fff;}	
	
	
	
	
	
	
/*******************************************************************************footer*/
#footer{
	background:#000 url(../images/footer-bg.png); 
	color:#fff;
	min-height:45px; !important;
	padding-top:15px;
	}
#footer a {
	color:#fff;
	}
#footer .block-block {text-align:right;}

@media (max-width : 360px)
{
	#footer {
		font-size:10px !important;
		}
	#footer .block-block {text-align:left !important;}
}





/**********************************sub page --- mainwrap-sub **********************************/
/*******************************************************************************/
/*#mainwrap-sub { background:#fff url(../images/pattern-bg-full.png); }
*/
#mainwrap-sub .view-empty p {font-size:18px;}
#mainwrap-sub #content p {margin-left:20px ;}
#mainwrap-sub #content h2 {margin-left:20px !important;}
#mainwrap-sub #content h3 {margin-left:20px !important;}
#mainwrap-sub .field-type-datetime {margin-left:20px !important;}
#mainwrap-sub .field-items img {margin-left:20px !important;}
#mainwrap-sub .content-wrapper {background:#fff; /*overflow:auto;*/ padding-bottom:0px;}
#mainwrap-sub .content-wrapper {
	width:100%;  
	height:auto; 
	overflow:auto;/**/
}
/*Sub Slider Link*/
#mainwrap-sub .carousel-footer-link:hover { background:#00476b;
	color:#fff; 
	text-decoration:none;
}

/*Main Content */
#mainwrap-sub {}
#mainwrap-sub .container { }
#mainwrap-sub #main-content{
	background:#fff url(../images/pattern-bg-full.png); 
    min-height:845px;
	clear:both;
	font-size:16px;
	overflow:hidden;
	border-bottom:0px !important;
}
#mainwrap-sub #content{
	background:#fff;
	overflow:hidden;
	min-height:10px;
	padding:0px 20px 60px 20px;
	}
/*
.page-node-38 #mainwrap-sub #main-content #content  h1.title { margin:10px auto 0px 20px;
	background: url(../images/slash-bg-white.png) no-repeat;
	background-position:200px 18px; !important;
	padding-top:10px;
}*/
#mainwrap-sub #main-content #content  h1#page-title.title { 
   padding-left:20px;
}
.page-node-38 #mainwrap-sub #main-content li {
	/**/list-style:square;
	list-style-image:url(../images/ListStyle-Image-Default.png);
	margin:10px auto 10px auto;
	color:#000 !important;
	
	}
#mainwrap-sub #main-content li {
	list-style-image:url(../images/ListStyle-Image-Default.jpg) !important;
	margin:10px auto 10px auto;
	color:#000 !important;
	font-size:14px !important;
	}
.page-locate-a-station #mainwrap-sub #block-views-service-subpage-block {
 margin-top:55px !important;	
}
#mainwrap-sub #main-content #page-title.title  {
    font-size:24px;
}
#mainwrap-sub #main-content p{
	color:#000 !important;
	/*padding:25px 0px;*/
	}
#mainwrap-sub  #main-content .node-services p {
	padding:25px 0px;
	}
	
	
/*news and events */
#mainwrap-sub  #main-content .node-news-and-events p {
	
	}

#mainwrap-sub  #main-content .view-news-and-events .views-column {
    display:block;
	clear:both;
	padding:0px 0px;
	}
#mainwrap-sub  #main-content .view-news-and-events .views-column img {
	float:left;
	margin-right:20px;
	transition: all .2s ease-in-out;
	}
#mainwrap-sub  #main-content .view-news-and-events .views-column img:hover {
	float:left;
	margin-right:20px;
	}

#mainwrap-sub  #main-content .view-news-and-events .views-column .views-field-title {
    display:block;
	clear:both;
	padding:10px 0px 10px 0px;
}
	
#mainwrap-sub  #main-content .view-news-and-events .views-column .views-field-field-date-news  {
	font-size:14px; 
	font-weight:300; 
	display:inline;
}
#mainwrap-sub .view-news-and-events .views-field-view-node a { 
    font-size:14px;
	border:1px solid #eee;
	border-radius:3px;
	text-decoration:none;
	padding:1px 3px 1px 3px;
	}
#mainwrap-sub .view-news-and-events .views-field-view-node a:hover { 
    border:1px solid #4f91ce;
	}


/* accordian*/
#mainwrap-sub .views-row { padding-bottom:10px;
}
#mainwrap-sub .views-accordion-header {

  background:#fff;
  border:0px !important;/**/
  color:#4f91ce !important;
  font-size:16px;
}
#mainwrap-sub .views-accordion-header:hover {

  background:#fff;
  /*border:0px !important;*/
  color:#4f91ce !important;
  font-size:16px;
  text-decoration: none;
}
#mainwrap-sub .views-accordion-header a {
  color:#4f91ce;
  text-decoration: none !important;
}
#mainwrap-sub .views-accordion-header a:hover {
  color:#4f91ce;
  text-decoration: underline;
}

#mainwrap-sub .views-accordian-header .ui-accordion-content {
	/*border:0px;*/
	}
#mainwrap-sub .ui-accordion-content {
	/*min-height:100px;*/
}
#mainwrap-sub .ui-widget-content {
	border:0px;/**/
	}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    text-decoration: none !important;
}

/* vco-slider */
/*
#mainwrap-sub .vco-slider  {
   background:#5B8DBB;	
   border-top-right-radius : 10px;
   border-top-left-radius: 10px;
}
#mainwrap-sub .vco-slider .nav-next {
	background:#5A86AF;
	}
#mainwrap-sub .vco-slider .nav-previous {
	background:#5A86AF;
	}*/
#mainwrap-sub .vco-slider .date {
	color:#666; display:none;
}/*
#mainwrap-sub .vco-slider .container p {
	color:#fff !important;
}
#mainwrap-sub .vco-slider a {
	color:#fff;
}

#mainwrap-sub .vco-slider .vco-container{
	background:#4f91ce;
}
*/
#mainwrap-sub .timenav-background {
	background:#6ca4db !important;
}
#mainwrap-sub .timenav-interval-background{
}
#mainwrap-sub .vco-slider div.content {padding-top:10px !important; padding-bottom:10px !important;  height:200px !important;}
#mainwrap-sub .vco-slider .slider-item {height:300px !important; padding:10px !important; }
#mainwrap-sub .vco-slider .slider-container-mask{height:350px !important;}
#mainwrap-sub .vco-slider .slider-item {height:100px !important;}

/*contacts wrapper */

.contacts-wrapper{
	overflow:auto;
	border-bottom:1px solid #eee;
	padding:10px;
	font-size:14px;
}

.contacts-wrapper-top{
	overflow:auto;
	border-bottom:1px solid #eee;
}

.contacts-wrapper-bottom{
	overflow:auto;
	border-bottom:1px solid #eee;
}

#mainwrap-sub #wrapper {
}


#mainwrap-sub .views-field-field-caption{
    border-top: 3px solid #00476b;
    margin-top: -160px;
    height:160px; 
    color:#fff;
    line-height:100px; 
    text-align:center; 
    background:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	font-size:24px;
 }
#mainwrap-sub .content-bottom-whiteField {
	height:50px; 
	width:100%; 
	background:#fff;
	}
#mainwrap-sub .region-content-bottom {
	background:#292929; color:#fff;
	padding-bottom : 45px;
	padding-top:50px !important;
	margin-top:0px ! !important;
}


/* Services Subpage */
#mainwrap-sub .view-service-subpage .views-row{
	width:100%;
    clear:both;
	}
#mainwrap-sub .view-service-subpage .field-content img {
	width:50px; 
	height:50px;
	float:left;
	}
#mainwrap-sub .view-service-subpage .views-field-title{
	 min-height:40px; 
	 margin-left:40px;
	 margin-top:15px;
	 line-height:30px;
	 font-weight:400;
}
#mainwrap-sub #block-views-service-subpage-block{ 
background:#fff;
/*margin-bottom:20px;*/
	}
#mainwrap-sub .view-service-subpage .views-row-1{
	background:url(../images/passenger-blue.png) no-repeat;
	background-position:0 0;
	}
#mainwrap-sub .view-service-subpage .views-row-2{
	background:url(../images/br-properties-blue.png) no-repeat;
	background-position:0 0
	}
#mainwrap-sub .view-service-subpage .views-row-3{
	background:url(../images/blue-mark-blue.png) no-repeat;
	background-position:0 0
	}
#mainwrap-sub .view-service-subpage .views-row-4{
	background:url(../images/dry-ports-blue.png) no-repeat;
	background-position:0 0
	}
#mainwrap-sub .view-service-subpage .views-row-5{
	background:url(../images/freight-blue.png) no-repeat;
	background-position:0 0
	}
.page-faqs #mainwrap  .node-readmore a{
	border:1px solid #ccc !important;
	border-radius:5px !important;
	color:green !important;
	}
.page-faqs #mainwrap  .node-readmore a:hover {
	border:1px solid #F60 !important;
	border-radius:5px !important;
	}
	

/*news and events*/


/*tables*/

#mainwrap-sub table {
	width:102.5%;
}

#mainwrap-sub table {
    border-top-right-radius:10px; 
   border-top-left-radius:10px;
}
#mainwrap-sub table thead tr  { 
   background:#4f91ce !important;
   color:#fff;
   font-weight:lighter;
   padding:15px;
    
}
#mainwrap-sub table thead tr th {
	padding:10px 10px 5px 10px;
	border:1px solid #ada8a8;
}
#mainwrap-sub table tr td {
	padding:10px 5px 5px 5px;
	font-size:0.8em;
}
#mainwrap-sub table tr:hover {background:#fff;}
#mainwrap-sub table tr td {border:1px solid #ada8a8;;}
#mainwrap-sub table tr:nth-child(0) {background: #f60} {
    
}
#mainwrap-sub table tr:nth-child(even) {background: #ccc} {
    
}
#mainwrap-sub table tr:nth-child(odd) {background: #eee} {
    
}
#mainwrap-sub table tr td {
    
}
#mainwrap-sub table tr td:nth-child(2)  {
	/*text-align:right;
	min-width:200px;*/
}
#mainwrap-sub table tr td:nth-child(2)  {

}
.page-node-41 #mainwrap-sub table tr td:nth-child(2) {text-align:center;}
.page-node-41 #mainwrap-sub table tr td:nth-child(3) {text-align:center;}
.page-publications table tr td:nth-child(2) a,
.page-tender table tr td:nth-child(3) a{
 float:right;
}
.page-publications table tr td:nth-child(2)   {
 
 width:200px;
}

.page-publications table tr td:nth-child(2)   {
 
}
.page-publications table tr td:nth-child(2){
	
}
#mainwrap-sub .view-publications .download-publication-link,
#mainwrap-sub .view-tender .download-tender-link{
	color:#fff;
	display:block;
	width:75px;
	border-radius:20px;
	text-decoration:none;
	text-align:center;
	padding:0px 5px 2px 5px;
  background: #00476b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#1e6fb2, #5aa5e2, #1e6fb2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#1e6fb2, #5aa5e2, #1e6fb2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#1e6fb2, #5aa5e2, #1e6fb2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#1e6fb2, #5aa5e2, #1e6fb2); /* Standard syntax */
}

#mainwrap-sub .view-publications .download-publication-link:hover,
#mainwrap-sub .view-tender .download-tender-link:hover{

-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

/* Board of directors node */
.page-board-of-directors #page-title {
	text-align:left;
}
.page-board-of-directors .item-list ul {
	padding-top:20px;
	}
.page-board-of-directors .view-board-of-management .views-field-title {
	/*background:#4f91ce;*/
	text-align:center;
	color:#000 !important;
	/*width:200px;*/
}
.page-board-of-directors .view-board-of-management .views-field-title a {
color:#000;
}
.page-board-of-directors .view-board-of-management .views-field-field-position {
	text-align:center;
}
.page-board-of-directors .view-board-of-management .views-column {
	margin-bottom:30px;
	text-align:center;
}
.page-board-of-directors .region-content {
	margin-top:20px;
}

/* page-management */

.page-management .region-content {
	margin-top:20px;
}

.page-management .item-list ul {
	padding-top:20px;
	}
.page-management .view-board-of-management .views-field-title {
	/*background:#4f91ce;*/
	text-align:center;
	color:#000 !important;
	/*width:200px;*/
}
.page-management .view-board-of-management .views-field-title a {
color:#000;
}
.page-management .view-board-of-management .views-field-field-position {
	text-align:center;
}
.page-management .view-board-of-management .views-column {
	margin-bottom:30px;
	text-align:center;
}
.page-management .view-board-of-management .views-column-first{
	/**/width:100%;
	float:none;
	clear:both;
	text-align:center;
	
}
/*people-node*/

.node-type-people .node-people { text-align:center;}
.node-type-people #page-title {text-align:center;}
.node-type-people .field-name-field-position {font-size:18px; font-weight:500;}
/*
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
tr:nth-child(5n+3) {font-weight: bold}
*/
	
/*Side bar */
#mainwrap-sub #sidebar{
	background:#fff;
	/*height:1000px;*/
	
	}

#mainwrap-sub #sidebar #block-views-service-subpage-block .view-service-subpage {
    margin-left:50px;
}
#mainwrap-sub #sidebar #block-views-find-a-station-block-1 {
margin-top:12px;
}
#mainwrap-sub #sidebar #block-views-find-a-station-block-1  h2 {
  padding-top:10px;
  padding-left:50px;
  width:100%; background:#4f91ce;
  height:50px; line-height:80px;
  background: #4f91ce url(../images/maps-icon-sm.png) no-repeat;
  background-position:90% 5px;
  color:#fff;
  margin-top:0px;
  margin-bottom:0px;
  font-size:1.6em;
  font-weight:300;
}
#mainwrap-sub #sidebar #block-views-service-subpage-block h2 {
  padding-top:10px;
  padding-left:50px;
  width:100%; background:#4f91ce;
  height:50px; line-height:80px;
  background: #4f91ce url(../images/Services-Subpage-Icon.png) no-repeat;
  background-position:90% 10px;
  color:#fff;
  /*margin-top:0px;
  margin-bottom:0px;*/
  font-size:1.6em;
  overflow:hidden;
  font-weight:300;
}
#mainwrap-sub #sidebar #block-views-service-subpage-block {
	/*margin-top:40px;*/
	border:1px solid #eee;
	/*margin-bottom:50px;*/
}
#mainwrap-sub #sidebar #block-views-service-subpage-block .content{
	margin-top:22px;
	/*overflow:hidden;
	margin-bottom:30px;*/
}
/*block headers Media Queries */

@media (max-width : 1200px)
{
    
    #mainwrap-sub .container {
    width: 100%;
}
	#mainwrap-sub #sidebar #block-views-find-a-station-block-1  h2 {
		padding-top:10px !important;
		font-size:1.5em !important;
	}
	#mainwrap-sub #sidebar #block-views-service-subpage-block h2 {
		padding-top:10px !important;
		font-size:1.5em !important ;
}
}
@media (max-width : 992px)
{
    #mainwrap-sub .container {
        width: 1180px;
        
    }
	#mainwrap-sub #sidebar #block-views-find-a-station-block-1  h2 {
		padding-top:10px !important;
		font-size:1.0em !important;
	}
	#mainwrap-sub #sidebar #block-views-service-subpage-block h2 {
		padding-top:10px !important;
		font-size:1.0em !important ;
}
}
@media (max-width : 767px)
{
	#mainwrap-sub #sidebar #block-views-find-a-station-block-1  h2 {
		padding-top:5px !important;
		font-size:2.0em !important;
	}
	#mainwrap-sub #sidebar #block-views-service-subpage-block h2 {
		padding-top:5px !important;
		font-size:2.0em !important ;
}
}
@media (max-width : 460px)
{
	#mainwrap-sub #sidebar #block-views-find-a-station-block-1  h2 {
		padding-top:5px !important;
		font-size:1.5em !important;
	}
	#mainwrap-sub #sidebar #block-views-service-subpage-block h2 {
		padding-top:5px !important;
		font-size:1.5em !important ;
}
}
@media (max-width : 360px)
{

}

/* Add by Elias---Fares Schedule Form*/
#results {
   /* margin-top: 20px;
	margin-left:15px;
	clear:both; */
}

#content-top #fare-form .form-item select { 
 height:40px;
 border:none;
 background:#f6f6f6;
 border-radius:5px;
 padding-left:20px; 
 padding-right:20px;
 }
#content-top #fare-form .form-item select {
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
   background: #f6f6f6 url(../images/Dropdown-arrow.png) no-repeat ;
   background-position: 98% 15px;
   position:relative;
   
   }
#fare-form .form-item  select#to {
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
   background: #f6f6f6 url(../images/Dropdown-arrow.png) no-repeat ;
   background-position: 99% 15px !important;
   position:relative;
   
   }
#fare-form .form-item  select#from {
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
   background: #f6f6f6 url(../images/Dropdown-arrow.png) no-repeat ;
   background-position: 99% 15px !important;
   position:relative;
   
   }

#fare-form .form-item select {
   -webkit-appearance: none;
   }
 
#content-top #fare-form .form-item input { 
 height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;
 }
/*
#block-fare-train-schedule-fares h2 {
    text-align: center;
    width: 95%;
    background: #4f91ce;
    height: 80px;
    line-height: 80px;
    padding-top: 20px;
    background: #4f91ce url(../images/fares-ico.png) no-repeat;
    background-position: 90% 10px;
    color: #fff !important;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 2em;
}
*/
#fareclass {
	width: 45%;
    line-height: 35px;
    display: inline-block;
    float: right;
    margin: -10px 10px 0px 5px;
}
.region-content-top .views-fieldset {}
.region-content-top .form-item-from {height:50px !important; margin-top:30px !important}
.region-content-top .form-item-to {height:50px !important;}
#block-fare-train-schedule-fares .content {
	padding:0px;
}
#block-fare-train-schedule-fares .content #fare-form {
	
	padding:0px;
	margin-top:-30px;
	min-height:450px;
	background:#fff;
	}
#from {
	width: 96%;
    line-height: 35px;
    margin: 0px 0px 0px 11px;
}

#to {
	    width: 96%;
    line-height: 35px;
    margin: -10px 0px 0px 11px;
}

#adults{
	width: 45%;
    line-height: 35px;
    display: inline-block;
    float: left;
    margin: 5px 5px 0px 10px;
}
#infants {
	 width: 45%;
    line-height: 35px;
    display: inline-block;
    float: right;
    margin: 5px 10px 0px 5px;
}
#children {
     width: 45%;
    display: inline-block;
    float: left;
    margin: 15px 5px 0px 10px;
    line-height: 35px;	
}
#seniors {
	 width: 45%;
    display: inline-block;
    line-height: 35px;
    margin: 15px 10px 0px 5px;
    float: right;
}
#date-depart-datepicker-popup-0 {
	visibility: visible;
   width:100%;
}
/*form-item form-type-date-popup form-item-date-depart*/
.form-type-date-popup {
	/*background:#f60;
	width:100% !important;*/}
.form-item-date-depart {
	/*background:#f60 !important;
	width:100% !important;*/}
.date-depart {
	/*background:#f60;*/}
/*date-depart*/
/*form-type-date-popup form-item-date-depart*/
.form-item-date-depart , .form-type-date-popup{width:100%;}
.form-item-date-depart-date {margin-top:0px !important; padding:0px;}
.container-inline-date {}
.container-inline-date .form-item input {
    width: 100%; 
}
.date-depart {width:100%;}
.date-padding {width:100%;}
#date-depart {margin-top:0px !important;}
#trip-search {
	background: #4f91ce;
    border: 0px;
    padding: 0px;
    width: 45%;
    text-align: center;
    height: 40px;
    line-height: 25px;
    color: #fff;
    float: right;
    margin: 26px 13px 0px 0px;
    font-weight: bold;
}
#trip-search-cancel {
	background: #4f91ce;
    border: 0px;
    padding: 0px;
    width: 45%;
    text-align: center;
    height: 40px;
    line-height: 25px;
    color: #fff;
    float: left;
    margin: 10px 0px 0px 13px;
    font-weight: bold;
}
.container-inline-date {  margin:-10px auto auto 10px; !important; float:left; width:45%;}
.form-type-textfield {}
.form-item-date-depart-date {}
.form-item-date-depart-date .description { margin-left:25px;}
/* Fares Form media Query */
@media (max-width : 365px)
{
	#results {
   /* margin-top: 20px;
	margin-left:15px;*/
	clear:both;
}

#block-fare-train-schedule-fares h2 {
    text-align: center;
    width: 95%;
    background: #4f91ce;
    height: 80px;
    line-height: 80px;
    padding-top: 20px;
    background: #4f91ce url(../images/fares-icon.png) no-repeat;
    background-position: 90% 10px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 2em;
	font-weight:400 !important;
}
#block-fare-train-schedule-fares .content {

}
#fareclass {
	width: 95%;
    line-height: 35px;
    display: inline-block;
    margin: -10px 0px 0px 10px;
	float:left;
}

#from {
	width: 95%;
    line-height: 35px;
    margin: 20px 0px 0px 10px;
	float:left;
}

#to {
	width: 95%;
    line-height: 35px;
    margin: 0px 0px 0px 10px;
	float:left;
}

#adults{
	width: 95%;
    line-height: 35px;
    display: inline-block;
    margin: 20px 0px 0px 10px;
	float:left;
}
#infants {
	 width: 95%;
    line-height: 35px;
    display: inline-block;
    margin: 20px 0px 0px 10px;
	float:left;
}
#children {
    width: 95%;
    display: inline-block;
    margin: 20px 0px 0px 10px;
    line-height: 35px;	
	float:left;
}
#seniors {
	 width: 94%;
    display: inline-block;
    line-height: 35px;
    margin: 20px 0px 0px 10px;
	float:left;
}
/*form-item form-type-date-popup form-item-date-depart*/
#date-depart-datepicker-popup-0 {
   visibility: visible;
   width:100%;
}
.form-item-date-depart-date {margin-top:0px !important;}
#date-depart {margin-top:0px !important;}
.form-item-date-depart-date .description { margin-left:25px;}
.form-item-date-depart {}
.container-inline-date > .form-item {
    display: inline-block !important;
    margin-right: 0em !important;
    vertical-align: top !important;
}
.form-item-date-depart {margin-right:0em !important;}


#trip-search {
	background: #4f91ce;
    border: 0px;
    padding: 0px;
    width: 95%;
    text-align: center;
    height: 40px;
    line-height: 25px;
    color: #fff;
    margin: 20px 0px 0px 10px;
    font-weight: bold;
	float:left;
}
#trip-search-cancel {
	background: #4f91ce;
    border: 0px;
    padding: 0px;
    width: 95%;
    text-align: center;
    height: 40px;
    line-height: 25px;
    color: #fff;
   margin: 20px 0px 0px 10px;
    font-weight: bold;
	float:left;
}
.container-inline-date {  margin:0px auto auto 10px; !important; float:left; width:95%;}
.form-type-textfield {}


} 


/* login-form */
#user-login .form-item input { 
 height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; /*float:left;*/
 border:none;
 padding-left:25px;
 }
#user-login label {
	visibility:visible;
}
#user-login {
	overflow:auto;
   /*background:#f60;*/
   margin-top:20px;
   /*min-height:300px;*/
   border:1px solid #4f91ce;
   border-radius: 5px;
   padding:20px;
   -webkit-box-shadow: 0 6px 2px -6px rgb(128,128,128);
	   -moz-box-shadow: 0 6px 2px -6px rgb(128,128,128);
	        box-shadow: 0 6px 2px -6px rgb(128,128,128);
}
#user-login #edit-name {
	width:100%;
	padding:10px;
}
#user-login #edit-pass {
	width:100%;
	float:right;
	padding:10px;
}
#user-login #edit-submit {
    /*top:250px;*/
	position:relative;
	bottom:0;
	float:right;
	/*margin-right:20px;*/
	width:200px;
	min-height:40px;
	background:#4f91ce;	
	border:none;
	padding:none;
	color:#fff;
	font-weight:300;
}



/*Register As Suppliers Form */
/*
supplier-company-name
supplier-lead-contact-person*/
#node-150 .form-item select { 
 height:40px;
 border:none;
 background:#f6f6f6;
 border-radius:5px;
 padding-left:20px; 
 padding-right:20px;
 }
#node-150 .form-item select {
   overflow: hidden;
   overflow: -moz-hidden-unscrollable;
   background: #f6f6f6 url(../images/Dropdown-arrow.png) no-repeat ;
   background-position: 98% 15px;
   position:relative;
   
   }
#node-150 .form-item input { 
/* height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;*/
 }
 
#node-150 {padding:20px 10px 20px 10px;}
#node-150 .supplier-company-name{ width:100%;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;}
#node-150 .supplier-lead-contact-person{ width:100%;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;}

#node-150 input { /*width:100%;*/}
#node-150 input.supplier-email { width:100%;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;} 
#node-150 input.supplier-telephone { width:100% ;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;
 }
#node-150 .webform-component--company-name
{
	height:40px;
}
#node-150 .webform-component--lead-contact-person 
{
	height:40px;
}
#node-150 .webform-component--company-name
{
	height:40px;
}
#node-150 .webform-component--tel---mobile
{
	height:40px;
}
#node-150 .webform-component{
	
}
#node-150 .form-item {
	padding:0px;
	
}
/*p:nth-child(2) */
/*#node-150 input.supplier-file-attachment#edit-submitted-attachment-upload {width:80% !important;background:#f60;}*/
#node-150 input.form-submit {}
#node-150 input#edit-submitted-attachment-upload {}
#node-150 input#edit-submitted-attachment-upload-button--3 {}

#node-150 .webform-component-textarea {}
#node-150 .form-textarea-wrapper {}
#node-150 .webform-component--company-introduction {}
#node-150 .supplier-company-introduction {
	background:#f6f6f6;
    border-radius:5px; 
    padding:0px; /*float:left;*/
    border:none;
	padding:25px 25px;
	margin-top:-30px;
 }
 /*container =   supplier-file-attachment */
 /*The file Explore Button*/
#node-150 #edit-submitted-attachment-upload { 
 height:30px !important;
 background:#f6f6f6 !important;
 border-radius:5px !important; 
 padding:0px !important; 
 border:none !important;

 }
#node-150 .supplier-file-attachment {

	}
 
 
 
 
#node-150 .supplier-file-attachment #edit-submitted-attachment-upload  {
	 }
/*The upload Button*/
#node-150 #edit-submitted-attachment-upload-button { 
display:block !important;
background:#4f91ce !important;
border:0px !important;
padding:0px !important;
width:10% !important; 
text-align:center !important;
height:40px !important; 
line-height:25px !important;
color:#fff !important;
font-weight:bold !important;
float:left !important;
}
/*the file description */
#node-150 .webform-component-file .description {
	display:inline-block!important; 
	color:#000 !important; 
	font-size:14px !important;
    padding:7px 0px 0px 10px!important;
	}
 /*The submit Button*/
#node-150 .button-primary { 
background:#4f91ce;
border:0px;
padding:0px;
width:45%; 
text-align:center;
height:40px; 
line-height:25px;
color:#fff;
float:left;
font-weight:bold;
margin-top:20px;
}


/*Contact Us */
.page-node-135 #mainwrap-sub  {}

.page-node-135 input.contact-full-name { width:100%;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;
 } 
.page-node-135 input.contact-telephone-number { width:100%;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;
 } 
.page-node-135 input.contact-email { width:100%;
height:40px;
 background:#f6f6f6;
 border-radius:5px; 
 padding:0px; 
 border:none;
 padding-left:25px;
 } 
.page-node-135 .contact-comments {
	background:#f6f6f6;
    border-radius:5px; 
    padding:0px;
    border:none;
	padding:25px 25px;
	margin-top:-18px;
}

.page-node-135 .button-primary { 
background:#4f91ce;
border:0px;
padding:0px;
width:45%; 
text-align:center;
height:40px; 
line-height:25px;
color:#fff;
float:left;
font-weight:bold;
}
/*form-item*/
.page-node-135 .webform-component--full-name {
	height:40px; 
}
.page-node-135 .webform-component--tel---mobile {
	height:40px; 
}

.page-node-135 .webform-component--email {
	height:40px; 
}
.page-node-135 .webform-component--comments---suggestions {
	margin-top:40px;
}


/* Register As Supplier Node Message */

.page-node-150 #content #block-block-2 p {
    color:#f60;
	font-size:18px;
	line-height:20px;	
	padding:0px 10px 10px 10px;
}
.node-type-news-and-events #content .field-name-field-photos img {
	float:left;
	margin:10px;
	border:1px solid #f8f8f8;
	}
.node-type-news-and-events #content .field-name-body {
	display:block;
	clear:both;
	padding:25px 0px;
}




/******************************node-type-services************************/
.node-type-services #mainwrap-sub .flexslider .slides img {
	min-width:0px important;
}
.node-type-services .flexslider .slides img{
min-width:0px !important;
height:auto;
	
}

.node-type-services .flexslider .flex-caption {
	padding: 15px;
text-align: center;
background: rgba(0,0,0,0.5);
position: absolute;
display: block;
width: 100%;
bottom: 0;
z-index: 119;
color: #fff;
font-size: 24px;
font-weight: bold;
margin-left:20px;
}

.node-type-services .field-name-field-services-image-caption {
		padding: 15px;
text-align: center;
/*background: rgba(0,0,0,0.5);*/
position: absolute;
display: block;
width: 100%;
top: 0;
z-index: 119;
color: #fff;
font-size: 18px;
font-weight: bold;
}



.node-type-services .jcbx-glry-classic {
	background:#fff !important;
}

.node-type-services .jb-panel-index .jb-classifier-thumb-area {
	display:none !important;
}
._node-type-services .juicebox-container {
	max-height:464px !important;
}
.node-type-services .jb-dt-main-image {
	box-shadow:none !important;
}
.node-type-services .jcbx-glry-classic {
	max-height:498px;
}
.node-type-services #field--node--91--field-images--full {
	max-height:498px !important;
}

.node-type-services .jb-classifier-link-wrapper .jb-classifier-detail-area .jb-classifier-layer .jb-classifier-show-on-over {
	display:none !important;
}

div.jb-classifier-link-wrapper {
	display:none !important;
}
.node-type-services .jb-dt-main-image {
	top:0px !important;
}
/*
._node-type-services .jb-area-caption .jb-classifier-layer .jb-classifier-show-on-over {
	background:transparent !important;
}
jb-caption jb-classifier-layer*/


/*
*/
.node-type-services .jb-caption .jb-classifier-layer {
	background:none !important;
	height:525px;
}
.node-type-services .jb-cap-frame {
	height:500px !important;}
	
.node-type-services .jb-caption  {
	background:none !important;
	/*height:500px;*/
	max-height:500px !important;
	position:absolute;
	top:0;
	width:100% !important;
	
}
._node-type-services .jb-classifier-layer {
	background:none !important;
	height:525px;
	max-height:500px;
	position:absolute;
	top:0;
	
}
.node-type-services .jb-area-caption {
	/*height:525px !important;
	max-height:525px !important;*/
	top:0 !important;
	height:500px !important;
	max-height:500px !important;
}
._node-type-services .jb-caption /*, .jb-classifier-layer */{
	/*height:500px !important;*/
	max-height:500px !important;
}



.node-type-services .jb-caption-desc {
	/*position:absolute;
	top:350px;*/
	/*margin-top:364px !important;*/
	margin-top:54% !important;
	font-size:18px !important;
	font-weight:bold !important;
	text-align:center !important;
	padding-left:50px !important;
	width:100% !important;
	
}
.node-type-services .jb-cap-content {
		font-size:24px !important;
	font-weight:bold !important;
	text-align:center !important;
	padding-left:50px !important;
}
.node-type-services .jbac-number {
	margin-right:25px !important;
}
.jb-caption-desc {
	
}
/*
.node-type-services .jb-classifier-link-wrapper {
	display:none !important;
}
.node-type-services .jb-classifier-link-wrapper div  {
	background:none !important;
	display:none !important;
}

.node-type-services .jcbx-glry-classic div:not([class]){
	display:none !important;
	background:none !important;
}
.node-type-services .jcbx-glry-classic div:nth-of-type(5) {
	opacity:0 !important;
}
*/
.node-type-services .juicebox-parent:after {
	content:"";
	display:block;
	position:absolute;
	right:0;
	width:100px;
	height: 24px;
background: #fff;
bottom: 0;
z-index: 9999;
	
}
.node-type-services .juicebox-parent{
	position:relative;
	
}


.node-type-services .jb-panel-index {
	display:none !important;
}

/* Price-inquiry webform */
.page-node-391 #node-391 {
    padding: 0 20px;
}

.page-node-391 #node-391 .field-name-field-body p.price {
    margin-left: 0 !important;
}

.page-node-391 .form-item label {
    visibility: unset;
}

#webform-client-form-391 .form-item {
    display: inline-block;
    width: 49%;
}

#webform-client-form-391 .form-item select {
    width: 300px;
}

#webform-client-form-391 .webform-component--collection-drop {
    display: block;
}

#webform-client-form-391 .webform-component--collection-drop input[type="radio"] {
    margin: -2px 0 0;
}

#webform-client-form-391 .webform-component--calculate,
#webform-client-form-391 .webform-component--clear {
    width: 49%;
    text-align: center;
}

#webform-client-form-391 #Cal-btn {
    background: #428bca;
    padding: 10px 25px;
    color: #ffffff !important;
    border-radius: 10px;
    cursor: pointer;
}

#webform-client-form-391 .clear-btn {
    background: red;
    padding: 10px 25px;
    color: #ffffff !important;
    border-radius: 10px;
    cursor: pointer;
}

#webform-client-form-391 #Cal-btn:hover,
#webform-client-form-391 .clear-btn:hover {
    text-decoration: none;
}

#webform-client-form-391 #Cal-btn:hover {
    background: #0b6dc1;
}

#webform-client-form-391 .clear-btn:hover {
    background: #730404;
}

#webform-client-form-391 .form-actions input.webform-submit {
    display: none;
}