*{
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

html {
	  scroll-behavior: smooth;
	}

a{
	outline: none;
	text-decoration: none;
	transition: all 0.1s linear;
}

.hide{
	display: none;
}

.alt-txt, h1, h2, h3, h4, h5{
	font-family: 'Inconsolata', monospace;
	font-weight: 400;
	color: #4f5d66;
}

p{
	color: #4f5d66;
}

h2 a{
	font-family: 'Inconsolata', monospace;
	color: #4f5d66 !important;
}

p a, ul li a.active{
	color: #039be5 !important;
	font-weight: 600 !important;
}
ul li a.active{
	cursor: default !important;
}

ul.grid li p a i{
	color: #039be5;
}

.input{
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	border: 2px solid #ededed;
	color: #4f5d66;
	padding: 5px 10px;
}

.input:focus{
	border-color: #039be5;
}

.textarea{
	display: block;
	width: 100%;
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	border: 2px solid #ededed;
	color: #4f5d66;
	padding: 5px 10px;
}


  .book_title{
	  font-size:39px;
	  margin-top:50px;
	  padding-left: 20px;
  }
  
  .book{
	  padding-left: 20px;
  }

h1, h2{
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 20px;
}


h3, h4, h5{
	font-size: 22px;
	line-height: 40px;
	margin-bottom: 15px;
}

.spacerLine{
	height: 3px;
	border-bottom: 3px solid #EEE;
	margin:20px 20px 20px;
}


.subheading{
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 45px;
	margin-top: 20px;
	padding-left: 20px;
}

h2 i{
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #039be5;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	color: #FFF;
	margin-right: 15px;
}

h2 i:before{
	line-height: 50px;
}


.subheading i{
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	margin-top:-10px;
	background: #039be5;
	overflow: hidden;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	color: #FFF;
	margin-right: 15px;
}


ul.three li{
	float: left;
	width: 33%;
	margin-right: 0.5%;
	padding: 0px 0 80px;
	
}

ul.three li:last-child{
	margin-right: 0;
}

ul.three li article{
	margin-right: 20px;
}

ul.three li article h3{
	border-bottom: 5px solid #EEE;
	margin-bottom: 25px;
}


ul.three li:last-child article{
	margin-right: 20px;
}

ul.three li article p, ul.grid li p{
	line-height: 30px;
	margin-bottom: 25px;
}



ul.three li article p i, ul.grid li p i{
	line-height: 30px;
	margin-right: 15px;
}




ul.three li article p:last-child,  ul.grid li p:last-child{
	margin-bottom: 0px;
}



ul li{
	list-style: none;
}

ul.book li{
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

ul.book li p{
	font-size: 25px;
	font-weight: 300;
	line-height: 50px;
}

ul.book li p a.link{
	display: inline-block;
	background: #039be5;
	border-radius: 10px;
	padding: 0 20px;
	color: #FFF;
	font-size: 22px;
}

.spacer{
	height: 30px;
	width: 100%;
}

ul.book li p i{
	display: none;
}

body{
	position: relative;
	margin: 20px 20px 0;
}

#body{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

#message{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: none;
	width: 50%;
}

#message img{
	display: block;
	width: 100%;
}

header{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 0 20px;
	padding: 0 30px;
	box-sizing: border-box;
background: #FFF;
}



.footer{
	margin:60px 20px 40px;
	display: block;
	border-top: 3px solid #EEE;
	padding-top: 40px;
	color: #4f5d66;
}

.footer-logo{
	display: block;
	float: left;
	height: 60px;
}

.tele{
	float: right;
	line-height: 40px;
	margin-top: 10px;
	color: #4f5d66;
	font-size: 21px;
}

.book .tele{
	float: left;
	margin-top: 5px;
}

.tele i{
	color: #039be5;
	font-size: 30px;
	margin-right: 20px;
	float: left;
	line-height: 40px !important;
}

.tele span{
	font-weight: 300;
	padding: 0 5px;
}

.footer ul{
	margin-top: 20px;
}

.footer ul li{
	float: left;
	margin-right: 40px;
	font-size: 13px;
	line-height: 50px;
	height: 50px;
}

.footer ul li:last-child{
	margin-right: 0px;
}

.footer ul li a{
	color: #4f5d66;
	text-decoration: underline;
}

nav{
	position: relative;
	float: right;
	height: 100%;
}

#logo{
 height: 100%;
 display: inline-block;
}

#logo img{
	display: block;
	height: 100%;
	float: left;
}



#desktop-menu li{
	float: left;
	height: 50px;
	 line-height: 50px;
	margin: 10px 0;
}

#desktop-menu li{
	display: inline-block;
	
	  position: relative;
}
  

#desktop-menu li ul{
	  display: none;
	  position: absolute;
	transition: all 0.2s linear;
	position: absolute;
	top: 50px;
	left: 0;
	background: #FFF;
	z-index: 100000;
	width: 300px;
	padding: 0 20px 0px;
	border-radius: 0 0 5px 5px;
}

#desktop-menu li ul li {
	height: 60px;
	line-height: 60px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #DDD;
}

#desktop-menu li ul li a{
	width: 100%;
	display: block;
}

#desktop-menu li ul li i{
	margin-right: 5px;
}

#desktop-menu li ul li:last-child{
	border-bottom-style: none;
}


#desktop-menu li.drop:hover ul{
	display: block;
}

#desktop-menu li ul li{
	float: none
	
}


.button{
	display: inline-block;
	padding: 10px 20px;
	color: #FFF !important;
	font-weight: 600 !important;
	border-radius: 5px;
	background: #039be5;
	outline: none;
	border: none;
	cursor: pointer;
}

#desktop-menu li.separator{
 margin: 10px 15px;
 line-height: 50px;
 color: #CCC;
 font-size: 12px;
}

#desktop-menu li a{
	color: #4f5d66;
	font-size: 14px;
}

#mobile_menu, #nav2, .menu, .treatment-menu{
	display: none;
}


#controls{
	position: absolute;
	top: 0;
	/*transform: translate(0%, -50%);*/
	right: 0px;
	height: 100%;
	z-index: 1000;
}

#controls .inner{
	position: relative;
	top: 0;
	width: 100;
	height: 100%;
	right: 0;
}

#controls .pager{
	display: block;
	position: absolute;
	top: 40px;
	right: 0;
}

#controls a{
	color: #FFF;
}



#controls .pager a{
	display: block;
	height: 30px;
	line-height: 30px;
	width:60px;
	margin-bottom: 10px;
	text-align: center;
	font-family: 'Inconsolata', monospace !important;
	cursor: pointer;
}

#controls .pager a.active{
	border-right: 5px solid #FFF;
}



#controls .control-links{
	display: block;
	position: absolute;
	bottom: 40px;
	right: 0;
}

#controls .control-links a{
	display: block;
	height: 30px;
	line-height: 30px;
	width:60px;
	text-align: center;
	  user-select: none;
	  cursor: pointer;
	  font-size: 25px;
}

#controls .control-links a:hover{
	font-size: 30px;
}

#controls .control-links a:first-child{
	margin-bottom: 10px;
}


#controls .control-links a.prev:hover{
	margin-top: -10px;
	margin-bottom: 20px;
}


#controls .control-links a.next:hover{
	margin-top: 10px;
}

.clear{
	clear: both;
}

ul.grid li, ul#blogpreview li{
	float: left;
	box-sizing: border-box;
}

ul.grid li:nth-child(1){
	width: 50%;
	padding-right: 16px;
}


ul.rev li{
	float: right;
	box-sizing: border-box;
}

ul.rev li:nth-child(1){
	width: 50%;
	padding-left: 16px;
}

ul.rev li:nth-child(2){
	width: 50%;
	padding-right:16px;
	padding-left: 0px !important;
}


ul.grid li:nth-child(2){
	width: 50%;
	padding-left:16px;
}


ul.grid li:nth-child(3){
	width: 40%;
	padding-right:16px;
}


ul.grid li:nth-child(4){
	width: 30%;
	padding-left:16px;
	padding-right: 16px;
}


ul.grid li:nth-child(5){
	width: 30%;
	padding-left: 16px;
}

ul.grid li article{
	padding: 16px;
}



ul#blogpreview li:first-child{
	width: 30%;
	padding-right:16px;
}


ul#blogpreview li:nth-child(2){
	width: 30%;
	padding-left: 16px;
	padding-right:16px;
}

ul#blogpreview li:nth-child(3){
	width: 40%;
	padding-left:16px;
}


ul#blogpreview li:nth-child(4){
	width: 50%;
	padding-right: 16px;
}

ul#blogpreview li:nth-child(5){
	width: 50%;
	padding-left: 16px;
}

#main-banner, .tab{
	display: block;
	width: 100%;
	position: relative;
	height: 500px;
	border-radius: 20px;
	margin-bottom: 30px;
	margin-top: 0px;
	overflow: hidden;
	background-color: #072b40;
	background-position: center center;
	background-size: cover;
}

#main-banner{
	margin-bottom: 50px;
}

#main-banner img.loader{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
}

#main-banner .bannerIMG{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	height: 100%;
}

#routine-chiropody{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/routine-podiatry.jpg") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#routine-chiropody-1{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/otoform.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#routine-chiropody-2{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/thick-nails.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#diabetic-foot{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/diabetic-foot.jpg") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}



#diabetic-foot-1{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/diabetic-foot-ulcer.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}



#diabetic-foot-2{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/diabetic-neurology-exam.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}



#diabetic-foot-3{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/peripheral-vascular-disease.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#fungal-nail-1{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/fungal-nail-inspection.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#fungal-nail-2{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/athletes-foot.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#fungal-nail-3{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/flip-flops.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#orthotics{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/foot-pain.jpg") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#orthotics-1{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/foot-pain.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#orthotics-2{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/clinical-biomechanics.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}



#orthotics-3{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/orthotic-management.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#verrucae{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/verrucae-treatment.jpg") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#verrucae-1{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/verrucae-close-up.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#verrucae-2{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/verrucae-treatment.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}

#verrucae-3{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/verrucae-treatment-2.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#orthotics-3{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/orthotic-management.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#ingrown-nails{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url(../img/banner/tiles/nailsur.JPG) no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#ingrown-nails-1{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/nail-conservative.jpg") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#ingrown-nails-2{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/PNA.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#about-us{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/about.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}



#our-clinic{
	box-sizing: border-box;
	padding: 30px 50px;
	background: url("../img/banner/tiles/clinic-2.JPG") no-repeat center center;
	background-size: cover;
	height: 450px;
	margin-top: 25px;
}


#advert{
	margin-top: 30px !important;
	margin-bottom: 50px !important
}




.tab h2{
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
	left: 30px;
	font-size: 32px;
	font-weight: 300;
	color: #FFF;
	font-family: 'Inconsolata', monospace;
	z-index: 1;
	margin-bottom: 0;
	line-height: 30px;
	transition: all 0.2s ease-in-out;
}

#blogpreview .tab h2{
	width: 69%;
	font-size: 21px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
 }

.tab h2 span{
	font-size: 17px;
	font-family: 'Inconsolata', monospace;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	margin-top: 10px;
	padding:0px 6px;
	line-height: 0px;
	display:block;
	color: #FFF;
	background: rgba(0,0,0,0.8);
	border-radius: 6px;
	transition: all 0.2s ease-in-out;
}

.tab h2 span a{
	color: #039be5;
	margin-left: 7px;
	font-size: 15px;
	font-weight: 600;
}

.tab h2 span a i{
	color: #039be5;
	margin-right: 4px;
	font-size: 15px;
}


.tab .overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.45);
	transition: all 0.2s ease-in-out;
}


.tab:hover .overlay{
	background: rgba(0,0,0,0.65);
}



.trx .tab:hover h2{
	//left: 50px;
}

.trx .tab:hover h2 span{
	opacity: 1;
	line-height: 30px;
}

.btn{
	line-height:30px;
	font-weight: 300;
	color: #FFF;
	font-size: 19px;
	display: inline-block;
	font-family: 'Inconsolata', monospace;
	position: absolute;
	bottom: 30px;
	left: 30px;
	border-bottom: 1px solid #FFF;
	z-index: 1;
}


.postDate{
	line-height:30px;
	font-weight: 300;
	color: #FFF;
	font-size: 15px;
	display: inline-block;
	font-family: 'Inconsolata', monospace;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 1;
	padding: 0 10px;
	display: block;
	background: rgba(0,0,0,0.69);
	border-radius: 5px;
	
}

.slideshow-container {
	  position: relative;
	  margin: auto;
	}
	
	/* Hide the images by default */
	.mySlides {
	  display: none;
	}
	
	/* Fading animation */
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 0.5s;
	  animation-name: fade;
	  animation-duration: 0.5s;
	}
	
	@-webkit-keyframes fade {
	  from {opacity: .1}
	  to {opacity: 1}
	}
	
	@keyframes fade {
	  from {opacity: .1}
	  to {opacity: 1}
	}
	
	.mySlides{
		width:100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	#main-banner h1, #main-banner h2{
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
		left: -550px;
		font-size: 32px;
		font-weight: 300;
		font-family: 'Inconsolata', monospace;
		color: #FFF;
		z-index: 2;
		transition: all 0.7s linear;
		
	}
	
	.slideshow-inner h1, .slideshow-inner h2{
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
		left: 50px !important;
		font-size: 32px;
		font-weight: 300;
		font-family: 'Inconsolata', monospace;
		color: #FFF;
		z-index: 2;
		transition: all 0.7s linear;
		background: transparent !important;
	}
	
	#main-banner h1.loaded, #main-banner h2.loaded{
		left: 50px;
		display: inline-block;
		background: rgba(0,0,0,0.8);
		border-radius: 10px;
		padding: 10px 30px;
	}
	
	
	#main-banner .slideshow-inner h1, #main-banner .slideshow-inner h2,{
		left: 50px !important;
	}
	
	
	.slideshow-inner {
		width:100%;
		height: 100%;
		border-radius: 10px;
		color: #FFF;
	}
	
	.slideshow-inner a.action{
		position: absolute;
		bottom: 50px;
		left: 50px;
		font-size: 18px;
		line-height: 30px;
		color: #FFF;
		font-weight: 300;
		border-bottom: 1px solid #FFF;
		display: inline-block;
	}
	
	.btn i, .slideshow-inner a.action i{
		font-size: 15px;
		transition: all 0.3s ease-in-out;
		margin-left: 2px;
		transform: rotate(-45deg);
		color: #FFF;
	}
	
	.btn:hover i, .slideshow-inner a.action:hover i{
		transform: rotate(0deg);
		color: #039be5;
	}
	
	
	h2 span{
		font-size: 14px;
	}
	
	.slide1 img.main{
		display: block;
		height: 69%;
		position: absolute;
		right: 31%;
		top: 50%;
		transform: translate(50%,-50%);
	}
	
	
	.slide2 img.main{
		display: block;
		height: 69%;
		position: absolute;
		left: 45%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	
	.slide1 img.img2{
		display: block;
		height: 30%;
		position: absolute;
		left: 24%;
		top: 20%;
		transform: translate(-50%,-50%);
	}
	
	.slide2 img.img2{
		display: block;
		height: 34%;
		position: absolute;
		right: 31%;
		top: 25%;
		transform: translate(50%,-50%);
	}
	
	
	
	
	
	.slide1 img.img3{
		display: block;
		height:40%;
		position: absolute;
		left: 42%;
		bottom: 26%;
		transform: translate(-50%,50%);
	}
	
	.slide2 img.img3{
		display: block;
		height:31%;
		position: absolute;
		right: 20%;
		bottom: 26%;
		transform: translate(50%,50%);
	}

	
	.slide1{
		background: url("../img/banner/podiatry-appointments-available.jpg") no-repeat center center;
		background-size: cover;
	}
	
	.slide1 img.hex1{
		display: block;
		width: 5%;
		position: absolute;
		left: 17%;
		bottom:25%;
		transform: translate(-50%,50%);
	}
	
	.slide2 img.hex1{
		display: block;
		width: 4%;
		position: absolute;
		left: 31%;
		bottom:25%;
		transform: translate(-50%,50%);
	}
	
	
	.slide1 img.hex2{
		display: block;
		width: 12%;
		position: absolute;
		right: 10%;
		bottom:25%;
		transform: translate(50%,50%);
	}
	
	.slide2 img.hex2{
		display: block;
		width: 8%;
		position: absolute;
		right: 37%;
		bottom:25%;
		transform: translate(50%,50%);
	}
	
	
	.slide1 img.hex3{
		display: block;
		width: 5%;
		position: absolute;
		left: 10%;
		top:31%;
		transform: translate(-50%,-50%);
	}
	
	
	.slide2 img.hex3{
		display: block;
		width: 5%;
		position: absolute;
		left: 20%;
		top:20%;
		transform: translate(-50%,-50%);
	}
	
	.slide1 img.hex4{
		display: block;
		width: 6%;
		position: absolute;
		right: 10%;
		top:31%;
		transform: translate(50%,-50%);
	}
	
	
	.slide2 img.hex4{
		display: block;
		width: 6%;
		position: absolute;
		right: 10%;
		top:31%;
		transform: translate(50%,-50%);
	}
	
	
	.slide1 img.hex5{
		display: block;
		width: 6%;
		position: absolute;
		left: 42%;
		top:20%;
		transform: translate(-50%,-50%);
	}
	
	.slide3 img.hex1{
		display: block;
		width: 4%;
		position: absolute;
		left: 20%;
		top:20%;
		transform: translate(-50%,-50%);
	}
	
	.slide3 img.hex2{
		display: block;
		width: 11%;
		position: absolute;
		left: 41%;
		bottom:40%;
		transform: translate(-50%,50%);
	}
	
	.slide3 img.hex3{
		display: block;
		width: 7%;
		position: absolute;
		right: 31%;
		bottom:20%;
		transform: translate(50%,50%);
	}
	
	.slide3 img.hex4{
		display: block;
		width: 8%;
		position: absolute;
		right: 25%;
		top:20%;
		transform: translate(50%,-50%);
	}
	
	.slide3 img.hex5{
		display: block;
		width: 6%;
		position: absolute;
		left: 46%;
		top:20%;
		transform: translate(-50%,-50%);
	}
	
	
	.slide2{
		background: url("../img/banner/podiatry-appointments-available.jpg") no-repeat center center;
		background-size: cover;
	}
	
	
	.slide3{
		background: url("../img/banner/podiatry-appointments-available.jpg") no-repeat center center;
		background-size: cover;
	}
	
	
	ul.list li{
		float: none;
		width: 100% !important;
		margin:0 0 0 0;
		padding: 0 !important;
	}
	
	
	
	#mobile_menu{
		  display: none;
	  }
	  
	  #mobile-logo{
		  display: none;
	  }
	  
	  #desktop-logo{
			display: block;
		}
		
		
		  .menu-layer{
			  display: none;
		  }
	
	@media screen and (max-width: 1024px) {
	  #desktop-menu{
		  display: none;
	  }
	  
	  #mobile_menu{
		  display: block;
	  }
	  
	  #mobile_menu li{
		  height: 100%;
	  }
	  
	  
	.trx .tab h2 span{
		display: none !important;
	}
	.trx .tab h2{
		height: 40px !important;
	}
	.tab h2{
		font-size:26px;
		font-weight: 600;
	}
	
	  
	  
	  header{
		  position: fixed;
		  z-index: 100000;
		  
	  }
	  
	  #main-banner{
		  margin-top: 70px;
	  }
	  
	  .grid li article .tele{
		  margin-bottom: 20px;
	  }
	  
	  
	  .slideshow-inner h1, .slideshow-inner h2{
		  width: 100%;
		  box-sizing: border-box;
		  padding: 0 50px;
		  text-align: center;
		  left: 0px !important;
		  font-size: 30px;
		  font-weight: 400;
	  }
	  
	  .slideshow-inner a.action{
		  position: absolute;
		  bottom: 40px;
		  left: 50%;
		  font-size: 18px;
		  line-height: 50px;
		  transform: translate(-50%, 0%);
	  }
	  
	  
	  
	  .menu-layer{
		  display: block;
		  position: fixed;
		  bottom: -250%;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  z-index: 10001;
		  box-sizing: border-box;
		  padding: 70px 0 0;
		  transition: all 0.8s linear;
		  overflow: scroll;
	  }
	  
	  .menu-layer .list{
			width: 100%;
			height: 100%;
			background: #FFF;
			  box-sizing: border-box;
			  border-top: 1px solid #DDD;
			  overflow: scroll;
	  }
	  
	  .menu-layer .list li{
		  width: 100%;
		  min-height: 80px;
			box-sizing: border-box;
			padding: 0 20px;
	  }
	  
	  .menu-layer .list li a{
			box-sizing: border-box;
			line-height: 80px;
			border-bottom: 1px solid #EEE;
			display: block;
			width: 100%;
			height: 80px;
			background: transparent;
			color: #888;
	}
	  
	  .show{
		  bottom: 0 !important;
	  }
	  
	  #mobile_menu button{
		  -moz-appearance: none;
		  -webkit-appearance: none;
		  background: transparent;
		  outline: none;
		  border: none;
		  cursor: pointer;
	  }
	  
	  
	  
	  .menuTxt{
		  display: inline-block;
		  line-height: 30px;
		  margin: 15px 10px 0 15px;
		  cursor: pointer;
		  font-size: 18px;
		  color: #4f5d66;
	  }
	  
	  #submenu{
		  transition: all 0.4s ease-in-out;
		  height: 0;
		  overflow: hidden;
	  }
	  
	  #submenu li{
		  transition: all 0.4s ease-in-out;
		  height: 0;
		  overflow: hidden;
	  }
	  
	  #submenu.display{
		  height: 480px;
	  }
	  
	  #submenu.display li{
		  height: 80px;
	  }
	  
	  .menu-layer .list li a i.fa-angle-right{
		  padding-right: 10px;
		  font-size: 19px;
		  float: left;
		  line-height: 80px;
	  }
	  
	  .menu-layer .list li a i.fa-caret-down, .menu-layer .list li a i.fa-caret-up{
		  padding-right: 10px;
		  font-size: 19px;
		  float: right;
		  line-height: 80px;
	  }
	  
	  .menu-layer .list li a i.fa-caret-up{
		  color: #039be5;
	  }
	  
	  .hmb{
		  float: left;
		  margin-top:11px ;
	  }
	  header {
		  padding-top:10px;
	  }
	  
	  .footer{
		  margin:60px 0px 40px;
		  padding-top: 40px;
	  }
	  
	  
	  
	  .footer ul{
		  margin-top: 20px;
	  }
	  
	  .footer ul li{
		  float: none;
		  margin-right: 0px;
		  font-size: 13px;
		  color: #4f5d66;
		  height: 40px;
		  line-height: 40px;
	  }
	  
	  .footer ul li a{
		  color: #4f5d66;
		  text-decoration: underline;
	  }
	  
	}
	
	
	@media screen and (max-width: 860px) {
		#desktop-logo{
			  display: none;
		}
		
		.slide1 img.main, .slide2 img.main, .slide1 img.img2, .slide2 img.img2, .slide1 img.img3, .slide2 img.img3{
			display: none;
		}
		
		h2 {
			font-size: 26px;
			line-height: 50px;
			margin-bottom: 20px;
		}
		
		
		#main-banner {
			white-space: nowrap;
		}
		
		.num{
			display: block;
			padding-left: 65px;
			line-height: 14px;
		}
		
		h2.cont i{
			margin-top: 13px;
		}
		
		p{
			font-size: 15px;
		}
		
		.bullets p a{
			display: block;
			margin-left: 23px;
		}
		
		ul.list li p i{
			margin-bottom: 30px;
			float: left;
		}
		
		.tab h2 {
			top: 69%;
		}
		
		#main-banner h1.loaded, #main-banner h2.loaded {
			left: 50%;
			transform: translate(-50%, -50%);
			background: rgba(0,0,0,0.8);
			border-radius: 10px;
			padding: 10px 20px;
			display:inline-block;
		}
		
		#main-banner h1, #main-banner h2 {
			position: absolute;
			top: 50%;
			transform: translate(0%, -50%);
			left: -550px;
			font-size: 20px !important;
			font-weight: 300;
			font-family: 'Inconsolata', monospace;
			color: #FFF;
			z-index: 2;
			transition: all 0.7s linear;
		}
		
		.subheading {
			font-size: 24px;
			line-height: 28px;
			padding-left: 0px;
			text-align: center
		}
		
		.subheading i{
			display: none;
		}
		
		.tab h2 {
			font-size: 24px;
			font-weight: 600;
		}
		
		ul.three li article p:last-child,  ul.grid li p:last-child{
			margin-bottom: 25px;
		}	  
		  
		  
		  .book_title{
			  font-size:30px;
			  margin-top:50px;
		  }
		  
		  
		  ul.book li{
			  float: none;
			  width: 100%;
			  margin-bottom: 20px;
		  }
		  
		  ul.book li:first-child{
			  margin-bottom: 27px;
		  }
		  
		  ul.book li p{
			  font-size: 25px;
			  font-weight: 300;
			  line-height: 50px;
		  }
		  
		  ul.book li p i{
			  display: inline-block;
			  float: left;
			  line-height: 50px;
			  margin-right: 20px;
			  font-size: 19px;
			  color: #BBB;
		  }
		  
		  ul.book li p a.link{
			  border-radius: 10px;
			  padding: 0 20px;
			  color: #FFF;
			  font-size: 22px;
		  }
		  
		  .spacer{
			  height: 30px;
			  widows: 100%;
		  }
		  
		  
		  
		  #mobile-logo{
			  display: block;
		  }
		  .menuTxt{
				margin: 15px 0px 0 15px;
			}
			header {
				padding-left:10px;
				padding-right:10px;
			}
			
			.footer-logo{
				  display: block;
				  float: none;
				  height: 60px;
			  }
			  
			  .tele{
				  float: none;
				  line-height: 40px;
				  margin-top: 30px;
			  }
			  
			  
			  
			  ul.grid li, ul#blogpreview li{
				  float: none;
				  box-sizing: border-box;
			  }
			  
			  ul.grid li:nth-child(1), ul.grid li:nth-child(2), ul.grid li:nth-child(3), ul.grid li:nth-child(4), ul.grid li:nth-child(5){
				  width: 100%;
				  padding-right: 0px;
					padding-left: 0px;
			  }
			  ul#blogpreview li:nth-child(1), ul#blogpreview li:nth-child(2), ul#blogpreview li:nth-child(3), ul#blogpreview li:nth-child(4), ul#blogpreview li:nth-child(5){
					width: 100%;
					padding-right: 0px;
					  padding-left: 0px;
				}
			  
			  .tab{
				  height: 400px;
			  }
			  
			  .tab h2 span{
				  font-size: 17px;
				  opacity: 1;
				  margin-right: 30px;
			  }
			  
		}
		
			
			
			
			
			
			@media only screen 
			and (max-device-width : 768px) 
			and (orientation : portrait) { 
				#message{
					display: none;
				}
				
				#body{
					display: block;
				}
			 }
			 
			 @media only screen 
			 and (max-device-width : 768px) 
			 and (orientation : landscape) { 
				 #message{
					 display: block;
				 }
				 
				 #body{
					 display: none;
				 }
			  }