body { font-family: 'Open Sans', sans-serif; color: #333333; line-height: 1.5em; background-color: #ffffff; }
header { background-color: #ffffff; xpadding-top:10px; }
h1,h2,h3,h4,h5 { font-weight:400; }
img[src=""] { display: none; }

input,button,select { border-radius:0px !important; }

.azsecpad-sm { padding-top:20px; padding-bottom:20px; }
.azsecpad-md { padding-top:40px; padding-bottom:40px; }
.azsecpad-lg { padding-top:70px; padding-bottom:70px; }

.topheader { background-color: #363B41; color: #ffffff; }
.topheader a { color: #ffffff !important; }
.topheader a:hover { text-decoration:none; }
.topheader h1 { padding:0px; margin:0px; font-weight: 700; font-size:2.7em; }
.topheader h3 { padding:0px; margin:0px; font-size:1.3em; font-weight: 700; }

.toploginbar { background-color: #ffffff; color: #363B41; border-bottom:1px solid #A8B3AF; }
.toploginbar a { color: #363B41 !important; }
.toploginbar input { border-radius: 0px; }
.toploginbar button { border-radius: 0px; background-color: #88918E; color: #ffffff; text-transform: uppercase; border-color: #88918E; }
.toploginbar p { padding-top:10px; }

.topintrospace { background-color: #A8B3AF; color:#363B41; }
.topintrospace h1 { color: #ffffff; font-size: 2.3em;}
.topintrospace h2 { color: #363B41; font-size: 2.0em;}
.topintrospace { background-color: #A8B3AF; }
.whitebtn { border:1px solid #ffffff !important; color: #ffffff; border-radius: 0px; padding:10px 20px; font-size: 1.5em; margin:15px 0px; }
.normalcontenthome { background-image: url(../imgs/bg-man.jpg); background-position: top right; background-repeat: no-repeat; background-blend-mode:darken; }

.footerdark { background-color: #363B41; color: #ffffff; }
.footerdark h3 { padding-top:0px; margin-top:0px; color: #A8B3AF; }

.owl-carousel { margin-top:40px; }
.owl-carousel  .text-center p { line-height: 1.1em; margin-top:15px; }
.owl-prev { float: left; }
.owl-next { float: left; margin-left:40px; }

.topnav ul { margin:0px; margin-top: 25px;}
.topnav a:hover { text-decoration:underline; }

.footerlastseo { background-color: #363B41; color: #A8B3AF; line-height:1.2em; }
.footerlastseo a {color: #A8B3AF; }

.carousel-indicators { display: none; }
.atozbooking { padding-top:20px !important; margin-top:20px !important;  }
.atozbooking h3 { padding-top:0px !important; margin-top:0px !important; padding-bottom:15px !important; margin-bottom:15px !important; }
.atozbooking .control-label { text-align: left; }
.help-block { font-size:0.95em; }
.dropdown-menu-large > li > ul > li > a { padding-left:16px; }
.input-group-addon:last-child { border-radius: 0px; }
.input-group-addon a { color: #000000; }

.error { color: red; xfont-size: 12px; }
.warn { color: orange; xfont-size: 12px; }
.help-block-label { display: inline-block; font-weight: normal; font-size:0.95em; margin-left:20px; }
.table-atozinc td { font-size:0.85em; }
.table-atozinc th { font-size:0.95em; font-weight: 600; }

.dropdown-menu-large li a { white-space: nowrap !important; }
.dropdown-menu { border-radius: 0px; }

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 60vh;
}
.fade-carousel .carousel-inner .item {
    height: 60vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .8;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .2;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-3 {
  height: 60vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../imgs/slider1.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../imgs/slider2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../imgs/slider3.jpg);
}
.fade-carousel .slides .slide-4 {
  background-image: url(../imgs/slider4.jpg);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}


/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.formlogintop .checkbox label, .formlogintop .radio label { padding-left:15px; }
}

@media (min-width: 768px){
	.hero h1 { font-size: 4em; }
	.formlogintop .checkbox label, .formlogintop .radio label { padding-left:15px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.az-left { text-align: left; }
	.hero h1 { font-size: 3em; }
	.formlogintop .checkbox label, .formlogintop .radio label { padding-left:15px; padding-top:15px; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.az-left { text-align: left; }
	.hero h1 { font-size: 2em; }
	.formlogintop .checkbox label, .formlogintop .radio label { padding-left:0px; padding-top:15px; }
	.normalcontenthome { background-image:none; background-color: #ffffff; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.az-left { text-align: left; }
	.hero h1 { font-size: 2em; }
	.formlogintop .checkbox label, .formlogintop .radio label { padding-left:0px; padding-top:15px; }
	#timepicker { left: 15px !important; }
	.topheader h1 {font-size: 1.6em; }
	.topheader h3 {font-size: 1.1em; }
	.xtopheader {font-size: 0.8em; }
	.normalcontenthome { background-image:none; background-color: #ffffff; }
}

/*HACKS*/
@-moz-document url-prefix() { fieldset { display: table-cell; } }

#printcontent fieldset {
    border: solid 1px #DDD !important;
    padding: 0 10px 10px 10px;
    border-bottom: none;
}

#printcontent legend {
    width: auto !important;
    border: none;
    font-size: 14px;
}

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}