@import url('//fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600');


/* GENERAL */

html {
    background-color: #fff;
}

body {
    background-color: #fff;
    color: #53585a;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0;
    left: 0;
    z-index: 0;
    font-weight: 300;
}

a, a:hover, a:focus {
    color: #D87B28;
    text-decoration: none;
    transition: all 250ms ease;
}

a:focus {
    outline: none;
    outline: none;
    outline-offset: -2px;
    text-decoration: none;
}

h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 48px;
    text-transform: uppercase;
    margin: 15px 0 5px 0;
    color: #d87b28;
}

h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    margin: 5px 0 20px 0;
    color: #D27933;
    word-wrap: break-word;
}

h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    margin: 15px 0 5px 0;
    color: #6e6e6e;
}

h4 {
    margin: 0px 0 15px;
    font-size: 24px;
    font-weight: 400;
    color: #6d7173;
    line-height: 24px;
    text-transform: uppercase;
}

p {
    font-size: 16px;
    line-height: 26px;
    margin: 5px 0 20px 0;
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

ul {
    list-style-type: none;
    margin: 5px 0 20px 0;
    padding: 0;
}

ul li {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/bullet.png) left 10px no-repeat;
    display: block;
    overflow: hidden;
    list-style-type: none;
    line-height: 18px;
    margin: 10px 0;
    padding: 0 0 0 20px;
}

.text-center ul li {
    background-image: none;
    padding: 0 20px;
}

.sccenter li {
    background-image: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
}

.sccenter ol li a, .sccenter ol li a:focus {
    float: none;
    display: inline-block;
    margin-top: 20px;
}

.text-right ol{
  text-align: right;
}

.text-right ol li a, .text-right ol li a:focus{
  float: none;
  display: inline-block;
  text-align: right;

}

.text-right ul li {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/bullet.png) right 7px no-repeat;
    padding: 0 20px 0 0;
}
@media only screen and (max-width: 767px) {
    .text-center { text-align: left; }
    .text-right { text-align: left; }
    .text-center ul li,
    .text-right ul li {
        background: url(/i/SITE_171024_14021424_1KOA1/templates/bullet.png) left 7px no-repeat;
        padding: 0 0 0 20px;
    }
}

ol {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

ol li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol li a, ol li a:focus {
    transition: all 250ms ease;
    background-color: rgba(255,255,255,.5);
    display: block;
    color: #8B847E;
    line-height: 35px;
    text-transform: uppercase;
    padding: 5px 35px;
    border: 1px solid #8B847E;
    font-weight: 400;
    float: left;
    border-radius: 2px;
    text-decoration: none;
}
ol li a:hover {
    transition: all 500ms ease;
    background-color: transparent;
    color: #D87B28;
    border: 1px solid #D87B28;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
p:first-child,
ul:first-child {
    margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
p:last-child,
ul:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    h1 {font-size: 30px;line-height: 28px;}
    h2 {font-size: 34px;margin: 10px 0;}
    h3 {font-size: 20px;line-height: 1;}
    h4 { font-size: 20px; line-height: 20px; }
    p, body {font-size: 15px;line-height: 25px;}
}

.tblc1 {
    display: table;
}

.tblc2 {
    display: table-cell;
    vertical-align: middle;
}

.headerspace {
    min-height: 200px;
}

input{
    outline: none;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.1), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}

input[type=submit]{
    box-shadow: none;
    border: 1px solid #D27933;
    font-weight: 400;
    color: #D27933;
    text-transform: uppercase;
    background: rgba(255,255,255,.8);
}

input[type=submit]:hover {
    transition: all 500ms ease;
    color: white;
    background: #D27933;
}

.module.fadeIn.animated {
    animation: fadeIn 800ms ease-in;
}

.module.already-visible {
    animation: none!important;
}

/* END GENERAL */

/* FADE IN ANIMATION */
.fadein {
    -webkit-animation: fadein 1600ms ease-in;
    -moz-animation: fadein 1600ms ease-in;
    animation: fadein 1600ms ease-in;
}
@-webkit-keyframes fadein {
    0% { visibility: hidden; opacity: 0; }
    1% { visibility: visible; opacity: 0; }
    100% { visibility: visible; opacity: 1; }
}
@-moz-keyframes fadein {
    0% { visibility: hidden; opacity: 0; }
    1% { visibility: visible; opacity: 0; }
    100% { visibility: visible; opacity: 1; }
}
@keyframes fadein {
    0% { visibility: hidden; opacity: 0; }
    1% { visibility: visible; opacity: 0; }
    100% { visibility: visible; opacity: 1; }
}
/* END FADE IN ANIMATION */


/* FADE OUT ANIMATION */
.fadeout {
    -webkit-animation: fadeout 1600ms ease-out;
    -moz-animation: fadeout 1600ms ease-out;
    animation: fadeout 1600ms ease-out;
}
@-webkit-keyframes fadeout {
    0% { visibility: visible; opacity: 1; }
    99% { visibility: visible; opacity: 0; }
    100% { visibility: hidden; opacity: 0; }
}
@-moz-keyframes fadeout {
    0% { visibility: visible; opacity: 1; }
    99% { visibility: visible; opacity: 0; }
    100% { visibility: hidden; opacity: 0; }
}
@-o-keyframes fadeout {
    0% { visibility: visible; opacity: 1; }
    99% { visibility: visible; opacity: 0; }
    100% { visibility: hidden; opacity: 0; }
}
@keyframes fadeout {
    0% { visibility: visible; opacity: 1; }
    99% { visibility: visible; opacity: 0; }
    100% { visibility: hidden; opacity: 0; }
}
/* END FADE OUT ANIMATION */


/* HEADER */


#deskhead {position: fixed;top: 0;right: 0;left: 0;height: 26px;z-index: 800;-webkit-transition: all .5s ease-out 0s;-khtml-transition: all .5s ease-out 0s;-moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;background: rgba(0,0,0,.45);-webkit-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-khtml-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-moz-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-ms-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-o-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);box-shadow: 0 0 85px 85px rgba(0,0,0,.45);}

#deskhead.deskhead2 {
    box-shadow: none;
    height: 48px;
    background: white;
    border-bottom-color: #F8F8F8;
}

@media (max-width: 1055px) {
#deskhead, #deskhead.deskhead2 { display: none; }
}

#deskhead .content {position: relative;width: 100%;max-width: 100%;margin: 0 auto;}

#deskhead #deskresbtn {background: transparent;position: absolute;/* display: none; */top: 27px;right: 25px;width: 147px;margin: 0;padding: 5px 20px;z-index: 801;color: white;font-size: 14px;text-transform: uppercase;border: 1px solid white;border-radius: 2px;font-weight: 400;letter-spacing: 0;line-height: 22px;text-align: center;}

@media (max-width: 1300px) {
  #deskhead #deskresbtn { display: none; }
}


#deskhead.active, #deskhead.deskhead2 {
    height: 55px;
    background: white;
    border-bottom-color: transparent;
    box-shadow: none;
}

#deskhead.active .navigation {
    top: 18px;
    padding: 0 3% 0 223px;
}

#deskhead .desklogo1 {
    visibility: visible;
    opacity: 1;
    width: 325px;
    /* height: 48px; */
    position: relative;
    top: 15px;
    margin: 0 auto;
}


#deskhead .desklogo1 a{
      width: 250px;
      height: 48px;
      position: relative;
      display: inline-block;
      z-index: 999;
}

#deskhead.active .desklogo1 {
    visibility: hidden;
    opacity: 0;
    -webkit-animation: mobilogofadeout 500ms ease-out;
    -moz-animation: mobilogofadeout 500ms ease-out;
    -o-animation: mobilogofadeout 500ms ease-out;
    animation: mobilogofadeout 500ms ease-out;
    height: 0;
    display: none;
}

#deskhead.active .desklogo2, #deskhead.deskhead2 .desklogo2 {
    visibility: visible;
    opacity: 1;
    -webkit-animation: fadein 500ms ease-in;
    -moz-animation: fadein 500ms ease-in;
    -o-animation: fadein 500ms ease-in;
    animation: fadein 500ms ease-in;
    position: relative;
    display: block;
    margin: 0px auto;
    text-align: center;
}

#deskhead.deskhead2 .desklogo2 {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}


#deskhead .desklogo2, #deskhead .desklogo2 {
    visibility: hidden;
    opacity: 0;
    -webkit-animation: fadeout 500ms ease-out;
    -moz-animation: fadeout 500ms ease-out;
    -o-animation: fadeout 500ms ease-out;
    animation: fadeout 500ms ease-out;
    /* left: 0; */
    /* height: 40px; */
    top: 0;
    display: none;
    position: relative;
    margin: 0px auto;
}


#deskhead .desklogo2 a{
      width: 275px;
      /* height: 40px; */
      position: relative;
      display: inline-block;
      z-index: 999;
}

#deskhead.active #nav1, #deskhead.deskhead2 #nav1 {
    height: 55px;
}

/* END HEADER */

/* NAV 1 */

#nav1 {
    position: relative;
    width: 100%;
    height: 145px;
}
@media only screen and (max-width: 1023px) {
    #nav1 { display: none; }
}

#nav1 ul {
    font-size: 0;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#nav1 ul ul {
    display: none;
}
#nav1 ul li {
    background-image: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#nav1 ul li a {
    display: block;
    color: white;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 0 20px 2px 20px;
    -webkit-transition: all .5s ease-out 0s;
    border-bottom: 2px solid transparent;
    padding: 5px 0px;
    margin: 0 15px;
}
#nav1 ul li a:hover,
#nav1 ul li.active a {
    border-bottom: 2px solid;
    text-decoration: none;
}

#nav1 .navleft {
    overflow: hidden;
    position: absolute;
    top: 28px;
    left: 0;
    text-align: right;
    width: 50%;
    /* min-width: 652px; */
    padding: 0 180px 0 0;
}


#nav1 .navright {
    overflow: hidden;
    position: absolute;
    top: 28px;
    right: 0;
    text-align: left;
    width: 50%;
    /* min-width: 652px; */
    padding: 0 0 0 180px;
}

@media only screen and (max-width: 1360px){
 #nav1 ul li a{
   margin: 0px 10px;
 } 
}

@media only screen and (max-width: 1420px){
    #nav1 .navleft{
        padding: 0 160px 0 0;
        margin: 0 160px 0 0;
    }
    #nav1 .navright{
        padding: 0 0 0 160px;
        margin: 0 0 0 160px;
        min-width: auto;
    }   
}

#deskhead.active #nav1 .navleft, #deskhead.deskhead2 #nav1 .navleft{
    top: 15px;
    padding: 0 150px 0 0;
}


#deskhead.active #nav1 .navright, #deskhead.deskhead2 #nav1 .navright{
    top: 15px;
    padding: 0 0px 0 150px;
}


#deskhead.active #nav1 ul li a, #deskhead.deskhead2 #nav1 ul li a{
    color: #53585a;
}

#deskhead.active #nav1 ul li a:hover, #deskhead.active #nav1 ul li.active a, #deskhead.deskhead2 #nav1 ul li.active a, #deskhead.deskhead2 #nav1 ul li a:hover{
    color: #D87B28;
}

#deskhead.active #deskresbtn, #deskhead.deskhead2 #deskresbtn{
    color: #D27933;
    border: 1px solid #D27933;
    top: 12.5px;
    padding: 3px 20px;
}

@media only screen and (max-width: 1280px){
    #deskhead.active #nav1 .navleft, #deskhead.deskhead2 #nav1 .navleft{
        padding: 0 170px 0 0;
    }
    #deskhead.active #nav1 .navright, #deskhead.deskhead2 #nav1 .navright{
        padding: 0 0 0 170px;
    }   
}


/* END NAV 1 */

 /* TIME & WEATHER */ 

.weather {
    position: absolute;
    top: 27px;
    left: 25px;
    margin: 0;
    z-index: 801;
    color: white;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    padding: 5px 0;
}

#deskhead.active .weather, #deskhead.deskhead2 .weather {
    color: #53585a;
    top: 12.5px;
    padding: 3px 0;
}

.flaticon-clock:before {
    margin-left: 0;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before {
    margin-left: 0;
}
 @media only screen and (max-width: 1390px) {
    .weather {
      display: none;
    }
}

 /* END TIME & WEATHER */ 

/* HM01B */

.hm01b {
position: relative;
overflow: hidden;
z-index: 1;
margin: 0px auto !important;
}
@media (max-width: 1366px) {
/*.hm01b {display: none;}*/
}

.hm01b .box1 {
width: 100%;
}

.hm01b .header {
position: absolute;
right: 0;
bottom: 50%;
left: 0;
color: white;
text-align: center;
margin: 0 0 -7px 0;
z-index: 50;
}

.hm01b .header h1,
.hm01b .header h2,
.hm01b .header h3,
.hm01b .header p {
color: white;
font-size: 78px;
line-height: 65px;
margin: 0;
}

@media only screen and (max-width: 1000px) {
.hm01b .header h1,
.hm01b .header h2,
.hm01b .header h3,
.hm01b .header p {
font-size: 50px;
line-height: 50px;
}
}

.hm01b .lnk {
position: absolute;
top: 50%;
right: 0;
left: 0;
color: white;
text-align: center;
margin: -7px 0 0 0;
z-index: 51;
}

.hm01b .lnk a {
background-image: url(/flashcab/tiles/w80.png);
display: inline-block;
color: #636363;
font-family: 'Quattrocento Sans', sans-serif;
font-size: 15px;
line-height: 35px;
text-transform: uppercase;
padding: 15px 60px 0 60px;
}

.hm01b .mobimg {
display: none;
width: 100%;
}

/*
@media only screen and (max-width: 1024px) {
.hm01b.hm01b .video .mobimg {
display: block;
}
}
*/

.hm01b .mobimg img {
width: 100%;
height: auto;
}

.hm01b .video {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 0;
margin: 0 0 0 1px;
padding: 0 0 39.25% 0;
z-index: 1;
}
@media (max-width: 1024px) {
.hm01b .video { margin: 20px 0 0 1px; }
}
@media (orientation:portrait) and (max-width: 1024px) {
.hm01b .video { padding: 0 0 56.25% 0; }
}

/*@media only screen and (max-width: 1024px) {
.hm01b .video {
display: none;
}
}*/

.hm01b .video .vsize {
display: block;
position: absolute;
top: -7.5%;
width: 100%;
height: 0;
margin: 0;
padding: 0 0 56.25% 0;
z-index: -2;
}
@media (orientation:portrait) and (max-width: 1024px) {
.hm01b .video .vsize { top: 0; }
}

.hm01b iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.hm01b video {
width: 100% !important;
height: auto !important;
}


/* END HM01B */

/* SUB NAV */

#subnav {
  background-color: rgba(136, 136, 136,.9);
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 50px;
  z-index: 1000;
  border-bottom: 1px solid #fff;
-webkit-animation: fadein 500ms ease-in;
  -moz-animation: fadein 500ms ease-in;
  -o-animation: fadein 500ms ease-in;
  animation: fadein 500ms ease-in;
}

#subnav.active {
    position: fixed;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 45px;
    line-height: 35px;
    background: rgba(136, 136, 136,1);
    top: 55px;
    webkit-transition: top .5s ease-out 0s;
    -khtml-transition: top .5s ease-out 0s;
    -moz-transition: top .5s ease-out 0s;
    -ms-transition: top .5s ease-out 0s;
    -o-transition: top .5s ease-out 0s;
    transition: top .5s ease-out 0s;
    -khtml-box-shadow: inset 0 1px 3px 5px rgba(176,175,175,.2);
    border-bottom: 1px solid #eee;
}

nav#subnav.subnav2 {
    top: 48px;
    position: fixed;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 45px;
    line-height: 35px;
    background: rgba(136, 136, 136,1);
    top: 55px;
    webkit-transition: top .5s ease-out 0s;
    -khtml-transition: top .5s ease-out 0s;
    -moz-transition: top .5s ease-out 0s;
    -ms-transition: top .5s ease-out 0s;
    -o-transition: top .5s ease-out 0s;
    transition: top .5s ease-out 0s;
    /* -webkit-box-shadow: inset 0 1px 3px 5px rgba(176,175,175,.2); */
    -khtml-box-shadow: inset 0 1px 3px 5px rgba(176,175,175,.2);
    /* box-shadow: inset 0 1px 3px 4px rgba(176,175,175,.2); */
    /* border-bottom: 1px solid #eee; */
    border-bottom: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}



#subnav .desknav ul {
  text-align: center;
  margin: 0;
  padding: 0;
}
#subnav .desknav li {
  background-image: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#subnav .desknav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 38px;
  padding: 0;
  border-bottom: 2px solid transparent;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0px 15px;
}
#subnav .desknav li a:hover, #subnav .desknav li.active a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

#subnav.active .desknav li a {
    line-height: 38px;
}

#subnav .mobinav {
  display: none;
  overflow: hidden;
}
/*#subnav .mobinav .toggle {
  background: #004052;
  text-align: center;
}
#subnav .mobinav .toggle a {
  background: url(/i/SITE_131203_16294869_C1BG2/templates/mobinav-toggle-bg2.png) right top no-repeat;
  display: block;
  color: #FFF;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 40px;
  margin: 0;
  padding: 0;
}
#subnav .mobinav .toggle a.active {
  background: url(/i/SITE_131203_16294869_C1BG2/templates/mobinav-toggle-bg2.png) right bottom no-repeat;
}
#subnav .mobinav ul {
  display: none;
  margin: 0;
  padding: 0;
}
#subnav .mobinav li {
  background-image: none;
  margin: 0;
  padding: 0;
}
#subnav .mobinav li a {
  background-color: #004052;
  border-bottom: 1px solid #03485d;
  display: block;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  line-height: 35px;
  margin: 0;
  padding: 0;
}*/

 @media only screen and (max-width: 1250px) {
    #subnav .desknav li a {
      font-size: 12px;
      margin: 0px 8px;
    }
}

 @media only screen and (max-width: 1055px) {
    #subnav {
      display: none;
    }
    #subnav .mobinav {
      display: none;
    }
}
/* END MOBI SUB NAV */



/* MOBI HEADER */

@-webkit-keyframes mobilogofadeout {
    0% { visibility: visible; opacity: 1; height: 25px; margin: 7px auto; }
    99% { visibility: visible; opacity: 0; }
    50% { visibility: hidden; opacity: 0; height: 25px; margin: 7px auto; }
    100% { height: 0; margin: 0 auto; }
}
@-moz-keyframes mobilogofadeout {
    0% { visibility: visible; opacity: 1; height: 25px; margin: 7px auto; }
    99% { visibility: visible; opacity: 0; }
    50% { visibility: hidden; opacity: 0; height: 25px; margin: 7px auto; }
    100% { height: 0; margin: 0 auto; }
}
@-o-keyframes mobilogofadeout {
    0% { visibility: visible; opacity: 1; height: 25px; margin: 7px auto; }
    99% { visibility: visible; opacity: 0; }
    50% { visibility: hidden; opacity: 0; height: 25px; margin: 7px auto; }
    100% { height: 0; margin: 0 auto; }
}
@keyframes mobilogofadeout {
    0% { visibility: visible; opacity: 1; height: 25px; margin: 7px auto; }
    99% { visibility: visible; opacity: 0; }
    50% { visibility: hidden; opacity: 0; height: 25px; margin: 7px auto; }
    100% { height: 0; margin: 0 auto; }
}

#mobihead {display: none;position: fixed;top: 0;left: 0;width: 100%;min-height: 10px;z-index: 9998;-webkit-transition: all .5s ease-out 0s;-khtml-transition: all .5s ease-out 0s;-moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;background: rgba(0,0,0,.45);-webkit-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-khtml-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-moz-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-ms-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);-o-box-shadow: 0 0 85px 85px rgba(0,0,0,.45);box-shadow: 0 0 85px 85px rgba(0,0,0,.45);}
@media (max-width: 1055px) {
#mobihead {display: block;}

}

#mobihead.active, .cc01d #mobihead.active{
    background: transparent;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#mobihead .mobibox1 {position: absolute;top: 0;left: 0;width: 100%;min-height: 62px;z-index: 999999999;}

#mobihead.active .mobibox1{
    background: white;
}
#mobihead .mobilogo1 {visibility: visible;opacity: 1;width: 250px;height: 48px;margin: 0;float: left;left: 12px;top: 12px;position: relative;}
#mobihead.active .mobilogo1 {visibility: hidden;opacity: 0;-webkit-animation: mobilogofadeout 500ms ease-out;-moz-animation: mobilogofadeout 500ms ease-out;-o-animation: mobilogofadeout 500ms ease-out;animation: mobilogofadeout 500ms ease-out;height: 0;margin: 0 auto;}
#mobihead .mobilogo1 img {
    width: 100%;
    height: auto;
}

#mobihead .mobibox2 {position: absolute;width: 100%;margin: 0 auto;/* background: white; */}
.cc01d #mobihead .mobibox2{
  background: white;
  height: 62px;
}

#mobihead.cc01d {
    background: transparent;
    box-shadow: none;
}

#mobihead .mobilogo2 {visibility: hidden;opacity: 0;-webkit-animation: fadeout 500ms ease-out;-moz-animation: fadeout 500ms ease-out;-o-animation: fadeout 500ms ease-out;animation: fadeout 500ms ease-out;display: none;float: left;height: 48px;margin: 0;width: 250px;left: 7px;top: 7px;}
#mobihead.active .mobilogo2, .cc01d #mobihead .mobilogo2 {visibility: visible;opacity: 1;-webkit-animation: fadein 500ms ease-in;-moz-animation: fadein 500ms ease-in;-o-animation: fadein 500ms ease-in;animation: fadein 500ms ease-in;position: relative;display: block;}
#mobihead .mobilogo2 img {width: auto;height: auto;text-align: center;margin: 0px auto;display: block; height: 48px; width: 250px;}

#mobihead #mobidestbtn {background-color: #D87B28;display: none;position: absolute;top: 58px;left: 50%;width: 140px;height: 35px;margin-left: -70px;color: white;/* font-family: 'Quattrocento Sans', sans-serif; */font-size: 15px;font-weight: 500;line-height: 36px;text-align: center;text-transform: uppercase;z-index: 3;border-radius: 5px;letter-spacing: .5px;}


#mobihamburger {
    position: fixed;
    right: 15px;
    top: 18px;
    z-index: 200;
    cursor: pointer;
    padding: 10px 35px 16px 0;
}

#mobihamburger span, #mobihamburger span:after, #mobihamburger span:before {
    cursor: pointer;
    border-radius: 1px;
    height: 0.2rem;
    width: 3.2rem;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#mobihead.active #mobihamburger span, #mobihead.active #mobihamburger span:after, #mobihead.active #mobihamburger span:before, #mobihead.cc01d #mobihamburger span, #mobihead.cc01d #mobihamburger span:after, #mobihead.cc01d #mobihamburger span:before{
   background: #D87B28;
}

#mobinav1.active #mobihamburger span,  #mobinav1.active #mobihamburger span:after, #mobinav1.active #mobihamburger span:before{
   background: #fff;
}

#mobihamburger span:before {
    top: -10px;
}

#mobihamburger span:after {
    bottom: -10px;
}

#mobihead #mobihamburger{/* display: none; */}

#mobihead.active #mobihamburger, #mobihead #mobinav1.active #mobihamburger, .cc01d #mobihead #mobinav1 #mobihamburger{display: block;top: 18px;}

#mobinav1.active #mobihamburger span {
    background-color: transparent;
}

#mobinav1.active #mobihamburger span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}

#mobinav1.active #mobihamburger span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mobinav1.active #mobihamburger span:after, #mobinav1.active #mobihamburger.active span:before {
    top: 0;
    bottom: 0;
}

/* END MOBI HEADER */

/* MOBILE NAV 1 */

#mobinav1 {
    background: transparent;
    display: block;
    position: fixed;
    top: 9px;
    right: 10px;
    bottom: 0;
    /* left: 0; */
    text-align: center;
    z-index: 999;
    -webkit-animation: fadeout 300ms ease-out;
    -moz-animation: fadeout 300ms ease-out;
    -o-animation: fadeout 300ms ease-out;
    animation: fadeout 300ms ease-out;
    height: 38px;
    width: 50px;
}

#mobinav1.active{
    height: 100%;
    background: transparent;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 999;
    -webkit-animation: fadeout 300ms ease-out;
    -moz-animation: fadeout 300ms ease-out;
    -o-animation: fadeout 300ms ease-out;
    animation: fadeout 300ms ease-out;
    width: 100%;
}

#mobinav1 .close {
    background: transparent;
    display: none;
    opacity: .9;
    position: absolute;
    top: 40px;
    width: 35px;
    height: 35px;
    margin: 0;
    z-index: 900;
    right: 16px;
    top: 12px;
}

@media (max-width: 767px), (max-height: 800px) {
    #mobinav1 .close {width: 32px;height: 26px;margin: 0 0 0 -10px;right: 15px;top: 10px;}
}

#mobinav1 .close:focus,
#mobinav1 .close:hover {
    opacity: .6;
}

#mobinav1.active .close{
    display: block;
}

#mobinav1 .navcenter1 {
    background: rgba(255,255,255,.9);
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    height: 0%;
    width: 100%;
    margin: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-animation: none;
    -moz-animation: none
    -o-animation: none;
    animation: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6e6e6e+0,6e6e6e+100&1+0,0.95+100 */
    background: -moz-linear-gradient(top,  rgba(110,110,110,1) 0%, rgba(110,110,110,0.95) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(110,110,110,1) 0%,rgba(110,110,110,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(110,110,110,1) 0%,rgba(110,110,110,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#f26e6e6e',GradientType=0 ); /* IE6-9 */

}

#mobinav1.active .navcenter1{
    visibility: visible;
    opacity: 1;
    -webkit-animation: fadein 500ms ease-out;
    -moz-animation: fadein 500ms ease-out;
    -o-animation: fadein 500ms ease-out;
    animation: fadein 500ms ease-out;
    height: 100%;
}

#mobinav1 .navcenter2 {
    display: table;
    width: 100%;
    height: 100%;
}

#mobinav1 ul {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 80px 0;
}

#mobinav1 ul ul {
    display: none;
    margin: -10px 0 0 0;
    padding: 0 0 20px 0;
}

#mobinav1 ul li.active ul {
    display: block;
}

#mobinav1 ul ul ul,
#mobinav1 ul li.active ul ul {
    display: none;
}

#mobinav1 li {
    background-image: none;
    border-bottom: 1px solid #ccc;
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
#mobinav1 li:first-child {
    border-top: 1px solid #ccc;
}

#mobinav1 li li {
    border-bottom: none;
}
#mobinav1 li li:first-child {
    border-top: none;
}

#mobinav1 li a {
    transition: all 250ms ease;
    display: block;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    padding: 15px 40px;
}
@media (max-width: 767px), (max-height: 600px) {
    #mobinav1 li a { font-size: 17px; }
}
#mobinav1 li.active a {
    color: #D0CABF;
}
#mobinav1 li a:hover,
#mobinav1 li.active a:hover {
    transition: all 500ms ease;
    color: #a96317;
}

#mobinav1 li.active li a {
    transition: all 250ms ease;
    display: block;
    color: #D0CABF;
    font-size: 17px;
    font-weight: normal;
    line-height: 17px;
    text-transform: none;
    padding: 10px 60px;
}
#mobinav1 li li a:hover {
    transition: all 500ms ease;
    color: #a96317;
}

/* END MOBILE NAV 1 */

/* FOOTER */

footer {
     position: relative;
     width: 100%;
     bottom: 0;
     left: 0;
     overflow: hidden;
     padding: 20px 0;
     z-index: 999;
     background: #777;
     color: white;
     font-weight: 400;
     margin: 0px auto;
     text-align: center;
}

footer a, footer a:hover, footer a:focus{
    color: white;
}

footer a:hover {
    color: white;
}

footer ul {
    display: inline-block;
    margin: 0;
    min-height: 30px;
    padding: 0;
}

footer ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 24px;
    font-size: 15px;
    background: none;
}

footer .box {
    margin: 0px auto;
    height: 86px;
    text-align: center;
    width: 95%;
}

footer .col1 {
    width: 44.5%;
    display: inline-block;
    position: relative;
    height: 45px;
}

footer .footer-details ul{
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer .footer-details ul li {
    margin: 0;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 25px;
}

footer .footer-details ul li:nth-child(odd){
    margin-right: 25px;
}

footer .footer-details .location{
    background: url(/i/SITE_171024_14021424_1KOA1/templates/location-icon.png) left center no-repeat;
    display: inline-block;
    margin-right: 13px;
    color: white;
}

footer .footer-details .resphone {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/phone-icon.png) left center no-repeat;
    display: inline-block;
    margin-right: 13px;
}

footer #footerlogos {
    display: inline-block;
    height: 86px;
    margin: 0 2%;
    position: relative;
    max-width: 86px;
    width: 7%;
}

footer #footerlogos a{
    height: 86px;
    width: 86px;
    display: block;
}


footer #footerlogos ul {
    display: block;
    /* overflow: hidden; */
    width: 86px;
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

footer #footerlogos li{
    display: inline-block;
    overflow: hidden;
    list-style-type: none;
    vertical-align: middle;
    text-indent: 100%;
    white-space: nowrap;
}

footer #footerlogos .lvx {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/lvx-logo.png) center center no-repeat;
    height: 86px;
    width: 86px;
    padding: 0;
    margin: 0;
    background-size: contain;
}

footer .col2 {
    display: inline-block;
    position: relative;
    height: 45px;
    width: 44.5%;
}


.footerlinks{
    float: left;
}

.footerlinks li a{
    padding: 0 10px;
}

.soclinks {
    float: left;
    margin-left: 15px;
}

.soclinks li{
    font-size: 24px;
    padding: 0px 10px;
}

@media all and (max-width: 1200px){
    footer .col1 {
        width: 100%;
        text-align: center;
        margin: 10px auto 0;
        height: auto;
        float: none;
    }
footer .footer-details .resphone{
  margin: 0;
}
    footer .col2 {
      float: none;
      margin: 0px auto 0;
      height: 70px;
      width: 100%;
    }

    .footerlinks{
      margin: 0px auto;
      float: none;
      display: block;
      padding: 0;
    }

    footer .footer-details ul{
      float: none;
    }

    .soclinks{
      float: none;
      display: block;
      margin: 10px auto 0;
      padding: 0;
      height: 35px;
    }

    footer .box{
      height: auto;
    }

    footer .box{
        height: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    
    footer #footerlogos{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin: 15px auto 10px;
        float: none;
        display: inline-block;
        width: 100%;
        /* display: none; */
    }

    footer .col2{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        height: auto;
        float: none;
        width: 100%;
        margin: 10px auto 5px;
        padding: 0;
    }

}

@media all and (max-width: 768px){
    footer{
        min-height: 188px;
    }

    footer .footerlinks {
        width: 100%;
        display: block;
        padding: 0;
    }
    
    footer .soclinks {
        float: none;
        margin-left: 0;
        margin-top: 10px;
        padding: 0;
    }

    footer .col1 {
        height: 57px;
        float: none;
        max-width: none;
        width: auto;
    }

    footer .footer-details .location, footer .footer-details ul li:nth-child(odd), footer .footer-details .resphone {
        display: block;
        margin: 10px auto 0;
        text-align: center;
        background: transparent;
        padding: 0;
    }

    footer .footer-details ul{
        float: none;
    }

}

@media all and (max-width: 506px){
      footer .footer-details ul li:nth-child(odd), footer .footer-details .resphone {
        margin-right: 0px;
        display: block
    }
}
/* END FOOTER */


/* BACK TO TOP */

#btt {
    animation: fadeout 900ms ease-out;
    transition: all 500ms ease;
    background-color: rgba(160, 160, 160,.9);
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 999;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    /* opacity: .8; */
    display: none;
}

@media only screen and (max-width: 1216px) {
    #btt{
        bottom: 90px;
        right: 10px;
        width: 55px;
        height: 55px;
        font-size: 13px;
        line-height: 12px;
        border-radius: 0;
        visibility: hidden;
        /* opacity: .8; */
        animation: none;
    }
}

#btt:hover {
    transition: all 500ms ease;
    opacity: 1.0;
}
#btt.killanim {
    visibility: hidden;
    opacity: 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
#btt.active {
    visibility: visible;
    animation: fadein 1600ms ease-in;
    display: block;
}

@media only screen and (max-width: 1300px) {
    #btt.active{
      /* animation: none; */
      bottom: 70px;
    }
    #btt.killanim{
      visibility: visible;
      opacity: .8;
    }
}
@media only screen and (max-width: 767px) {
    #btt.active{
      /* animation: none; */
      bottom: 90px;
    }
}

#btt .bttarrow {
    display: block;
    overflow: hidden;
    width: 40px;
    height: 30px;
    padding: 0;
    margin: 8px 0 0 0;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
}

@media only screen and (max-width: 1216px) {
#btt .bttarrow {width: 55px;height: 20px;margin: 15px 0 0 0;font-size: 36px;line-height: 20px;}
}

/* FIXED MENU BUTTON */

#fixmenu {
    transition: all 500ms ease;
    background-color: rgba(216, 123, 40,.9);
    display: none;
    /* overflow: Hidden; */
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 65px;
    height: 65px;
    z-index: 9998;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    z-index: 999;
    /* visibility: hidden; */
    animation: fadein 1600ms ease-in;
}

#fixmenu span {
    float: left;
    margin: 6px 0 0;
}

#fixmenu.killanim {
    visibility: hidden;
    opacity: 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

@media only screen and (max-width: 1300px) {
    #fixmenu {
        bottom: 15px;
        right: 10px;
        width: 150px;
        height: auto;
        font-size: 16px;
        line-height: 15px;
        padding: 10px;
        display: block;
    }
    #fixmenu.active {
      /* visibility: visible; */
      /* animation: fadein 1600ms ease-in; */
      /* display: block; */
  }
}
@media only screen and (max-width: 767px) {
    #fixmenu {bottom: 15px;right: 10px;width: 55px;height: 67px;font-size: 12px;line-height: 12px;}
}
#fixmenu:hover {
    transition: all 500ms ease;
    color: white;
    background-color: #D87B28;
}

#fixmenu .fixmenubars {
    display: block;
    overflow: hidden;
    width: 65px;
    height: 24px;
    padding: 0;
    margin: 12px 0 0 0;
    font-size: 30px;
    line-height: 24px;
    text-align: center;
}
@media only screen and (max-width: 1300px) {
    #fixmenu .fixmenubars {
        width: 30px;
        height: 25px;
        margin: 0 10px 0 0;
        font-size: 24px;
        line-height: 24px;
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    #fixmenu .fixmenubars {width: 35px;height: 17px;margin: 0;font-size: 17px;line-height: 17px;float: none;}
}

/* END FIXED MENU BUTTON */

/* END BACK TO TOP */

/* ARROW DOWN BACKGROUND */
.arrowWrapper {
  position: absolute;
  height: 60px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  bottom: -29px;
  display: none;
  z-index: 101;
}

.arrow {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 30px;
  background-color: white;
}
.arrow:before, .arrow:after {
  content:'';
  position: absolute;
  bottom: 100%;
  width: 50%;
  padding-bottom:inherit;
  background-color: inherit;
}
.arrow:before {
  right: 50%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -ms-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
.arrow:after {
  left: 50%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -ms-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}


@media all and (max-width: 2120px) {
    .arrowWrapper{
        bottom: -29px;
    }
}

    .cc01 .arrowWrapper{
        display: none;
    }

@media all and (max-width: 768px) {
    .cc01 .arrowWrapper{
        display: none;
    }
}

/* END ARROW DOWN BACKGROUND */

/* HM02 */

.hm02{
    padding: 80px 0;
    overflow: hidden;
    /* background: url(/i/SITE_171024_14021424_1KOA1/templates/camelback-sketch.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53% auto;
    background-position: right center;
    position: relative;
    z-index: 1;
    background: white;
}

.hm02 .watermark {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/camelback-sketch.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-position: right 95%;
    width: 54%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}

.hm02b {
    /* padding: 3% 0; */
}

.hm02 .heading {
    text-align: center;
    padding-bottom: 40px;
    display: none;
}


.hm02 .heading:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.hm02 .container {
    width: 90%;
    padding: 0;
    margin: 0;
    max-width: 1370px;
    margin: 0px auto;
    max-height: 535px;
    z-index: 1;
}

.hm02 .imgWrapper {
    float: left;
    max-width: 325px;
    margin-top: 25px;
    width: 47%;
}

.hm02 .imgWrapper2 {
    margin-top: 0;
    float: left;
    margin-left: 25px;
}

.hm02 .text {
    width: 47%;
    float: left;
    margin-left: 3%;
}

.hm02 .images {
    width: 50%;
    float: left;
    max-width: 661px;
}

.hm02 .images .img {
    float: left;
    position: relative;
    width: 100%;
}

.hm02 .images .img1 {
    margin-bottom: 25px;
    margin-right: 25px;
}

.hm02 .images .img2 {
    margin-right: 25px;
}

.hm02 .images .img3 {
    float: right;
}

.hm02 .scaleme img{
        width: 100%!important;
        height: auto!important;
}

.hm02 .sctxt {
    height: 465px;
}

@media all and (max-width: 1500px){
    .hm02{
        background-size: cover;
    }
}


@media (max-width: 1247px) {
    .hm02{
        max-height: none;
        overflow: visible;
        height: 100%;
    }
    .hm02 .container{
        width: 90%;
        max-height: none;
    }

    .hm02 .watermark{
      width: 100%;
      background-position: bottom
    }

}


@media all and (max-width: 1200px) {
    .hm02 .sctxt {
      height: auto;
  }
    
}

@media all and (max-width: 1000px) {
    .hm02 .images{
        width: 45%;
        max-width: none;
        float: left;
        margin-right: 5%;
        text-align: center;
    }
    .hm02 .images .img3{
        float: left;
        /* margin-top: 25px; */
    }
    .hm02 .imgWrapper{
        width: 100%;
        display: none;
        margin: 0;
        max-width: none;
    }
    .hm02 .imgWrapper2{
        display: block;
    }
    .hm02 .text{
        width: 50%;
        margin: 0;
    }
    
    
}

@media all and (max-width: 767px) {
    .hm02 .images .img1{
        display: none;
    }

    .hm02 .text{
        width: 100%;
        padding-top: 25px;
    }
    .hm02 .images{
        width: 100%;
        margin: 0px auto;
        float: none;
        min-width: inherit;
    }
    .hm02 .imgWrapper{
        margin-right: 0px;
        display: block;
        overflow: hidden;
    }
    .hm02 .imgWrapper2{
        display: none;
    }
    .hm02 .sctxt{
        height: auto;
    }

    .hm02{
        background: #fff;
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
    }

    .hm02 .images .img img{
        width: 100%;
        height: auto;
    }
}


/* END HM02 */

/* HM03 */

.hm03 {
    overflow: hidden;
    margin: 0px auto;
    position: relative;
    width: 100%;
    z-index: 1;
    background: white;
}

.hm03 .group {
    position: relative;
    min-height: 400px;
}

.hm03 .callout {
    position: relative;
    overflow: hidden;
    top: 0;
    height: 400px;
    width: 25%;
    float: left;
    background: rgba(0,0,0,.45);
}

.hm03 .callout:before {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 850ms ease;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/callout-shadow.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: 0;
}

.hm03 .callout.active:before{
    background: rgba(173, 92, 19,.7);
}

.hm03 .img {
    overflow: hidden;
    width: 100%;
    height: 400px;
}

.hm03 .txt {
    display: table;
    position: absolute;
    top: 157px;
    left: 0;
    width: 100%;
    height: 63px;
    text-align: center;
    transition: all 550ms ease;
}
.hm03 .callout.active .txt {
    transition: all 550ms ease;
    top: 0;
    height: 100%;
    transition: fadein 500ms ease-in;
}
.hm03.nohover .callout.active .txt {
    top: 157px;
}

.hm03 .txt .pad {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}

.hm03 .txt .title {
    display: table;
    text-align: center;
    width: 100%;
    padding-bottom: 0;
    height: 85px;
    margin: 0px auto;
    padding: 0;
}

.hm03 .txt .title .pad {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.hm03 .txt .title .pad a {
    cursor: default;
}

.hm03 .txt .title h1,
.hm03 .txt .title h2,
.hm03 .txt .title h3,
.hm03 .txt .title h4,
.hm03 .txt .title p {
    color: #FFF;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    text-shadow: 0px 0px 8px #000;
}

.hm03 .txt .title h1:after,
.hm03 .txt .title h2:after,
.hm03 .txt .title h3:after,
.hm03 .txt .title h4:after,
.hm03 .txt .title p:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/white-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.hm03 .txt .tag {
    transition: all 0.5s ease;
    opacity: 0;
    text-align: center;
    text-shadow: 0px 0px 8px #000;
}
.hm03 .callout.active .txt .tag {
    transition: all 0.5s ease;
    opacity: 1;
}

.hm03 .txt h1 {
    color: #FFF;
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 15px 0;
}

.hm03 .txt h2 {
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 15px 0;
}

.hm03 .txt h3 {
    color: #FFF;
    font-size: 25px;
    line-height: 25px;
    margin: 0 0 15px 0;
}

.hm03 .txt p {
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: center;
}

.hm03 .txt .tag ol li{
    display: inline-block;
}

.hm03 .txt .tag ol li a {
    float: none;
    background: transparent;
    color: white;
    border: 1px solid white;
    font-size: 16px;
}

.hm03 .txt .tag ol li a:hover{
    background: rgba(255,255,255,.2);
}

@media only screen and (max-width: 1050px) {
    .hm03 .txt .title h1,
    .hm03 .txt .title h2,
    .hm03 .txt .title h3,
    .hm03 .txt .title h4,
    .hm03 .txt .title p {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
    }
    .hm03 .txt .title{
        height: 75px;
    }
}
@media only screen and (max-width: 900px) {
    .hm03 .txt .title h1,
    .hm03 .txt .title h2,
    .hm03 .txt .title h3,
    .hm03 .txt .title h4,
    .hm03 .txt .title p {
        font-size: 15px;
        line-height: 20px;
        margin: 0;
    }
    .hm03 .txt h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px 0; }
    .hm03 .txt h2 { font-size: 24px; line-height: 24px; margin: 0 0 10px 0; }
    .hm03 .txt h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; }
    .hm03 .txt p {font-size: 14px;line-height: 16px;margin: 0 0 10px 0;}

    .hm03 .txt .tag ol li a{
        padding: 5px 10px;
        line-height: normal;
        font-size: 14px;
    }

    .hm03 .txt .title{
        height: 70px;
    }
}

@media only screen and (max-width: 736px) {
    .hm03 .txt {
      top: 125px;
      height: 63px;
  }
    .hm03 .callout{
        width: 50%;
        height: 320px;
    }

    .hm03 .group {
        min-height: inherit;
    }

    .hm03 .img {
        height: 320px;
    }
    
    .hm03 .callout.active .txt .title .pad{
        vertical-align: top;
    }

    .hm03 .callout.active .txt .title{
        height: 50px;
    }
    .hm03 .txt .title h1,
    .hm03 .txt .title h2,
    .hm03 .txt .title h3,
    .hm03 .txt .title h4,
    .hm03 .txt .title p {
        font-size: 17px;
        line-height: 17px;
        margin: 0;
    }
}


@media only screen and (max-width: 375px) {
    .hm03 .txt .title h1,
    .hm03 .txt .title h2,
    .hm03 .txt .title h3,
    .hm03 .txt .title h4,
    .hm03 .txt .title p {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
    }
    .hm03 .callout{
        width: 100%;
        height: 240px;
    }
    .hm03 .img {
        height: 240px;
    }
    .hm03 .callout.active .txt .title {
        height: 45px;
    }
    .hm03 .callout .txt .title{
        height: 65px;
    }
    .hm03 .txt {
      top: 87px;
  }
}

/* END HM03 */

/* HM04 */

.hm04 {
    overflow: hidden;
    position: relative;
    margin: 0;
    color: white;
    text-shadow: 0px 0px 8px #000;
}

.hm04 .img {
    width: 100%;
    height: 650px;
}

.hm04 .img {
    position: relative;
    /* height: 550px; */
    overflow: hidden;
    /* top: 0; */
    width: 100%;
    background: rgba(0,0,0,0.5);
}

.hm04 .img img {
    position: fixed;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    object-position: top;
    z-index: 0;
    background-position: bottom center;
}

@media screen and (max-width: 1440px),
screen and (max-height: 1120px) {
    .hm04 .img img{
        top: 0;
        object-position: 50% 50%;
    }   
}


.hm04 .img:before {
    content: '\A';
    position: absolute;
    width: 55%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.6+0,0.5+50,0+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    width: 100%;
}

.hm04 .txt {
    position: absolute;
    top: 0;
    left: 5%;
    width: 40%;
    z-index: 500;
    max-width: 800px;
}

.hm04 h3{
  color: white;
  font-size: 22px;
  text-shadow: 0px 0px 8px #000;
  font-weight: 500;
}

.hm04 h2{
   text-shadow: 0px 0px 8px #000;
   /* color: #d0cabf; */
   font-weight: 500;
}

.hm04 ol li a {color: #fff;background: #D27933;text-shadow: none;border: 1px solid #D27933;}


.hm04b{
  color: inherit;
  text-shadow: none;
}

.hm04b h2{
  text-shadow: none;
}

#sub .hm04b h2 {
    font-size: 40px;
}

.hm04b h3{
  text-shadow: none;
  color: inherit;
  font-size: 29px;
}

.hm04.hm04b li {/* line-height: 25px; *//* font-size: 17px; */}

.hm04b .img img {
  position: relative;
  top: 0;
}

.hm04b .img:before {
    content: '\A';
    position: absolute;
    width: 58%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,ffffff+100&1+0,0.9+60,0+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,.95) 0%, rgba(255,255,255,0.85) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,.95) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,.95) 0%,rgba(255,255,255,0.85) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    min-width: 1200px;
}

@media all and (max-width: 1440px) {
    .hm04 .txt{
        width: 44%;
        max-width: none;
        right: 5%;
    }

    #sub .hm04b h2 {
      font-size: 32px;
  }

}

@media all and (max-width: 1200px) {
    .hm04 .txt{
        width: 90%;
    }
    .hm04 .img:before{
        background: rgba(0,0,0,.5);
        width: 100%;
    }
    .hm04b .img:before{
        background: rgba(255,255,255,.8);
        width: 100%;
    }
}

@media all and (max-width: 1000px) {
    .hm04 .txt{
        width: 90%;
    }
}

@media all and (max-width: 767px) {
    .hm04 .txt{
        width: 90%;
    }
    .hm04 h3{
      font-size: 20px;
    }
    #sub .hm04b h2{
      font-size: 32px;
    }
}
/* END HM04 */

/* HM05 */

.hm05{
    padding: 20px 0 60px;
    overflow: hidden;
    /* background: url(/i/SITE_171024_14021424_1KOA1/templates/starBG.png); */
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    background-size: cover;
    z-index: 1;
    position: relative;
    background: white;
    padding: 50px 0 60px;
}

.hm05 .txt {
    padding-bottom: 25px;
}


.hm05 input.third {
    width: 22%;
    margin-right: 2%;
margin-bottom:5%;
}

.hm05 input.third:last-child{
    margin-right: 0px;
    width: 20%;
}

.hm05 .heading {
    text-align: center;
    padding-bottom: 0px;
}

.hm05 .heading:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}


@media all and (max-width: 550px){
    .hm05 input.third {
        width: 48%;
        margin-right: 4%;
    }
    .hm05 input.third:nth-child(even){
        margin-right: 0px;
    }
    .hm05 input.third:last-child{
        width: 100%;
        margin-top: 4%;
    }
    .hm05{
        /* background: transparent; */
    }
}

/* END HM05 */

/* CC01 TALL */

.hm01 {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    min-height: 100%;
    background: white;
    z-index: 1;
}

.cc01 {
    position: relative;
    width: 100%;
    min-height: 300px;
    background: white;
}

.cc01e {
    height: 100%;
    width: 100%;
}

.cc01e .imgWrapper {
    height: 100%;
    width: 100%;
    position: relative;
}

@media all and (max-width: 767px) {
    .cc01 { height: 350px; }
}
@media all and (max-width: 480px) {
    .cc01 { height: 200px; }
}

.cc01e img {
    background-position-x: center;
    background-position-y: center;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.cc01e .compat-object-fit {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}



/* END CC01 TALL */



/* CC01 SHORT */

.cc01bg {
    width: 100%;
    min-height: 400px;
    /* z-index: -2; */
}

.cc01bg.cc01d {
    min-height: 93px;
}

.cc01bg.cc01d.cc01h {
    min-height: 48px;
}

@media all and (max-width: 1055px) {
    .cc01bg.cc01d {
      min-height: 48px;
  }
}

.cc01bg.cc01shortbg {
    height: 735px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.cc01bg.cc01shortbg:before {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 735px;
    top: 0;
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: rgba(0,0,0,.3);
}

.cc01bg.cc01shortbg.cc01c:before {
    display: none;
}

.cc01bg .col.col-sm-12 {
    padding: 0px;
}

.cc01bg .row {
    position: absolute;
    top: 350px;
    text-align: center;
    margin: 0px auto;
    width: 100%;
}

.cc01bg .cctxt {
    margin: 0px auto;
    line-height: 44px;
    width: 80%;
}

.cc01bg .row h1{
    color: white;
    font-size: 60px;
    margin: 0;
}

.cc01bg .row h1:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/white-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

@media all and (max-width: 1120px){
    .cc01bg .row h1{
      font-size: 50px;
      line-height: 50px;
  }
}

@media all and (max-width: 943px){
    .cc01bg .row h1{
      font-size: 40px;
      line-height: 40px;
  }
}

@media all and (max-width: 767px) {
    .cc01bg, .cc01bg.cc01shortbg {
        height: 400px;
    }

    .cc01bg.cc01shortbg:before{
        height: 400px;
    }

    .cc01bg .row{
        top: 200px;
    }

    .cc01bg .row h1{
        font-size: 30px;
        line-height: 30px;
    }

    .cc01bg .row h1:after {
        margin: 6px 0 0;
    }
    
    .cc01bg.cc01d{
      height: 62px;
      min-height: auto;
    }
}

/* END CC01 */

/* CC01G TALL HERO WITH SUB NAV */

nav#subnav.subnav3 {
    border-bottom: none;
} 

nav#subnav.subnav3.active {
    position: absolute;
    bottom: 0;
    height: 50px;
    z-index: 999;
    border-bottom: none;
    top: auto;
    background-color: rgba(136, 136, 136,.9);
}

.secondNav {
    position: absolute;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    height: 50px;
    z-index: 999;
    /* top: 0; */
    left: 0;
    right: 0;
}

.secondNav[data-position-marker="true"]{
    z-index: 153;
}

.secondNav.active{
    position: fixed;
    right: 0;
    left: 0;
    top: 48px;
    bottom: auto;
}

.secondNav.active nav#subnav.subnav3.active{
    position: fixed;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 45px;
    line-height: 35px;
    background: rgba(136, 136, 136,1);
    top: 55px;
    webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -khtml-box-shadow: inset 0 1px 3px 5px rgba(176,175,175,.2);
    border-bottom: 1px solid #eee;
}

.secondNav.active nav#subnav.subnav3.active, .secondNav nav#subnav.subnav3 {
    webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/* END CC01G TALL HERO WITH SUB NAV */

/* CC02 */

.cc02 {
    overflow: hidden;
    position: relative;
    margin: 0;
}

.cc02 .group {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    background: #fdfdfd;
    border-top: 1px solid #eee;
}

.cc02 .callout.callout1 {
    width: 50%;
    padding: 0;
    /* height: 250px; */
}

.cc02  .callout {
    float: left;
    width: 25%;
    height: 500px;
    padding: 0px 3%;
    overflow: hidden;
}

.cc02 .callout:last-child{
    border-left: 1px solid #eee;
}

.cc02 .callout1 .txt {
    width: 50%;
    height: 500px;
    position: absolute;
    background: rgba(0,0,0,.4);
    padding: 30px;
}

.cc02 .callout .txt {
    text-align: center;
    height: 500px;
    overflow: hidden;
}

.cc02 .callout2 h3:after, .cc02 .callout3 h3:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.cc02 .img {
    height: 500px;
}

.cc02 .callout1 .pad {
    text-align: center;
    width: 100%;
    border: 1px solid white;
    height: 440px;
}

.cc02 .callout1 h2 {
    padding: 0;
    margin: 0;
    color: white;
}

.cc02 h3 {
    color: #D87B28;
    margin: 10px 0 0;
    font-size: 30px;
    line-height: 30px;
}

.cc02 h4 {
    color: #56585A;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
}

.cc02 .button a {
    transition: all 250ms ease;
    background-color: rgba(255,255,255,.5);
    color: #D87B28;
    line-height: 44px;
    text-transform: uppercase;
    padding: 10px 35px;
    border: 1px solid #D87B28;
    font-weight: 400;
    border-radius: 3px;
}

.cc02 .callout2 .tag, .cc02 .callout3 .tag {
    min-height: 200px;
}

@media (max-width: 1483px) {
    .cc02 .callout1 h2{
        font-size: 37px;
        line-height: 37px;
    }
    .cc02 h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .cc02 h4 {
        font-size: 18px;
        line-height: 18px;
    }
}

@media (max-width: 1236px) {
    .cc02 .callout1 h2{
        font-size: 30px;
        line-height: 30px;
        padding: 0px 10px;
    }
    .cc02 h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .cc02 h4 {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 1088px) {
    .cc02 h3 {
        font-size: 26px;
        line-height: 26px;
    }
    .cc02 h4 {
        height: 30px;
    }
    .cc02 .button a{
      padding: 5% 10%;
      font-size: 15px;
    }
    .cc02 p{
        font-size: 15px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .cc02 .group{
        max-height: none;
    }
    .cc02  .callout{
        height: auto;
        width: 100%;
        padding: 40px 20px;
        float: none;
    }
    .cc02 .callout.callout1{
        width: 100%;
        height: 250px;
    }
    .cc02 .img{
      height: 250px;
    }
    .cc02 .callout .txt{
        height: auto;
        width: 100%;
        overflow: visible;
    }
    .cc02 .callout1 .txt{
        height: 250px;
        width: 100%;
        padding: 20px;
    }
    .cc02 .callout1 .pad{
        height: 210px;
    }

    .cc02 .callout2 .tag, .cc02 .callout3 .tag{
        min-height: auto;
    }
    .cc02 .button a {
        padding: 10px 15px;
        font-size: 15px;
        line-height: 42px;
    }
    .cc02 .button {
        margin-top: 25px;
    }
    .cc02 h4{
        height: auto;
    }
    .cc02 .callout:last-child {
        border-top: 1px solid rgba(195, 145, 92,.3);
        border-bottom: 1px solid rgba(195, 145, 92,.3);
        border-left: none;
    }
    .cc02 .callout1 h2{
        font-size: 26px;
        line-height: 26px;
    }
}

/* END CC02 */

/* CC03 */

.cc03 {
}

.cc03 .cycle-slideshow {z-index: 9;}

.cc03 .cycle-slideshow img {
    width: 100%;
    height: auto;
}

/* END CC03 */

/* CC04 */
.cc04 {
    width: 100%;
    height: 650px;
    border-bottom: 1px solid rgba(160, 160, 160,.25);
    background: #fdfdfd;
    border-top: 1px solid rgba(160, 160, 160,.25);
    position: relative;
}

.cc04citem {
    width: 100%;
    height: 650px;
    overflow: hidden;
}

.cc04img {
    width: 50%;
    float: left;
}

.cc04txt {
    width: 50%;
    float: left;
    text-align: center;
    overflow: hidden;
    height: 650px;
    margin: 0px auto;
    position: relative;
}

.cc04 .txt {
    width: 70%;
    margin: 0px auto;
}

.cc04 h1:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.cc04 ol li {
    margin: 7px;
    display: inline-block;
}

.cc04 ol li:last-child{
    /* margin-right: 0; */
}

.cc04 ol li a{
    border: 1px solid #369B97;
    color: #369B97;
    color: #8B847E;
    border: 1px solid;
}

.cc04 ol li a:hover{
    background: transparent;
    color: #D87B28;
    border: 1px solid #D87B28;
}
.cc04 .cycle-slideshow {
    height: 650px;
    z-index: 9;
}
@media only screen and (max-width: 414px){
    .cc04 ol li, .cc04 ol li:last-child {
        margin-right: 0;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        display: block;
    } 
    .cc04 ol{
      display: inline-block;
      text-align: center;
      margin: 0px auto;
      float: none;
      width: 100%;
    }
    .cc04 ol li a{
      margin: 7px 0 0;
      font-size: 14px;
      padding: 5px 15px;
      float: none;
    }  
}
.cc04 h3{
    margin: 0px 0 10px;
    font-size: 24px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}

.cc04 h4{
    margin: 0px 0 15px;
    font-size: 20px;
    font-weight: 400;
    color: #6d7173;
    line-height: 22px;
}

.cc04 h2, .cc04 h1{
  margin: 0;
  font-size: 44px;
  line-height: 44px;

}

.cc04 h2:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.cc04border {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    /*  top: 5px;
    left: 5px;*/
    pointer-events: none;
    border: 1px solid #A18E68;
    box-sizing: border-box;
    border-image-width: 145px 150px;
    border-image-source: url(/i/SITE_171024_14021424_1KOA1/templates/cc04-border1.png);
    border-image-outset: 0;
    border-image border-image-slice: 50px;
    border-image-repeat: round;
    border-image-slice: 177;
    left: 10px;
    top: 10px;
}

/* pager */
.cc04 .cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.cc04 .cycle-pager span {
    font-family: arial;
    font-size: 50px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #eee;
    cursor: pointer;
    opacity: .9;
}
.cc04 .cycle-pager span.cycle-pager-active {color: #D27933;}
.cc04 .cycle-pager > * { cursor: pointer;}



@media only screen and (max-width: 1440px) {
     .cc04 h2, .cc04 h1{
        font-size: 28px;
        line-height: 28px;
    }
    .cc04 h3{
      font-size: 20px;
    }
}

@media only screen and (max-width: 1250px) {
     .cc04 p, .cc04{
       font-size: 15px;
       line-height: 22px;
     }
}

@media only screen and (max-width: 1200px){
    .cc04border{
        display: none;
    }
    .cc04a .cc04border, .cc04b .cc04border, .cc04c .cc04border, .cc04e .cc04border{
        display: block;
    }   
    .cc04 .txt{
        width: 90%;
    }
    .cc04a .txt, .cc04b .txt, .cc04c .txt , .cc04e .txt  {
      width: 70%;
    }
    .cc04{
        /* height: 550px; */
    }
    .cc04citem {
        /* height: 550px; */
    }
    .cc04txt{
        /* height: 550px; */
    }
    .cc04 .cycle-slideshow {
        /* height: 550px; */
    }
    .cc04 ol li a{
      padding: 5px 15px;
      font-size: 14px;
    }
}

@media only screen and (max-width: 1000px){
    .cc04 p, .cc04{
       font-size: 16px;
       line-height: 26px;
    }
    .cc04{
        height: auto;
        border-bottom: none;
    }
    .cc04a .cc04border, .cc04b .cc04border, .cc04c .cc04border, .cc04e .cc04border{
        display: none;
    }  
    .cc04a .txt, .cc04b .txt, .cc04c .txt , .cc04e .txt  {
      width: 90%;
    }
    .cc04citem{
        height: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        height: auto;
    }

    .cc04a + .cc04c .cc04img{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        height: auto;
    }
    
    .cc04a + .cc04c .cc04txt{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        height: auto;
    }

    .cc04a .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .cc04a .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        height: auto;
    }
    
    .cc04 .txt{
        width: 90%;
        padding: 35px 0px;
        margin: 0px auto!important;
    }
    .cc04 h4{
        font-size: 16px;
        line-height: 18px;
    }
    .cc04 h2{
        font-size: 28px;
        line-height: 30px;
    }

}

@media only screen and (max-width: 767px) {
     .cc04 p, .cc04{
       font-size: 15px;
       line-height: 22px;
     }
}


@media only screen and (max-width: 550px){
    .cc04 .cycle-slideshow{
        height: 300px;
    }
}

@media only screen and (max-width: 375px){
    .cc04 .cycle-slideshow{
        height: 218px;
    }
}

.cc04 ul li {
    padding: 0;
    background: none;
}


/* END CC04 */

/* CC04C */

.cc04c{
    height: 100%;
}

.cc04c .cc04citem {
    width: 50%;
    float: left;
    height: 100%;
}

.cc04c .cc04txt {
    width: 100%;
    height: 50%;
    max-height: 50%;
    border-bottom: 1px solid #eee;
}

.cc04c .cc04img {
    width: 100%;
}

.cc04c .cc04citem .cc04img {
    height: 50%; 
    max-height: 50%; 
}

.cc04c .cell {
    float: left;
    width: 50%;
    height: 100%;
}

.cc04c .cell img {
    height: 100%;
    object-fit: cover;
}

.cc04c .cc04border {
    border-image-source: url(/i/SITE_171024_14021424_1KOA1/templates/cc04c-border.png);
}

@media only screen and (max-width: 1000px){
  .cc04c{
    height: auto;
  }
  .cc04c .cc04citem{
    width:100%;
    height: auto!important;
  }
  .cc04c .cc04txt{
    height: auto;
  }
  .cc04c .cell{
    display: none;
  }
  
}

@media only screen and (max-width: 768px){
    .cc04c{
        border-bottom: none;
    }
    
    .cc04c .cc04citem{
        width: 100%;
        float: none;
        height: auto!important;
    }
    .cc04c .cc04txt{
        width: 100%;
        height: auto;
        max-height: none;
    }
    .cc04c .cc04citem .cc04img {
        height: 300px;
        max-height: none;
    }
    .cc04c .cell{
        width: 100%;
        float: none;
        display: none;
    }
}

/* END CC04C */

/* CC04D */

.cc04d .mobiMap{
    display: none;
}

.cc04d h4{
  text-transform: none;
  font-weight: 300;
}

@media only screen and (max-width: 1440px) {
    .cc04d{
        height: 650px;
    }
    .cc04d .cc04citem {
        height: auto;
    }
    .cc04d .cc04txt{
        height: 650px;
    }
    .cc04d .cycle-slideshow {
        height: 650px;
    }
}

@media only screen and (max-width: 1430px){
    .cc04d .cc04border{
        display: block;
    }   
}

@media only screen and (max-width: 1000px){
    .cc04d{
        height: auto;
    }   
    .cc04d .cc04border{
        display: none;
    } 

    .cc04citem{
        height: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .cc04d .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .cc04d .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        height: auto;
    }
    
}

@media only screen and (max-width: 550px){
    .cc04d .cycle-slideshow{
        height: 300px;
    }
    .cc04d .mobiMap{
        display: block;
    }
    .cc04d .deskMap{
        display: none;
    }  
}

@media only screen and (max-width: 375px){
    .cc04d .cycle-slideshow{
        height: 300px;
    }
}

/* END CC04D */

/* CC04E */
.cc04e .cc04citem{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.cc04e .cc04img{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.cc04e .cc04txt{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.cc04e .cc04border {
    border-image-source: url(/i/SITE_171024_14021424_1KOA1/templates/cc04c-border.png);
}

@media only screen and (max-width: 1200px){
    .cc01h + .cc04b .cc04border {
      display: none;
    }
    .cc01h + .cc04b .txt{
      width: 90%;
    }  
    .cc01h + .cc04b + .cc04e + .cc04b .cc04border {
      display: none;
    }
    .cc01h + .cc04b + .cc04e + .cc04b .txt{
      width: 90%;
    }  
}
@media only screen and (max-width: 1000px){
    .cc04e .cc04citem{
        height: auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cc04e .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .cc04e .cc04txt{
        width: 100%;
        float: none;
        height: auto;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .cc04 + .cc04e + .cc04 .cc04img{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .cc04 + .cc04e + .cc04 .cc04txt{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .cc04b + .cc04e  .cc04citem .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .cc04b + .cc04e .cc04citem .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        height: auto;
    }

    .cc04b + .cc04e + .cc04b .cc04citem .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .cc04b + .cc04e + .cc04b .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        height: auto;
    }
    .sc01a + .cc04b .cc04citem .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .sc01a + .cc04b .cc04citem .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        height: auto;
    }
    .sc01a + .cc04b + .cc04e .cc04citem .cc04img{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .sc01a + .cc04b + .cc04e .cc04citem .cc04txt{
        width: 100%;
        float: none;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        height: auto;
    }
}

/* END CC04E */

/* CC05 */

.cc05 {overflow: hidden;/* margin: 25px auto; */width: 100%;}

.cc05 .cc05header {
background: #929596;
overflow: hidden;
cursor: pointer;
}

.cc05 .cc05header.active {
background-color: #6d7173;
}

.cc05 .cc05header h2 {background: url(/i/SITE_171024_14021424_1KOA1/templates/cc03-arrow-down.png) 98% center no-repeat;color: #fff;font-size: 30px;font-weight: normal;line-height: 30px;margin: 0;padding: 25px 60px;}

.cc05 .cc05header.active h2 {
background: url(/i/SITE_171024_14021424_1KOA1/templates/cc03-arrow-up.png) 98% center no-repeat;
color: white;
}

.cc05 .cc05hide {
background-color: #f9f9f9;
display: none;
overflow: hidden;
padding: 50px 60px;
}


.cc05 .cc05img {
float: left;
width: 40%;
}

.cc05 .cc05img img {
width: 100%;
height: auto;
}

.cc05 .cc05txt {
float: right;
width: 57%;
}

.cc05 h3 {
    text-align: center;
    color: #a96317;
}

.cc05 ul {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    list-style-position: inside;
    padding: 0;
    margin: 30px auto;
    text-align: center;
}


.cc05 ol li {
    margin-right: 25px;
}

.cc05 ol li:last-child{
    margin-right: 0;
}

.cc05 ol li {
    display: inline-block;
}

/* END CC05 */

/* CC06 */

.cc06 {
    overflow: hidden;
    margin: 20px auto!important;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.cc06:last-child {
    margin: 20px auto 50px!important;
}

.cc06 .cc06header {
    background: #6e6e6e url(/i/SITE_171024_14021424_1KOA1/templates/cc06-arrow-down.png) bottom right no-repeat;
    overflow: hidden;
    cursor: pointer;
    padding: 10px 50px 10px 15px;
    transition: all 250ms ease;
}

.cc06 .cc06header.active {
    background: #D27933 url(/i/SITE_171024_14021424_1KOA1/templates/cc06-arrow-up.png) top right no-repeat;
}

.cc06 .cc06header h2 {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.cc06 .cc06hide {
    display: none;
    overflow: hidden;
    padding: 20px 0;
}

.cc06 .cc06img {
    float: left;
    width: 40%;
}

.cc06 .cc06img img {
    width: 100%;
    height: auto;
}

.cc06 .cc06txt {
    float: right;
    width: 57%;
}

.cc06c .cc06Item {
    margin:  0;
    float: left;
}

.cc06c .cc06img img {
    margin-top: 25px;
    margin-bottom: 25px;
}

.cc06c .cc06txt h2:first-child, .cc06c .cc06txt h3:first-child, .cc06c .cc06txt h4:first-child {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .cc06 .cc06img { 
        float: none;
        width: 100%;
    }
    
    .cc06 .cc06txt {
        float: left;
        width: 100%;
        margin: 0;
    }

    .cc06c .cc06txt h2:first-child, .cc06c .cc06txt h3:first-child, .cc06c .cc06txt h4:first-child {
        margin-top: 10px;
    }

    .cc06c .cc06img img {
        margin-top: 25px;
        margin-bottom: 0px;
    }

    .cc06c .cc06Item:first-child .cc06img img{
        margin-top: 0;
    }

}

/* END CC06 */

/* SC01 */

.sc01a h1{
    font-size: 54px;
    line-height: 54px;
    font-weight: 400;
    -webkit-animation: fadein 1600ms ease-in;
    -moz-animation: fadein 1600ms ease-in;
    animation: fadein 1600ms ease-in;
}

.sc01a h1:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.cc01bg.cc01d + .sc01 h1 {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

@media only screen and (max-width: 1300px) {
    .sc01a h1{
        font-size: 46px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 767px) {
    .sc01a h1{
        font-size: 32px;
        line-height: 32px;
    }
}

/* END SC01 */

/* SC02 */

.sc02 .sctxt {
    padding: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
    .sc02 .scimg2, .sc02 .scimg3, .sc02 .scimg4 { padding: 25px 0 0 0; }
}

/* END SC02 */


/* SC03 */

.sc03 a {
    transition: all 250ms ease;
    border: 1px solid #6d7173;
    color: #6d7173;
    font-size: 15px;
    padding: 5px 10px;
    line-height: 30px;
    background: white;
}

.sc03 a:hover {
    transition: all 500ms ease;
    background-color: #fff;
    color: #D87B28;
    border: 1px solid;
    font-size: 15px;
}

/* END SC03 */


/* SC04 */

@media only screen and (max-width: 767px) {
    .sc04 .sctxt { padding: 15px 0 0 0; }
    .sc04d .sctxt, .sc04e .sctxt, .sc04f .sctxt { padding: 0 0 15px 0; }
}

/* END SC04 */


/* SC05 */

@media only screen and (max-width: 767px) {
    .sc05 .sctxt { padding: 15px 0 0 0; }
    .sc05d .sctxt, .sc05e .sctxt, .sc05f .sctxt { padding: 0 0 15px 0; }
}

/* END SC05 */


/* SC06 */

@media only screen and (max-width: 767px) {
    .sc06 .vcenter { margin-top: 15px !important; }
}

/* END SC06 */


/* SC07 */

.sc07a .sctxt1 {
    border-bottom: 1px solid #d8d7d8;
}

.sc07b .rowspace {
    border-top: 1px solid #d8d7d8;
}

.sc07c .sctxt1 {
    border-bottom: 1px solid #d8d7d8;
}

@media only screen and (max-width: 767px) {
/*  .sc07 { padding: 25px 0; }*/
    .sc07a .sctxt2 { padding: 15px 0 0 0; }
    .sc07b .sctxt1 { padding: 15px 10px 0 10px; }
    .sc07b .sctxt2 { padding: 15px 10px 0 10px; }
    .sc07c .sctxt1 { padding: 15px 0 0 0; border-bottom: none; }
    .sc07c .sctxt2 { padding: 15px 0 0 0; }
}

/* END SC07 */


/* OPEN TABLE*/

#opentablebox {
    padding: 35px 0;
    width: 90%;
    border-top: 1px solid rgba(160, 160, 160,.2);
    border-bottom: 1px solid rgba(160, 160, 160,.2);
    background-color: rgba(160, 160, 160,.1);
    text-align: center;
    margin: 50px auto;
    max-width: 1250px;
}

#opentablebox p {
    font-size: 22px;
    line-height: 20px;
    margin: 5px 0 5px 0;
    text-transform: uppercase;
    font-weight: bold;
}

#opentablebox select {
    width: 100%;
    height: 20px;
    padding-right: 5px;
    padding-left: 0px;
}

#opentablebox select,
#opentablebox input {
    -webkit-appearance: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    color: #333;
    font-size: 14px;
    line-height: 16px;
    max-width: 80%;
    height: 26px;
    padding: 5px 15px;
    box-shadow: none;
    outline: none;
}

#opentablebox .OT_TableButton {
    background-color: transparent;
    width: 239px;
    height: auto;
    padding: 0;
    max-width: 100%;
    color: #fff;
}

#opentablebox .col-sm-3 {
    height: 50px;
}

#opentablebox .col-md-8 {
    padding: 0 5px!important;
}

#opentablebox .OT_button {
    text-align: center;
}

@media only screen and (max-width: 1199px) {
    #opentablebox .col-md-8, #opentablebox .col-md-4, #opentablebox .col-sm-6 {
        width: 100%;
    }
    #opentablebox .OT_button {
        padding: 25px 0 0 0;
    }
    #opentablebox{
        width: 90%;
        margin: 50px auto;
        max-width: 500px;
    }
}


/*END OPEN TABLE*/

/* PHOTO WALL */
.js-photoWall-container{
    padding: 0;
    text-align: center;
    margin: 50px auto;
    max-width: 1260px;
}
.js-photoWall-col{
    display:inline-block;
    padding:10px;
    vertical-align:top;
}
.js-photoWall-image {
    padding-bottom: 20px;
}

.pWall {overflow: scroll;}

@media only screen and (max-width: 446px) {
    .js-photoWall-col{padding: 0px;width: 90%;}

    .js-photoWall-image img{
        max-width: 100%;
        height: auto;
    }

}
/* END PHOTO WALL */

/* UNIVERSAL PACKAGES APP */

.upa {
    color: white;
    position: relative;
    z-index: 1;
    font-size: 15px;
    margin: 50px  auto;
}

.upa * {
    box-sizing: border-box;
}

.upa h1 {
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 15px 10px;
}
@media (max-width: 900px) {
    .upa h1 { font-size: 5vw; }
}

.upa h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #56585A;
}
@media (max-width: 1024px) {
    .upa h2 { font-size: 4vw; }
}
@media (max-width: 600px) {
    .upa h2 { font-size: 5vw; }
}

.upa h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

.upa p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #333333;
}

.upa ul li {
     background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-bull.png) left 4px no-repeat; 
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    margin: 14px 0;
    padding: 0 0 0 20px;
    color: #333333;
}

.upa a,
.upa a:visited,
.upa a:hover,
.upa a:active,
.upa a:focus {
    color: #414141;
    text-decoration: none;
}

.upa .header-text {
    text-align: center;
    max-width: 1280px;
    margin: 20px auto;
}

.upa .header-text h1 {
    font-size: 60px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 1;
    width: 100%;
    margin: 0 auto;
    color: #D87B28;
    padding: 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 85px;
    margin: 0px auto 35px;
    line-height: 44px;
    padding: 0;
}
@media (max-width: 1111px) {
    .upa .header-text h1 { font-size: 60px; }
}
@media (max-width: 767px) {
    .upa .header-text h1 {font-size: 25px;height: 70px;}
}

.upa .header-text p {
    text-transform: uppercase;
    padding-top: 0;
    margin: 0;
}

/* END UNIVERSAL PACKAGES APP */


/* UPA PACKAGE LIST */

.upacat {
    display: block;
    overflow: hidden;
    text-align: center;
    width: 100%;
    font-size: 0;
    max-width: 1500px;
    margin: 50px auto;
}

.upapack {
    background-color: rgba(86, 88, 90, .05);
    display: inline-block;
    vertical-align: top;
    width: 95%;
    max-width: 380px;
    font-size: 15px;
    padding: 40px 15px 30px 15px;
    margin: 15px;
}

@media (max-width: 768px) {
    .upapack {
        width: 100%;
        margin: 15px 0;
    }
}

.upapack .group {
    position: relative;
    width: 100%;
    padding: 0 0 30px 0;
    z-index: 1;
}

.upapack .grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#353535+0,212121+100&0+0,0+50,1+100 */
    background: -moz-linear-gradient(top, rgba(53, 53, 53, 0) 0%, rgba(43, 43, 43, 0) 50%, rgba(86, 88, 90, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(53, 53, 53, 0) 0%, rgba(43, 43, 43, 0) 50%, rgba(86, 88, 90, 1) 100%);
    background: linear-gradient(to bottom, rgba(53, 53, 53, 0) 0%, rgba(43, 43, 43, 0) 50%, rgba(86, 88, 90, 1) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 2;
}

.upapack .img {
    position: relative;
    width: 100%;
    z-index: 1;
}

.upapack .img img {
    width: 100%;
    height: auto;
}

.upapack .lnk {
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
}

.upapack .lnk a {
    transition: all 250ms ease;
    display: inline-block;
    background-color: #D87B28;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 12px 24px;
    font-weight: 500;
}

.upapack .lnk a:hover {
    transition: all 250ms ease;
    background-color: #7D7D7D;
    color: white;
}

.upapack .txt {
    min-height: 100px;
    padding: 20px 0 0 0;
}


/* END UPA PACKAGE LIST */


/* UPA DETAILS */

.upadets {
    width: 95%;
    max-width: 1375px;
    margin: 40px auto;
    text-align: center;
}
@media (max-width: 1024px) {
    .upadets { background-color: rgba(255, 255, 255, .05); }
}
@media (max-width: 768px) {
    .packages-page .upadets { margin: 30px auto; }
}

.upadets .mediabg {
    background-color: rgba(225, 225, 225, 0.3);
    overflow: visible;
    width: 73%;
    padding: 40px 0 20px 0;
}
@media (max-width: 1024px) {
    .upadets .mediabg { background-color: transparent; width: 100%; padding: 20px 0; }
}

.upadets .media {
    overflow: visible;
    width: 120%;
    margin: 0 0 0 8%;
}
@media (max-width: 1024px) {
    .upadets .media { width: 90%; margin: 0 auto; }
}

.upadets .media img {
    width: 100%;
    height: auto;
}

.upadets .media .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.upadets .media .video iframe,
.upadets .media .video object,
.upadets .media .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.upadets .media .prev {
    transition: opacity 300ms ease;
    background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-arrows.png) left center no-repeat;
    opacity: 0.8;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: -40px;
    width: 25px;
    height: 25px;
    margin-top: -12px;
    z-index: 900;
}

.upadets .media .prev:hover {
    transition: opacity 300ms ease;
    opacity: 1;
}

.upadets .media .next {
    transition: all 300ms ease;
    background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-arrows.png) right center no-repeat;
    opacity: .8;
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: -40px;
    width: 25px;
    height: 25px;
    margin-top: -12px;
    z-index: 900;
}

.upadets .media .next:hover {
    transition: all 300ms ease;
    opacity: 1;
}

.upadets .group {
    position: relative;
    width: 100%;
}

.upadets .booknow {
    background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-bookbg.png) center 24px repeat-x;
    position: absolute;
    left: 2.5%;
    top: 0;
    width: 97.5%;
    z-index: 3;
}
@media (max-width: 1024px) {
    .upadets .booknow {
        background-image: none;
        float: none;
        position: relative;
        left: auto;
        top: auto;
        width: 90%;
        max-width: 400px;
        z-index: auto;
        margin: 0 auto;
        text-align: center;
    }
}

.upadets .booknow a {
    transition: all 250ms ease;
    background-color: #6c6c6c;
    color: #fff;
    display: block;
    float: right;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    padding: 10px 20px;
}
@media (max-width: 1024px) {
    .upadets .booknow a {
        width: 100%;
        float: none;
        font-size: 18px;
        line-height: 20px;
        padding: 10px 0;
    }
}

.upadets .booknow a:hover {
    transition: all 500ms ease;
    background-color: #8c8c8c;
    color: white;
}

.upadets .call {
    background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-call.png) left center no-repeat;
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 2;
    text-align: left;
    padding: 10px 0 10px 40px;
}
@media (max-width: 1024px) {
    .upadets .call {
        clear: both;
        display: inline-block;
        position: relative;
        right: auto;
        top: auto;
        z-index: auto;
        width: auto;
        float: none;
        margin: 20px auto 0 auto;
        text-align: left;
    }
}
@media (max-width: 768px) {
    .upadets .call {
        background-image: none;
        padding: 10px 0;
        text-align: center;
    }
}

.upadets .call h2 {
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #333333;
}

.upadets .call h3 {
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #333333;
}
@media (max-width: 1024px) {
    .upadets .call h2 { font-size: 18px; }
    .upadets .call h3 { font-size: 11px; }
}

.upadets .property {
    background-color: rgba(255, 255, 255, .05);
    overflow: visible;
    width: 70%;
    padding: 20px 10% 10px 2.5%;
    text-align: left;
}
@media (max-width: 1024px) {
    .upadets .property {
        background-color: transparent;
        clear: both;
        width: 90%;
        padding: 20px 0;
        margin: 0 auto;
        text-align: center;
    }
}

.upadets .tease {
    background-color: rgba(225, 225, 225, 0.3);
    overflow: visible;
    width: 73%;
    padding: 50px 10% 30px 2.5%;
    text-align: left;
}
@media (max-width: 1024px) {
    .upadets .tease {
        background-color: transparent;
        clear: both;
        width: 90%;
        padding: 20px 0 0 0;
        margin: 0 auto;
        text-align: center;
    }
}

.upadets .tease p:last-of-type {
    margin: 0;
}

.upadets .expand {
    display: none;
    text-align: left;
    padding: 15px 0 0 0;
}

.upadets .seeit {
    background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-tog.png) left bottom no-repeat;
    display: block;
    float: left;
    color: #414141;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    width: 67.5%;
    padding: 0 20px 0 40px;
    margin: 10px 0 0 2.5%;
}
@media (max-width: 1024px) {
    .upadets .seeit {
        clear: both;
        float: none;
        display: inline-block;
        width: auto;
        font-size: 13px;
        margin: 10px auto;
    }
}
.upadets .seeit:before {
    content: "See Complete Package Details";
}
.upadets .seeit.active {
    background: url(/i/SITE_171024_14021424_1KOA1/upa/upa-inv-tog.png) left top no-repeat;
    color: #414141;
}
.upadets .seeit.active:before {
    content: "Hide Package Details";
}

/* END UPA DETAILS */


/* CMS TOOLBAR OVERIDE */

table.CmsAreaToolbar {
    z-index: 9999;
    background: #ddd;
    position: relative;
}

#sub .area01 table.CmsAreaToolbar{
    margin-top: 90px;
}

table.CmsComponentToolbar {
    z-index: 999;
    background: #eee;
    position: relative;
}

table.CMSPublishButtons input[type="button"] {
    height: auto!important;
    margin-top: 20px;
}

/* END CMS TOOLBAR OVERIDE */

/* BOILERPLATE OVERRIDES */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.scaleme { overflow: hidden; }

.scaleme img {
    object-fit: cover;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.compat-object-fit{
  background-size: cover;
  background-position: center center;
}


.compat-object-fit img{
    visibility: hidden;
}

table.CMSPublishButtons {
    position: relative;
    background: white;
    z-index: 1;
}

#sub .area02 {
    position: relative;
    width: 95%;
    max-width: 1500px;
    margin: 0px auto;
    z-index: 1;
}

.areagroup {
    padding: 60px 0;
}
@media only screen and (max-width: 767px) {
    .areagroup {padding: 40px 0;}
}

.area03{
    background: white;
    position: relative;
    /* z-index: 1; */
}

.smarg {
    margin: 60px auto;
}
.smarg:first-child {
    margin-top: 0;
}
.smarg:last-child {
    margin-bottom: 0;
}

.scmarg {
    max-width: 1280px;
    margin: 55px auto 55px;
}
@media only screen and (max-width: 767px) {
    .scmarg {
      margin: 35px auto 35px;
  }
}

.cc01 a.scrolldown {
    transition: all 100ms ease-in-out;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/scroll-down-arrow.png) center top no-repeat;
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 50px;
    margin: 0 0 0 -25px;
    padding: 0;
    z-index: 152;
    width: 50px;
    height: 55px;
}
@media only screen and (max-width: 767px), only screen and (max-height: 600px) {
    .cc01 a.scrolldown {display: none;}
}

.cc01 a.scrolldown:hover {
    transition: all 200ms ease-in-out;
    width: 50px;
    height: 60px;
    margin: 0 0 0 -25px;
}
/* END BOILERPLATE OVERRIDES */



/* CAPACITY CHART */

.roomCapacity .mainContent, .buildingInfo .buildingImg{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}
.roomCapacity .mainContent img, .buildingInfo .buildingImg img{
    width:100%;
}
.canvasImg{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.canvasImg *{
    opacity:0;
    fill: #575757;
}
.canvasImg *:hover, .canvasImg *[data-meeting-hover="true"], .canvasImg *.active{
    opacity: .8;
}
.buildingInfo{
    /* margin:50px 0; */
}
.buildingInfo .link{
    display:block;
    padding:7px 10px;
    border:solid 1px;
}
.buildingInfo .building-links{
    margin-bottom: 40px;
}

.misc-links {
    margin-top: 40px;
}

.buildingInfo .building-links .link{
    color: #7B7B7B;
    font-weight: 400;
    border-color: #7B7B7B;
    border-radius: 3px;
    text-transform: uppercase;
    outline: none;
    background: white;
    transition: all 550ms ease;
    text-align: center;
}
.buildingInfo .building-links .active .link, .buildingInfo .building-links .link:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0, 0.2), 0 6px 20px 0 rgba(0,0,0, 0.19);
    background: rgba(123, 123, 123,.7);
    color: white;
    border: 1px solid rgba(109, 113, 115,.2);
}
.buildingInfo .misc-links .link{
    color: #7B7B7B;
    font-weight: 400;
    border-radius: 3px;
    text-transform:uppercase;
    outline: none;
    border-color: #7B7B7B;
    transition: all 550ms ease;
    text-align: center;
}

.buildingInfo .misc-links .link:hover{
    background: rgba(123, 123, 123,.7);
    color: white;
    border: 1px solid rgba(109, 113, 115,.2);
}
.buildingChart{
    font-size: 16px;
    text-align:center;
}
.buildingChart th{
    font-size: 12px;
    text-align:center;
    font-weight: 400;
}
.buildingChart td{
    text-align:center;
    z-index: 9;
    background: white;
}

.buildingChart td:first-child{
  text-align: left;
}
.buildingChart tr:hover td{
    border: black 1px solid;
    background: #eee;
}

.buildingChart tr:hover, .buildingChart tr.active {
    background: rgba(160, 160, 160,.1);
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    transition: all 550ms ease;
}

.buildingChart thead tr:hover{
      background: transparent;
         -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
}

.buildingChart th{
    background-color: rgba(136, 136, 136,1);
    color: white;
}
.buildingChart th:nth-child(1){
    /* background-color:transparent; */
    text-transform: uppercase;
}
.buildingChart .galleryIcon{
    visibility:hidden;
}
.buildingChart td.roomGallery .galleryIcon{
    visibility:visible;
    float: right;
    right: 5px;
    top: 5px;
}

.buildingInfo{
    display:none;
}

.buildingChart .table-bordered>tbody>tr>td, .buildingChart .table-bordered>tbody>tr>th, .buildingChart .table-bordered>tfoot>tr>td, .buildingChart .table-bordered>tfoot>tr>th, .buildingChart .table-bordered>thead>tr>td, .buildingChart .table-bordered>thead>tr>th, .buildingChart .table-bordered{
    border: 1px solid rgba(167, 170, 170,.6);
    padding: 15px 5px 15px 8px;
}

.buildingChart .table-bordered>thead>tr>td, .buildingChart .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

.rmContainer {
    max-width: 95%;
    margin: 55px auto 55px;
    /* max-width: 2000px; */
    position: relative;
}

@media only screen and (max-width: 1665px){
    .buildingChart{
        font-size: 14px;
    }
}

@media only screen and (max-width: 1500px){
    .buildingChart{
        font-size: 13px;
    }
    .buildingChart .col-md-3, .col.col-md-7.buildingChart{
        padding: 0 10px;
    }
}

@media only screen and (max-width: 1385px){
    .buildingInfo .col-md-4 {
        width: 70%;
        float: none;
        margin: 0px auto 20px;
    }

    .buildingInfo .col-md-8{
         width: 100%;
     }
    .rmContainer{
        margin: 40px auto;
    }
}

@media (min-width: 1px) and (max-width: 991px){
    .buildingInfo .col-md-3 {
        width: 25%;
        float: left;
        text-align: center;
    }
    .buildingInfo .col-md-8{
        padding: 0px;
    }
    .buildingInfo .col-md-4 {
        width: 90%;
    }
}

@media only screen and (max-width: 870px){
    .buildingChart .table-bordered{
        overflow-y: auto;
        display: block;
        padding: 0;
        border-bottom: none;
        width: 97%;
        margin: 20px auto;
    }
    .buildingInfo .link{
        padding: 5px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px){
  .roomCapacity .mainContent{
    display: none;
  }

  .mainContent + .buildingInfo{
      display:block;
  }
  
  .buildingInfo .buildingImg{
        display: none;
  }
}

@media only screen and (max-width: 600px){
    .buildingInfo .buildingImg{
        display: none;
    }
    .buildingInfo .col-md-3{
        width: 47%;
        padding: 0;
        margin: 5px;
        float: none;
        display: inline-block;
    }
    
    .buildingInfo .misc-links, .buildingInfo .building-links {
        text-align: center;
        margin: 0px auto;
    }
    .rmContainer{
        margin: 0px auto 40px;
    }
    .buildingInfo .link{
        font-size: 12px;
    }
}

@media only screen and (max-width: 410px){
    .buildingInfo .col-md-3{
        width: 46%;
    }
}

@media only screen and (max-width: 355px){
    .buildingInfo .col-md-3{
        width: 100%;
        margin: 7px auto 7px;
    }
}

/* END CAPACITY CHART */

/* FORMS / RFP */
#rfp {
    margin: 0px auto 50px;
    width: 90%;
}

#rfp h2.property-sub-title {
    font-size: 42px;
    line-height: 1;
    text-transform: none;
    /* font-family: 'Playfair Display', serif; */
    /* font-weight: 200; */
    color: #6e6e6e;
    text-align: center;
}

#rfp input[type=submit] {
    padding: 10px 35px;
    font-size: 16px;
    margin-top: 10px;
}

#rfp hr{
    border-top: 1px solid white;
    margin-bottom: 0;
}

.jumbotron p{
    font-size: 15px;
    line-height: 15px;
}
   
.jumbotron.container-fluid {
    background: rgba(160, 160, 160,.1);
    padding-left: 40px;
    padding-right: 40px;
}

.form-control {
    color: #737070;
    border: 1px solid #d8d8d8;
    height: 42px;
}

.form-control:focus{
  box-shadow: none!important;
  border-color: #D27933;
}

input[type='radio'] {
   -webkit-appearance: none;
   outline: none;
   border: none;
   box-shadow: none;
}

input:matches([type="checkbox"], [type="radio"]):checked {
  background:transparent;
}
input[type='radio']:focus{
    box-shadow: none;
    outline: none;
}

input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #D27933;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
input:active, input:focus, input:hover{
  outline: none;
  /* box-shadow: none; */
}

label {
    font-weight: 400;
}


@media only screen and (max-width: 767px){
    #rfp h2.property-sub-title{
        font-size: 26px;
        line-height: 26px;
        margin: 0px 0 15px;
    }
    #rfp hr{
      margin-top: 0;
    }
    .jumbotron.container-fluid{
      padding-left: 20px;
      padding-right: 20px;
    }
    #rfp .form-group{
      margin-bottom: 0;
    }
    #rfp .col-sm-6, #rfp .col-sm-12, #rfp .col-sm-4{
      margin-bottom: 10px;
    }
    #rfp .col-sm-12.text-center{
        text-align: center;
    }
}

/* END FORMS / RFP */

/* INTERACTIVE MAP */

.map-container{
    overflow:hidden;
}

.map-info{
    overflow:hidden;
    background: rgba(255,255,255,.85);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    /* height: calc(100vh - 93px); */
}


/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .map-info{
      height: calc(100vh - 175px);
  }
}


@supports (-ms-ime-align: auto) {
     .map-info{
      height: calc(100vh - 180px);
  }
}
*/


.map-info > div{
    display:block;
    float:left;
    width:50%;
    position:relative;
    /* height: calc(100vh - 93px); */
    /* background: white; */
    -webkit-animation: fadein 500ms ease-in;
    -moz-animation: fadein 500ms ease-in;
    -o-animation: fadein 500ms ease-in;
    animation: fadein 500ms ease-in;
}
.map-info .point-details{height: calc(100vh - 93px);}

.map-info .altMap {
    background: white;
}

.point-details .cat-label{
    display:none;
}
.point-details .cat-label{
    display:none;
}
.point-details .details img{
    /* width: auto; */
    /* height: auto; */
    /* height: calc(50vh - 51px); */
    /* max-width: none; */
    /* min-width: 100%; */
}
.point-details .details.active{
    display:block;
    overflow: hidden;
    /* background: white; */
}

.map-info .cmap{
    /* float:right; */
    position:relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 93px);
}
.map-plotter-points{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.bg{
    position:relative;
    width:100%;
    height: calc(100vh - 93px);
    overflow: hidden;
}
.bg img{
    /* width: auto; */
    /* height: 100%; */
}

nav#subnav.local li {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 40px;
    padding: 0;
    border-bottom: 2px solid transparent;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0px 15px;
    transition: all 250ms ease;
}

nav#subnav.local li a:hover, nav#subnav.local li a.active {
    border-bottom: none;
}

nav#subnav.local li.active:hover, nav#subnav.local li:hover{
    border-bottom: 2px solid white;
}

nav#subnav.local li.active{
    border-bottom: 2px solid transparent;
}

nav#subnav.local li a{
  border-bottom: none;
  margin: 0;
}

.plot-point{
      -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: transparent;
    border-radius:50%;
    width: 36px;
    height: 36px;
    margin:-10px 0 0 -10px;
    position:absolute;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/map-point.png);
}
.plot-point.active{
    background-color: transparent;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/active-pin2.png);
    width: 36px;
    height: 52px;
    margin-top: -35px;
    margin-left: -10px;
    z-index: 9;
}

.plot-point:hover{
     -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.map-container .mainContent {
    height: calc(100vh - 93px);
    display: block;
}

.map-container .mainContent a.scrolldown {
    transition: all 100ms ease-in-out;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/local-arrow.png) center top no-repeat;
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 50px;
    margin: 0 0 0 -25px;
    padding: 0;
    z-index: 152;
    width: 50px;
    height: 55px;
}
@media only screen and (max-width: 767px), only screen and (max-height: 600px) {
    .map-container .mainContent a.scrolldown {display: none;}
}

.map-container .contentDetails {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.map-container .contentDetails .contentTxt{
    position: relative;
    top: 50%;
    width: 80%;
    padding: 0;
    color: black;
    margin: 0px auto;
}

.map-container .contentDetails h1 {
    font-size: 45px;
    line-height: 45px;
 }

.map-container .contentDetails h1:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.map-container .point-details .details.active .img {
    /* height: 50%; */
    overflow: hidden;
}

.map-container .point-details .details.active .txt {
    /* height: 50%; */
}

.map-container .point-details .details {
    height: calc(100vh - 93px);
    display: block;
    background: white;
}

.map-container .details .img {
    height: 50%;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.map-container .details .txt {
    height: 50%;
    position: relative;
}

.map-container .txtWrapper {
    padding: 0;
    margin: 0px auto;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.map-container .txtWrapper .txtContainer {
    width: 80%;
    margin: 0px auto;
}


.map-container .txtWrapper h2 {
    font-size: 36px;
}

.map-container .txtWrapper h2:after {
    content: '\A';
    width: 100%;
    height: 25px;
    margin: 15px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/gold-border.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
}

.map-container .txtWrapper strong{
    margin: 0px 0 20px;
    font-size: 20px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 22px;
    text-transform: uppercase;
    display: block;
}

.map-container .txtWrapper .button {
    margin: 30px 0 0px 0;
    padding: 1px 0;
}

.map-container .txtWrapper .button a, .map-container .txtWrapper ol li a {
    transition: all 250ms ease;
    background-color: rgba(255,255,255,.5);
    line-height: 51px;
    text-transform: uppercase;
    padding: 0 30px;
    font-weight: 400;
    border-radius: 3px;
    text-decoration: none;
    border: 1px solid #D87B28;
    color: #D87B28;
    float: none;
    display:  inline-block;
}

.map-container .txtWrapper .button a:hover, .map-container .txtWrapper ol li a:hover{
    border: 1px solid #6d7173;
    color: #6d7173;
}

.map-container .txtWrapper .button a:first-child, .map-container .txtWrapper ol li a:first-child {
    margin-right: 20px;
}

.map-container .txtWrapper .button a:only-child, .map-container .txtWrapper ol li a:only-child {
    margin: 0;
}

.map-container .cat-label{
    background: rgba(109, 113, 115,1) url(/i/SITE_171024_14021424_1KOA1/templates/local-category-arrows.png) bottom right no-repeat;
    display: none;
    overflow: hidden;
    cursor: pointer;
    color: white;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 30px 8px 15px;
}
.map-container .cat-label.active-cat {
    background: #a96317 url(/i/SITE_171024_14021424_1KOA1/templates/local-category-arrows.png) top right no-repeat;
}

.map-container .details .txt .cc04border {
    /* border-image-source: url(/i/SITE_171024_14021424_1KOA1/templates/cc04c-border.png); */
}

@media (max-height: 727px) and (max-width: 1676px) {
    ..map-container .details .txt .cc04border {
        display: none;
    }
}

@media (max-height: 716px) and (min-width: 1214px) {
     .map-container .details .txt .cc04border {
        display: none !important;
    }
}

@media only screen and (max-height: 1150px) , (max-width: 1600px){
    .map-container .point-details .details{
      /* height: calc(100vh - 126px); */
    }
    .map-container .details .img{
      height: calc(45vh - 51px);
    }
      .point-details .details img {
        height: calc(45vh - 51px);
    }
    .map-container .details .txt{
      height: calc(55vh - 43px);
    }
      .map-container .txtWrapper p{
        margin: 0px 0 15px;
        font-size: 15px;
        line-height: 25px;
    }
    .map-container .txtWrapper .button {
        margin: 20px 0 0px 0;
    }
    .map-container .txtWrapper h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 10px 0;
    }
    .map-container .txtWrapper strong{
        font-size: 18px;
        line-height: 1;
    }

}

@media only screen and (max-height: 900px) , (max-width: 1300px){
    .map-container .point-details .details{
      /* height: calc(100vh - 126px); */
    }
    .map-container .details .img{
      height: calc(40vh - 51px);
    }
      .point-details .details img {
        height: calc(40vh - 51px);
    }
    .map-container .details .txt{
      height: calc(60vh - 43px);
    }
      .map-container .txtWrapper p{
        margin: 0px 0 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .map-container .txtWrapper .button {
        margin: 20px 0 0px 0;
    }
    .map-container .txtWrapper .button a, .map-container .txtWrapper ol li a{
        line-height: 34px;
        padding: 0 25px;
        font-size: 14px;
    }
    .map-container .txtWrapper h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 10px 0;
    }
    .map-container .txtWrapper strong{
        font-size: 16px;
        line-height: 1;
    }
    .map-container .txtWrapper h2:after {
        margin: 10px 0 5px;
    }
    .map-container .contentDetails h1{
        font-size: 30px;
        line-height: 1;
    }
    .map-container .contentDetails .contentTxt p {
        font-size: 15px;
        line-height: 24px;
    }
}

@media only screen and (max-height: 768px) {
    .map-container .txtWrapper p{
        margin: 0px 0 15px;
        font-size: 13px;
        line-height: 20px;
    }
    .map-container .txtWrapper .button {
        margin: 20px 0 0px 0;
    }
    .map-container .txtWrapper .button a, .map-container .txtWrapper ol li a{
        line-height: 34px;
        padding: 7px 25px;
        font-size: 13px;
    }
    .map-container .txtWrapper h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .map-container .txtWrapper strong{
        font-size: 15px;
    }
}

@media only screen and (max-width: 1024px){
  .ps>.ps__scrollbar-x-rail, .ps>.ps__scrollbar-y-rail{
    display: none!important;
  }
  .map-info .point-details{
    height: auto;
  }
    .map-container .map-info > div{
        width: 100%;
        float: none;
        height: auto;
    }
    .map-container .map-info .cmap{
        display: none;
    }
    .map-container .point-details .cat-label{
        display:block;
    }
    .map-container .map-info  .details,
    .map-container .map-info  .details.active {
        display: inline-table;
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
        padding: 20px;
        margin: 10px 0;
        background: rgba(238, 238, 238,.3);
        width: 100%;
        border: 1px solid #ddd;
        height: auto;
    }
    .map-container .map-info  .details.fadein, .map-container .map-info  .details.active.fadein{
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }
    .map-container .cat-items{
        display: none;
    }
    .map-container .cat-items.active-cat{
        display: block;
    }
    .map-container .mainContent {
        width: 100%;
        position: relative;
        height: auto;
    }

    .map-container .contentDetails {
    text-align: center;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

    .map-container .contentDetails .contentTxt {
        padding: 180px 0 180px 0;
        width: 90%;
    }
    .map-container .point-details .cat-label p{
        font-size: 18px;
    }
    .map-container .contentDetails h1 {
        font-size: 30px;
        line-height: 28px;
    }
    .map-container .txtWrapper .button a:first-child, .map-container .txtWrapper ol li a:first-child{
        margin: 0px 0 15px 0px;
        display: block;
        padding: 10px;
        line-height: 25px;
    }
    .map-container .txtWrapper .button a, .map-container .txtWrapper ol li a{
        display: block;
        padding: 10px;
        line-height: 25px;
    }
    .map-container .txtWrapper .button{
        text-align: center;
    }
    .map-container .map-info .category {
        width: 95%;
        margin: 20px auto 20px;
    }
    .map-container .contentDetails .contentTxt{
        padding: 45px 0;
    }
    .map-info{
        background: white;
        height: auto;
        padding-bottom: 30px;
    }
    .map-container .txtWrapper h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .map-container .mainContent a.scrolldown{
      display: none;
    }
    .mapContainers{
      display: none!important;
    }
    .map-container .details .img{
      height: auto;
      width: 100%;
    }
    .point-details .details img{
      height: auto;
      width: 100%;
    }
  .map-container .details .txt{
    height: auto;
  }
    .map-container .txtWrapper {
        padding: 20px 0 0 0;
        top: auto;
        left: auto;
        position: relative;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .map-container .txtWrapper .txtContainer{
      width: 90%;
    }
}

@media only screen and (max-width: 768px){
    .map-container .txtWrapper h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .map-container .txtWrapper strong {
        font-size: 18px;
        line-height: 18px;
    }
    .map-container .map-info  .details, .map-info  .details.active{
        width: 95%;
        margin: 15px auto;
        display: block;
    }
    .map-container .txtWrapper{
        width: 100%;
    }
}

/* END INTERACTIVE MAP */


/* RESPOND OVERLAY */

#loaderoverlay {
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     z-index: 1000;
}

#loaderanimate {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 180px;
    width: 290px;
    margin: -90px 0 0 -145px;
    display: block;
    overflow: hidden;
    background: url(/flashcab/respond/001e.gif) no-repeat;
}

/* END RESPOND OVERLAY */

/* NEW PRESS RELEASE APP*/

.press-release {
    position: relative;
    width: 95%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0px 5% 40px;
}

#yearList {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
}

#yearList a {
    font-size: 19px;
    line-height: 1;
    position: relative;
    top: -3px;
} 

.prTiles {
    text-align: center;
    margin: 30px auto 20px;
    width: 100%;
    position: relative;
}

.prRow {
    width: 100%;
    margin-bottom: 20px;
}

.prTile {
    float: none;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    margin: 0 1.17% 20px 0;
    overflow: hidden;
    text-align: left;
    z-index: 51;
}

.prTile .tileContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.prTile .prImage {
    width: 100%;
    position: relative;
}

.prTile .prImage img {
    width: 100%;
    height: auto;
}

.prTile .prTxt {
    background-color: #808080;
    overflow: hidden;
    padding: 12px 10px;
    color: white;
    min-height: 108px;
    position: relative;
}

.prBody .prText {
    padding-bottom: 35px;
}

.prTile .prOverlay {
    transition: all .8s ease-in;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100%;
    padding: 0;
    z-index: 50;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6e6e6e+0,999999+100 */
background: rgb(110,110,110); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(110,110,110,1) 0%, rgba(153,153,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(110,110,110,1) 0%,rgba(153,153,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(110,110,110,1) 0%,rgba(153,153,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    text-align: center;
    padding: 0 30px;
    color: white;
}

.prTile.active .prOverlay{
    transition: all 1.0s ease;
    top: 0;
}

.prTile .prDate {
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
}

.prTile .prLink {
    margin-top: 25px;
}

.prTile .prLink a {
    background: white;
    color: black;
    font-family: 'Quattrocento Sans', sans-serif;
    text-transform: uppercase;
    padding: 15px 25px;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
}

.prContent {
    background-color: #fff;
    width: 95%;
    color: #000;
    max-width: 1294px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 35px auto;
    padding: 20px;
    font-family: "nimbus-sans", "helvetica neue", helvetica, arial, sans-serif;
    /* font-weight: 300; */
    border: 1px solid #eeeceb;
}

.prContent .slant1, .prContent .slant2, .prContent .slant3, .prContent .slant4 {
    position: relative;
    overflow: hidden;
}

.prContent .prBox {
    z-index: 1;
    height: 475px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

.prContent .imageContainer {
    position: relative;
    overflow: hidden;
    width: 80%;
    height: 475px;
    margin: 0 0 0 auto;
}

.prContent .slant1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: 2;
}

.prContent .slant2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: -1;
}

.prContent .prTitle {
    left: 0;
    width: 43%;
    min-width: 580px;
    z-index: 2;
    position: absolute;
    top: 50%;
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.prContent .editorialTitle {
    max-width: 435px;
    padding: 35px 0 45px;
    margin: 0 auto 0 7%;
    text-align: center;
    z-index: 200;
    position: relative;
}

.prContent .prDate {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.prContent h1 {
    text-align: center;
    font-size: 42px;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-transform: none;
}

.prContent .prText {
    margin: 40px 30px;
}

.prContent .prText p {
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 30px;
}

.prContent .prText p:first-of-type::first-letter {
    display: inline-block;
    float: left;
    font-weight: bold;
    font-size: 36px;
    line-height: 39px;
    padding: 0 3px 0 0;
}

.prVideo {
    display: block;
    position: relative;
    width: 100%;
    margin: 30px auto;
    padding: 0 0 56.25% 0;
}

.prVideo iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.prVideo video {
    width: 100% !important;
    height: auto !important;
}

.prContent .prContacts p:first-of-type::first-letter {
    display: block;
    float: none;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    padding: 0;
}

.buttonContainer {
    width: 95%;
    max-width: 1294px;
    margin: 0 auto 25px;
    display: table;
    text-align: center;
    position: relative;
    font-size: 18px;
    line-height: 1;
}

.buttonContainer .prReturn{
    width: 50%;
    float: left;
    text-align: left;
}

.buttonContainer .viewAll {
    color: white;
    padding: 20px 20px 20px 40px;
    text-transform: capitalize;
    font-weight: 500;
    background: rgba(255,255,255,.3) url(/_shared/cms/standardapps/pressRelease/images/press-back-arrow.png);
    background-position: 7% 50%;
    background-repeat: no-repeat;
    transition: all 250ms ease;
    display: inline-block;
    text-align: center;
}

.buttonContainer .viewAll:hover{
    background: rgba(255,255,255,.4) url(/_shared/cms/standardapps/pressRelease/images/press-back-arrow.png);
    background-position: 7% 50%;
    background-repeat: no-repeat;
}


.buttonContainer .prPDF{
    width: 50%;
    float: right;
    text-align: right;
}

.buttonContainer .downloadPDF {
    color: white;
    padding: 20px 20px 20px 45px;
    text-transform: capitalize;
    font-weight: 500;
    background: rgba(255,255,255,.3) url(/_shared/cms/standardapps/pressRelease/images/press-download.png);
    background-position: 11% 50%;
    background-repeat: no-repeat;
    transition: all 250ms ease;
    display: inline-block;
    text-align: center;
}

.buttonContainer .downloadPDF:hover{
    background: rgba(255,255,255,.4) url(/_shared/cms/standardapps/pressRelease/images/press-download.png);
    background-position: 11% 50%;
    background-repeat: no-repeat;
}

.prevRelease:active,.prevRelease:focus, .nextRelease:active, .nextRelease:focus{
    outline: none;
}
.prevRelease{
    top: 55%;
    background: rgba(216, 123, 40,.9) url(/_shared/cms/standardapps/pressRelease/images/press-back.png);
    position: fixed;
    height: 110px;
    left: 0;
    padding: 15px;
    overflow: hidden;
    background-position: center left;
    background-repeat: no-repeat;
    z-index: 99;
}

.prevRelease .entry-info {
    margin: 0 1px 0 20px;
    height: 80px;
    width: 260px;
    display: table;
}

.nextRelease{
    top: 55%;
    background: rgba(216, 123, 40,.9) url(/_shared/cms/standardapps/pressRelease/images/press-next.png);
    position: fixed;
    height: 110px;
    right: 0;
    padding: 15px;
    overflow: hidden;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    text-align: right;
    z-index: 99;
}

.nextRelease .entry-info {
    margin: 0 20px 0 1px;
    height: 80px;
    width: 260px;
    display: table;
}

.nextRelease .label-icon {
    right: 10px;
    position: absolute;
    top: 50%;
    height: 22px;
    line-height: 22px;
    margin-top: -11px;
}

.entry-info-wrap{
    width: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    display: block;
}

.entry-info .entry-title {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3;
    color: white;
    font-size: 15px;
    font-weight: 400;
}

.entry-info .entry-title a{
    color: white;
}

.prevRelease.active .entry-info-wrap, .nextRelease.active .entry-info-wrap{
    width: 290px;
}

.light .prContent, .light .prContent .slant2:after, .light .prContent .slant1:before{
    background-color: #f6f5f5;
}

.light .buttonContainer .viewAll{
    background: rgba(136, 136, 136,.9) url(/_shared/cms/standardapps/pressRelease/images/press-back-arrow.png);
    background-position: 7% 50%;
    background-repeat: no-repeat;
}

.light .buttonContainer .viewAll:hover{
    background: rgba(136, 136, 136,.85) url(/_shared/cms/standardapps/pressRelease/images/press-back-arrow.png);
    background-position: 7% 50%;
    background-repeat: no-repeat;
}

.light .buttonContainer .downloadPDF {
    background: rgba(136, 136, 136,.9) url(/_shared/cms/standardapps/pressRelease/images/press-download.png);
    background-position: 11% 50%;
    background-repeat: no-repeat;
}

.light .buttonContainer .downloadPDF:hover{
    background: rgba(136, 136, 136,.85) url(/_shared/cms/standardapps/pressRelease/images/press-download.png);
    background-position: 11% 50%;
    background-repeat: no-repeat;
}

@media (min-width: 1023px) {
    .prTile:nth-child(4n) {
        margin: 0 2% 0 0;
        margin: 0;
    }
}

@media (max-width: 1439px) {
    .prTile {
        width: 31.11%;
        margin: 0 2% 20px 0;
    }

    .prTile:nth-child(even) {
        margin: 0 2% 20px 0;
    }
    
    .prTile:nth-child(3n) {
        margin: 0 0 20px 0;
    }
}

@media (max-width: 1200px) {
    .prContent h1 {
        font-size: 35px;
    }
    .prContent .prTitle {
        width: 340px;
        min-width: 340px;
    }
    .prContent .editorialTitle {
        max-width: 275px;
        margin: 0 auto 0 0;
    }
}

@media (max-width: 983px) {
    .prTile, .prTile:nth-child(3n) {
        width: 47.5%;
        margin: 0 3% 20px 0;
    }

    .prTile:nth-child(even) {
        margin: 0 0 20px 0;
    }
}

@media (max-width: 767px){
    .prBody {
        margin: 20px 50px;
    }
}

@media (max-width: 650px) {
    .prContent .imageContainer img {
        width: 100%!important;
        height: auto!important;
        margin: 0px auto!important;
    }
    .prTile, .prTile:nth-child(3n) {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .prTile .prTxt{
        min-height: auto;
    }

    .prContent .prText{
        margin: 10px 10px 20px;
    }
    
    .prContent{
        padding: 10px;
    }

    .prContent .prBox {
        height: auto;
        overflow: visible;
    }

    .prContent .imageContainer {
        width: 85%;
        height: auto;
    }

    .prContent .prTitle {
        width: 90%;
        min-width: 240px;
        top: auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        margin-top: -25px;
        position: relative;
    }

    .prContent .editorialTitle {
        margin: 0 auto 0;
        max-width: 80%;
        padding: 15px 0;
    }
    .prContent .prDate{
        margin: 0 0 10px;
        font-size: 15px;
    }
    .prContent h1 {
        font-size: 18px;
    }
    .prContent .prText p {
        text-align: left;
    }
    .buttonContainer .prReturn{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .buttonContainer .prPDF{
        width: 100%;
        float: none;
    }
    .buttonContainer .viewAll, .buttonContainer .downloadPDF{
        display: block;
    }
}
/* END NEW PRESS RELEASE APP*/

/* CONDE NAST LOGOS*/

.condenastLogos {
    position: absolute;
    z-index: 799;
    bottom: 30px;
    right: 35px;
    padding: 0;
    /* display: none; */
}

.condenastLogos span {
    display: inline-block;
    margin: 0 10px;
    height: 160px;
    width: 160px;
background-size:contain;
}

.readersChoice {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/2017-RCA-LOGO_030817.png) no-repeat;
}

.hotList {
    background: url(/i/SITE_171024_14021424_1KOA1/templates/Andaz-Scottsdale-Travel-Leisure-Logo.png) no-repeat;
}

.cc01e .condenastLogos span img {
    position: relative;
}

.cc01e .condenastLogos {
    position: fixed;
    z-index: 0;
}

.cc01f .condenastLogos, .local .condenastLogos{
  bottom: 65px;
}

@media only screen and (max-width: 1300px) {
    .condenastLogos {
        right: auto;
        left: 0;
    }
}

@media only screen and (max-width: 1055px) {
    .cc01f .condenastLogos, .local .condenastLogos {
        bottom: 10px;
        left: 0;
    }
}

@media only screen and (max-width: 920px) {
    .condenastLogos .hotList {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .condenastLogos {
        bottom: 10px;
        left: 0;
    }

    #sub .condenastLogos, .cc01e .condenastLogos, .cc01f .condenastLogos, .local .condenastLogos{
      display: none;
    }
}
/* END CONDE NAST LOGOS*/

/* SLIDE DOWN ANIMATION */
@keyframes slideInDown {
  from {
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    visibility: visible;
  }

  to {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

/* END SLIDE DOWN ANIMATION */


/* BOOKING WIDGET */

.booking-wrapper .fancybox-close {
    background-image: url(/i/SITE_171024_14021424_1KOA1/templates/booking-widget-close.png);
    width: 38px;
    height: 38px;
    top: -50px;
    right: 0;
    background-size: contain;
}

.booking-wrapper{
    height: auto!important;
    z-index: 99999;
}

.booking-wrapper.fancybox-opened {
    box-sizing: border-box;
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        -ms-transition: all .8s;
        transition: all .8s;
}

.fancybox-overlay.fancybox-overlay-fixed {
    z-index: 9999;
}

.fancybox-opened {
    z-index:  999999;
}

@media (min-width: 800px){

    .booking-wrapper.fancybox-opened {
        left: 50%!important;
        top: 50%!important;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-animation: slideInDown 500ms ease-out;
        -moz-animation: slideInDown 500ms ease-out;
        -o-animation: slideInDown 500ms ease-out;
        animation: slideInDown 500ms ease-out;
    }
    .booking-wrapper {
        top: -50%!important; 
        min-width: 770px;
    }
}

.booking-wrapper .fancybox-skin {
    padding: 40px 50px!important;
    background: #fff;
    width: 780px;
    z-index: 2;
    color: #000;
    font-size: 13px;
    letter-spacing: .01em;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.booking-wrapper .fancybox-inner {
    height: auto!important;
    width: auto!important;
}

.booking-wrapper .calendar-container {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding: 0;
    box-sizing: border-box;
}

.booking-wrapper .calendar-head {
  width: 100%;
  background: url(/i/SITE_171024_14021424_1KOA1/templates/booking-engine-down-arrow.png) no-repeat right center;
  margin-bottom: 10px;
  cursor: pointer;
}

.booking-wrapper .calendar-head.active {
  background: url(/i/SITE_171024_14021424_1KOA1/templates/booking-engine-up-arrow.png) no-repeat right center;
}

.booking-wrapper .calendar-head p {
    font-size: 16px;
}

.booking-wrapper .checkin, .booking-wrapper .checkout {
    color: #D27933;
    font-weight: 400;
}

.booking-wrapper .calendar-content {
    display: none;
    margin: 21px 0 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
}

.booking-wrapper .wrapper {
    width: 50%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

.booking-wrapper .wrapper h3 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    margin: 0;
    line-height: 24px;
}

.booking-wrapper .wrapper:last-child h3 {
    padding: 0 0 0 20px;
}

.booking-wrapper .wrapper:first-child h3 {
    padding: 0 20px 0 0;
}

.booking-wrapper .calendar-item .datepicker-inline {
    margin: 0px auto;
    width: auto;
    padding: 0;
}

.booking-wrapper .form-content {
    width:  100%;
}

.booking-wrapper select {
    margin: 0px 3% 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 9px 0;
    background: url(/i/SITE_171024_14021424_1KOA1/templates/booking-engine-down-arrow.png) no-repeat right center;
    outline: none!important;
    width: 47%;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    display:  inline-block;
}

.booking-wrapper input[type="text"]{
    outline: none;
    padding: 10px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 9px 0;
    width: 47%;
    margin: 0px 0 0 3%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display:  inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 300;
}

.booking-wrapper ::-webkit-input-placeholder {
    color: #000;
}

.booking-wrapper :-moz-placeholder {
    color: #000;
}

.booking-wrapper ::-moz-placeholder {
    color: #000;
}

.booking-wrapper :-ms-input-placeholder {
    color: #000;
}

.booking-wrapper input[type=submit] {
    margin: 30px auto 0;
    clear: both;
    float: none;
    width: 100%;
    font-size: 15px;
    padding: 0;
    height: 40px;
}

.booking-wrapper table {
    border: none;
    font-weight: normal;
    transition: all 250ms ease;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.booking-wrapper .datepicker-switch {
    text-transform: uppercase;
}

.booking-wrapper .old.day {
    opacity: .35;
    filter: Alpha(Opacity=35);
    color: #454545;
    cursor: alias;
}

.booking-wrapper .datepicker table tr td.day.focused, .booking-wrapper .datepicker table tr td.day:hover, .datepicker table tr td.active.active, .datepicker table tr td.selected, .datepicker table tr td.range {
    background: #D27933;
    color: white;
    font-weight: 600;
    text-shadow: none;
}

.booking-wrapper .old.day:hover, .booking-wrapper .old.day.focused, .booking-wrapper .old.day:focus, .booking-wrapper .datepicker table tr td.old.day:hover {
    cursor: default;
    background: none;
    color: #454545;
    font-weight: 400;
}

.booking-wrapper .datepicker td, .booking-wrapper .table-condensed>tbody>tr>td {
    border: 1px solid #000;
    padding: 0;
    width: 45px;
    line-height: 40px;
    border-radius: 0;
    font-size: 15px;
    transition: all 500ms ease;
}

.booking-wrapper .calendar-start {
    padding: 0 20px 0 0;
}

.booking-wrapper .calendar-end {
    padding: 0 0 0 20px;
}

.booking-wrapper .prev {
    border-top: none!important;
    border-left: none!important;
}

.booking-wrapper tr:first-child th {}

.booking-wrapper tbody tr:first-child td {
    border-top: none;
}

.booking-wrapper tbody tr td:first-child {
    border-left: none;
}

.booking-wrapper tbody tr  td:last-child {
    border-right: none;
}

.booking-wrapper tbody tr:last-child td {
    border-bottom: none;
}

.booking-wrapper .datepicker th {
    border-radius: 0;
    font-weight: 400;
    color: #383838;
}

.booking-wrapper .datepicker .datepicker-switch {
    color: #D27933;
}

.booking-wrapper .datepicker th:hover {
    background: none;
}

.booking-wrapper .datepicker-months .month, .booking-wrapper .datepicker-years .year {
    width: 33.3%;
    border-radius: 0;
    line-height: 69px;
    padding: 0;
    margin: 0;
    height: 69px;
    text-transform: uppercase;
    transition: all 500ms ease;
    border: 1px solid #000;
    border-top: none;
    border-left: none;
}

.booking-wrapper .datepicker-months td, .booking-wrapper .datepicker-years td {
    width: 100%;
}

.booking-wrapper .datepicker .datepicker-months td, .booking-wrapper .datepicker .datepicker-years td {
    width: 100%;
}

.booking-wrapper .datepicker-months .month:hover, .booking-wrapper .datepicker table tr td span.focused, .booking-wrapper .datepicker-years .year:hover, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover:hover {
    background: #D27933;
    color: white;
    background-image: none;
    text-shadow: none;
}

.booking-wrapper .datepicker-months .month:nth-child(3n), .booking-wrapper .datepicker-years .year:nth-child(3n) {
    border-right: none;
}

.booking-wrapper .datepicker-months .month:nth-child(10), .booking-wrapper .datepicker-months .month:nth-child(11), .booking-wrapper .datepicker-months .month:nth-child(12),
.booking-wrapper .datepicker-years .year:nth-child(10), .booking-wrapper .datepicker-years .year:nth-child(11), .booking-wrapper .datepicker-years .year:nth-child(12) {
    border-bottom: none;
}

.booking-wrapper .datepicker table tr td span.new {
    color: #454545;
}


@media (max-width: 767px) {
    .fancybox-overlay-fixed{
        z-index: 9999;
    }
    .booking-wrapper .wrapper{
        width: 100%;
    }

    .booking-wrapper .wrapper:last-child h3, .booking-wrapper .wrapper:first-child h3 {
        padding: 10px 0 0;
        font-weight: 400;
        margin: 5px 0 0;
    }

    .booking-wrapper .calendar-start, .booking-wrapper .calendar-item{
        padding: 0 0 20px;
    }

    .booking-wrapper .fancybox-close {
        background-image: url(/i/SITE_171024_14021424_1KOA1/templates/booking-widget-close-inv.png);
        width: 38px;
        height: 38px;
        top: 0;
        right: 0;
        background-size: contain;
    }

    .booking-wrapper.fancybox-opened{
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: inherit;
        animation: none;
        z-index: 999999;
        margin-bottom: 20px;
    }

    .booking-wrapper.fancybox-opened .fancybox-skin{
        padding: 10px;
    }

    .booking-wrapper .fancybox-skin{
        padding: 9% 8%!important;
    }

    .booking-wrapper .calendar-content{
      margin: 0;
    }

    .booking-wrapper .calendar-head, .booking-wrapper .calendar-head.active{
      margin-bottom: 0;
    }

    .booking-wrapper .travel-dates {
        display: block;
    }

    .booking-wrapper .calendar-head p{
      line-height: 1.5;
      padding-bottom: 5px;
      font-size:  15px;
    }

    .booking-wrapper select, .booking-wrapper input[type="text"]{
        font-size: 15px;
        line-height: 1.5;
    }

    .booking-wrapper input[type=submit]{
        width: 100%;
        margin: 20px auto 0;
    }
}

/* END BOOKING WIDGET */

div#IG-Feed {
    background: white;
    background-size: cover;
    z-index: 999;
    background-repeat: no-repeat;
    padding: 20px 0 60px;
    overflow: hidden;
    /* background: url(/i/SITE_171024_14021424_1KOA1/templates/starBG.png); */
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    background-size: cover;
    z-index: 1;
    position: relative;
    background: white;
    padding: 50px 0 60px;
}