@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

@font-face {
    font-family: 'pinyon_scriptregular';
    src: url('../fonts/pinyon_scriptregular.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: HandOfSeanPro-Regular;
    src: url('../../fonts/HandOfSeanPro-Regular.eot');
    src: local('☺'), url('../../fonts/HandOfSeanPro-Regular.woff') format('woff'), url('../../fonts/HandOfSeanPro-Regular.ttf') format('truetype'), url('../../fonts//HandOfSeanPro-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'rotissemiserifregular';
    src: url('../../fonts/rotis-semi-serif-55-1361510436.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'avenir';
    src: url('../../fonts/avenir.ttc');
    font-weight: 300;
    font-style: normal;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    background: #fff;
    background-attachment: fixed;
    color: #737373;
    font-family: 'Open Sans', serif;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
    padding: 0;
    letter-spacing: .015em;
}

/*body.no-scroll {
    overflow-y: hidden;
}*/


/* -------------------------------------
   COMMON
----------------------------------------*/

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    color: #333!important;
    /*    font-family: 'rotissemiserifregular', serif;*/
    letter-spacing: 0;
}

h1,
.h1 {
    font-size: 3.5em;
}

h2 {
    font-weight: 500;
}

h2,
h3,
h4,
.h2,
.h3,
.h4 {
    color: #333;
    margin: 0 0 20px 0;
}

h2,
.h2 {
    font-size: 34px;
}

h3,
.h3 {
    font-size: 24px;
    line-height: 33px;
}

h4,
.h4 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}

p {
    line-height: 24px;
    margin-bottom: 20px;
}

p1 {
    line-height: 24px;
}

.font-2x,
.font-2x p {
    font-size: 16px !important;
    line-height: 27px;
    font-weight: 400;
}

.font-3x,
.font-3x p {
    font-size: 18px !important;
    line-height: 30px;
    font-weight: 400;
}

.font-4x,
.font-4x p {
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 400;
}

blockquote {
    border: none;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 32px;
    margin-bottom: 20px;
    padding: 0px;
}

a,
a i {
/*    color: #68307b;*/
    outline: none !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: #808080;
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
}

hr {
    border-color: rgba(0, 0, 0, .1);
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 20px;
}

strong {
    font-weight: 600;
}

section {
    padding: 30px 0;
    overflow: hidden;
}
section#content {
    padding-top: 0;
}

button {
    outline: none;
}

.clearfix {
    clear: both;
}

#canvas {
    margin: 0;
}

.smaller-gap .container {
    padding-left: 5px;
    padding-right: 5px;
}

.container-fluid.small {
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: initial
}

.container-fluid.smaller {
    padding-left: 10vw;
    padding-right: 10vw;
}

.small-gap .row {
    margin-left: -10px;
    margin-right: -10px;
}

.small-gap [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
}

.smaller-gap .row {
    margin-left: -5px;
    margin-right: -5px;
}

.smaller-gap [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.no-gap .row {
    margin-left: 0px;
    margin-right: 0px;
}

.no-gap [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}
.pages {
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    overflow: hidden;
}
.pages-title {
    padding: 160px 0 60px 0;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}
.pages-title h2 {
    color: #fff;
}
.page {
    padding: 0;
    text-align: left;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.pdr {
    padding-right: 0;
}
.pdl {
    padding-left: 0;
}
.hamburger-bod {
    background: url(../../../web/image/menu-border.png)  left top repeat-x;
    height: 5px;
    width: 100%;
    border-width: 0!important;
    position: relative;
    display: block;
    overflow: hidden;
}
hr.career-dot {
    background: url(../../../web/image/career-border.png)  left top repeat-x;
    height: 5px;
    width: 9%;
    border-width: 0!important;
    position: relative;
    display: block;
    overflow: hidden;
}
.title {
    font-family: amaticbold!important;
}
h1.title {
    font-size: 40px;
}

/* -------------------------------------
   HEADER
----------------------------------------*/

header {
    /* background: #fff;
    font-size:13px;
    position:relative;
    transition: all 0.4s ease;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease; */
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 99;
}

header .container {
    position: relative;
    width: calc(100% - 30px);
    padding: 0px;
}

header nav {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-property: opacity, background-color, -webkit-transform;
    transition-property: opacity, background-color, -webkit-transform;
    transition-property: opacity, background-color, transform;
    transition-property: opacity, background-color, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: fixed;
    top: 0;
    width: 100%;
    background: transparent;
}

.nav-active header nav,
.nav-inactive header nav {
    background: #fff;
}

.nav-active header nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .075);
    transform: translate3d(0, 0, 0);
}

.nav-inactive header nav {
    -webkit-transform: translate3d(0, -27px, 0);
    transform: translate3d(0, -27px, 0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

/* -------------------------------------
   LOGO
----------------------------------------*/

#logo {
    color: #fff;
    font-weight: 600;
    display: none;
    line-height: 0;
    position: absolute;
    text-align: left;
}

#main-logo {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 0;
    line-height: 0;
    font-weight: 600;
    position: absolute;
    overflow: hidden;
    margin: 0 30px 0 0;
}

#main-logo a {
    display: block
}

#main-logo,
#logo {
    margin-top: 0;
    line-height: 57px;
}

#main-logo img,
#logo img {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 215px;
    max-height: 40px;
}

.on #main-logo img,
.no-slider #main-logo img {
    display: none;
}

.on #logo,
.no-slider #logo {
    display: block;
}

#mobile-menu-trigger #main-logo {
    text-align: left;
}

/* -------------------------------------
   MAIN NAV
----------------------------------------*/

.top-bar {
    background: #333;
}

.top-bar .parent-menu ul,
.top-bar .parent-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-bar .parent-menu li {
    display: inline-block
}

.parent-menu li a {
    font-size: 11px;
    color: rgba(255, 255, 255, .75);
    padding: 6px 10px;
    text-transform: uppercase;
    display: inline-block;
}

.parent-menu li:first-child a {
    padding-left: 0
}

.parent-menu li:last-child a {
    padding-right: 0
}

.on #nav-menu.navbar-default,
.no-slider #nav-menu.navbar-default {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    background-color: #fff !important;
}

.on .navbar-collapse,
.no-slider .navbar-collapse {
    max-height: inherit;
}

.on .navbar-nav > li > a,
.no-slider .navbar-nav > li > a {
    color: #000;
}

.on .navbar-nav > li > a:hover,
.no-slider .navbar-nav > li > a:hover {
/*    color: #68307b;*/
}

#nav-menu {
    transition: all 0.2s;
}

#nav-menu.navbar-default {
    clear: both;
    margin-bottom: 0;
    border-color: rgba(0, 0, 0, .05);
    border-width: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    width: 100%;
    z-index: 99;
}

nav {
    width: 100%;
}

nav .top {
    font-size: 14px;
}

.navbar-default {
    border-color: transparent;
    border-width: 0;
    border-radius: 0;
    clear: both;
    margin-bottom: 0;
    padding: 0;
    width: 100vw;
}

#primary-menu {
    margin-right: 0
}

.navbar {
    min-height: 61px;
}

.navbar-collapse {
    max-height: inherit;
    text-align: center;
}

.navbar-nav {
    margin-right: -15px;
}

.navbar-nav > li {
    float: none;
    display: inline-block;
}

.navbar-nav > li > a {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    /*    font-family: 'avenir', serif;*/
    text-transform: uppercase;
}

.navbar-nav > li {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding: 5px 0 5px 10px;
    /*    font-family: 'rotissemiserifregular', serif;*/
    text-transform: uppercase;
}

.on .navbar-nav > li > a,
.no-slider .navbar-nav > li > a {
    color: #333;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: transparent;
    border-color: transparent !important;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li {
    color: rgba(255, 255, 255, 0.8);
}

.on .navbar-default .navbar-nav > li > a,
.no-slider .navbar-default .navbar-nav > li > a,
.nav-active .on .navbar-default .navbar-nav > li > a,
.nav-active.no-slider .navbar-default .navbar-nav > li > a,
.nav-inactive .on .navbar-default .navbar-nav > li > a,
.nav-inactive.no-slider .navbar-default .navbar-nav > li > a,
.on .navbar-default .navbar-nav > li {
    color: #333;
}

.navbar-toggle .icon-bar {
    height: 3px;
}

.navbar-default .navbar-nav > .current-menu-item > a,
.navbar-default .navbar-nav > .current-menu-item > a:hover,
.navbar-default .navbar-nav > .current-menu-item > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
/*    color: #68307b;*/
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li.active,
.navbar-default .navbar-nav > li.active:hover,
.navbar-default .navbar-nav > li.active:focus {
    background-color: transparent;
    color: white;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:focus {
    background-color: transparent;
    color: white;
    cursor: pointer;
}

.navbar-default .navbar-nav > .current-menu-item > a,
.navbar-default .navbar-nav > .current-menu-item > a:hover,
.navbar-default .navbar-nav > .current-menu-item > a:focus {
    background-color: transparent;
    color: white;
}

.on .navbar-default .navbar-nav > .active > a,
.no-slider .navbar-default .navbar-nav > .active > a,
.on .navbar-default .navbar-nav > .active > a:hover,
.no-slider .navbar-default .navbar-nav > .active > a:hover,
.on .navbar-default .navbar-nav > .active > a:focus,
.no-slider .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
/*    color: #68307b;*/
}

.on .navbar-default .navbar-nav > li > a:hover,
.on .navbar-default .navbar-nav > li > a:focus,
.no-slider .navbar-default .navbar-nav > li > a:hover,
.no-slider .navbar-default .navbar-nav > li > a:focus,
.on .navbar-default .navbar-nav > li:hover,
.on .navbar-default .navbar-nav > li:focus,
.no-slider .navbar-default .navbar-nav > li:hover,
.no-slider .navbar-default .navbar-nav > li:focus {
    background-color: transparent;
/*    color: #68307b;*/
}

.on .navbar-default .navbar-nav > .current-menu-item > a,
.on .navbar-default .navbar-nav > .current-menu-item > a:hover,
.on .navbar-default .navbar-nav > .current-menu-item > a:focus,
.no-slider .navbar-default .navbar-nav > .current-menu-item > a,
.no-slider .navbar-default .navbar-nav > .current-menu-item > a:hover,
.no-slider .navbar-default .navbar-nav > .current-menu-item > a:focus {
    background-color: transparent;
/*    color: #68307b;*/
}

/* .menu-item-has-children > a{padding-right:20px !important;} */

.menu-item-has-children > a:before {
    content: "";
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    height: 10px;
    position: absolute;
    right: 5px;
    width: 10px;
}

.navbar-toggle,
#mobile-menu-trigger {
    border-radius: 0px;
    background: transparent;
    border-width: 0 0 0 1px;
    float: right;
    margin: 15px 0;
    padding: 10px 20px 10px 20px;
    position: relative;
}

#mobile-menu-trigger {
    cursor: pointer;
}

#mobile-menu-trigger .icon-bar {
    border-radius: 1px;
    background-color: #000;
    display: block;
    height: 2px;
    margin-top: 4px;
    width: 22px;
}

#mobile-menu-trigger .icon-bar:first-child {
    margin-top: 0;
}

.on .menu-item-has-children > a:before,
.no-slider .menu-item-has-children > a:before {
    color: #000;
}

.dropdown-menu {
    background: rgba(255, 255, 255, .95);
    border-radius: inherit;
}

.dropdown-menu > li > a {
    padding: 10px 20px;
}

.caret {
    margin-left: 5px;
}

.sub-menu {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    display: none;
    float: left;
    left: 0;
    list-style: none;
    min-width: 200px;
    margin: 0;
    top: 100%;
    text-align: left;
    position: absolute;
    padding: 10px;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}
li.menu-item.active {
    background: rgba(255, 255, 255, 0.60)!important;
}
.on li.menu-item.active, .on li.menu-item:hover {
    background: rgba(0, 0, 0, 0.50)!important;
}
.on li.menu-item.active a, .on li.menu-item:hover a {
    color: #fff!important;
}
.navbar-nav>li>a {
    line-height: 22px;
}

.on .sub-menu li.menu-item  a {
    color: #000!important;
}

.on .sub-menu li.menu-item.active a {
    color: #fff!important;
}

.sub-menu > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    clear: both;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-weight: normal;
    padding: 10px;
    line-height: 1.42857143;
    white-space: nowrap;
}

.sub-menu > li.active > a {
    color: #fff;
}

.sub-menu > li > a:hover {
    color: #fff;
    background: rgba(131, 131, 131, 0.2);
}

.sub-menu > li:last-child > a {
    border-bottom: none;
}

.sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.expand-trigger:after {
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 10px;
    margin-left: 2px;
    position: absolute;
    right: 0;
    top: 23px;
    vertical-align: middle;
    width: 0;
}

.sub-menu .expand-trigger:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
    top: 21px;
}

.navbar-nav > li > a.btn {
    padding: 20px 30px !important;
    margin-right: -15px;
    border-radius: 0;
}

.btn.btn-yellow {
    background: #ffe000;
    border: 2px solid #ffe000;
    color: #3a3a4e;
}

#menu-toggle * {
    transition: .2s ease-in-out;
    box-sizing: border-box;
}

#menu-toggle {
    width: 61px;
    height: 61px;
    margin: 0;
    position: relative;
    position: relative;
    cursor: pointer;
    display: block;
    background: #fff;
}
#menu-toggle.open {
    left: 285px;
}
#menu-toggle span {
    display: block;
    background: #fff;
    border-radius: 2px;
}

.on #menu-toggle span,
.no-slider #menu-toggle span {
    background: #333;
}

#menu-toggle.open #cross span {
    background: #333;
}

#menu-toggle #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}

#menu-toggle #hamburger span {
    width: 30px;
    height: 1px;
    position: relative;
    top: 17px;
    left: 14px;
    margin: 6px 0;
}
#menu-toggle span {
    display: block;
    background: #333;
    border-radius: 2px;
}
#main-logo, #logo {
    right: 0;
    margin: 0 15px 0 0;
}

#menu-toggle #hamburger span:nth-child(1) {
    transition-delay: .3s;
}

#menu-toggle #hamburger span:nth-child(2) {
    transition-delay: .4s;
}

#menu-toggle #hamburger span:nth-child(3) {
    transition-delay: .5s;
}

#menu-toggle #cross {
    position: absolute;
    height: 50px;
    width: 50px;
    transform: rotate(45deg);
}

#menu-toggle #cross span:nth-child(1) {
    height: 0%;
    width: 1px;
    position: absolute;
    top: 24%;
    left: 32px;
    transition-delay: 0s;
}

#menu-toggle #cross span:nth-child(2) {
    width: 0%;
    height: 1px;
    position: absolute;
    left: 40%;
    top: 24px;
    transition-delay: .1s;
}

#menu-toggle.open #hamburger span {
    width: 0%;
}

#menu-toggle.open #hamburger span:nth-child(1) {
    transition-delay: 0s;
}

#menu-toggle.open #hamburger span:nth-child(2) {
    transition-delay: .125s;
}

#menu-toggle.open #hamburger span:nth-child(3) {
    transition-delay: .25s;
}

#menu-toggle.open #cross span:nth-child(1) {
    height: 52%;
    transition-delay: .35s;
}

#menu-toggle.open #cross span:nth-child(2) {
    width: 52%;
    transition-delay: .2s;
}

.nav-main {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 999;
}

.nav-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 98;
}

.nav-container .background {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.6);
    z-index: 1;
}

.text-menu {
    position: absolute;
    top: 20px;
    left: 75px;
    z-index: 99;
    border-radius: 0;
    color: #fff;
}
.on .text-menu {
    color: #000;
}
.active .text-menu {
    display: none;
}

#sidebar-wrapper {
    position: fixed;
    width: 350px;
    padding: 30px 20px 60px 20px;
    background: #fff;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 98;
    -webkit-transform: translate3d(-40rem, 0, 0);
    -moz-transform: translate3d(-40rem, 0, 0);
    -ms-transform: translate3d(-40rem, 0, 0);
    -o-transform: translate3d(-40rem, 0, 0);
    transform: translate3d(-40rem, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

#sidebar-wrapper.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: auto;
}

@media only screen and (max-width:767px) {
    #sidebar-wrapper {
        width: 55vw;
        -webkit-transform: translate3d(-100rem, 0, 0);
        -moz-transform: translate3d(-100rem, 0, 0);
        -ms-transform: translate3d(-100rem, 0, 0);
        -o-transform: translate3d(-100rem, 0, 0);
        transform: translate3d(-100rem, 0, 0);
    }
}

#sidebar-wrapper .logo {
    padding-top: 20px;
    padding-bottom: 35px;
    width: 100%;
    display: inline-block;
}

#sidebar-wrapper hr {
    background: rgba(255, 255, 255, .1;
    )
}

.sidebar-nav li a:hover {
    background: transparent;
}

#menu-toggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.nav-main.active #menu-toggle {
    background: transparent;
}

.burger-menu.navbar-nav {
    margin: 0;
    float: none !important;
}

.burger-menu.navbar-nav > li {
    display: block;
    float: none;
    overflow: hidden;
    text-align: left;
    line-height: 1;
}

.burger-menu.navbar-nav > li > a,
.burger-menu.navbar-nav > li > a.btn {
    border: none !important;
    border-radius: 0;
    color: #333;
    line-height: 18px;
    text-align: right;
    padding: 8px 0 !important;
    background: transparent !important;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    z-index: 9
}

.burger-menu.navbar-nav > li:last-child > a {
    margin-right: 0px;
}

.burger-menu.navbar-nav > li > a > i {
    background-size: 20px;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 15px;
    width: 20px;
}

.burger-menu.navbar-nav > li > a:hover,
.burger-menu.navbar-nav > li.current-menu-item > a:hover,
.burger-menu.navbar-nav > li.current-menu-item > a,
.burger-menu.navbar-nav > li > a:focus,
.burger-menu.navbar-nav > li > a.btn:hover {
/*    color: #fff !important;*/
    border-radius: 0;
}

.btn-header > li > ul > li > a:hover,
.btn-header > li > ul > li > a:focus {
    background: rgba(84, 84, 84, 0.3);
    color: #fff;
}

.btn-header li a {
    color: #fff;
}

li.btn-header li.btn {
    border-radius: 0px;
    margin: 0px;
    padding: 15px 18px;
}

li.btn-header li.btn:hover {
    background: rgba(84, 84, 84, 0.3) !important;
    border-radius: 0px;
    margin: 0px;
    padding: 15px 18px;
}

.navbar-default .burger-menu.navbar-nav > .active > a,
.navbar-default .burger-menu.navbar-nav > .active > a:hover,
.navbar-default .burger-menu.navbar-nav > .active > a:focus {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.burger-menu.navbar-nav > li > a:after,
.burger-menu.navbar-nav > li > a:hover:after,
.burger-menu.navbar-nav > .current-menu-item > a:after,
.burger-menu.navbar-nav > .active > a:after,
.burger-menu.navbar-nav > .active > a:hover:after,
.burger-menu.navbar-nav > .active > a:focus:after {
    display: none;
}

.burger-menu .navbar-collapse {
    padding: 0;
    clear: both;
    position: relative;
    z-index: 9999;
}

.navbar-default .burger-menu.navbar-nav > li > a:after {
    display: none;
}

.navbar-default .burger-menu.navbar-nav > .current-menu-item > a,
.navbar-default .burger-menu.navbar-nav > .current-menu-item > a:hover,
.navbar-default .burger-menu.navbar-nav > .current-menu-item > a:focus,
.navbar-default .burger-menu.navbar-nav > .open > a,
.navbar-default .burger-menu.navbar-nav > .open > a:hover,
.navbar-default .burger-menu.navbar-nav > .open > a:focus {
    color: #3a3a4e !important;
}

.burger-menu .sub-menu {
    background: transparent;
    box-shadow: none;
    position: relative;
    padding: 0;
    top: 0;
    width: 100%;
    -webkit-box-shadow: none;
    margin-bottom: 20px;
}

.burger-menu .sub-menu > li > a {
    font-size: 16px;
    padding: 5px 15px;
    text-indent: 25px;
    display: inline-block;
    color: #333;
    border: none;
}

.burger-menu .sub-menu a:hover {
/*    color: #68307b;*/
    background: transparent
}

.burger-menu .sub-menu .sub-menu {
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    left: 0;
    top: 0;
}

.burger-menu .sub-menu li li a {
    padding-left: 20px;
}

.burger-menu li .sf-sub-indicator {
    cursor: pointer;
    height: 34px;
    text-align: right;
    display: inline-block;
    cursor: pointer;
    left: auto!important;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    text-align: right;
    width: 50%;
    z-index: 999;
}

.burger-menu li .sf-sub-indicator:after,
.burger-menu li.open li .sf-sub-indicator:after,
.burger-menu li.open li.open li .sf-sub-indicator:after,
.burger-menu li.open .sf-sub-indicator:after,
.burger-menu li.open li.open .sf-sub-indicator:after,
.burger-menu li.open li.open li.open .sf-sub-indicator:after {
    color: #333;
    line-height: 34px;
    width: 20px;
    height: 34px;
    margin: 0 7px 0 0;
    display: inline-block;
    text-align: center;
}

.burger-menu li .sf-sub-indicator:after,
.burger-menu li.open li .sf-sub-indicator:after,
.burger-menu li.open li.open li .sf-sub-indicator:after {
    content: "+";
    font-size: 20px;
}

.burger-menu li.open .sf-sub-indicator:after,
.burger-menu li.open li.open .sf-sub-indicator:after,
.burger-menu li.open li.open li.open .sf-sub-indicator:after {
    content: "-";
    font-size: 25px;
}

.burger-menu .sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    height: 0px;
    overflow: hidden;
    position: absolute;
    visibility: hidden!important;
}

.burger-menu .sf-menu li ul.mobile-open {
    display: block!important;
    height: auto!important;
    position: relative;
    visibility: visible!important;
}

.burger-menu.navbar-nav .btn,
.nav-btn .btn {
    border-radius: 20px;
    padding: 10px 0px;
    margin: 0;
    text-align: left;
}

#hotel-menu {
    display: none;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.main-headline#intro {
    padding: 60px 0;
}

/* -------------------------------------
   SLIDER
----------------------------------------*/

/*.home .slides {
    padding: 0;
    height: 100vh;
}*/

.home .slider.sec-slider {
    padding: 0;
    height: 70vh!important;
    position: relative
}

.home .slides li:before,
.home .slides li:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 35%;
}

.home .slides li:before {
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .4), transparent);
    z-index: 3;
}

.home .slides li:after {
    bottom: 0;
    opacity: 0.67;
    /*background-image: linear-gradient(to right top, #000000, rgba(0, 0, 0, 0) 56%);*/
    height: 100%;
    z-index: 2;
}

.home .slides .container {
    width: 90%;
}

.home .slides .tagline-wrapper,
.carousel .tagline-wrapper {
    background: none;
    bottom: 0;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

.home .slides .tagline-wrapper:before,
.carousel .tagline-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.home .slides .tagline-content,
.carousel .tagline-content {
    color: #fff;
    display: inline-block;
    margin: auto;
    margin-left: -5px;
    width: 100%;
    vertical-align: middle;
}

.home .slides .tagline-content {
    vertical-align: bottom;
    margin-bottom: 10%;
}

.slides .tagline-content,
.carousel .tagline-content {
    color: #fff;
    display: inline-block;
    margin: auto;
    margin-left: -5px;
    width: 100%;
    vertical-align: middle;
}

.carousel .tagline-content {
    vertical-align: middle
}

.slides i {
    display: inline-block;
    height: 124px;
    width: 140px;
}

.slides h1,
.slides h2 {
    color: #fff;
    font-size: 3vw;
    margin-bottom: 20px;
}

.slides p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/*
.slider span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.slider span:before,
.slider span:after {
    border-top: 1px solid white;
    content: "";
    height: 5px;
    position: absolute;
    top: 15px;
    width: 70px;
}

.slider span:before {
    right: 100%;
    margin-right: 15px;
}

.slider span:after {
    left: 100%;
    margin-left: 15px;
}
*/

.home .slides .btn {
    border: solid 1px #fff;
    background: transparent;
    color: #fff;
}

/* .flexslider{z-index:-1;} */

.home .flexslider .slides > li {
    background-position: center;
    border-radius: 0;
    width: 100%;
    display: none; 
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%!important;
}

.home .flex-direction-nav {
  *height: 0;
	width: 100%;
	display: table;
	position: absolute;
	z-index: 98;
	top: 50%;
	margin-top: -10px;
}

.home .flex-direction-nav a {
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.home .flexslider .slides .logos img {
    max-height: 100px;
    width: auto;
    opacity: .5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home .flexslider .slides .logos img:hover {
    opacity: 1;
}

/*
.home .flexslider-container,
.home .flexslider .slides,
.home .flex-viewport {
    height: 100%!important;
}
*/

.home .flexslider {
    border: 0px solid;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    border-radius: 0;
}

.home .flexslider .slides > li > img {
    display: block;
    /*height: 100%;*/
    width: 100%;
}

.home .flex-direction-nav {
    width: 100%;
    display: table;
    position: absolute;
    z-index: 22;
    top: 50%;
    margin-top: -10px;
}
/* Control Nav */
.home .flex-control-nav {
    width: 100%;
    position: absolute;
    left: calc(100% - 40px);
    bottom: 50%;
    text-align: center;
    z-index: 98;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.home .flex-control-nav li {
    margin: 15px 5px;
    display: block;
    zoom: 1;
}

/* .flex-control-nav li:first-child { margin: 0; } */

.home .flex-control-nav li a {
    width: 5px;
    height: 5px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.home .flex-control-nav li a:hover {
    background: #fff;
    border: 1px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
/* End Control Nav */

/* .flex-control-nav li:first-child { margin: 0; } */

.home .flex-control-nav li a {
    width: 5px;
    height: 5px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.home .flex-control-nav li a:hover {
    background: #fff;
    border: 1px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* NO-SLIDER */

.no-slider {
    background-color: #fff;
    background-size: cover;
    height: 100px;
    padding: 0;
    position: relative;
}

.no-slider .tagline-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}

.no-slider .tagline-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.no-slider .tagline-content {
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    color: #fff;
    width: 98%;
}


/* SEARCH */

.book-link {
    float: right;
    margin-right: -9px;
    list-style: none;
    display: inline-table;
    position: absolute;
    right: 0vw;
    top: 5px;
    padding: 15px 0;
}

.book-link ul {
    margin: 0;
    padding: 0;
}

.book-link li {
    display: inline-block;
    list-style: none;
    padding: 0 10px;
    font-family: 'Lato', sans-serif;
}

.book-link li a {
    font-weight: 800;
    text-transform: uppercase;
}


/* MAIN HEADLINE */
.main-headline, #content-events {
    background-color: #fbfbfb;
    text-align: center;
    width: 100%;
    position: relative;
}
.homepage-body .main-headline h1 {
    width: 900px;
}
.main-headline#intro h1 {
/*    width: 740px;*/
    color: #737373!important;
    font-family: 'Open Sans', serif;
    font-size: 38px;
    line-height: 1.2;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 1.02px;
    padding: 10px 0;
}
.text-content h1 {
    font-size: 38px;
    line-height: 1.2;
    font-style: normal;
    letter-spacing: 1.02px;
    padding: 10px 0;
}
.text-content {
    text-align: center;
}
/* END HEADLINE */


/* -------------------------------------
   RESERVATION
----------------------------------------*/

#reservation .form-control {
    padding: 5px;
    border-bottom: none;
    border-radius: 0;
    border-width: 0 0 0 0;
    border-style: none none solid none;
    box-shadow: none;
    text-align: center;
    font-size: 22px;
    color: #68307b;
}

#reservation .datepicker {
    padding: 0;
}

#reservation label {
    color: #777;
    font-weight: 300;
}

/*--------------------------------------
   CONTENT SLIDER
----------------------------------------*/

/*#content {
    margin-top: 30px;
}*/

.slick-next {
    right: -30px;
}

.slick-prev {
    left: -30px;
    z-index: 99;
}

.slick-next {
    width: 250px;
    height: 100%;
    cursor: url(../../image/right_cursor.png), auto;
}

.slick-prev {
    width: 250px;
    height: 100%;
    cursor: url(../../image/left_cursor.png), auto;
}

.slick-prev:before,
.slick-next:before {
    font-size: 0;
}
#content .padd-right-30 {
    padding-right: 45px;
}
#content .padd-left-30 {
    padding-left: 35px;
}

/* -------------------------------------
   ROOM
----------------------------------------*/

#room .image-hover figure figcaption,
#room .image-hover figure figcaption > a {
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 100%;
}

#room .image-hover figure {
    font-size: 14px;

}

#room .effect-room {
    background-color: #000000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    float: left;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
}

#room .effect-room * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

#room .effect-room img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
}

#room .effect-room:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

#room .effect-room figcaption {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
}

#room .effect-room h3,
#room .effect-room p {
    margin: 0;
    padding: 0;
}

#room .effect-room span.fa {
    font-size: 12px;
}

#room .effect-room h3 {
    color: #fff;
}

#room .effect-room .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: rgba(104, 48, 123, .90);
    opacity: 0;
}

#room .effect-room .hover > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    opacity: 0;
}

#room .effect-room a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

#room .effect-room .link {
    color: #fff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    background-image: url(../../image/arrow-white.png);
    text-decoration: none;
    background-position: center right 10px;
    background-size: 32px 6px;
    padding-right: 50px;
    background-repeat: no-repeat;
    display: inline-block;
}

#room .effect-room:hover .link {
    background-position: center right 0;
}

#room .effect-room:hover .hover,
#room .effect-room:hover .hover > div,
#room .effect-room.hover .hover {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 1;
}

#room .effect-room:hover figcaption,
#room .effect-room.hover figcaption {
    opacity: 0;
}

#room .effect-room:hover .date,
#room .effect-room.hover .date {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.room-detail .room-features ul,
.pack-features ul {
    margin: 0 0 20px 0;
    padding: 0;
    overflow: auto;
}

.room-detail .room-features ul li,
.pack-features ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
    margin-left: 20px;
    margin-bottom: 15px;
    margin-right: 20px;
    width: calc(33% - 40px);
    float: left;
    vertical-align: top;
}

.pack-features ul li {
    width: calc(50% - 40px);
}

@media screen and (max-width: 1024px) {
    .room-detail .room-features ul li,
    .pack-features ul li {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 640px) {
    .room-detail .room-features ul li,
    .pack-features ul li {
        width: calc(100% - 40px);
    }
}

/* .room-detail .room-features ul li:before{content: "\f111"; font-family:'FontAwesome'; font-size:7px; margin-left:-15px; position:absolute; margin-top:4px;} */

/* -------------------------------------
   KIDS
----------------------------------------*/

.kids-list ul {
    margin: 0;
    padding: 0;
}

.kids-list li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

.kids-list li:before {
    content: '-';
    padding-right: 5px;
}

/* -------------------------------------
   GOOD TO KNOW
----------------------------------------*/

.good-list ul {
    margin: 0;
    padding: 0;
}

.good-list li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

.good-list li:before {
    content: '-';
    padding-right: 5px;
}

/* -------------------------------------
   PACKAGES
----------------------------------------*/

.packages-caption {
    text-align: center;
    padding-top: 30px;
}

.packages-list ul {
    margin: 0;
    padding: 0;
}

.packages-list li {
    list-style: none;
    display: block;
    padding-bottom: 10px;
}

.packages-list li:before {
    content: '-';
    padding-right: 10px;
}

.packages-content a {
    color: #68307b;
}

.packages-content a:hover {
    color: #68307b;
}

.select-packages .caption-bg {
    background: rgba(166, 154, 101, 0.8);
    padding: 60px 125px;
    height: 245px;
}


/* -------------------------------------
   RESTAURANT
----------------------------------------*/

.restaurant-content a {
    color: #68307b;
}

.restaurant-content a:hover {
    color: #68307b;
}

.restaurant-item {
    padding: 25% 5%;
}


/* -------------------------------------
   FILM WINTER
----------------------------------------*/

.films-winter-content h2 {
    margin-bottom: 10px;
}


/* -------------------------------------
   SKI
----------------------------------------*/

.ski-content {
    padding: 25% 5%;
}


/* -------------------------------------
   HOTEL
----------------------------------------*/

.hotel-caption {
    padding-top: 30px;
    text-align: center;
}

.hotel-caption h3 {
    margin-bottom: 0;
}

.grand-hotel-nav ul {
    margin: 0;
    padding: 0;
}

.grand-hotel-nav li {
    border-right: 1px solid #b3b3b3;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    list-style: none;
    text-align: center;
    width: calc(33% - 2px);
    text-transform: uppercase;
}

#related-room.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#related-room.owl-theme .owl-nav .owl-prev {
    width: 45px;
    height: 45px;
    border-radius: 0px;
    background: url(../../image/prev.png) 50% 50% no-repeat;
    position: absolute;
    top: 30%;
    left: -47px;
    margin: 0;
}

#related-room.owl-theme .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 0px;
    background: url(../../image/next.png) 50% 50% no-repeat;
    position: absolute;
    top: 30%;
    right: -47px;
    margin: 0;
}

#related-room.owl-theme .owl-dots {
    position: relative;
    z-index: 99;
    bottom: 50px;
}

#related-room.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 2px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    border: 2px solid #888;
}

#related-room.owl-theme .owl-dots .owl-dot.active span,
#related-room.owl-theme .owl-dots .owl-dot:hover span {
    background: #888;
}


/* -------------------------------------
   RESERVATION
----------------------------------------*/

.box-book {
    padding: 20px 25px 25px 25px;
    text-align: center;
    background: #ffffff;
    color: #000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}

.box-book i {
    font-size: 18px;
}

#reservation select {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    text-align-last: center;
    text-align: center;
}

#reservation .btn {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}

.restaurant-contact a {
    color: #68307b;
}

.restaurant-contact a:hover {
    color: #68307b;
}


/* -------------------------------------
   CULINARY
----------------------------------------*/

.culinary a {
    color: #68307b;
}

.culinary a:hover {
    color: #68307b;
}

.culinary-item {
    padding: 15% 5%;
}


/* -------------------------------------
   SPA
----------------------------------------*/

.spa-logo {
    margin-bottom: 50px;
}

.spa-logo img {
    width: 30%;
}

.spa-title {
    color: #006580;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.spa-item {
    padding: 15% 5%;
}

.spa-item-2 {
    padding: 50% 5%;
}

.pool-content .grid-item {
    padding: 30px;
}

.spa-reservation .btn {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}

.spa-list ul {
    margin: 0;
    padding: 0;
}

.spa-list li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

.spa-list li:before {
    content: '-';
    padding-right: 10px;
}

.day-spa .link {
    color: #006580;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    background-image: url(../../image/arrow-blue.png);
    text-decoration: none;
    background-position: center right 10px;
    background-size: 32px 6px;
    padding-right: 52px;
    background-repeat: no-repeat;
}

.day-spa .link:hover {
    background-position: center right 0;
}


/* -------------------------------------
   WEDDING
----------------------------------------*/

.wedding-title {
    color: #68307b;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.wedding .btn {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.wedding-links ul {
    margin: 50px 0;
    padding: 0;
}

.wedding-links li {
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
}

.wedding-list ul {
    margin: 0;
    padding: 0;
}

.wedding-list li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

.wedding-list li:before {
    content: '-';
    padding-right: 10px;
}

/* -------------------------------------
   MEETING
----------------------------------------*/

.meeting-title {
    color: #68307b;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

/* -------------------------------------
   ROOM
----------------------------------------*/

.room-title {
    color: #68307b;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.table > tbody > tr > td {
    text-align: center;
    padding: 20px 10px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-top: none !important;
}

.table > tbody > tr > td:first-child {
    padding-left: 0;
    padding-right: 1em;
    text-align: left;
    white-space: nowrap;
}

.table > tbody > tr > td img {
    width: 20%;
    display: block;
    margin: 0 auto;
}

.table > tbody > tr > td h4 {
    margin-bottom: 0px;
}


/* -------------------------------------
   NEWS
----------------------------------------*/

.news-caption {
    padding-top: 30px;
    text-align: center;
}

.news-caption p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.news-caption h4 {
    color: #000;
    font-size: 20px;
}

.news-event-content a {
    color: #68307b;
}

.tabs-news-events a {
    color: #333;
}

.tabs-news-events .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000 !important;
}



/* -------------------------------------
   GALLERY
----------------------------------------*/

.gallery-item figure i {
    bottom: 50%;
    font-size: 24px;
    font-weight: 300;
    height: 24px;
    left: 50%;
    line-height: 34px;
    margin-top: -15px;
    margin-left: -15px;
    opacity: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    text-align: center;
    width: 24px;
    z-index: 99;
}

.gallery-item figure:hover i {
    opacity: 1;
}

.gallery-item figure i.lnr {
    color: #fff;
    font-size: 36px;
}


/* -------------------------------------
   CONTACT
----------------------------------------*/
.contact {
    padding-top: 62px;
}

.contact-item {
    padding: 15% 5%;
}

.contact-form .form-group {
    margin-bottom: 8px;
}

.contact-form .form-group .control-label {
    text-align: left;
    font-weight: 400;
}

.contact-form .form-control {
    border-bottom: 1px solid #ddd;
    height: 45px;
    border-radius: 0;
    border-width: 0 0 2px 0;
    border-style: none none solid none;
    box-shadow: none;
    background: #f9f9f9;
}

.contact-form textarea.form-control {
    height: auto;
    resize: vertical;
}

/* -------------------------------------
   NEWSLETTER
----------------------------------------*/

/* .newsletter-content{padding:0px 10%} */

.newsletter h3 {
    color: #fff;
}

.newsletter .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    border-radius: 0px;
    border-width: 0 0 1px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: none;
}

#newsletter > div select {
    color: #fff;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

#newsletter > div select option {
    color: #555;
}

#newsletter input[type="submit"],
#newsletter .btn.btn-submit {
    outline: none;
    background: transparent !important;
    border: none;
}

#newsletter input[type="submit"].link,
#newsletter .btn.btn-submit {
    color: #68307b;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;

    text-decoration: none;
    background-position: center right 10px !important;
    background-size: 32px 6px !important;
    padding-right: 0;
    background-repeat: no-repeat !important;
    line-height: 43px;
}


#newsletter input[type="submit"].link:hover,
#newsletter .btn.btn-submit:hover {
    background-position: center right 0 !important;
}

#newsletter input[type="text"]:-moz-placeholder {
    color: #fff !important;
}

#newsletter input[type="email"]:-moz-placeholder {
    color: #888 !important;
}

#newsletter input[type="text"]::-moz-placeholder {
    color: #fff !important;
}

#newsletter input[type="email"]::-moz-placeholder {
    color: #888 !important;
}

#newsletter input[type="text"]:-ms-input-placeholder {
    color: #fff !important;
}

#newsletter input[type="email"]:-ms-input-placeholder {
    color: #888 !important;
}

#newsletter input[type="text"]::-webkit-input-placeholder {
    color: #fff !important;
}

#newsletter input[type="email"]::-webkit-input-placeholder {
    color: #888 !important;
}

#ic_signupform .elcontainer .formEl,
#ic_signupform .elcontainer .submit-container {
    /*    width: 16.66666667% !important;*/
    right: 0 !important;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    #ic_signupform .elcontainer .formEl,
    #ic_signupform .elcontainer .submit-container {
        /*        width: 50% !important;*/
        float: left
    }
    .footer-nav,
    .social-footer {
        text-align: center!important;
    }
}

@media screen and (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
}

@media screen and (max-width: 480px) {
    #ic_signupform .elcontainer .formEl,
    #ic_signupform .elcontainer .submit-container {
        width: 100% !important
    }
}

/* BLOG GRID */

.block-grid-item {
    height: 650px;
    display: block;
    position: relative;
    overflow: hidden;
}

.block-grid-item.half {
    height: 315px
}

.smaller-gap .block-grid-item {
    height: 650px;
    display: block;
    position: relative;
    overflow: hidden;
}

.smaller-gap .block-grid-item.half {
    height: 320px
}

.block-grid-item figure,
.block-grid-item figure a {
    width: 100%;
    height: 100%;
    display: block;
}

.block-grid-item figure {
    position: absolute;
    z-index: 9;
}

.block-grid-item figure:hover {
    background: rgba(0, 0, 0, .7);
}

.block-grid-item figure h3 {
    text-transform: uppercase;
}

.block-grid-item .img-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.block-grid-item:hover .img-bg {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.block-grid-item figcaption {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 2vw;
    line-height: 27px;
    color: #fff;
    padding: 50px 50px;
    display: table;
    width: 100%;
}

.block-grid-item figcaption {
    padding: 20px 20px 88px 30px;
    left: 0;
}

.block-grid-item > figure > a:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60%;
    opacity: 1;
    z-index: 3;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, -0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);
}

/* -------------------------------------
   FOOTER
----------------------------------------*/

footer {
    padding: 0 0 0px 0;
    font-size: 14px !important;
    z-index: 9999;
    text-align: center;
}

footer a {
    color: #555;
}

footer a:hover {
    color: #333;
}

.footer-nav ul {
    margin: 0;
    padding: 0;
}

.footer-nav, .social-footer {
    text-align: center;
}

.footer-nav li {
    list-style: none;
    display: inline-block;
    padding: 0px 7px;
    margin: 5px 0;
}

.footer-nav li:first-child {
    padding-left: 0;
}

.footer-nav li:last-child {
    padding-right: 0;
}

.footer-nav li a {
    color: #555;
    text-transform: uppercase;
}

.footer-nav li a:hover {
    color: #333;
}

.logo-group {
    max-height: 20px;
    width: auto;
}

footer .copyright {
    text-align: center;
    margin-bottom: 20px;
}

/* LINE */

/*
.line {
    display: inline-block;
    width: 65px;
    height: 1px;
    background: #fff;
    padding: 0 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
*/

.line.short {
    width: 50px;
}

.line.gold {
    background: #68307b;
}

.line.dark-grey {
    background: #333;
}

.line.white {
    background: #fff;
}

.line.bold {
    height: 3px;
}

.line.long {
    width: 150px;
}


/* SOCIAL FOOTER */

/* .social-footer{float:right;} */

.social-footer li:first-child {
    padding-left: 0;
}

.social-footer li:last-child {
    padding-right: 0;
}

.social-footer ul {
    margin: 0;
    padding: 0;
}

.social-footer li {
    list-style: none;
    display: inline-block;
    padding: 5px 10px;
}

.social-footer li a i {
    color: #555;
    font-size: 18px;
}

.social-footer li a i:hover {
    color: #999;
}


/* INSTAGRAM */

.instagram {
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: -1px;
}

.instagram-item {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* TEXT STYLE */

.text-uppercase {
    text-transform: uppercase;
}


/* TEXT COLOR */

.text-gold,
.text-gold h2,
.text-gold h3,
.text-gold h4,
.text-gold h5,
.text-gold a,
.text-gold ul li,
.text-gold ol li,
.text-gold a,
.text-gold i {
    color: #68307b
}

.text-black,
.text-black h2,
.text-black .h2,
.text-black h3,
.text-black .h3,
.text-black h4,
.text-black .h4,
.text-black ul li,
.text-black ol li,
.text-black a {
    color: #000 !important
}

.text-white,
.text-white h1,
.text-white .h1,
.text-white h2,
.text-white .h2,
.text-white h3,
.text-white .h3,
.text-white h4,
.text-white .h4,
.text-white ul li,
.text-white ol li,
.text-white a,
.text-white i,
.text-white label {
    color: #fff !important
}

/* ACCORDION */

.accordion dl:after,
.accordion-list:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.accordion dd,
.accordion__panel {
    background-color: transparent;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0 25px;
}

.accordion {
    position: relative;
    background-color: transparent;
}

.accordionTitle,
.accordion__Heading {
    background: transparent;
    text-align: left;
    font-size: 25px;
    font-weight: 300;
    padding: 25px;
    display: block;
    text-decoration: none;
    color: #555;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    border-top: 1px solid #ddd;
}

.accordionTitle:before,
.accordion__Heading:before {
    content: "+";
    font-size: 1.5em;
    line-height: 30px;
    float: right;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.accordionTitle:hover,
.accordion__Heading:hover {
    background-color: transparent;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
    background-color: transparent;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.accordionItem {
    height: auto;
    overflow: hidden;
    max-height: 50em;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}

@media screen and (min-width: 48em) {
    .accordionItem {
        max-height: 6000px;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
}

.accordionItem.is-collapsed {
    max-height: 0;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}


/* NEXT PAGE */

.next-page h3 {
    color: #555;
}

.next-page p {
    font-size: 18px;
    color: #555;
}

.next-page i.lnr {
    font-size: 25px;
}


/* TAB PANEL */

.nav-tabs {
    border-bottom: none;
    margin-bottom: 50px;
    padding-top: 45px;
}

.panel-default {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    border: 3px solid transparent;
    text-align: center;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    border-width: 0 0 3px 0;
}

.nav-tabs > li a {
    margin: 0 5px;
    border: 3px solid transparent;
    border-width: 0 0 3px 0;
    background-color: transparent !important;
}

.nav-tabs > li a:hover {
    background: none;
    border-color: #68307b;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #68307b;
    cursor: default;
    background-color: transparent;
    border: 3px solid transparent;
    border-width: 0 0 3px 0;
    border-color: #68307b;
    font-weight: 700;
}

/* DATE PICKER */

.ui-widget,
.ui-widget-content {
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    color: #888888;
}

.ui-widget-header {
    background: initial;
    border: initial;
    border-radius: initial;
}

.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0 1px 0 0;
    border-bottom-width: 1px;
}

.ui-widget-content {
    border: initial;
    background: initial;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: initial;
    border-radius: initial;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: transparent;
    border: 1px solid #777;
    color: #454545;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 28px;
    margin: 0 -1px -1px 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: transparent;
    border-bottom-color: #fff;
    margin-left: -1px;
    margin-right: -1px;
}

.ui-tabs .ui-tabs-panel {
    overflow: hidden;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    outline: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #000;
}

.ui-datepicker {
    font-size: 16px;
    background: #fff;
    padding: 15px;
    border-radius: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
    z-index: 9999 !important;
}

.ui-datepicker-title {
    color: #000;
}

.ui-datepicker th {
    color: #000;
}

.ui-datepicker td {
    padding: 0;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .25;
    filter: Alpha(Opacity=25);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
    background: #68307b 50% 50% repeat-x;
    font-weight: normal;
    color: #000;
}

.ui-slider {
    background: #ddd;
    font-size: 4px !important;
    margin-right: 10px;
}

.ui-slider-range {
    background: #999;
}

.ui-slider-handle {
    font-size: 10px;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    outline: none;
}

.ui-slider-handle,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    color: #fff;
    background: #48eccf;
    cursor: pointer;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.4em;
    width: 1.2em;
    height: 1.2em;
}

.ui-slider-handle.ui-state-default {
    background: #fff;
}


/* FORM CONTROL */

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: none;
}


/* LIST NAV */

.list-nav li:last-child {
    border-right: none;
}

.list-nav li a.active {
    color: #68307b;
}

.list-nav li a {
    color: #555;
    font-weight: 600;
}

.list-nav li a:hover {
    color: #68307b;
}

.list-inline ul,
.list-inline ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-inline ul {
    margin-bottom: 10px;
}

.list-inline ul li:before {
    content: ', ';
}

.list-inline ul li:first-child:before {
    display: none;
}

.list-inline ul li {
    display: inline;
}

/* TITLE */

/*
.title {
    color: #68307b;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}
*/

/* IMAGE */

.images {
    padding: 30px 0;
}

/* BACKGROUND COLOR */

.bg-white {
    background-color: #fff !important;
}

}

.bg-green {
    background-color: #205c40 !important;
}

.bg-dark-grey {
    background-color: #333 !important;
}

.bg-light-grey {
    background-color: #f4f4f4 !important;
}

.bg-gold {
    background-color: #68307b !important;
}

.bg-none {
    background-color: transparent !important
}

.bg-fixed {
    background-attachment: fixed !important
}

.bg-cover {
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.p-fixed {
    position: fixed;
}

.p-relative {
    position: relative;
}

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

.d-inline-block {
    display: inline-block;
    float: none;
    margin: 0 -2px;
    vertical-align: top;
}

/* IMAGE */

.img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 0;
}

.img-w-divider {
    position: relative;
}

.img-w-divider:before {
    content: '';
    width: 10px;
    height: 100%;
    left: 50%;
    margin-left: -5px;
    top: 0;
    position: absolute;
    z-index: 3;
    background: #fff;
}

.img-w-divider.light-grey:after {
    background: #f4f4f4
}

.img-w-divider.dark-grey:after {
    background: #333
}

/* SOCIAL MEDIA */

.social-media {
    /*float: right;
    top: 35%;
    position: fixed;
    right: 0;
    background: #fff;
    z-index: 9;*/
}

.social-media ul {
    margin: 0;
    padding: 0;
}

.social-media li {
    list-style: none;
    display: inline-block;
    padding: 20px 10px 20px 0;
}

.social-media li img {
    width: 30px;
    height: auto;
}

/* SCROLL DOWN */

/* .scroll-down {
	opacity: 1;
	transition: all .5s ease-in 3s;
	-webkit-transition: all .5s ease-in 3s;
}
.scroll-down {
	bottom: 30px;
	background-size: 14px auto;
	border-radius: 50%;
	display: block;
	height: 40px;
	left: 50%;
	margin-left: -20px;
  position: absolute;
	width: 40px;
	transition: all .2s ease-in;
	z-index: 9;
	-webkit-animation: bounce 2s infinite 2s;
	-webkit-transition: all .2s ease-in;
}
.scroll-down:before {
	border: 2px solid white;
	border-width: 0px 0 2px 2px;
	content: "";
	display: block;
	height: 30px;
	left: calc(50% - 6px);
	position: absolute;
	top: calc(50% - 8px);
	transform: rotate(-45deg);
	width: 30px;
} */

.mouse-wrapper {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -12px;
    z-index: 98;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.mouse {
    display: inline-block;
    height: 40px;
    width: 24px;
    border-radius: 20px;
    border: 2px solid #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.mouse-pulstate {
    position: absolute;
    width: 22px;
    height: 38px;
    left: 0;
    top: 0;
    display: block;
    border: 20px solid #fff;
    border-width: 1px;
    border-radius: 20px;
    animation: border-pulsate 2s infinite;
}

.mouse-wrapper:hover {
    bottom: 40px
}

.mouse:after {
    display: inline-block;
    height: 9px;
    width: 6px;
    background-color: transparent;
    border-radius: 3px;
    content: "";
    -webkit-animation: scroll 1.3s ease-out infinite forwards;
    -moz-animation: scroll 1.3s ease-out infinite forwards;
    animation: scroll 1.3s ease-out infinite forwards;
    border: 2px solid #fff;
}

@keyframes border-pulsate {
    0% {
        border-color: rgba(255, 255, 255, 0);
        border-width: 1px;
        margin-left: 0;
        margin-top: 0;
        height: 38px;
        width: 20px;
        border-radius: 20px;
    }
    50% {
        border-color: rgba(255, 255, 255, .65);
        border-width: 1px;
        margin-left: -20px;
        margin-top: -20px;
        height: 76px;
        width: 60px;
        border-radius: 40px;
    }
    100% {
        border-color: rgba(255, 255, 255, 0);
        border-width: 1px;
        opacity: 0;
        margin-left: -20px;
        margin-top: -20px;
        height: 76px;
        width: 60px;
        border-radius: 40px;
    }
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    50% {
        opacity: .3;
        -webkit-transform: translateY(4px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes scroll {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    50% {
        opacity: .3;
        -moz-transform: translateY(4px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        opacity: .3;
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

/* BUTTON */

.btn {
    background: transparent;
    border-radius: 2px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    padding: 10px 15px;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 13px;
}

.btn-md {
    padding: 10px 25px;
    font-size: 15px;
}

.btn-lg {
    padding: 15px 35px;
    font-size: 16px;
}

.btn.btn-gold {
    background: #353535 !important;
    color: #fff !important;
}

.btn.border-gold {
    border: 1px solid #353535;
}

.btn.border-white {
    border: 1px solid #fff !important;
    color: #fff !important
}

.on .btn.btn-gold,
.no-slider .btn.btn-gold {
    color: #fff !important;
}

.btn.btn-blue {
    background: #006580;
    color: #fff;
}

.btn:hover,
.btn.border:hover,
.btn.border-white:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff;
    box-shadow: none;
}

.btn:hover i {
    color: #fff;
}

.btn-book {
    font-family: 'rotissemiserifregular', serif;
    text-transform: uppercase;
    font-size: 16px;
    padding: 20px 30px !important;
    margin-right: -15px;
    border-radius: 0;
    float: right
}

.link {
    color: #006580;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    background-image: url(../../image/arrow-gold.png);
    text-decoration: none;
    background-position: center right 10px;
    background-size: 32px 6px;
    padding-right: 52px;
    background-repeat: no-repeat;
}

.link:hover {
    background-position: center right 0;
}

/* -------------------------------------
   IMAGE HOVER
----------------------------------------*/

.image-hover {
    position: relative;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.image-hover figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.image-hover figure img {
    position: relative;
    display: block;
    /* min-height: 100%; */
    max-width: 100%;
}

.image-hover figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.image-hover figure figcaption::before,
.image-hover figure figcaption::after {
    pointer-events: none;
}

.image-hover figure figcaption,
.image-hover figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-hover figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.image-hover figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.image-hover figure h2 span {
    font-weight: 800;
}

.image-hover figure h2 {
    margin: 0;
}


/* OVERLAY */

.overlay h2,
.overlay h3,
.overlay h4 {
    line-height: normal;
    margin-bottom: 3px;
}

.overlay p {
    line-height: normal;
}

.overlay .big-num-back {
    position: absolute;
    font-size: 26em;
    font-weight: 700;
    line-height: 0.7em;
    color: #fff;
    right: 30px;
    bottom: 0;
}

*/ .loading .overlay-caption {
    opacity: 0;
}

.overlay-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: table-cell;
    vertical-align: middle;
}

.overlay-caption:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.overlay-caption:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overlay-caption.to-light:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .35)
}

.overlay:hover .overlay-caption.to-light:after {
    background: rgba(0, 0, 0, 0)
}

.overlay-caption.to-dark:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .15)
}

.overlay:hover .overlay-caption.to-dark:after {
    background: rgba(0, 0, 0, .45)
}

.overlay:hover a img {
    opacity: .5;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.overlay-caption.darker:after {
    background: rgba(0, 0, 0, .65)
}

.overlay figure a img {
    opacity: 1 !important;
}

.caption-content {
    width: 98%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 90;
    padding: 25px 100px;
}

.caption-content h3 {
    text-transform: uppercase;
}

.caption-content h4 {
    text-transform: uppercase;
}

.caption-content.bottom-left,
.caption-content.top-left {
    position: absolute;
    text-align: left;
}

.caption-content.bottom-right,
.caption-content.top-right {
    position: absolute;
    text-align: right;
}

.caption-content.top-center,
.caption-content.bottom-center,
.caption-content.middle-center {
    position: absolute;
    text-align: center;
}

.caption-content.bottom-center {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.caption-content.bottom-left {
    left: 0;
    bottom: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.bottom-right {
    right: 0;
    bottom: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.middle-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.caption-content.top-left {
    left: 0;
    top: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.top-center {
    left: 0;
    right: 0;
    top: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.top-right {
    right: 0;
    top: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.from-invisible,
.caption-content.from-visible {
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
    font-size: 1.05em;
}

.caption-content.from-visible {
    opacity: 1;
}

.overlay-caption:hover .caption-content.from-invisible {
    opacity: 1;
}

.overlay-caption:hover .caption-content.from-visible {
    opacity: 0;
}

.caption-content.gradient {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, -0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.overlaybg {
    position: relative;
    z-index: 0;
}

.overlaybg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: -1;
}

.overlaybg.dark:after {
    background: rgba(0, 0, 0, .75)
}

.overlaybg.darker:after {
    background: rgba(0, 0, 0, .85)
}


/* IMAGE HOVER */

figure {
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    position: relative;
    overflow: hidden;
}

figure a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure a img {
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
}

figure:hover {
    background: rgba(0, 0, 0, 1);
    )
}

figure a:hover img {
    opacity: .5;
    -webkit-transform: scale(1.05);
    /* Webkit: Scale up image to 1.2x original size; */
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

figure a {
    -webkit-backface-visibility: hidden;
    /*  -webkit-transform: translateZ(0) scale(1.02, 1.02); */
}

figure img {
    width: 100%;
    height: auto;
    display: block;
}

figure.overlay {
    position: relative;
    z-index: 2;
}

figure.overlay:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}


/* MODAL BOX */

.modal-header {
    padding: 0;
    border: none;
}

.modal-body {
    padding: 35px;
}

.modal-content {
    border-radius: 3px;
}

.modal-content-item small {
    color: #000;
    letter-spacing: 1px;
}


.modal-header .close {
    margin-top: -7vw;
    margin-right: -2vw;
}

ul.modal-head {
    padding-left: 0px;
}

.modal-head ul {
    margin: 0;
    padding-left: 0;
}

.modal-head li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.modal-head li.h3 {
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
}

.modal-content-item h3.h3 {
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
}

.close {
    float: right;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

/* -------------------------------------
  Magnific Popup
----------------------------------------*/

.mfp-fade.mfp-bg {
    background: #000;
    opacity: 0;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .9;
    z-index: 1500;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content,
.mfp-fade.mfp-wrap .mfp-content iframe {
    opacity: 0;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content iframe {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content iframe {
    opacity: 0;
}

.mfp-wrap {
    z-index: 2000;
}

.mfp-img {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0);
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    max-width: 100%;
}

.mfp-inline-holder .mfp-close {
    color: #000 !important;
    padding-right: 0px;
    right: 30px !important;
    top: 10px !important;
    text-align: right;
    width: 100%;
}

.mfp-container {
    padding: 0;
}

#book .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 10%;
    top: 10%;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #000;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.white-popup-block {
    background: #FFF;
    max-width: 650px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

#book.white-popup-block,
.fullscreen.white-popup-block {
    background: #FFF;
    max-width: 100%;
    min-height: 100vh;
    margin: auto;
    position: relative;
    text-align: left;
}

.mfp-arrow {
    background-color: rgba(0, 0, 0, .9) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    height: 60px !important;
    margin-top: -30px !important;
    transition: all 0.3s ease !important;
    width: 60px !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
}

.mfp-arrow-left {
    background-image: url(images/carousel-left.png) !important;
}

.mfp-arrow-right {
    background-image: url(images/carousel-right.png) !important;
}

.mfp-arrow:before,
.mfp-arrow:after {
    display: none;
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: 100% !important;
    line-height: 0;
    margin: 0 auto;
    max-width: 100% !important;
    padding: 0;
    transition: all 0.3s ease;
    width: 80% !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mfp-content figure,
.mfp-content figure:hover {
    overflow: initial !important;
    background: #0b050c;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-bottom-bar {
    margin-top: 10px;
}

.promo-box,
.promo-bar {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 360px;
    background: #fff;
    border-radius: 0;
    margin: 0 15px 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    z-index: 98;
    overflow: hidden;
    display: none;
}

.promo-box,
.promo-bar {
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    display: block;
    pointer-events: none;
}

.promo-box {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
}

.promo-bar {
    display: block;
    padding: 20px 25px;
    cursor: pointer;
    /*animation: colorchange 10s infinite; -webkit-animation: colorchange 10s infinite;*/
}

.promo-box.visible {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    pointer-events: initial;
}

.promo-bar.visible {
    opacity: 0;
    pointer-events: initial;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation: fadeInUp .75s;
}

.promo-box > .promo-content {
    padding: 10%;
}

.promo-box > .promo-content h2,
.promo-box > .promo-content h3,
.promo-box > .promo-content h4 {
    letter-spacing: 0;
}

.promo-box > .promo-content h3 {
    line-height: 27px;
}

.promo-box > .promo-content p {
    font-size: 13px;
    letter-spacing: .05em;
    line-height: 20px;
}

.promo-box button,
.promo-bar button {
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    width: 44px;
    height: 44px;
    line-height: 44px;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    position: absolute;
    top: 5px;
    right: 5px;
    touch-action: manipulation;
}

@media screen and (max-width: 480px) {
    .promo-bar {
        padding: 20px 15px
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes colorchange {
    0% {
        background: #fff;
        color: #333;
    }
    25% {
        background: #68307b;
        color: #fff
    }
    50% {
        background: #fff;
        color: #333
    }
    75% {
        background: #68307b;
        color: #fff
    }
    100% {
        background: #fff;
        color: #333;
    }
}

@-webkit-keyframes colorchange
/* Safari and Chrome - necessary duplicate */

    {
    0% {
        background: #fff;
        color: #333;
    }
    25% {
        background: #68307b;
        color: #fff
    }
    50% {
        background: #fff;
        color: #333
    }
    75% {
        background: #68307b;
        color: #fff
    }
    100% {
        background: #fff;
        color: #333;
    }
}



/*margin*/

/* MARGIN */

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-fluid-1 {
    margin: 1vw;
}

.margin-fluid-2 {
    margin: 2vw;
}

.margin-fluid-3 {
    margin: 3vw;
}

.margin-fluid-4 {
    margin: 4vw;
}

.margin-fluid-5 {
    margin: 5vw;
}

.margin-fluid-6 {
    margin: 6vw;
}

.margin-fluid-7 {
    margin: 7vw;
}

.margin-fluid-8 {
    margin: 8vw;
}

.margin-fluid-top-1 {
    margin-top: 1vw;
}

.margin-fluid-top-2 {
    margin-top: 2vw;
}

.margin-fluid-top-3 {
    margin-top: 3vw;
}

.margin-fluid-top-4 {
    margin-top: 4vw;
}

.margin-fluid-top-5 {
    margin-top: 5vw;
}

.margin-fluid-top-6 {
    margin-top: 6vw;
}

.margin-fluid-top-7 {
    margin-top: 7vw;
}

.margin-fluid-top-8 {
    margin-top: 8vw;
}

.margin-fluid-right-1 {
    margin-right: 1vw;
}

.margin-fluid-right-2 {
    margin-right: 2vw;
}

.margin-fluid-right-3 {
    margin-right: 3vw;
}

.margin-fluid-right-4 {
    margin-right: 4vw;
}

.margin-fluid-right-5 {
    margin-right: 5vw;
}

.margin-fluid-right-6 {
    margin-right: 6vw;
}

.margin-fluid-right-7 {
    margin-right: 7vw;
}

.margin-fluid-right-8 {
    margin-right: 8vw;
}

.margin-fluid-bottom-1 {
    margin-bottom: 1vw;
}

.margin-fluid-bottom-2 {
    margin-bottom: 2vw;
}

.margin-fluid-bottom-3 {
    margin-bottom: 3vw;
}

.margin-fluid-bottom-4 {
    margin-bottom: 4vw;
}

.margin-fluid-bottom-5 {
    margin-bottom: 5vw;
}

.margin-fluid-bottom-6 {
    margin-bottom: 6vw;
}

.margin-fluid-bottom-7 {
    margin-bottom: 7vw;
}

.margin-fluid-bottom-8 {
    margin-bottom: 8vw;
}

.margin-fluid-left-1 {
    margin-left: 1vw;
}

.margin-fluid-left-2 {
    margin-left: 2vw;
}

.margin-fluid-left-3 {
    margin-left: 3vw;
}

.margin-fluid-left-4 {
    margin-left: 4vw;
}

.margin-fluid-left-5 {
    margin-left: 5vw;
}

.margin-fluid-left-6 {
    margin-left: 6vw;
}

.margin-fluid-left-7 {
    margin-left: 7vw;
}

.margin-fluid-left-8 {
    margin-left: 8vw;
}


/*padding*/

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-90 {
    padding-top: 90px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-110 {
    padding-top: 110px !important;
}

.padding-top-120 {
    padding-top: 120px !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.padding-right-780 {
    padding-right: 780px!important;
}


.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-90 {
    padding-bottom: 90px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-bottom-110 {
    padding-bottom: 110px !important;
}

.padding-bottom-120 {
    padding-bottom: 120px !important;
}

.padding-bottom-130 {
    padding-bottom: 130px !important;
}

.padding-bottom-140 {
    padding-bottom: 140px !important;
}

.padding-bottom-150 {
    padding-bottom: 150px !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}


.padding-5 {
    padding: 5px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-fluid-1 {
    padding: 1vw;
}

.padding-fluid-2 {
    padding: 2vw;
}

.padding-fluid-3 {
    padding: 3vw;
}

.padding-fluid-4 {
    padding: 4vw;
}

.padding-fluid-5 {
    padding: 5vw;
}

.padding-fluid-6 {
    padding: 6vw;
}

.padding-fluid-7 {
    padding: 7vw;
}

.padding-fluid-8 {
    padding: 8vw;
}

.padding-fluid-top-1 {
    padding-top: 1vw;
}

.padding-fluid-top-2 {
    padding-top: 2vw;
}

.padding-fluid-top-3 {
    padding-top: 3vw;
}

.padding-fluid-top-4 {
    padding-top: 4vw;
}

.padding-fluid-top-5 {
    padding-top: 5vw;
}

.padding-fluid-top-6 {
    padding-top: 6vw;
}

.padding-fluid-top-7 {
    padding-top: 7vw;
}

.padding-fluid-top-8 {
    padding-top: 8vw;
}

.padding-fluid-right-1 {
    padding-right: 1vw;
}

.padding-fluid-right-2 {
    padding-right: 2vw;
}

.padding-fluid-right-3 {
    padding-right: 3vw;
}

.padding-fluid-right-4 {
    padding-right: 4vw;
}

.padding-fluid-right-5 {
    padding-right: 5vw;
}

.padding-fluid-right-6 {
    padding-right: 6vw;
}

.padding-fluid-right-7 {
    padding-right: 7vw;
}

.padding-fluid-right-8 {
    padding-right: 8vw;
}

.padding-fluid-bottom-1 {
    padding-bottom: 1vw;
}

.padding-fluid-bottom-2 {
    padding-bottom: 2vw;
}

.padding-fluid-bottom-3 {
    padding-bottom: 3vw;
}

.padding-fluid-bottom-4 {
    padding-bottom: 4vw;
}

.padding-fluid-bottom-5 {
    padding-bottom: 5vw;
}

.padding-fluid-bottom-6 {
    padding-bottom: 6vw;
}

.padding-fluid-bottom-7 {
    padding-bottom: 7vw;
}

.padding-fluid-bottom-8 {
    padding-bottom: 8vw;
}

.padding-fluid-left-1 {
    padding-left: 1vw;
}

.padding-fluid-left-2 {
    padding-left: 2vw;
}

.padding-fluid-left-3 {
    padding-left: 3vw;
}

.padding-fluid-left-4 {
    padding-left: 4vw;
}

.padding-fluid-left-5 {
    padding-left: 5vw;
}

.padding-fluid-left-6 {
    padding-left: 6vw;
}

.padding-fluid-left-7 {
    padding-left: 7vw;
}

.padding-fluid-left-8 {
    padding-left: 8vw;
}

.margin-center {
    float: inherit;
    margin: 0 auto
}

.col-count-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.col-count-three {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.share {
    display: inline-block;
    height: auto;
    height: 41px;
    width: 43px;
    padding: 0;
    line-height: 41px;
}

.share.btn-lg {
    height: 51px;
    width: 51px;
    line-height: 51px;
}

.share .share-buttons {
    position: relative;
    height: 0;
    width: 41px;
    bottom: 16.5rem;
    -webkit-transform: translateY(6.2rem);
    -ms-transform: translateY(6.2rem);
    transform: translateY(6.2rem);
}

.share.btn-lg .share-buttons {
    bottom: 17.5rem;
    width: 51px;
}

.share.active .share-buttons {
    height: auto;
}

.share i {
    pointer-events: none;
}

.fab {
    height: 41px;
    width: 41px;
    line-height: 41px;
    cursor: pointer;
    background: rgba(255, 255, 255, .75);
    display: block;
}

.fab {
    border: 1px solid #68307b;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0;
    will-change: animation;
    margin-bottom: 5px;
    color: #000 !important;
}

.share:hover i {
    color: #000 !important;
}

.share:hover .fab:nth-child(2) {
    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .0s;
    opacity: 1;
}

.share:hover .fab:nth-child(1) {
    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .15s;
    opacity: 1;
}

/*
.share:hover .fab:nth-child(4){
    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .0s;
    opacity:1;
}
.share:hover .fab:nth-child(3){
    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .15s;
    opacity:1;
}
.share:hover .fab:nth-child(2){
    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .3s;
    opacity:1;
}
.share:hover .fab:nth-child(1){
    -webkit-transform: translateY(-3.1rem);
    -ms-transform: translateY(-3.1rem);
    transform: translateY(-3.1rem);
    transition-delay: .45s;
    opacity:1;
}
*/

@media only screen and (max-width:992px) {
    .col-count-two,
    .col-count-three {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.reveal,
.flx-reveal {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}

.reveal_visible,
.flx-reveal-visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.smooth {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: all .5s cubic-bezier(0.2, .84, .5, 1);
    transform-origin: 0 0;
    transform: translate3d(0px, 0px, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*
=================================
           ADDITIONAL
=================================
*/

#sbi_load {
    padding-top: 0 !important;
}

#newsletter form div select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: url('../../image/select-box-arrow.png') right 5px top 50% no-repeat transparent !important;
}

#newsletter form div select option {
    color: #555;
}

.d-inline-block {
    display: inline-block;
    float: none;
    margin: 0 -2px;
    vertical-align: top;
}

#dv_map,
#dv_street {
    display: none;
    height: 450px;
    width: 100%;
}

.map-active {
    display: block !important;
}

.map-route-control label {
    line-height: 51px;
}

#route-list table {
    width: 100%;
}

#route-list table .adp-text {
    padding: 10px;
}

.map-control {
    display: inline-block;
    margin: -60px 0 60px 10px;
    position: absolute;
    z-index: 9;
}

video#videobg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    /*background-image: url("images/poster.jpg");*/
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    /*left: 50%;*/
    left: 0;
    min-height: 100%;
    min-width: 100%;
    /*position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);*/
    transition: opacity 1s ease 0s;
    width: 100%;
    z-index: 6;
}

/*
.bg-light-grey select,
.bg-light-grey input{
    background-color: #f4f4f4;
}
*/

#vt-slider,
#vt-slider .item {
    background-size: cover !important;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
    }
}

/*#vt-slider .carousel-indicators:before{content:'AVAILABLE THEMES'; font-size:22px; color:#fff; display:block; clear:both; margin-bottom:15px;}*/

#vt-slider .carousel-indicators li {
    color: #fff;
    font-weight: 400;
    display: inline-block;
    width: auto;
    height: initial;
    margin: 0;
    padding: 10px 15px;
    text-indent: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

@media (max-width: 640px) {
    #vt-slider .carousel-indicators li {
        font-size: 13px;
        margin: 0 4px;
    }
}

#vt-slider .carousel-indicators li:after {
    border-bottom: 3px solid #b78c3a;
    content: '';
    opacity: 0;
    margin-top: 10px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    /*-webkit-transform-origin: 0 0;
  transform-origin: 0 0;*/
    display: block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

#vt-slider .carousel-indicators li.active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#right .caption-content {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

#vt-slider .carousel-indicators {
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, -0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    padding: 75px 0 30px;
}

#vt-slider .carousel-caption {
    display: none;
}


/***********************************
          PAGINATION
************************************
*/

.pagination {
    clear: both;
    position: relative;
    font-size: 14px;
    margin: 20px 0 0 0;
}


.pagination span {
    border: none;
    clear: both;
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 10px;
}

.pagination a,
.pagination span.current {
    display: block;
    float: left;
    margin: 2px 5px 2px 5px;
    padding: 6px 12px 5px 12px;
    text-decoration: none;
    width: auto;
    color: #8e8e8e;
    background: #fff;

}

.pagination a:hover {
    color: #000;
}

.pagination .current {
    color: #000 !important;
    clear: initial;
    margin-bottom: 0;
}

.g-recaptcha {
    display: none;
}

.display-none {
    display: none;
}

#ic_signupform .elcontainer .submit-container {
    height: 3em;
}

.submit-container .background-white {
    background: white;
    height: 100%;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.submit-container .background-white {
    background: white;
    height: 100%;
}

.instagramFeedBlockWrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.instagramFeedBlockWrapper .instagramItem {
/*    flex-basis: 12.5%;*/
    flex-basis: 16.6666%;
}

img.img-responsive.instagram-img {
    width: 100%;
}

/*===== Sitemap =====*/

#site-map ul li {
    border-left: solid #efefef 2px;
    padding-left: 15px;
}

#site-map ul > li > a {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    margin: 5px 0;
    position: relative;
    color: #0054a6;
}

#site-map ul > li > p {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    margin: 5px 0;
    position: relative;
    color: #000;
}

#site-map ul > li > a:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 15px;
    background: #efefef;
}

#site-map ul > li > p:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 15px;
    background: #efefef;
}

#site-map ul {
    list-style: none;
    padding-left: 20px;
    margin: 0;
}

#site-map h1.title {
    font-size: 3rem;
    margin-bottom: 10px;
    margin-top: 30px;
}

.title-sitemap h4 {
    color: #68307b;
    font-weight: 500;
    letter-spacing: 2px;
}

.bubble-content {
    font-size: 12px;
    padding: 20px;
}

.bubble-container img {
    width: 100%;
}

img.media-object {
    width: 150px;
    max-width: inherit;
}

.media,
.media-body {
    overflow: initial;
}

.title-line hr {
    margin-top: 0!important;
    margin-bottom: 25px!important;
}

@media screen and (min-width: 768px) {
    .flexslider .slides.slider-responsive > li {
        background-size: cover!important;
    }
}

@media screen and (max-width: 767px) {
    .flexslider .slides.slider-responsive > li {
        background-size: contain!important;
    }
    .slider.sec-slider {
        height: 35vh!important;
    }
}

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    /* transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; */
}

.view {
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.view .mask {
    opacity: 0;
}

.view:hover .mask {
    opacity: 1;
}

.view img {
    width: 100%;
    height: auto;
    display: block;
}

.experience-hover a {
    display: block;
    text-decoration: none;
}

.full {
    width: 100%;
    height: 34%;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    padding-top: 5px;
    position: absolute;
    bottom: 0;
}

.port-title {
    color: white !important;
    font-size: 21px;
}

.port-text {
    color: white !important;
    line-height: 16px !important;
    font-size: 11px;
    margin-top: 2px !important;
    padding-left: 20px;
    padding-right: 20px;
    width: 100% !important;
    text-align: center;
}

.text-center {
    text-align: center;
}

.hide {
    display: none;
}

.tulisan {
    bottom: 0;
    top: 50%;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    transform: translate3d(0, -50%, 0);
}

.tes {
    color: white;
    font-size: 34px;
    font-family: 'rotissemiserifregularrotissemiserifregular', serif;
    text-align: center;
    letter-spacing: 0;
    font-weight: normal;
}

.boxparagraph {
    bottom: 30%;
    text-align: left;
    left: 10%;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px;
    width: 100%;
    line-height: normal;
}

.paragraph {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.on .sub-menu {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    background-color: #fff;
    background-clip: padding-box;
    display: none;
    float: left;
    left: 0;
    list-style: none;
    min-width: 200px;
    margin: 0;
    top: 100%;
    text-align: left;
    position: absolute;
    padding: 10px;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}

.on .sub-menu > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    clear: both;
    color: #000;
    display: block;
    font-weight: normal;
    padding: 10px;
    line-height: 1.42857143;
    white-space: nowrap;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}


/* EVENT */

/* Event Item */

/* Event Item */
.event-slider {
    background-color: rgba(211, 208, 204, 0.5);
}
/*
.event-slider h3.section-title {
    color: #fff;
}
*/
section.event-slider {
    padding-bottom: 0;
    margin-bottom: 0;
}
.event-item,
.event-item:hover {
    color: #454545;
}

.event-item {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* Slider */

.slick-slider {
    margin-bottom: 40px;
}

/*
.slick-slider .event-item-inner {
    padding-top: 20px;
}
*/

.slick-slider .event-item-inner,
.event-highlight-container-inner {
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
}

.slick-slide {
    transition: transform 0.2s ease-in-out;
}

.slick-slide.slick-current {
    transform: scale(1);
    margin: 0 auto;
}

/* Event Highlight Container */

.event-highlight-container {
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
    background: rgba(211, 208, 204, 0.5);
    background: -moz-linear-gradient(top, rgba(211, 208, 204, 0) 0%, rgba(211, 208, 204, 0) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(211, 208, 204, 0)), color-stop(40%, rgba(211, 208, 204, 0)), color-stop(40%, rgba(124, 198, 189, 1)), color-stop(100%, rgba(124, 198, 189, 1)));
    background: -webkit-linear-gradient(top, rgba(211, 208, 204, 0) 0%, rgba(211, 208, 204, 0) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -o-linear-gradient(top, rgba(211, 208, 204, 0) 0%, rgba(211, 208, 204, 0) 40%, rgba(124, 198, 189, 1) 40%, rgba(124, 198, 189, 1) 100%);
    background: -ms-linear-gradient(top, rgba(211, 208, 204, 0) 0%, rgba(211, 208, 204, 0) 40%, rgba(124, 198, 189, 1) 40%, rgba(124, 198, 189, 1) 100%);
    background: linear-gradient(to bottom, rgba(211, 208, 204, 0) 0%, rgba(211, 208, 204, 0) 40%, rgba(124, 198, 189, 1) 40%, rgba(124, 198, 189, 1) 100%);
}
.brands-highlight-container {
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 80px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(320px, rgba(255, 255, 255, 1)), color-stop(320px, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.event-highlight-slider {
    /*background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(124, 198, 189,1)), color-stop(100%, rgba(124, 198, 189,1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    padding-bottom: 50px;*/
}

.event-highlight-container.slick-slider {
    margin-bottom: 40px;
}

.event-highlight-container-inner {
    padding: 70px 0 70px;
}

/* banner at top of event page */

.header-section {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
}

.banner-event-item {
    width: 70%;
    margin: 0 auto;
}

.event-actions-desktop .event-actions-wrapper {
    position: absolute;
    top: 320px;
    right: 0;
    width: 15%;
}

.event-page .when-desktop > div {
    top: 320px;
}

.event-actions-desktop {
    width: 400px;
}

.when-desktop {
    width: 15%;
}

.when-desktop > div {
    position: absolute;
    bottom: 0;
    width: 15%;
}

/* banner at top of event popup */

#event-overlay .banner-event-item {
    max-width: 600px;
}

#event-overlay .event-actions-desktop .event-actions-wrapper {
    top: 250px;
    width: 200px;
}

#event-overlay .event-calendar-container .event-item.col-md-4 .content .when.end-date {
    margin-left: -4.5%;
    width: 35%;
}

#event-overlay .event-calendar-container .event-item.col-md-4 .content .when.end-date + .info {
    width: 67%;
}


#event-overlay .when-desktop {
    width: 200px;
}

#event-overlay .when-desktop > div {
    width: 200px;
}

.when-mobile {
    display: none;
}

.time {
    margin-top: 22px;
    font-family: BrownLight
}

@media (max-width: 1200px) and (max-height: 699px) {
    .time {
        margin-top: -5px;
    }
    /*.book-now .book-dates-container.on .meeting-rooms-date-time-selector-container.book-tab .datepicker.picker .time {*/
    .book-now-container .meeting-rooms-date-time-selector-container.book-tab .datepicker.picker .time {
        margin-top: 22px;
    }
    #SearchAgain .time-of-day .time {
        margin-top: 22px;
    }
}

/* Event Popup, Event and Blog Body Wrappers */

.body-content {
    margin: 0 auto;
    width: 70%;
    max-width: 800px;
}


/*.body-content {
    margin: 0 auto;    width:70%;
    max-width: 800px;
}


.body-content p {   
    margin: 0 29%;
    width:70%;
    max-width: 800px;
    

}*/

.blog-page .body-content img {
    margin: 50px auto;
    display: block;
}


/* When Date & Time Slider */

.event-highlight-slider .when {
    position: absolute;
    top: 0;
    left: 0px;
    background: #7cc6bd;
    color: #454545;
    height: 160px;
    width: 160px;
    text-align: center;
    opacity: 0;
    transition: 0.5s opacity;
}
.event-highlight-slider .when {
    color: #454545;
    text-align: center;
}
.when span.day, .when span.month {
    font-size: 16px;
    margin-bottom: 10px;
}
.when span.date {
    font-size: 48px;
    font-family: BrownLight;
    margin-bottom: 10px;
    line-height: 1;
}
.event-highlight-slider .when {
    opacity: 0;
}

.event-highlight-slider .slick-current .when {
    opacity: 1;
}
.event-highlight-slider .slick-slide.slick-current .info {
    display: block;
}
.image-slider.slick-initialized .main-image, .image-slider.slick-initialized .image-slide, .slider .slick-initialized .event-item {
    display: block;
}

.event-highlight-slider .when > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Event Highlight Slider */

.event-highlight-slider .slick-slide {
    max-width: 1020px;
}

.event-highlight-slider h3.title {
    margin-top: 32px;
    margin-bottom: 12px;
    font-size: 29px;
}
.event-highlight-slider h3.title {
    font-size: 22px;
    margin-top: 25px;
}

.event-highlight-slider .image-container {
    height: 438px;
}

/* Event Actions */

.event-actions button {
    background: #fff;
}

.event-actions a.book,
.event-actions button,
.open-event {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    height: 100px;
}

.pos-rel {
    position: relative;
}

.has-price {
    position: absolute;
    color: #fff;
    margin-left: 46%;
    top: 73px;
}

.with-desktop-price {}

.open-event {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 15%;
    background-color: #7cc6bd;
    color: #ffffff;
}

.event-actions a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 100px;
    height: 100px;
    text-decoration: none;
}

.event-actions a.book {
    background: #7cc6bd;
    color: #fff;
    line-height: normal;
    font-size: 15px;
}

.event-actions .add-to-calendar {
    background: #fff;
}

/* Event Actions Mobile */

.event-actions-mobile.event-actions a.book, .event-actions-mobile.event-actions button {
    height: 70px;
    padding: 10px 36px 10px;
}

.event-actions-mobile {
    display: none;
}

.event-actions a.book {
    background: #7cc6bd;
    color: #fff;
    display: table;
    -moz-box-sizing: border-box;
}

.event-actions a.book span {
    vertical-align: middle;
    text-align: center;
}

.event-actions a.book span {
    display: table-cell;
}

.event-actions a.book.desktop-with-price span {
    display: block;
}

/* Image Containers */

.image-container {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 520px;
    position: relative;
    text-align: center;
}

.image-container .title {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 42px;
}

.image-container span.title {
    max-width: 650px;
    padding: 0 20px;
    display: inline-block;
}

/* Image Item */

.image-item {
    position: relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.25s ease-in-out;
}

/* Event Calendar Container */

/*#content-events {
    margin-top: 30px;
    margin-bottom: 30px;
}*/
#content-events h1 {
    margin-top: 0;
}
#content-events p {
    color: #737373;
    text-align: center;
}
.text-center {
    text-align: center!important;
}
#content-events a {
    color: #fff;
}
.event-calendar-container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    clear: both;
}

.event-calendar-container .image-container {
    height: 260px;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}

.event-calendar-container .event-item {
    margin: 20px;
    width: 370px;
    min-height: 340px;
    float: left;
    position: relative;
    background-color: #F2F2F2;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.event-calendar-container .event-item-inner {
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
}

#event-overlay .event-calendar-container .event-item-inner {
    width: 85%;
    max-width: 220px;
}

.event-calendar-container .event-item:hover .image-container {
    transform: translateY(-10px);
}

.event-calendar-container .event-item .content {
    overflow: visible;
    margin-top: 22px;
    position: relative;
}

.event-calendar-container .event-item .content .when {
    float: left;
    width: 25%;
    margin-left: -1.5%;
    margin-top: 2%;
}

.event-calendar-container .event-item .content .when.end-date {
    margin-left: -2.5%;
}

.hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date {
    margin-left: -4.5%;
    width: 28%;
}

.hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date span.date {
    font-size: 29px
}

.event-calendar-container .event-item .content .info {
    float: right;
    width: 72%;
}

.event-calendar-container .event-item .content .info .title {
    font-size: 24px;
    padding: 0;
    margin: -2px 0 5px;
    line-height: 1.3;
    font-family: BrownRegular;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-calendar-container .event-item .content .info .where {
    display: block;
    width: 100%;
    font-size: 12px;
}

.event-calendar-container .event-item.calendar-month {
    background: #a1dad4;
    text-align: center;
    font-size: 40px;
}

.event-calendar-container .event-item.calendar-month span {
    color: #fff;
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.event-item {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.event-highlight-slider .slick-slide.slick-active.slick-current, .event-highlight-slider .slick-slide.slick-active.slick-current a {
    cursor: pointer;
    display: block;
}


Overlay */ #event-overlay .header-section {
    margin: -250px auto 0;
}

#event-overlay .banner-event-item .image-container {
    height: 450px;
}

#event-overlay .event-calendar-container .image-container {
    height: 170px;
}

#event-overlay .event-calendar-container .event-item.calendar-month,
#event-overlay .event-calendar-container .event-item {
    min-height: 340px;
    width: 44%;
}

#event-overlay .event-calendar-container .event-item.calendar-month,
#event-overlay .event-calendar-container .event-item.col-md-4 {
    min-height: 280px;
    width: 240px;
}

#event-overlay .body-content .info {
    float: left;
    width: 50%;
}

.event-description-text {
    padding-top: 10px;
}

#event-overlay .body-content {
    width: 65%;
    max-width: 600px;
}

.event-calendar-container .event-item-inner .content .when {
    position: absolute;
    top: -200px;
    left: 10px;
    color: #fff;
}

.image-overlay {

    position: absolute;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    left: 0;
}

.event-calendar-container .event-item .content .info {

    float: left;
    width: 100%;
}

.event-calendar-container .location {
    font-size: 12px;
    font-family: BrownLight;
}

.hoxtown-page-content .load-more-container a {
    font-size: 26px;
    color: #353535;
    margin: 20px 0 20px;
    padding: 20px 0 30px;
    display: block;
    text-align: center;
    clear: both;
    position: relative;
}

.hoxtown-page-content .load-more-container a:hover::after {
    width: 100px;
}

.hoxtown-page-content .load-more-container a::after, .hoxtown-page-content .load-more-container a:hover::after {
    transition: width 0.2s linear;
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    margin-top: 4px;
    background: rgba(161, 217, 212, 1);
    left: 50%;
    transform: translateX(-50%);
    transition: all ease-in 0.5s;
}

/* Event Popup */

.event-detail {
    background: #F2F2F2;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 250px;
    min-height: 250px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(3, 3, 3, .1);
    -moz-box-shadow: 0 3px 5px 0 rgba(3, 3, 3, .1);
    -o-box-shadow: 0 3px 5px 0 rgba(3, 3, 3, .1);
    -ms-box-shadow: 0 3px 5px 0 rgba(3, 3, 3, .1);
    box-shadow: 0 3px 5px 0 rgba(3, 3, 3, .1);
    padding-bottom: 50px;
}

#event-overlay .event-header .info {
    float: left;
    width: 50%;
}

#event-overlay .related-events {
    clear: both;
}

#event-overlay .event-calendar-container {
    max-width: 834px;
}

#event-overlay .related-events h4,
.related-events.related-more-info h4 {
    padding: 40px 20px 20px;
    margin: 0;
    font-size: 26px;
    text-align: center;
}

#event-overlay .event-header .event-item .event-item-inner .content .info h4 {
    margin-bottom: 10px;
}

#event-overlay .event-header .event-item-inner .info p:first-of-type {
    margin-top: 25px;
}

#event-overlay .day,
#event-overlay .month {
    font-size: 18px;
    line-height: 18px;
}

#event-overlay .related-events .when span.date,
.related-events.related-more-info .when span.date {
    font-size: 24px;
    margin-bottom: 3px;
}

#event-overlay .related-events .event-calendar-container .event-item .content .info {
    margin-top: -5px;
}

#event-overlay .related-events .day,
#event-overlay .related-events .month {
    font-size: 11px;
    line-height: 11px;
}

#event-overlay .related-events h3 {
    font-size: 20px;
}

.event-detail .related-events .event-item {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
}

#event-overlay .event-header .when-mobile {
    margin-top: 20px;
}
.when span {
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
}

/*#event-overlay .related-events .event-item.col-md-6 {
    width: 360px;
}*/

#event-overlay .event-calendar-container .col-md-6 .event-item-inner {
    width: 100%;
    max-width: 320px;
}

/*#event-overlay .related-events .event-item.col-md-4 {
    width: 240px;
}*/

#event-overlay .event-calendar-container .col-md-4 .event-item-inner {
    width: 85%;
    max-width: 220px;
}

.related-events {}

.hoxtown-landing .slider {
    margin-top: 60px;
    margin-bottom: 0;
    padding-bottom: 90px!important;
}

.hoxtown-landing {
    clear: both;
    margin: 4px 0 0 0;
}
h3.section-title {
/*    padding-top: 80px;*/
    font-size: 36px;
    color: #4A494A;
}
.see-all-events {
    height: 110px;
    text-align: center;
    padding-top: 40px;
}
.see-all-events a {
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}
.info span.location {
    color: #000;
}

/*About*/
.justify {
    text-align: justify;
}
#career-tab {
    text-align: center;
}
#career-tab h1.title {
    color: #fff!important;
    font-family: inherit!important;
    font-size: 18px;
    line-height: 28px;
    text-transform: unset;
    margin-bottom: 0;
}
#career-tab a {
    color: #fff;
    text-decoration: underline;
}
.arrow-right {
    background-image: url('../../image/arrowSubmit.png');
    cursor: pointer;
    width: 40px;
    height: 16px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 2px;
}
span.arrow-right.float-left {
    display: inline-block;
    position: relative;
    top: 4px;
}
.image-brand-front {
    text-align: center;
    padding-top: 15px;
}
.about .title {
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0px;
}
.about h2 {
    font-family: HandOfSeanPro-Regular;
}

.about ul {
    padding-left: 12px;
    margin-bottom: 0;
}
.title-bar h1 {
    margin-top: 0!important;
}
.member-info {
    min-height: 265px;
    margin-bottom: 15px;
}
/*#img-about {
    margin-bottom: 20px;
}*/
.member {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.member .overlay-content {
    position: absolute;
    bottom: 0;
    margin: 0;
    opacity: 1;
    width: 100%;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background: rgb(0, 184, 148);
    color: #fff;
    padding: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.member-mobile {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.member-mobile h5 {
    margin-top: 0;
    margin-bottom: 5px;
    text-align: left!important;
}
.member-mobile p {
    text-align: left!important;
    font-size: 12px;
}
.member-mobile .overlay-content {
    margin: 0;
    opacity: 1;
    width: 100%;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background: rgb(0, 184, 148);
    color: #fff;
    padding: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.member:hover .overlay-content {
    opacity: 1;
    bottom: 0;
}
.member .overlay-content h5 {
    color: #fff;
}
.member .overlay-content h5, .member .overlay-content p {
    margin: 0;
    padding: 0;
}
.member .overlay-content h5 {
    font-size: 16px;
}
.member .overlay-content p {
    font-size: 13px;
    text-align: left;
}
.member-info p {
    text-align: center;
    padding-top: 20px;
    height: 215px;
    overflow-x: auto;
}
.member-social {
    text-align: center;
}
.member-social li {
    display: inline-block;
    margin: 0 10px;
}
.member-social li i {
    font-size: 20px;
    color: #00b894;
}
.member img {
    width: 100%;
}
/* End About */


.img-icon {
    width: 100px;
}

.line.bold {
    height: 3px;
}

.line {
    display: inline-block;
    width: 65px;
    height: 1px;
    background: #fff;
    padding: 0 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.line-half {
    width: 50%;
    height: 1px;
    background: #bbb;
    padding: 0 15px;
    margin: 20px auto;
}

#home .slider {
    padding: 0;
}
.home .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer;
    border: 3px solid #000;
}

/*news-details*/
.hoxtown-page-content {
    position: relative;
    margin-top: 80px;
}
#activity-detail .hoxtown-page-content {
    margin-top: 120px;
}

.hoxtown-page-content .page-content {
    margin-bottom: 120px;
}

/*
.event-highlight-container {
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(124, 198, 189,1)), color-stop(100%, rgba(124, 198, 189,1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgb(124, 198, 189) 40%, rgb(124, 198, 189) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(124, 198, 189,1) 40%, rgba(124, 198, 189,1) 100%);

}
*/

a.go-back {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    width: 100%;
    background: rgba(235,235,235,1);
    text-align: center;
    display: block;
    color: #535353;
    cursor: pointer;
    transition: background 0.3s;
}

a.go-back:hover {
    background: rgba(225,225,225,1);
    text-decoration: none;
}

.blog-page .page-title {
    margin: 0 0 20px;
}

.event-page .page-title h1 {
    font-size: 48px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 1.1;
    margin-top: 0;
}

.blog-page .event-highlight-container address {
    margin: 20px 0 0;
}

.blog-page .event-highlight-container p, .blog-page .event-highlight-container address {
    text-align: center;
}

address {
    font-style: normal;
    color: #7dc6bd;
    margin-bottom: 16px;
    font-size: 15px;
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-title h1 {
    text-align: center;
}

.landing-event-address address {
    width: 100% !important;
}

.blog-page .event-highlight-container {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(320px, rgba(255, 255, 255, 1)), color-stop(320px, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 320px, rgba(242, 242, 242, 1) 320px, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

span.custom-label {
    padding-top: 30px;
}

.event-page .when span.day {
    margin-top: 16px;
}

.event-page .when-mobile {
    margin-top: -70px;
    z-index: 1000000;
    position: relative;
}

.event-page .when.when-mobile span.day {
    margin-top: 35px;
}

.blog-page .when span.day, .blog-page .when span.month {
    font-size: 18px;
}

.content-container {
    position: relative;
    width: 100%;
    z-index: 3;
}
#activity h2.reveal {
    margin-top: 40px;
}

/* Brands */
/*#brands {
    padding-top: 45px;
}*/
#brands img.media-object {
    width: 300px;
}
#brands .media-left {
    padding-right: 25px!important;
}
#brands .media {
    margin-top: 50px!important;
}
.brands {
    padding-top: 30px;
    padding-bottom: 40px;
}
.text-content-brand p, .text-content-event p, .intro p {
    margin-bottom: 8px;
}
span.see-more {
    font-style: italic;
}
#brands .media-heading {
    font-weight: bold;
}
#brands-detail .flex-control-nav {
    left: 0;
    bottom: 10px;
}
.brands-slide {
    padding-bottom: 50px;
}
.brands-highlight-container .page-title h1 {
    margin-bottom: 25px;
    padding-top: 20px;
}
.brands-calendar-container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    clear: both;
}

.brands-calendar-container .image-container {
    height: 260px;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}

.brands-container .brands-item {
    /*margin: 20px;
    width: 370px;
    min-height: 400px;
    float: left;*/
    position: relative;
    background-color: #F2F2F2;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.brands-calendar-container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    clear: both;
}

.brands-calendar-container .brands-item-inner {
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
}

.outer {
    /*padding-top: 70px;
    margin: 15px auto 10px auto;*/
    overflow: hidden;
    *zoom: 1;
}

.outer:hover .thumbnail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.outer:hover .thumbnail:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.thumbnail img {
    width: 100%;
    height: auto;
}
.overlay {
    background: rgba(0,0,0,0.54);
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
}
ol.breadcrumb.dark {
    background-color: rgba(0, 0, 0, 0.5);
}
ol.breadcrumb.dark>.active {
    color: #fff;
}
.desc {
    padding-bottom: 20px;
}
.event-page .when-desktop > div#btn-goback {
    top: 205px;
}
.link-desc a .btn-link-desc {
    background: #337ab7;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 4px;
    line-height: 1.5;
}
.link-desc a .btn-link-desc:hover {
    background: #125c9c;
}
/* End Brands */

/* Button Effect Hover */
.button-4 {
    width: 140px;
    height: 50px;
    border: 2px solid #fff;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 40px 50px;
}

.button-4 a {
    font-family: arial;
    font-size: 16px;
    color: #fff!important;
    text-decoration: none;
    line-height: 45px!important;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
}

.eff-4 {
    width: 140px;
    height: 50px;
    left: -140px;
    background: #fff;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}

.button-4:hover .eff-4 {
    left: 0;
}

.button-4:hover a {
    color: #34495e!important;
}
/* End Button Effect Hover */

/* Terms */
#terms .pages-title h2 {
    color: #000;
}
#terms .line {
    background: #000;
}
/* End Terms */

/* Breadcrumb */
.breadcrumb {
    position: absolute;
    top: 11px;
    left: 140px;
    z-index: 99;
    background-color: transparent;
    border-radius: 0;
}
.on .breadcrumb {
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb>.active {
    color: #fff;
    font-weight: 700;
}
.on .breadcrumb>.active {
    color: #000;
    font-weight: 700;
}
.breadcrumb li {
    font-size: 16px;
}
.breadcrumb li a {
    color: #fff;
}
.on .breadcrumb li a {
    color: #000;
}
#intro p {
    line-height: 50px;
}
.about .featured-reservation.padding-fluid-top-4:nth-child(1) {
    padding-top: 8.5vw;
}

/* Back to top */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../../image/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
/* End Back to top*/

/* Button Learn More */
a.btn-learn-more {
    background: #74b9ff;
    color: #fff;
    margin-bottom: 15px;
}
a:hover.btn-learn-more {
    background: #0984e3!important;
    color: #fff!important;
    border-color: transparent!important;
}
.social-media ul {
    text-align: left;
    padding-left: 10px;
}
section.offers-banner {
    padding: 10px 0;
}
.offers-banner {
    background-color: #00b894;
}
.sign-up {
    z-index: 15;
    margin: 0 auto;
}
#jobs-form .jobs-container {
    padding: 0% 2% 3%;
    margin-top: 0%;
}
.give-all a:hover {
    text-decoration: underline
}
.brands .title {
    margin-top: 0;
}
.alert-success .close {
    line-height: 20px!important;
}