/* Get rid of weird looking buttons on iphone */
input[type="button"], input[type="submit"], input[type="text"], input[type="password"]{
	-webkit-appearance: none!important;
}

/*hide main nav toggle on normal screens*/
.toggleMainNav,
.togglePageNav,
.toggleTabs {
	display: none;
}


/*MEDIA QUERIES
***************************************************/

@media all and (max-width: 1200px) {

	.scrollDown {
		display: none;
	}


	.banner h1, .banner h2, .banner blockquote p,
	.statement h2 {
		font-size: 40px;
		line-height: 45px;
	}

	.banner blockquote p {
		font-size: 30px;
		line-height: 35px;
	}

	.banner .text {
		bottom: 30px;
	}


}
















@media all and (max-width: 1023px) {


	/*NAV OPEN*/

	.navOpen .navigation {
		height: 520px;
	}
	.navOpen .header,
	.navOpen #wrap {
		top: 520px;
	}

	/*GRID*/

	.row {
		padding: 0;
		margin: 0 auto 0;
	}

	.col {
		width: 100%;
		float: none;
		margin-top: 10px;
	}

	.navigation .row .col {
		width: 50%;
		float: left;
	}

	.row.fullwidth .col {
		padding-left: 0;
		padding-right: 0;
	}

	/*HEADER*/

	.header .row {
		margin-top: 0;
	}

	.header h1 a {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.main.logo img, .logo img, .header.sticky .logo img {
		left: 20px;
	}

	.header .contact,
	.header .search {
		display: none;
	}

	.logo {
		position: absolute;
	}

	.main.logo img ,
	.logo img ,
	.header.sticky .logo img {
		position: relative;
		width: 120px;
		height: auto;
	}

	.header .menu {
		right: 20px;
	}

	/*.header.sticky .logo img {
		width: auto;
		height: auto;
	}*/
	/*
	.header .menu {
		width: 105px;
    	height: 120px;
	    padding-top: 37px;
	}
	*/

	/*MAIN NAV*/

	.col.mainNav {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		clear: both;
	}

	.toggleMainNav {
		display: block;
		background: #cfdee6;
		height: 44px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 16px;
	}

	.toggleMainNav span {
		display: block;
		float: left;
		padding: 10px 0 0 10px;
	}

	.toggleMainNav i {
		float: right;
		width: 44px;
		height: 44px;
		text-align: center;
		font-size: 28px;
		border-left: 1px solid rgba(255,255,255,0.5);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 9px 0 0 0;
	}

	.mainNav .mainNavList {
		display: none;
		float: none;
		margin: 0 auto;
		border-top: 1px solid rgba(255,255,255,0.5);
		overflow: hidden;
	}

	.mainNav.open .mainNavList {
		display: block;
	}

	.mainNavList li {
		float: none;
	}

	.mainNavList li a {
		height: auto;
		padding: 10px 10px;
		border-left: 0;
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}

	/*BANNER*/

	.banner .row,
	.banner .col {
		margin-top: 0;
		padding-top: 0;
	}

	.bannerSlider .slides img {
		height: 400px;
		width: auto;
	}

	.innerPage .bannerSlider .slides img {
		height: 200px;
		width: auto;
	}

	.bannerSlider .text {
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 20px;
		width: auto;
	}

	.banner.press .text {
		bottom: 0;
	}

	.bannerSlider .text2 {
		right: 0;
		bottom: 0;
		left: auto;
	}

	.bannerSlider .text h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.banner:not(.press) .bannerSlider .text p {
		font-size: 14px;
		line-height: 20px;
		display: none;
	}



	.bannerSlider .btn {
		margin-top: 10px;
	}

	.flex-control-nav {
		left: auto;
		right: 20px;
		bottom: 20px;
	}

	.banner h1,
	.banner h2,
	.banner blockquote p {
		font-size: 40px;
		line-height: 45px;
	}

	.banner blockquote p {
		font-size: 30px;
		line-height: 35px;
	}


	.btnFancy {
		width: 340px;
	}

	/*inner page banner*/

	.innerPage .bannerSlider {
		display: none;
	}

	.innerPage .bannerSlider .slides img {
		height: 200px;
		width: auto;
	}

	.innerPage .bannerSlider .text {
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 20px;
		width: auto;
	}

	.innerPage .bannerSlider .text p {
		font-size: 14px;
		line-height: 20px;
		display: block;
	}

	.sidebar:nth-of-type(2) {
		padding-left: 10px;
		border-left: 0;
	}

	.sideItemsList > li > .inner {
		padding: 10px 10px 20px;
	}

	.sideItemsList > li > .inner h3 {
		margin: 10px 0 0 0;
	}

	/*INNER CONTENT PAGE*/

	.contentWrap > .row {
		display: block;
	}

	.content:nth-of-type(1) {
		padding-right: 10px;
		/*padding-top: 110px;*/
	}

	body:not(#home) .contentWrap > .row {
		display: flex;
		-webkit-flex-wrap: wrap;
		display: -webkit-flex;
		flex-wrap: wrap;
	}

	.content {
		-webkit-order: 2;
		order: 2;
	}

	.sidebar {
		-webkit-order: 1;
		order: 1;
	}

	.content:first-child {
		-webkit-order: 1;
		order: 1;
		margin-top: 140px;
	}

	.sidebar .inner {
		-webkit-order: 1;
		order: 1;
		height: 44px;
		overflow: hidden;padding-left: 20px;
		padding-right: 20px;
	}

	.sidebar.open .inner {
		height: auto;
		background: rgba(255,255,255,0.1);
	}

	.togglePageNav {
		display: block;
		background: rgba(255,255,255,0.1);
		height: 44px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 16px;
		color: #fff;
		margin: 0 -20px;
	}

	.togglePageNav span {
		display: block;
		float: left;
		padding: 10px 0 0 10px;
	}

	.togglePageNav i {
		float: right;
		width: 44px;
		height: 44px;
		text-align: center;
		font-size: 16px;
		border-left: 1px solid rgba(255,255,255,0.1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 14px 0 0 0;
	}
	/*TABS*/

	.toggleTabs {
		display: block;
		background: #cfdee6;
		height: 44px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration: none;
		font-size: 16px;
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}

	.toggleTabs span {
		display: block;
		float: left;
		padding: 10px 0 0 10px;
	}

	.toggleTabs i {
		float: right;
		width: 44px;
		height: 44px;
		text-align: center;
		font-size: 16px;
		border-left: 1px solid rgba(255,255,255,0.5);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 14px 0 0 0;
	}

	.tab-container ul.etabs {
		display: none;
	}

	.tab-container.open ul.etabs {
		display: block;
	}


	.tab-container ul.etabs li {
		margin: 0 0 0 0;
		float: none;
	}

	.tab-container ul.etabs a {
		padding: 8px 10px;
	}

	.statement > * {
		padding-left: 20px;
		padding-right: 20px;
	}



}
















@media (max-width: 767px) {

	/*NAV OPEN*/

	.navOpen .navigation {
		height: 520px;
	}
	.navOpen .header,
	.navOpen #wrap {
		top: 520px;
	}

	.logo img {
		top: 0;
		left: 10px;
	}

	.header .menu {
		width: 50px;
		height: 50px;
		top: 10px;
		right: 10px;
	}

	div.user-menu-container h3 span {
	    display: block !important;
	    width: 100% !important;
	    float: none !important;
	    padding-top: 10px !important;
	}

	.btnFancy {
		background-size: 100%;
		width: 170px;
		height: 50px;
		font-size: 11px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 19px;
	}
	.bookAcc {
	}

	.banner h1,
	.banner h2,
	.banner blockquote p {
		font-size: 20px;
		line-height: 25px;
	}

	h1#pageTitle {
		font-size: 30px;
		line-height: 35px;
		margin: 10px 0;
	}

	h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.statement p {
		font-size: 14px;
		line-height: 22px;
	}

	/*NAV*/

	.navigation .row {
		padding-top: 0;
	}

	.navigation {
		line-height: 22px;
	}

	.navigation .col:last-child {
		width: 100%;
	}

	.contact span {
		padding-bottom: 0;
	}


	/*teleporter*/

	.teleporter {
		padding-left: 20px;
		padding-right: 20px;
	}

	.teleporter li:first-child {
		display: none;
	}

	.teleporter li {
		width: 100%;
		padding: 0 0.5%;
		margin-bottom: 20px;
	}

	.teleporter li:nth-child(2n+4) {
		clear: left;
	}

	.teleporter h3 {
		font-size: 24px;
		line-height: 28px;
		margin-top: 10px;
	}

	.teleporter li img {
		width: 100%;
	}

	/*MAP*/

	#wrap #gdmap_canvas {
		width: 100% !important;
		height: 300px !important;
	}

	#wrap div#mapText {
		width: 100%;
		margin-left: 0;
	}

	.testimonial-slider {
		width: 90%;
	}
	.testimonial-slider .arrow {
		border: none;
	}


}

















@media all and (max-width: 600px) {

	.banner.press .text {
		bottom: 0;
		left: auto;
		right: auto;
		width: 100%;
	}

	.bannerSlider .text {
		padding: 0;
	}

	.banner blockquote {
		padding: 5px 0 5px;
		margin-bottom: 5px;
	}

	.banner cite {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 5px;
	}

}

















@media all and (max-width: 600px) {

	.banner .image:after {
		background: transparent url('../../images/layout/overlayBanner.png') center top no-repeat;
		background-size: cover;
	}

	.bannerSlider div.image > img {
		min-height: 250px;
    	width: 140%;
    	height: auto;
    	float: right;

	}
	.banner .scrollDown a {
		display: none;
	}
	.bannerSlider .text{
		left: 0;
		right: 0;
		width: 100%;
		bottom: 0;
		margin: auto;

	}
	.bannerSlider .text2{
		left:0;
		right: 0;
		width: 210px;
		bottom: -10px;
		margin: auto;

	}

	.statement h2 {
		font-size: 30px;
		line-height: 34px;
	}


}

@media all and (max-width: 767px) and (orientation: landscape) {

	.scrollDown {
		display: none;
	}

	.teleporter {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.teleporter li {
		width: 50%;
	}

	

}