/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/32373c"); */

html {overflow:-moz-scrollbars-vertical;}
html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html,body {max-width:100%; overflow-x:hidden;}
*, *:before, *:after {-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

@font-face {font-family:'BrandonPrinted-One'; src:url('https://cdn.ssmedia.com/havasuspringbreak/_scripts/fonts/32373C_0_0.woff2') format('woff2'),url('https://cdn.ssmedia.com/havasuspringbreak/_scripts/fonts/32373C_0_0.woff') format('woff');}
@font-face {font-family:'Droid Sans'; src:url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/DroidSans/DroidSans-Bold.woff2') format('woff2'), url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/DroidSans/DroidSans-Bold.woff') format('woff'); font-weight:bold; font-style:normal;}
@font-face {font-family:'Droid Sans'; src:url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/DroidSans/DroidSans.woff2') format('woff2'), url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/DroidSans/DroidSans.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'NexaRustScriptS-02'; src:url('https://cdn.ssmedia.com/havasuspringbreak/_scripts/fonts/32373C_1_0.woff2') format('woff2'),url('https://cdn.ssmedia.com/havasuspringbreak/_scripts/fonts/32373C_1_0.woff') format('woff');}

body {padding:0; margin:0; background-color:#fff;}
body,td,p,ul,ol,li {font:14px 'Droid Sans',Arial,sans-serif; color:#58595b; line-height:1.5;}

hr {border-top:1px solid #333 !important;}

a, a.alt:hover {color:#000; text-decoration:underline;}
a:hover, a.alt {color:#3f3f3f; text-decoration:none;}

.imgbox {background-color:#fff; padding:2px; border:1px solid #e0e0e0;}
.box {border:1px solid #333; border-collapse:collapse;}
.pubbox {border:1px solid #ccc; border-collapse:collapse;}
.small {font-size:11px;}

.h1, h1 {margin:0; font:bold 26px 'Droid Sans',Arial,sans-serif; color:#000;}
.h2, h2 {margin:12px 0; font:bold 20px 'Droid Sans',Arial,sans-serif; color:#d02019;}
h2.special {font-size:32px; font-family:'BrandonPrinted-One'; text-transform:uppercase;}
.h3, h3 {margin:12px 0; font:normal 18px 'Droid Sans',Arial,sans-serif; color:#444;}
.h4, h4 {margin:12px 0; font:normal 17px 'Droid Sans',Arial,sans-serif; color:#000;}
@media only screen and (max-width: 1024px) {
	.h1, h1 {font-size:24px;}
	.h2, h2 {font-size:18px;}
	h2.special {font-size:27px;}
	.h3, h3 {font-size:16px;}
	.h4, h4 {font-size:15px;}
}
@media only screen and (max-width: 767px) {
	.h1, h1 {font-size:22px;}
	.h2, h2 {font-size:17px;}
	h2.special {font-size:22px;}
	.h3, h3 {font-size:15px;}
	.h4, h4 {font-size:14px;}
}

/* GLOBAL */
.footer, .headline1, .siteheader, .siteheader2, .wrapper {position:relative;}
.bodycontent, .bodycontent2, .footer, .headline1 {min-width:1300px; max-width:1300px; margin:0 auto;}

/* WRAPPERS */
.wrapper {z-index:100;}
.wrapper1a {padding-top:80px;}
.bodycontent {padding:15px 80px; min-height:100px;}
.bodycontent div, .bodycontent li, .bodycontent p, .bodycontent td {font-size:20px;}
.bodycontent2wrapper {background:#FEF4D0;}
.bodycontent2 {padding:20px 80px;}
.headline1 {padding:40px 140px;}
.headline1 h2 {margin:0; padding:0; font-family:'BrandonPrinted-One'; font-size:60px; color:#3FB1C0; text-align:center; text-transform:uppercase; line-height:1;}
.wrapper2 {min-height:200px; padding:34px 0; background:#fef4d0;}
.wrapper2.wrapper2a {padding-top:0; padding-bottom:0;}
.wrapper2 div.bg1, .wrapper2 div.bg2 {position:absolute; top:0; z-index:50;}
.wrapper2.wrapper2top div.bg1, .wrapper2.wrapper2top div.bg2 {top:80px;}
.wrapper2 .bg1 {left:0; width:340px; height:623px; background:url(https://cdn.ssmedia.com/havasuspringbreak/webart/bgd_wrapper2nav_1.png) no-repeat;}
.wrapper2 .bg2 {right:0; width:423px; height:487px; background:url(https://cdn.ssmedia.com/havasuspringbreak/webart/bgd_wrapper2nav_2.png) no-repeat;}
.wrapper2.wrapper2a .bg1, .wrapper2.wrapper2a .bg2 {height:465px;}
.wrapper2.wrapper2nav {position:relative; min-height:623px; padding:34px 0;}
.wrapper2.wrapper2nav .text, .wrapper2.wrapper2nav h3, .nav-icons {z-index:100;}
.wrapper2.wrapper2nav .text {position:relative; width:353px; height:95px; margin:0 auto; background:url(https://cdn.ssmedia.com/havasuspringbreak/webart/t_spring-break.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
.wrapper2.wrapper2nav h3 {position:relative; margin:0; padding:20px 0; font-family:'NexaRustScriptS-02'; color:#DD7A2B; font-size:55px; text-align:center; line-height:1;}
.wrapper2 h3.special, .wrapper3 h3.special {margin:0 0 20px 0; padding:0; font-family:'BrandonPrinted-One'; font-size:32px; color:#d02019; text-transform:uppercase; text-align:center;}
.wrapper3 {min-height:200px; background:#fff;}
.wrapper3a {padding:34px 0;}
.wrapper4 {min-height:50px; padding:5px 0; background:#1fb5c3;}
.wrapper4 {color:#fff;}
.wrapper4.wrapper4booking {min-height:0; padding-bottom:0;}
.wrapper4 h3 {color:#fff;}

/* HEADER */
.siteheader {position:absolute; top:0; left:0; width:100%; height:80px; background-color:#3FB1C0; z-index:1000;}
.siteheader .nav-icon {display:none;}
.siteheader2 {display:table; width:1300px; margin:0 auto; padding:15px 0 0 15px;}
.siteheader2item {display:table-cell; vertical-align:middle;}
.siteheader2 .logo {position:relative; top:10px; width:374px; height:33px; background:url(https://cdn.ssmedia.com/havasuspringbreak/webart/logo2.png); -o-background-size:100% 100%,auto; -moz-background-size:100% 100%,auto; -webkit-background-size:100% 100%,auto; background-size:100% 100%,auto;}
.siteheader2 .siteheader2item .inner {display:table;}
.siteheader2 .siteheader2item .inner .item {display:table-cell;}
.siteheader2 .siteheader2item .inner .item:nth-of-type(2) {padding-left:20px; text-align:right;}
.siteheader2 .btn {padding:10px 30px; font-size:14px;}
.siteheader2 .inputfield {width:378px; padding:10px 15px; background:#fff; border:none; font-weight:bold; font-size:14px; color:#d02019; text-transform:uppercase; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.siteheader2 .waterMarkClass, .bookingbox .waterMarkField {color:#d02019 !important;}
.siteheader2 .placeholder {color:#d02019 !important;}
.siteheader2 input::-webkit-input-placeholder {color:#d02019 !important;}
.siteheader2 input:-moz-placeholder {color:#d02019 !important; opacity:1 !important;}
.siteheader2 input::-moz-placeholder {color:#d02019 !important; opacity:1 !important;}
.siteheader2 input:-ms-input-placeholder {color:#d02019 !important;}
.headertext {position:absolute; top:-1500px; left:-1500px;}

/* Navigation Bar */
.navbar {position:absolute; top:0; right:0;}
#navContent {visibility:hidden;}
.ddsmoothmenu {background:none !important; margin:0 auto;}
/* All Links */
.ddsmoothmenu ul li a {padding:29px 15px !important; font-size:22px; font-weight:normal; font-family:'BrandonPrinted-One',sans-serif; color:#fff !important; border:none !important; text-transform:uppercase; line-height:1;}
.ddsmoothmenu ul li span {display:inline-block; padding:19px 0 19px 5px;}
.ddsmoothmenu ul li span a {padding:10px !important; background:#82CCD5 !important; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
.ddsmoothmenu ul li span:hover a {color:#3FB1C0 !important; background:#fff !important;}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {color:#fff !important;}
.ddsmoothmenu ul li a:hover {color:#FCDA5E !important;}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li span:hover {-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.ddsmoothmenu ul li a.alt {color:#FCDA5E !important; text-decoration:none !important;}
.ddsmoothmenu ul li a.alt:hover {text-decoration:none !important;}
/* Sub-Menu */
.ddsmoothmenu ul li ul {margin-left:2px !important; /* margin-top:7px !important; */ border:none !important;}
.ddsmoothmenu ul li li {border:none !important;}
/* Sub-Menu Links */
.ddsmoothmenu ul li ul {width:250px !important; padding:10px 0; background:#fff !important;}
.ddsmoothmenu ul li ul li a {width:250px !important;}
.ddsmoothmenu ul li ul li:first-child a, .ddsmoothmenu ul li ul li:first-child a:hover {border-left:none !important;}
.ddsmoothmenu ul li ul li a.alt {color:#fff !important;}
.ddsmoothmenu ul li ul li a {padding:7px 20px !important; font-size:18px !important; font-weight:bold !important; font-family:'Droid Sans',sans-serif !important; color:#c81615 !important; background:none !important; border:none !important;}
.ddsmoothmenu ul li ul li a:hover {color:#35abd4 !important; border:none !important;}
.ddsmoothmenu ul li ul li a.alt {color:#fff !important; background:#212D11 !important;}
/* Arrow */
.downarrowclass {display:none !important;}
.ddsmoothmenu ul li a {background:none !important;}
/* Overrides */
/* .ddsmoothmenu ul li:first-child a, .ddsmoothmenu ul li:first-child a:hover {border-left:none !important;} */
/* Navbar (Mobile) */
.navbarmobile {display:none; position:fixed; top:100px; left:0; width:210px; padding:10px; background:#fff; z-index:490;}
.navbarmobile ul, .navbarmobile li {list-style:none; margin:0; padding:0;}
.navbarmobile ul li ul {padding-left:10px;}
.navbarmobile a {display:block; padding:3px 15px; font-size:14px; font-weight:bold; font-family:'Droid Sans',sans-serif; color:#c81615; text-transform:uppercase; text-decoration:none;}
.navbarmobile a:hover {color:#35abd4; text-decoration:none;}

/* Navigation (Image Icons) */
.nav-icons {position:relative; width:1200px; margin:0 auto; font-size:0px; letter-spacing:0px; word-spacing:0px;}
.nav-icons > div {display:inline-block; margin:0px; padding:0px; }
.nav-icons div.item {display:inline-block; width:390px; height:240px;}
.nav-icons div.item div {display:table; width:100%; height:100%;}
.nav-icons div.item a {display:table-cell; vertical-align:middle; width:100%; height:100%; font-family:'BrandonPrinted-One'; font-size:35px; color:#fff; text-decoration:none; text-align:center; line-height:1; text-shadow:0px 0px 10px rgba(0,0,0,1); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.nav-icons div.item a:hover {background-color:rgba(208,32,25,0.65);}
.nav-icons div.item.beaches {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_beaches.jpg);}
.nav-icons div.item.biking {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_biking.jpg);}
.nav-icons div.item.boating {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_boating.jpg);}
.nav-icons div.item.cabana-boats {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_cabana-boats.jpg);}
.nav-icons div.item.jet-ski-rentals {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_jet-ski-rentals.jpg);}
.nav-icons div.item.night-life {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_night-life.jpg);}
.nav-icons div.item.off-roading {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_off-roading.jpg);}
.nav-icons div.item.sup-and-kayaking {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/nav_sup-and-kayaking.jpg);}

/* Navigation2 (Banners) */
.nav2-item {text-align:center; margin-top:30px;}
.nav2-item:nth-of-type(1) {margin-top:0;}
.nav2-item img {width:auto; height:auto; max-width:1140px;}
@media only screen and (max-width: 1140px) {
	.nav2-item img {max-width:100%;}
	.nav2-item {text-align:center; margin-top:20px;}
}
@media only screen and (max-width: 767px) {
	.nav2-item {margin-top:15px;}
}

/* Navigation2 (Image Icons) (Not currently used as of 12/6/16) */
.nav2-icons {position:relative; width:1170px; margin:0 auto; word-spacing:0px;}
.nav2-icons > div {display:inline-block; margin:14px; padding:0px;}
.nav2-icons div.item {display:inline-block; width:550px; height:330px;}
.nav2-icons div.item div.inner {width:427px; height:151px; background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/bgd_nav2.png);}
.nav2-icons div.item div.inner div {position:relative; top:26px; left:-25px; display:table; width:330px; height:70px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg);}
.nav2-icons div.item div.inner div a {display:table-cell; width:100%; height:100%; padding:0 40px 0 20px; vertical-align:middle; font-size:25px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; line-height:1;}

/* Booking Box */
.bookingbox {display:table; margin:0 auto;}
.bookingbox .itemwrapper {display:table-cell; vertical-align:middle;}
.bookingbox .item {display:table-cell; vertical-align:middle; padding:0 7px;}
.bookingbox h3 {font-family:'BrandonPrinted-One'; font-size:21px; text-transform:uppercase; line-height:1;}
.bookingbox .inputfield {width:150px; padding:5px 7px; background:#1fb5c3; border:2px solid #8fdae1; font-weight:bold; font-size:14px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.bookingbox .inputfield:focus {background-color:#0e9ba8; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.bookingbox .waterMarkClass, .bookingbox .waterMarkField {color:#fff !important;}
.bookingbox .placeholder {color:#fff !important;}
.bookingbox input::-webkit-input-placeholder {color:#fff !important;}
.bookingbox input:-moz-placeholder {color:#fff !important; opacity:1 !important;}
.bookingbox input::-moz-placeholder {color:#fff !important; opacity:1 !important;}
.bookingbox input:-ms-input-placeholder {color:#fff !important;}
.bookingbox .contact {text-align:center; line-height:1.2;}
.bookingbox .contact em, .bookingbox .contact strong {display:block;}
.bookingbox .contact em {font-style:normal; font-size:24px; color:#fff;}
.bookingbox .contact em a {color:#fff; text-decoration:none;}
.bookingbox .contact em a:hover {color:#fff; text-decoration:underline;}
.bookingbox .contact strong {font-size:15px; font-weight:bold; color:#fbc816; text-transform:uppercase;}

/* Map Box */
.mapwrapper {padding:0; background:#30a6b2; background:-moz-linear-gradient(left,  #30a6b2 0%, #30a6b2 40%, #33b7c4 60%, #33b7c4 100%); background:-webkit-linear-gradient(left,  #30a6b2 0%,#30a6b2 40%,#33b7c4 60%,#33b7c4 100%); background:linear-gradient(to right,  #30a6b2 0%,#30a6b2 40%,#33b7c4 60%,#33b7c4 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a6b2', endColorstr='#33b7c4',GradientType=1 );}
.mapwrapper2 {position:relative; width:100%;}
.mapimg {position:relative; z-index:50;}
.mapimg img {display:block; width:auto; height:auto; max-width:1300px; max-height:none; margin:0 auto;}
.mapimg2 {position:absolute; display:table; margin:0 auto; top:100px; left:50%; right:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);z-index:100;}
.logomap {width:420px; height:189px; background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/logo_map.png); margin:0 auto;}
.btn-get-here {width:254px; height:84px; margin:0 auto; background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/btn_get-here.png);}
.btn-get-here a {display:block; width:100%; height:100%; text-indent:100%; white-space:nowrap; overflow:hidden;}

/* Social Links */
.socialwrapper, .socialwrapper2 {float:right;}
.sociallinks, .sociallinks2 {display:table; white-space:nowrap;}
.sociallinks span, .sociallinks2 span {position:relative;}
.sociallinks span:hover i:first-child, .sociallinks2 span:hover i:first-child {-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sociallinks span:hover i:first-child {color:#fff;}
.sociallinks2 span:hover i:first-child {color:#0079C2;}
.sociallinks span i:first-child {color:#fff;}
.sociallinks2 span i:first-child {color:#25D3E3;}
.sociallinks span a i {color:#3FB1C0 !important;}
.sociallinks2 span a i {color:#fff !important;}
.sociallinks span a:hover i {color:#D02019 !important;}
.sociallinks2 span a:hover i {color:#fff !important;}
.sociallinks span, .sociallinks2 span {font-size:26px;}
.sociallinks .icon-twitterx {position:relative; padding:0; bottom:-3px; left:14px; display:inline-block; width:24px; height:24px; background-size:cover; background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjI3IiB2aWV3Qm94PSIwIDAgMTIwMCAxMjI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzE0LjE2MyA1MTkuMjg0TDExNjAuODkgMEgxMDU1LjAzTDY2Ny4xMzcgNDUwLjg4N0wzNTcuMzI4IDBIMEw0NjguNDkyIDY4MS44MjFMMCAxMjI2LjM3SDEwNS44NjZMNTE1LjQ5MSA3NTAuMjE4TDg0Mi42NzIgMTIyNi4zN0gxMjAwTDcxNC4xMzcgNTE5LjI4NEg3MTQuMTYzWk01NjkuMTY1IDY4Ny44MjhMNTIxLjY5NyA2MTkuOTM0TDE0NC4wMTEgNzkuNjk0NEgzMDYuNjE1TDYxMS40MTIgNTE1LjY4NUw2NTguODggNTgzLjU3OUwxMDU1LjA4IDExNTAuM0g4OTIuNDc2TDU2OS4xNjUgNjg3Ljg1NFY2ODcuODI4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); filter: invert(100%) sepia(0%) saturate(8%) hue-rotate(182deg) brightness(102%) contrast(106%);}

/* Btn */
.btn {display:inline-block !important; padding:2px 10px; font-family:'BrandonPrinted-One'; font-size:22px; color:#fff !important; text-decoration:none; border:none; white-space:nowrap; background:#6dcfd8; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-appearance:none; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.btn:hover, .btn:focus, .btn.alt, .btn.alt:hover {color:#fff !important; background:#02818d;}

/* Videos */
.wrapper2home .videowrapper {margin-top:0 !important;}
.videowrapper {display:table; margin:34px auto 10px auto;}
.videowrapper .item {display:inline-block; position:relative; width:1140px; height:615px;}
.videowrapper .item .img {position:absolute; top:0; left:0;  width:100%; height:100%; z-index:100;}
.videowrapper .item .icon {position:absolute; top:0; left:0; width:100%; height:100%; background:url(https://cdn.ssmedia.com/havasuspringbreak/webart/btn_play.png) center no-repeat; opacity:0.8; filter:alpha(opacity=80); z-index:400;}
.videowrapper .item .icon:hover {opacity:1; filter:alpha(opacity=100);}
.videowrapper2 {max-width:1141px; margin:0 auto;}
.videopagewrapper {margin:20px 0;}
.videopagewrapper .contenthdr {font-size:22px;}
.videoshare {position:relative; min-height:15px;}
.videoshare .sharewrapper {padding:5px 5px 0 0;}
@media only screen and (max-width: 1140px) {
	.videowrapper .item {width:950px; height:513px;}
	.videowrapper2 {max-width:950px;}
}
@media only screen and (max-width: 950px) {
	.videowrapper .item {width:750px; height:405px;}
	.videowrapper2 {max-width:750px;}
}
@media only screen and (max-width: 767px) {
	.videowrapper .item {width:600px; height:324px;}
	.videowrapper2 {max-width:600px;}
}
@media only screen and (max-width: 600px) {
	.videowrapper .item {width:450px; height:243px;}
	.videowrapper2 {max-width:450px;}
}
@media only screen and (max-width: 480px) {
	.videowrapper .item {width:350px; height:189px;}
	.videowrapper2 {max-width:350px;}
}
@media only screen and (max-width: 360px) {
	.videowrapper .item {width:290px; height:156px;}
	.videowrapper2 {max-width:290px;}
}

/* Video Page - New Version (Labnol) 20200106 */
.videodetail .videowrapper {display:block; width:auto; height:auto; max-width:1140px; margin:0 auto;}
.videodetail h3, .videodetail h4 {text-align:center;}
.videodetail h3 {margin-bottom:0; padding-bottom:0; font-size:1.5rem; font-weight:bold;}
.videodetail h4 {margin:0 0 20px 0; padding:0; font-size:1.125rem;}
.videofilterswrapper {width:100%; padding:10px 5px 5px 5px; background:#F7F7F7;}
.videotbl {width:100%;}
.videotbl tr td {padding:5px 10px;}
.videotbl tr td:nth-of-type(1) {font-weight:bold;}
.videotbl tr:nth-child(odd) {background:#F7F7F7;}
.youtube-player {position:relative; padding-bottom:56.23%; /* Use 75% for 4:3 videos */ height:0; overflow:hidden; max-width:100%; /* background:#000; */}
.youtube-player iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:transparent;}
.youtube-player img {position:absolute; display:block; bottom:0; left:0; right:0; top:0; width:100%; max-width:100%; right:0; top:0; height:auto; margin:auto; border:none; cursor:pointer; -webkit-transition:.4s all; -moz-transition:.4s all; transition:.4s all;}
.youtube-player .play {position:absolute; left:50%; top:50%; font-size:200px; color:#fff; opacity:0.75; filter:alpha(opacity=75); cursor:pointer; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.youtube-player:hover img {-webkit-filter:brightness(75%);}
.youtube-player:hover .play {opacity:1; filter:alpha(opacity=100);}
@media only screen and (max-width: 1024px) {
	.youtube-player .play {font-size:100px;}
}
@media only screen and (max-width: 767px) {
	.youtube-player .play {font-size:75px;}
}

/* Gallery / Magnific Pop-Up */
.galleryresults, .videoresults {display:table; margin:0 auto 24px auto;}
.galleryresults .item, .videoresults .item {position:relative; left:-6px; display:inline-block; margin:8px; width:167px; font:normal 24px 'LGR',sans-serif; color:#ed2025; text-align:center; text-transform:uppercase;}
.galleryresults .item:hover img, .videoresults .item:hover img {opacity:0.9; filter:alpha(opacity=90);}
.galleryresults .item a, .videoresults .item a {color:#000; text-decoration:none;}
.galleryresults .item a:hover, .videoresults .item a:hover {color:#000; text-decoration:underline;}
.galleryresults img, .videoresults img {width:auto; height:auto; max-width:167px; max-height:95px; z-index:200;}
@media only screen and (max-width: 980px) {
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img,
	.videoresults .item, .videoresults .item .overlay, .videoresults img {max-width:150px;}
	.galleryresults img, .videoresults img {max-height:86px;}
}
@media only screen and (max-width: 870px) {
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img,
	.videoresults .item, .videoresults .item .overlay, .videoresults img {max-width:120px;}
	.galleryresults img, .videoresults img {max-height:69px;}
}
@media only screen and (max-width: 767px) {
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img,
	.videoresults .item, .videoresults .item .overlay, .videoresults img {max-width:85px;}
	.galleryresults img, .videoresults img {max-height:49px;}
}
@media only screen and (max-width: 600px) {
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img,
	.videoresults .item, .videoresults .item .overlay, .videoresults img {max-width:70px;}
	.galleryresults img, .videoresults img {max-height:40px;}
}
@media only screen and (max-width: 480px) {
	.galleryresults, .videoresults {max-width:167px;}
	.galleryresults .item, .videoresults .item {left:auto; display:block; margin:8px auto;}
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img,
	.videoresults .item, .videoresults .item .overlay, .videoresults img {max-width:167px;}
	.galleryresults img, .videoresults img {max-height:95px;}
}

/* Listings (Content Items) */
.listings {clear:both;}
.listings .item {margin-top:10px; margin-bottom:30px;}
.listings .item:nth-of-type(1) {margin-top:0;}
.listings .item .img, .listings .item .inner {display:table-cell; vertical-align:top;}
.listings .item .img img {max-width:100%; width:auto; height:auto;}
.listings .item .inner.inner2 {padding-left:50px;}
.listings .item .inner .contents a {color:#000; text-decoration:underline;}
.listings .item .inner .contents a:hover {color:#35abd4; text-decoration:underline;}
.listings .item .inner .contents a b, .listings .item .inner .contents a strong {color:#000 !important; text-transform:uppercase;}
.listings .item .inner .contents a:hover b, .listings .item .inner .contents a:hover strong {color:#35abd4 !important;}
.listings .item .inner .featuretext {font:bold 22px 'Droid Sans',Arial,sans-serif; color:#0000; text-transform:uppercase;}
.listings .item .img {width:460px; text-align:center;}
.listings h2.special {margin-bottom:34px;}
.listings.listings2 .itemwrapper {display:table; width:100%;}
.listings.listings2 .item {width:25%; display:table-cell; vertical-align:top; padding:5px;}
.listings.listings2 .item {padding-top:20px; border-top:1px solid #FCDA5E;}
.listings.listings2 .itemwrapper:nth-of-type(1) .item {padding-top:0; border-top:none;}
.listings.listings2 .item .inner .contents p:nth-of-type(1) {margin-top:0; padding-top:0;}
.listings.listings2 .item .inner .listingtitle h2 {margin:0; padding:0; font-size:14px;}
@media only screen and (max-width: 1024px) {
	.listings:nth-of-type(1) {margin-top:0;}
	.listings {margin-top:34px;}
	.listings .item .img {width:300px;}
	.listings .item .img img {max-width:300px;}
	.listings .item .inner.inner2 {padding-left:30px;}
	.listings.listings2 .itemwrapper {display:block;}
	.listings.listings2 .item {width:100%; display:block; padding:20px 0 0 0; margin:0;}
	.listings.listings2 .itemwrapper:nth-of-type(1) .item {padding-top:20px; border-top:1px solid #FCDA5E;}
	.listings.listings2 .itemwrapper:nth-of-type(1) .item:nth-of-type(1) {padding-top:0; border-top:none;}
	.listings.listings2 .item.empty {display:none;}
}
@media only screen and (max-width: 767px) {
	.listings .item .img {width:250px;}
	.listings .item .img img {max-width:250px;}
}
@media only screen and (max-width: 640px) {
	.listings {margin-top:0;}
	.listings .item {margin-bottom:25px;}
	.listings .item .img, .listings .item .inner {display:block;}
	.listings .item .img {margin-bottom:15px;}
	.listings .item .inner.inner2 {padding-left:0;}
}
@media only screen and (max-width: 480px) {
	.listings .item .img {width:230px;}
	.listings .item .img img {max-width:230px;}
}

/* FOOTER */
.footer {padding:24px 15px;}
.footer2 {display:table; margin:0 auto; width:1170px;}
.footer2 .item {display:table-cell; vertical-align:middle;}
.footer2 .item:nth-of-type(3) {vertical-align:top;}
.footer2 .logo {width:202px; height:110px; background:url(https://cdn.ssmedia.com/havasuspringbreak/webart/logo.png); margin-right:57px; -o-background-size:100% 100%,auto; -moz-background-size:100% 100%,auto; -webkit-background-size:100% 100%,auto; background-size:100% 100%,auto;}
@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.footer2 .logo {background-image:url(https://cdn.ssmedia.com/havasuspringbreak/webart/logo@2x.png);}
}
@media only screen and (max-width: 1240px) {
	.footer2 {width:auto;}
}

.copyright, .mainaddress {color:#58595b;}
.copyright a, .mainaddress a {color:#58595b; text-decoration:none;}
.copyright a:hover, .mainaddress a:hover {color:#58595b; text-decoration:underline;}
.copyright {padding-top:15px; font-size:10px;}
.mainaddress {font-size:12px;}
.mainaddress strong {display:block; text-transform:uppercase;}

/* OTHERS */
.cookietrail {position:relative; height:30px; margin:0 auto; background-color:#e0e0e0;}
.cookietrail em {float:left; padding:8px 0 0 8px; font-size:10px; font-style:normal;}
.cookietrail span {float:right; padding:8px 8px 0 0; font-size:10px;}
a.ss, a.ss:visited {color:#fff; text-decoration:none;}
a.ss:hover {color:#fff !important; text-decoration:underline;}
a.u, a.u:visited {color:#fff; text-decoration:none;}
a.u:hover {cursor:text; color:#fff !important; text-decoration:none;}

/* CustomText / Images */
@media only screen and (max-width: 840px) {
	.ctimage, .ctimageleft, .ctimageright {display:block; float:none !important; margin:10px 0 15px 0 !important; padding:0 !important; max-width:350px !important; max-height:none; width:auto !important; height:auto !important; text-align:left !important;}
	.ctimage img, .ctimageleft img, .ctimageright img {width:auto; height:auto; max-width:350px !important; max-height:none;}
}
@media only screen and (max-width: 959px) {
	.customtext img {width:auto !important; height:auto !important; max-height:240px !important; max-width:250px !important;}
}
@media only screen and (max-width: 420px) {
	.ctimage, .ctimageleft, .ctimageright {max-width:270px !important;}
	.ctimage img, .ctimageleft img, .ctimageright img {max-width:250px !important;}
}

/* Radius, Shadows / Gradients */
/* Box-Sizing */
.box-sizing {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-get-here,
.logomap,
.nav-icons div.item,
.nav2-icons div.item,
.nav2-icons div.item div.inner,
.wrapper2 div.bg1, .wrapper2 div.bg2,
.wrapper2.wrapper2nav .text,
.bgsize100 {-o-background-size:100% 100%,auto; -moz-background-size:100% 100%,auto; -webkit-background-size:100% 100%,auto; background-size:100% 100%,auto;}

/* Media Queries */
@media only screen and (max-width: 1300px) {
	.bodycontent, .bodycontent2 {padding-left:50px; padding-right:50px;}
	.bodycontent, .bodycontent2, .footer, .headline1, .siteheader {min-width:100%; max-width:100%;}
	.ddsmoothmenu ul li a {padding:32px 10px !important; font-size:16px;}
	.ddsmoothmenu ul li ul {width:200px !important;}
	.ddsmoothmenu ul li ul li a {padding-right:15px !important; padding-left:15px !important; font-size:13px !important;}
	.headline1 h2 {font-size:50px;}
	.mapimg img {max-width:100%;}
	.navbar {right:10px;}
	.siteheader2 {width:100%;}
	.wrapper2a div.bg1, .wrapper2a div.bg2 {display:none;}
}
@media only screen and (max-width: 1240px) {
	.headline1 {padding:34px 90px;}
	.headline1 h2 {font-size:45px;}
	.nav-icons {width:900px;}
	.nav-icons div.item {width:293px; height:180px;}
	.nav-icons div.item a {font-size:27px;}
}
@media only screen and (max-width: 1200px) {
	.nav2-icons {width:846px;}
	.nav2-icons > div {margin:10px;}
	.nav2-icons div.item {width:400px; height:230px;}
	.nav2-icons div.item div.inner {width:312px; height:110px;}
	.nav2-icons div.item div.inner div {top:22px; left:-20px; width:241px; height:51px;}
	.nav2-icons div.item div.inner div a {padding:0 30px 0 20px; font-size:18px;}
	.siteheader2 .logo {top:10px; width:374px; height:33px;}
	.wrapper2 .bg1 {width:170px; height:312px;}
	.wrapper2 .bg2 {width:212px; height:244px;}
	.wrapper2 h3.special, .wrapper3 h3.special {font-size:25px;}
	.footer2 {display:block;}
	.footer2 .item {vertical-align:top;}
	.footer2 .item:nth-of-type(3) {display:block; text-align:center;}
	.socialwrapper2 {display:block; float:none; margin-top:20px; padding-top:20px; text-align:center; border-top:1px solid #FEF4D0;}
	.sociallinks2 {margin:0 auto;}
	.sociallinks .icon-twitterx {bottom:-3px; left:0;}
}
@media only screen and (max-width: 1100px) {
	.bookingbox .itemwrapper {display:table; margin:10px auto;}
	.bookingbox .itemwrapper:nth-of-type(3) {margin-bottom:20px;}
	.bookingbox .itemwrapper br {display:none;}
	.bookingbox .inputfield {width:200px;}
	.ddsmoothmenu ul li a {font-size:15px;}
	.footer2 .break {display:block; height:1px; text-indent:100%; white-space:nowrap; overflow:hidden;}
	.logomap {width:315px; height:142px;}
	.mapimg2 {top:75px;}
}
@media only screen and (max-width: 1024px) {
	.bodycontent, .bodycontent2 {padding-left:34px; padding-right:34px;}
	.bodycontent div, .bodycontent li, .bodycontent p, .bodycontent td {font-size:17px;}
	.ddsmoothmenu ul li a {padding-top:29px !important; padding-bottom:30px !important;}
	.footer2 .item .logo {margin-right:34px;}
	.headline1 {padding-right:110px; padding-left:110px;}
	.headline1 h2 {font-size:35px;}
	.siteheader {height:75px;}
	.siteheader2 .inputfield {width:328px; padding:7px 12px; background:#fff; font-size:13px;}
	.siteheader2 .btn {padding:6px 20px; font-size:13px;}
	.siteheader2 .logo {top:6px;}
	.siteheader2 .siteheader2item .inner .item:nth-of-type(2) {padding-left:10px;}
	.sociallinks span {font-size:22px;}
	.sociallinks .icon-twitterx {width:20px; height:20px;}
	.wrapper1a {padding-top:75px;}
	.wrapper2, .wrapper3a {padding-top:20px; padding-bottom:20px;}
	.wrapper2.wrapper2top {padding-top:0; padding-bottom:0;}
}
@media only screen and (max-width: 980px) {
	.navbar {display:table; margin:0 auto; position:relative; top:auto; right:auto;}
	.ddsmoothmenu ul li a {padding-top:10px !important; padding-bottom:20px !important;}
	.ddsmoothmenu ul li span {padding-top:3px;}
	.ddsmoothmenu ul li span a {padding:8px !important;}
	.siteheader {position:relative; height:auto; padding-top:10px; padding-bottom:0;}
	.siteheader2 {padding-top:0;}
	.siteheader2item {display:block;}
	.siteheader2item:nth-of-type(1) {margin-top:10px; margin-bottom:10px;}
	.siteheader2item:nth-of-type(2) {display:block;}
	.siteheader2 .siteheader2item .inner {margin:0 auto;}
	.siteheader2 .logo {top:auto; margin:0 auto;}
	.wrapper1a {padding-top:0;}
}
@media only screen and (max-width: 940px) {
	.navbar {right:19px;}
	.siteheader2 {padding-right:34px; padding-left:34px;}
	.siteheader2 .logo {top:10px; width:299px; height:26px;}
}
@media only screen and (max-width: 900px) {
	.headline1 {padding-right:80px; padding-left:80px;}
	.nav-icons {width:740px;}
	.nav-icons div.item {width:370px; height:228px;}
	.nav-icons div.item a {font-size:35px;}
	.nav2-icons {width:646px;}
	.nav2-icons > div {margin:10px;}
	.nav2-icons div.item {width:300px; height:180px;}
	.nav2-icons div.item div.inner {width:231px; height:82px;}
	.nav2-icons div.item div.inner div {top:16px; left:-20px; width:178px; height:38px;}
	.nav2-icons div.item div.inner div a {padding:0 15px 0 10px; font-size:13px;}
	.mapimg2 {top:50px;}
	.logomap {width:210px; height:95px;}
	.wrapper2 h3.special, .wrapper3 h3.special {margin-bottom:18px; font-size:18px;}
}
@media only screen and (max-width: 780px) {
	.socialwrapper {float:none; text-align:center; padding-bottom:10px;}
	.sociallinks {margin:0 auto;}
}
@media only screen and (max-width: 767px) {
	.bodycontent, .bodycontent2 {padding-left:24px; padding-right:24px;}
	.bodycontent div, .bodycontent li, .bodycontent p, .bodycontent td {font-size:15px;}
	.footer2 .item .logo {width:150px; height:82px;}
	.headline1 {padding-right:10%; padding-left:10%;}
	.headline1 h2 {font-size:30px;}
	.btn-get-here {width:165px; height:55px;}
	.ddsmoothmenu ul li a {font-size:14px;}
	.nav-icons {width:586px;}
	.nav-icons div.item {width:293px; height:180px;}
	.nav-icons div.item a {font-size:27px;}
	.wrapper2, .wrapper3a {padding-top:15px; padding-bottom:15px;}
	.wrapper2.wrapper2nav .text {width:265px; height:73px;}
	.wrapper2.wrapper2nav h3 {font-size:45px;}
}
@media only screen and (max-width: 680px) {
	.siteheader2 .btn {padding-right:10px; padding-left:10px;}
	.siteheader2 .inputfield {width:280px; padding:8px 10px; background:#fff; font-size:11px;}
	.siteheader2 {padding-right:15px; padding-left:15px;}
	.sociallinks span, .sociallinks2 span {font-size:20px;}
	.sociallinks .icon-twitterx {bottom:-1px; width:18px; height:18px;}
}
@media only screen and (max-width: 650px) {
	.nav2-icons {width:420px;}
	.nav2-icons > div {margin:10px;}
	.nav2-icons div.item {width:400px; height:230px;}
	.nav2-icons div.item div.inner {width:312px; height:110px;}
	.nav2-icons div.item div.inner div {top:22px; left:-20px; width:241px; height:51px;}
	.nav2-icons div.item div.inner div a {padding:0 30px 0 20px; font-size:18px;}
	.mapimg2 {top:30px;}
	.wrapper2 h3.special, .wrapper3 h3.special {padding-right:80px; padding-left:80px;}
}
@media only screen and (max-width: 640px) {
	.nav-icons {width:440px;}
	.nav-icons div.item {width:220px; height:135px;}
}
@media only screen and (max-width: 600px) {
	.bodycontent div, .bodycontent li, .bodycontent p, .bodycontent td {font-size:14px;}
	.footer2, .footer2 .item {display:block;}
	.footer2 .item .logo {margin:0 auto 15px auto;}
	.footer2 .item {text-align:center;}
	.headline1 {padding:25px 7%;}
	.headline1 h2 {font-size:24px;}
	.siteheader2 .logo {width:249px; height:22px;}
	.navbar {display:none;}
	.navbarmobile {top:60px;}
	.navbarmobile a {padding:3px 15px; font-size:13px;}
	.nav-icons {width:255px;}
	.nav-icons div.item {width:255px; height:157px; margin-top:15px;}
	.nav-icons div.item:nth-of-type(1) {margin-top:0;}
	.nav-icons div.item a {font-size:28px;}
	.siteheader {position:fixed; height:60px; padding-bottom:10px;}
	.siteheader .logo {position:absolute; top:10px; right:24px; margin:0;}
	.siteheader .nav-icon {position:fixed; top:15px; left:24px; display:block; z-index:500;}
	.siteheader .nav-icon img {width:100%; height:100%;}
	.wrapper1, .wrapper1a {padding-top:60px;}
	.wrapper2 {min-height:0;}
	.wrapper2 .bg1 {width:119px; height:218px;}
	.wrapper2 .bg1 {width:85px; height:156px;}
	.wrapper2.wrapper2nav h3 {font-size:30px;}
	.wrapper2.wrapper2nav .bg2 {right:0; width:106px; height:122px;}
	.wrapper2.wrapper2nav .bg2 {right:-30px; width:169px; height:195px;}
	.wrapper2.wrapper2nav .text {width:177px; height:49px;}
}
@media only screen and (max-width: 550px) {
	.mapimg {width:100%; overflow:hidden;}
	.mapimg img {width:581px; height:210px; max-width:none; max-height:none;}
}
@media only screen and (max-width: 480px) {
	.bookingbox {display:block; width:90%;}
	.bookingbox .itemwrapper:nth-of-type(1), .bookingbox .itemwrapper:nth-of-type(4) {text-align:center;}
	.bookingbox .itemwrapper:nth-of-type(4) .item {padding-bottom:15px;}
	.bookingbox .item {display:block; margin:5px 0;}
	.bookingbox .itemwrapper {display:block; margin:0; padding:0;}
	.bookingbox .itemwrapper:nth-of-type(3) {margin-bottom:15px;}
	.bookingbox .itemwrapper br {display:none;}
	.bookingbox .inputfield {width:100%;}
	.copyright i {display:block;}
	.mainaddress {line-height:2;}
	.mainaddress strong {font-size:11px;}
	.mapimg img {position:relative; left:-100px;}
	.headline1 {padding-right:5%; padding-left:5%;}
	.headline1 h2 {font-size:20px;}
	.scrollDiv {position:relative; top:-60px;}
	.sociallinks span, .sociallinks2 span {margin:0 5px;}
}
@media only screen and (max-width: 420px) {
	.nav2-icons {width:310px;}
	.nav2-icons > div {margin:5px;}
	.nav2-icons div.item {width:300px; height:180px;}
	.nav2-icons div.item div.inner {width:231px; height:82px;}
	.nav2-icons div.item div.inner div {top:16px; left:-20px; width:178px; height:38px;}
	.nav2-icons div.item div.inner div a {padding:0 15px 0 10px; font-size:13px;}
	.wrapper2 h3.special, .wrapper3 h3.special {padding-right:34px; padding-left:34px;}
}
@media only screen and (max-width: 400px) {
	.siteheader2 .siteheader2item .inner, .siteheader2 .siteheader2item .inner .item {display:block; text-align:center;}
	.siteheader2 .siteheader2item .inner .item:nth-of-type(2) {padding-left:0; padding-top:10px; text-align:center;}
	.siteheader2 .inputfield {width:260px;}
	.siteheader2 .logo {top:12px; width:230px; height:20px;}
}
@media only screen and (max-width: 360px) {
	.siteheader2 .logo {width:200px; height:18px;}
}