@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,700);

/*-------------------------

1. General/Layout styles

--------------------------*/

html,

body {

    width: 100%;

    padding: 0;

    margin-left: 0;

    margin-right: 0;

    background: url(img/line-loading.png) no-repeat #222222;

    overflow-x: hidden;

}

body {

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    overflow-x: hidden !important;

}

a {

    color: #252525;

    text-decoration: none;

}

a:hover,

a:focus {

    color: #626262;

    text-decoration: none;

    outline: 0;

}

.noscroll {

    overflow: hidden !important;

}

img {

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-user-drag: none;

    user-drag: none;

}

.valign {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

label {

    color: #e2e2e2;

}

section {

    position: relative;

}

.container {

    /*position: relative;*/

    z-index: 2;

    /*overflow:hidden;*/

}

section .container {

    padding: 68px 0 50px 0;

}

.noPaddingSection .container {

    padding-top: 30px;

    padding-bottom: 10px;

}

.row {

    z-index: 3;

    position: relative;

}

hr {

    margin-top: 30px;

    margin-bottom: 30px;

}

.box-50 {

    width: 50%;

    float: left;

    position: relative;

    min-height: 1px;

}

.box-33 {

    width: 33.33%;

    float: left;

    position: relative;

    min-height: 1px;

}

.box-66 {

    width: 66.66%;

    float: left;

    position: relative;

    min-height: 1px;

}

.post-title h2 {

    color: #fff !important
}

section.backgroundWhite {

    background-color: white;

}

section.backgroundGray {

    background-color: #fbfbfb;

}

section.backgroundGray2 {

    background-color: #242424;

}

section.backgroundDark {

    background: url(img/fundo-omotel.jpg);

}

section.backgroundDark2 {

    background: url(img/fundo-suites.jpg);

}

section.backgroundDark3 {

    background: url(img/fundo-descontos.jpg);

}

section.backgroundDark4 {

    background: url(img/fundo-localizacao.jpg);

}

section.backgroundDark5 {

    background-color: #160514;

}

.backgroundTransparent {

    background-color: transparent !important;

    -webkit-transition: background .6s ease;

    -moz-transition: background .6s ease;

    -ms-transition: background .6s ease;

    -o-transition: background .6s ease;

    transition: background .6s ease;

}

.txt-normal {

    text-transform: none !important;

}

.sectionHeader {

    padding-bottom: 110px;

    padding-left: 15px;

    padding-right: 15px;

}

.black-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* FF3.6+ */

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));

    /* Chrome,Safari4+ */

    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* Chrome10+,Safari5.1+ */

    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* Opera 12+ */

    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* IE10+ */

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);

    /* IE6-9 fallback on horizontal gradient */

}

.white-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);

    /* FF3.6+ */

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.8)));

    /* Chrome,Safari4+ */

    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);

    /* Chrome10+,Safari5.1+ */

    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);

    /* Opera 12+ */

    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);

    /* IE10+ */

    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);

    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);

    /* IE6-9 fallback on horizontal gradient */

}

.pattern-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;

    opacity: 0.5;

}

.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #b5b5b5;

    background-color: #191919;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

#loading {

    color: #e2e2e2;

    font-size: 14px;

}

.btn-primary:active {

    color: #fff;

    background-color: #fa2357 !important;

    border-color: #fa2357 !important;

}

.line-separator-small {

    background: #f1f1f1;

    width: 18px;

    height: 2px;

    margin: 36px auto;

}

.line-separator-medium {

    background: #E1E1E1;

    width: 30px;

    height: 3px;

    margin: 15px 0;

}

.line-separator-medium2 {

    background: #78C3AF;

    width: 30px;

    height: 3px;

    margin: 15px 0;

}

.backgroundGray .line-separator-small {

    margin: 20px 0;

    background: #222222;

}

.backgroundDark .sectionHeader h5 {

    color: #fff;

    font-size: 44px;

}

.backgroundDark .sectionHeader p {

    color: #fff;

}

.backgroundDark2 .sectionHeader h5 {

    color: #fff;

    font-size: 44px;

}

.backgroundDark2 .sectionHeader p {

    color: #fff;

}

.backgroundDark3 .sectionHeader h5 {

    color: #fff;

    font-size: 44px;

}

.backgroundDark3.sectionHeader p {

    color: #fff;

}

.backgroundDark4 .sectionHeader h5 {

    color: #fff;

    font-size: 44px;

}

.backgroundDark4.sectionHeader p {

    color: #fff;

}

.close {

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    color: #6B0921;

    opacity: .8;

    text-shadow: none;

}

.modal-body span {

    font-size: 16px;

    text-align: left;

    color: #e2e2e2;

    font-weight: bold;

    display: block;

}

.modal-body h3 {

    text-transform: uppercase;

    letter-spacing: 6px;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

    font-size: 22px;

    color: #fff;

}

.proj-link {

    width: 200px;

    display: block !important;

    cursor: pointer;

    height: 50px;

    font-size: 13px;

    line-height: 50px;

    background-color: #E61A4B;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 2px;

    position: relative;

    color: #fff;

    margin-top: 20px;

    margin-bottom: 20px;

    -webkit-appearance: none;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

}

.proj-link:hover {

    background-color: #fff;

    color: #202020;

}

/*buttons*/

.btn {

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

    font-size: 12px;

    padding: 15px 26px;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-default {

    background: transparent;

    border-radius: 0;

    color: white;

    border: 1px solid white;

    position: relative;

}

.btn-default:hover {

    background: transparent;

    border: 1px solid white;

}

.btn-default:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-default:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #fff;

}

.btn-default:hover:after,

.btn-default:active:after {

    height: 100%;

}

.btn-default2 {

    background: transparent;

    border-radius: 0;

    color: white;

    border: 1px solid white;

    position: relative;

}

.btn-default2:hover {

    background: transparent;

    border: 1px solid white;

}

.btn-default2:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-default2:after {

    width: 100%;

    height: 0;

    top: 0;

    background: #fff;

}

.btn-default2:hover:after,

.btn-default2:active:after {

    height: 100%;

}

.btn-black {

    color: black;

    border-color: black;

}

.btn-black:hover {

    color: #242424 !important;

    border-color: #fff !important;

    background: #fff !important;

}

.btn-black:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-black:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #000;

}

.btn-black:hover:after,

.btn-black:active:after {

    height: 100%;

}

.btn-white {

    color: white;

    border-color: white;

}

.btn-white:hover {

    color: #242424 !important;

    border-color: #fff !important;

    background: #fff !important;

}

.btn-white:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-white:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #000;

}

.btn-white:hover:after,

.btn-white:active:after {

    height: 100%;

}

.btn-black2 {

    color: black;

    border-color: black;

}

.btn-black2:hover {

    color: #fff !important;

    border-color: #fff !important;

    background: #fff !important;

}

.btn-black2:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-black2:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #000;

}

.btn-black2:hover:after,

.btn-black:active:after {

    height: 100%;

}

.btn-black3 {

    color: black;

    border-color: #3b2404 !important;

}

.btn-black3:hover {

    color: #deb783 !important;

    border-color: #675B4B !important;

    background: #37250D !important;

}

.btn-black3:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-black3:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #000;

}

.btn-black3:hover:after,

.btn-black:active:after {

    height: 100%;

}

.btn-black4 {

    color: #fff !important;

    border-color: #fff !important;

}

.btn-black4:hover {

    color: #242424 !important;

    border-color: #FFFFFF !important;

    background: #FFFFFF !important;

    left: auto !important;

}

.btn-black4:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-black4:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #000;

}

.btn-black4:hover:after,

.btn-black:active:after {

    height: 100%;

}

.btn-black5 {

    color: #fff !important;

    margin-left: 10px;

    border-color: #E61A4B !important;

    background: #E61A4B !important;

}

.btn-black5:hover {

    color: #202020 !important;

    border-color: #FFFFFF !important;

    background: #FFFFFF !important;

}

.btn-black5:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-black5:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: #000;

    -webkit-transition: all .3s ease .15s;

    transition: all .3s ease .15s;

}

.btn-black5:hover:after,

.btn-black:active:after {

    height: 100%;

}

#featured-works>div:nth-child(1)>div.featuredItemName>a {

    z-index: 0;

}

.btn.btn-lg {

    padding: 20px 40px;

}

.btn.btn-sm {

    padding: 10px 20px;

}

.btn.btn-xs {

    padding: 7px 16px;

    letter-spacing: 5px;

}

.btn-rounded {

    border-radius: 6px;

}

.alert {

    border-radius: 0;

}

/* MENU OVERLAY */

.navbar-default {

    background: transparent;

    border: none;

    padding: 30px 20px;

    padding-right: 30px;

}

.navbar-fixed-top {

    z-index: 2001;

}

.navbar-default .navbar-brand h5 {

    color: #fff;

}

.affix {

    background: #222222;

    padding-top: 5px;

    padding-bottom: 20px;

    /*-webkit-transition: background .6s ease;

    -moz-transition: background .6s ease;

    -ms-transition: background .6s ease;

    -o-transition: background .6s ease;

    transition: background .6s ease;*/

    -webkit-box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.35);

    -moz-box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.35);

    box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.35);

}

.navbar {

    /*-webkit-transition: background .6s ease;

    -moz-transition: background .6s ease;

    -ms-transition: background .6s ease;

    -o-transition: background .6s ease;

    transition: background .6s ease;*/

    -webkit-transition: padding .6s linear;

    -moz-transition: padding .6s linear;

    -ms-transition: padding .6s linear;

    -o-transition: padding .6s linear;

    transition: padding .6s linear;

}

/*overlay menu*/

.overlay-menu {

    height: 0;

    width: 100%;

    z-index: 999;

    position: fixed;

    background-color: rgba(40, 40, 40, 0.95);

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    opacity: 1;

    visibility: hidden;

}

.first_span_margin {

    margin-top: 12%;

}

.overlay-menu a {

    opacity: 0;

    display: block;

    width: 100%;

    text-align: center;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    padding-bottom: 0px;

    color: #FFF;

}

.burger_deluxe {

    margin-top: 25px;

    margin-right: 10px;

    float: right;

    cursor: pointer;

    padding-left: 1.25em;

    position: relative;

    width: 30px;

    height: 30px;

}

.burger_global {

    backface-visibility: hidden;

    position: absolute;

    left: 0;

    border-top: 2px solid white;

    width: 100%;

    transition: 0.55s;

    box-shadow: 1px 1px 2px rgba(85, 85, 85, 0.2);

}

.top_bun {

    top: 0;

}

.patty {

    top: 8px;

}

.bottom_bun {

    top: 16px;

}

/*EXPERIMENT */

.slide-center-out {

    text-decoration: none;

    display: inline-block;

    color: rgb(207, 207, 207);

    font-size: 15px;

    /* font: 700 14px 'Montserrat',sans-serif; */

    text-transform: uppercase;

    text-align: center;

    color: #FFF;

}

/* add a empty string after the elment with class .slide-center-out  */

.slide-center-out:after {

    content: '';

    display: block;

    height: 2px;

    width: 0;

    background: transparent;

    /*transition: width .5s ease, background-color .5s ease;

    -webkit-transition: width .5s ease, background-color .5s ease;

    -moz-transition: width .5s ease, background-color .5s ease;*/

    margin: auto;

    border-bottom: 2px solid white;

}

/* Change the width and background on hover, aka sliding from the middle to the left and right */

.slide-center-out:hover:after {

    width: 100%;

    background: white;

}

.pattyfade {

    opacity: 0;

}

.rotate_top {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 12px;

    border-color: white;

}

.rotate_bottom {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 12px;

    border-color: white;

}

@media only screen and (min-width: 980px) and (max-width: 1279px) {

    .slide-center-out {

        font-size: 1.6em;

    }

}

@media only screen and (min-width: 760px) and (max-width: 979px) {

    .slide-center-out {

        font-size: 1.6em;

    }

    .overlay a {

        padding-bottom: 40px;

    }

}

@media only screen and (min-width: 320px) and (max-width: 759px) {

    .slide-center-out {

        font-size: 16px;

    }

    .overlay a {

        padding-bottom: 20px;

    }

}

.menuWrapper {

    position: absolute;

    width: 100%;

}

.menu-collapse {

    width: 80%;

    margin: 0 auto;

    padding-bottom: 20px;

}

.menu-collapse li a {

    color: #838383;

    text-transform: none;

    font-size: 14px;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

    line-height: 10px;

    /*border-bottom: solid 1px #838383;*/

    margin-bottom: 10px;

    padding-bottom: 5px;

}

.menu-collapse li a:hover {

    color: white;

}

.menu-collapse h4.minimal {

    font-size: 14px;

    color: white;

}

.menu-collapse.panel-body {

    max-height: 450px;

    overflow-y: auto;

}

#accordion .panel-body {

    padding-bottom: 0px;

}

#accordion .panel {

    margin-bottom: 0px;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: 0px;

    -webkit-box-shadow: none;

    box-shadow: none;

}

#accordion .panel-heading {

    padding: 0;

    border-bottom: 0;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

#accordion .overlay-menu a {

    padding-bottom: 0px;

}

/*#accordion .menu-collapse li a{

    padding-bottom:15px;

    }*/

#accordion .panel-menu {

    padding-bottom: 8px;

}

.menuWrapper {

    position: absolute;

    left: 0%;

    top: 0;

    width: 100%;

    display: table;

    /*margin-top: 100px;*/

}

.menuWrapper #accordion {

    display: table-cell;

    vertical-align: middle;

}

/*-------------------------

2. Text Styles

--------------------------*/

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

    color: #000;

    margin-bottom: 10px;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

}

h1 {

    /*font-size:48px;*/

    line-height: 52px;

}

h2 {

    font-size: 36px;

    line-height: 40px;

}

h3 {

    font-size: 30px;

    line-height: 36px;

}

h4 {

    font-size: 24px;

    line-height: 28px;

}

h5 {

    font-size: 18px;

    line-height: 22px;

}

h6 {

    font-size: 14px;

    line-height: 18px;

}

p {

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    font-size: 14px;

    font-weight: bold;

    line-height: 1.8;

    color: #4c4c4c;

    -webkit-font-smoothing: antialiased;

}

ul li,

ol li {

    line-height: 1.8;

}

p.serif {

    font-family: Georgia, serif;

    font-style: italic;

}

p.serif .serifNormal {

    font-style: normal;

}

h1.minimal {

    text-transform: uppercase;

    letter-spacing: 8px;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

}

h2.minimal {

    text-transform: uppercase;

    letter-spacing: 6px;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

}

h3.minimal {

    text-transform: uppercase;

    letter-spacing: 6px;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

}

h4.minimal {

    text-transform: uppercase;

    letter-spacing: 4px;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

    font-size: 24px;

}

h5.minimal {

    text-transform: uppercase;

    letter-spacing: 6px;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

    font-size: 16px;

    line-height: 44px;

}

h6.minimal {

    text-transform: uppercase;

    letter-spacing: 2px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    font-size: 16px;

}

/*-------------------------

3. Intro Section

--------------------------*/

#intro .container {

    width: 100%;

    height: 100%;

}

#intro-half {

    width: 100%;

}

#intro-half {

    position: relative;

    overflow: hidden;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: url('img/background1.jpg');

}

.aboutPage1intro {

    background: url('img/background1.jpg');

    background-attachment: fixed;

    /*-webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;*/

    position: relative;

}

.aboutPage1intro2 {

    background: url('img/background10.jpg');

    background-attachment: fixed;

    /*-webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;*/

    position: relative;

}

.aboutPage1intro3 {

    background: url('img/background11.jpg');

    background-attachment: fixed;

    /*-webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;*/

    position: relative;

}

.aboutPage1intro4 {

    background: url('img/background2.jpg');

    background-attachment: fixed;

    /*-webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;*/

    position: relative;

    max-height: 700px !important;

}

.indexIntro1 {

    background: url('img/campanha_set.jpg') 50% 0;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.indexIntro2 {

    background: url('img/portfolio/portfolioBackground1.jpg');

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.indexIntro3 {

    background: url('img/portfolio/portfolioBackground4.jpg');

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.indexIntro4 {

    background: url('img/portfolio/portfolioBackground3.jpg');

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.indexIntro5 {

    background: url('img/acaso.jpg');

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.indexIntro6 {

    background: url('img/campanha_impresso.jpg') 50% 0;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.indexIntro7 {

    background: url('img/campanha_namorados.jpg') 50% 0;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#intro {

    position: relative;

}

.intro-container {

    width: 100%;

    height: 100vh;

    background: url('img/acaso-banner.jpg') center/cover;

}

.intro-container.slide2 {

    background: url('img/slide-promo.jpg') center/cover;

}

.intro-container.slide3 {

    background: url('img/Slider-Acaso-namorados.jpg') center/cover;

}

@media only screen and (max-width: 992px) {

    .intro-container {

        height: 90vh;

    }

    /* .intro-container.slide2 {

        background: url('img/slide-promo-m.jpg') center/cover;

    } */

    .intro-container.slide3 {

        background: url('img/Slider-Acaso-namorados-m.jpg') center/cover;

    }

}

/* .indexIntro10 {

    background: url('img/acaso-banner.jpg') 50% 0;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

} */

#intro-half .black-overlay {

    background: black;

    opacity: 0.7;

}

#intro-half .container {

    padding-top: 160px;

    padding-bottom: 160px;

}

#intro-half .container .sectionHeader {

    padding-top: 50px;

}

#intro-half-fullbackground {

    background: #222222;

}

#intro-half-fullbackground .container {

    padding: 160px 0;

}

#intro-half-fullbackground .container .sectionHeader {

    padding-top: 50px;

}

.whiteText h2 {

    color: white;

}

#intro-half h2 {

    text-transform: uppercase;

    letter-spacing: 2px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}

#intro-half-fullbackground h2 {

    text-transform: uppercase;

    letter-spacing: 2px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}

.whiteText p {

    color: #e5e5e5;

}

#intro-half .sectionHeader .separator {

    padding: 20px 0;

}

#intro-half-fullbackground .sectionHeader .separator {

    padding: 20px 0;

}

#intro-3quarters .container {

    width: 100%;

    height: 100%;

}

.introLogo {

    /* max-width: 150px; */

    /* height: auto;

  left: 50%;

  margin-left: -80px;

  position: absolute;

  top: 50px;*/

    float: none;

    display: block;

    margin: 0 auto;

    margin-top: 6%;

    z-index: 9002;

}

.introLogo2 {

    max-width: 80px;

    height: auto;

    left: 50%;

}

.introBorderSection {

    position: absolute;

    width: 500px;

    height: 160px;

    left: 50%;

    margin-left: -250px;

}

h1.introHeading {

    position: absolute;

    left: 50%;

    top: -30%;

    font-size: 64px;

    line-height: 30px;

    display: inline-block;

    text-align: center;

    color: white;

    font-weight: 700;

    text-transform: uppercase;

}

.introHeadingSmall {

    text-transform: uppercase;

    font-size: 24px;

    letter-spacing: 5px;

    font-weight: 400;

}

.indexIntro2 .introBorderSection {}

.introBorderSection h2 {

    color: white;

    text-transform: uppercase;

    position: absolute;

    width: 100%;

    left: 0;

    text-align: center;

    bottom: 30px;

    font-size: 16px;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

    letter-spacing: 4px;

}

.introBorderSection h2:before {

    position: absolute;

    width: 50px;

    height: 2px;

    background: white;

    content: "";

    left: 50%;

    margin-left: -25px;

    bottom: 50px;

}

.introBorderSection .line {

    display: block;

    position: absolute;

    background: #d5d5d5;

}

.introBorderSection .line.line-top-left {

    right: 80%;

    width: 0;

}

.introBorderSection .line.line-side-left,

.introBorderSection .line.line-bottom {

    left: 0;

}

.introBorderSection .line.line-side-left,

.introBorderSection .line.line-side-right {

    width: 8px;

    height: 0;

}

.introBorderSection .line.line-bottom {

    bottom: 0;

    width: 0;

}

.introBorderSection .line.line-side-left,

.introBorderSection .line.line-bottom {

    left: 0;

}

.introBorderSection .line.line-top-left,

.introBorderSection .line.line-top-right,

.introBorderSection .line.line-bottom {

    height: 8px;

}

.introBorderSection .line.line-side-right {

    right: 0;

    bottom: 0;

}

.introBorderSection .line.line-side-left,

.introBorderSection .line.line-side-right {

    width: 8px;

    height: 0;

}

.introBorderSection .line.line-top-right {

    right: 0;

    width: 0;

}

.introBorderSection .line.line-top-left,

.introBorderSection .line.line-top-right {

    top: 0;

}

.mouse-icon {

    background: #242424;

    padding: 25px 0;

    margin: 0 auto;

    width: 100%;

    cursor: pointer;

    position: absolute;

    bottom: 0;

    color: #FFF;

    left: 0;

    font-family: Georgia, Dosis;

    font-size: 16px;

    font-style: italic;

}

.mouse-icon:after {

    content: ">";

    -ms-transform: rotate(90deg);

    /* IE 9 */

    -webkit-transform: rotate(90deg);

    /* Chrome, Safari, Opera */

    transform: rotate(90deg);

    position: absolute;

    margin-left: 7px;

    font-size: 12px;

    margin-top: 3px;

    font-family: Georgia, Dosis;

}

.introButton {

    position: absolute;

    bottom: 60px;

    margin: 0 auto;

}

.titulo-diadosnamorados {

    font-family: 'Montserrat', sans-serif;

    margin-bottom: 0px;

    color: #ffdb7f;

    letter-spacing: 3px;

    font-weight: 700;

    font-size: 28px;

}

.subtitulo-diadosnamorados {

    font-size: 21px !important;

    margin-top: -6px !important;

    margin-bottom: 15px !important;

    color: #fff;

}

.botao-tamanho-diadosnamorados {

    padding: 15px 113px !important;

    background-color: #fff;

    color: #333;

}

.titulo-interna-diadosnamorados {

    font-family: 'Montserrat', sans-serif;

    margin-bottom: 0px;

    color: #fff;

    letter-spacing: 3px;

    font-weight: 700;

    font-size: 28px;

}

.subtitulo-interna-diadosnamorados {

    font-size: 20px !important;

    font-family: Georgia, Dosis;

    font-style: italic;

    color: #b5b5b5;

    font-weight: 400;

}

.espaco-topo-0 {

    padding-top: 18% !important;

}

.espaco-interna-diadosnamorados {

    padding: 100px 0 50px 0 !important;

}

.tamanho-diadosnamorados {

    height: 730.75px !important;

    background-position: 0% 80px !important;

}

/*.mouse-icon .wheel {

    -webkit-animation: 3s ease 0s normal infinite moving-icon;

    -moz-animation: 3s ease 0s normal infinite moving-icon;

    -o-animation: 3s ease 0s normal infinite moving-icon;

    animation: 3s ease 0s normal infinite moving-icon;

    border-radius: 50%;

    height: 16px;

    left: 0;

    margin-left: auto;

    margin-right: auto;

    margin-top: 2px;

    right: 0;

    width: 8px;

    background-color: transparent;

    border:1px solid white

    }*/

@-moz-keyframes moving-icon {

    0% {

        margin-top: 6px;

        opacity: 0;

    }

    30% {

        opacity: 1;

    }

    100% {

        margin-top: 18px;

        opacity: 0;

    }

}

@-webkit-keyframes moving-icon {

    0% {

        margin-top: 6px;

        opacity: 0;

    }

    30% {

        opacity: 1;

    }

    100% {

        margin-top: 18px;

        opacity: 0;

    }

}

@-o-keyframes moving-icon {

    0% {

        margin-top: 6px;

        opacity: 0;

    }

    30% {

        opacity: 1;

    }

    100% {

        margin-top: 18px;

        opacity: 0;

    }

}

@keyframes moving-icon {

    0% {

        margin-top: 6px;

        opacity: 0;

    }

    30% {

        opacity: 1;

    }

    100% {

        margin-top: 18px;

        opacity: 0;

    }

}

.introTextHeading2 {

    position: absolute;

    left: 50%;

}

.introTextHeading2 h6.minimal {

    color: white;

    padding-top: 50px;

    position: relative;

    left: -50%;

}

.introTextHeading2 h1 {

    font-size: 64px;

    line-height: 60px;

    display: block;

    text-align: center;

    color: white;

    font-weight: 700;

    text-transform: uppercase;

    padding-top: 10px;

    margin-bottom: 60px;

    position: relative;

    left: -50%;

}

.introTextHeading2 .introLogo2,

.introTextHeading2 .heroButtons {

    position: relative;

    left: -50%;

}

.introTextHeading2 .heroButtons>a {

    margin-top: 10px;

    margin-bottom: 10px;

}

.introTextHeadingCountdown {

    position: absolute;

    left: 50%;

}

.introTextHeadingCountdown h1 {

    position: relative;

    left: -50%;

    font-size: 64px;

    line-height: 60px;

    display: block;

    text-align: center;

    color: white;

    font-weight: 700;

    text-transform: uppercase;

    padding-top: 10px;

    margin-bottom: 10px;

}

.introTextHeadingCountdown .introLogo2 {

    position: relative;

    left: -50%;

}

.introTextHeadingCountdown #countdown {

    position: relative;

    left: -50%;

}

.whiteBackgroundIntro .introBorderSection h1,

.whiteBackgroundIntro .introBorderSection h2 {

    color: black;

}

.whiteBackgroundIntro .introBorderSection .line {

    display: block;

    position: absolute;

    background: black;

}

.whiteBackgroundIntro .mouse-icon {

    background: rgba(255, 255, 255, 0);

    border: 2px solid black;

}

.whiteBackgroundIntro .mouse-icon .wheel {

    border: 1px solid black
}

.whiteBackgroundIntro .introBorderSection h2:before {

    background: black;

}

.introTextHeading3 h1 {

    font-size: 64px;

    line-height: 60px;

    display: block;

    text-align: center;

    color: white;

    font-weight: 700;

    text-transform: uppercase;

    padding-top: 10px;

    margin-bottom: 20px;

    position: relative;

}

.introTextHeading3 h6 {

    color: white;

    padding-top: 70px;

    font-weight: 300;

}

.introTextHeading3 .heroButtons>a {

    margin-top: 10px;

    margin-bottom: 10px;

}

.introTextHeading3 .owl-pagination {

    margin-bottom: 30px;

}

.introTextHeading3 h1 span {

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    text-transform: none;

    letter-spacing: -1px;

    font-size: 80%;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

}

h3.layer1style {

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    text-transform: none;

    letter-spacing: -1px;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

    color: white
}

.errorpage .introTextHeading2>h1 {

    margin-bottom: 10px;

}

.errorpage .introTextHeading2>h6.minimal {

    padding-top: 10px;

}

.errorpage .introTextHeading2>.heroButtons {

    margin-top: 30px;

}

.tp-caption .btn {

    color: white;

}

.tp-caption .btn:hover {

    color: #222222;

}

.introTextHeading2 .is-countdown {

    left: -50%;

    position: relative;

}

#countdown {

    width: 100%;

    position: relative;

    height: auto;

    text-align: center;

    margin-top: 40px;

    margin-bottom: 0px;

    background-color: transparent;

    border: 0;

}

#countdown .countdown-section {

    display: inline-block;

    position: relative;

    width: 25%;

    height: auto;

    min-height: 150px;

    vertical-align: top;

    border-left: 1px solid rgba(255, 255, 255, 0.4);

}

#countdown .countdown-section:first-child {

    border-left: none;

}

#countdown .countdown-amount {

    margin: 0;

    font-size: 48px;

    font-weight: 700;

    line-height: 90px;

    color: white;

    display: block;

}

#countdown .countdown-period {

    font-size: 14px;

    color: white;

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

}

/*-------------------------

3. Small Intro Section

--------------------------*/

#smallIntro .container {

    padding-top: 0;

    padding-bottom: 0;

}

#smallIntro {

    background: url(img/background-pink.jpg) 50% 0;

    background-size: cover;

}

.smallIntroSlider {

    background: #2D2D2D;

    padding-top: 50px;

    padding-bottom: 50px;

}

.smallIntroSlider h1 {

    font-weight: 700;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size: 70px;

    line-height: 70px;

    letter-spacing: -4px;

    color: #222222;

}

#smallIntroCarousel .item {

    padding-bottom: 20px;

}

#smallIntroCarousel .item h5 {

    color: #d5d5d5;

}

#smallIntroCarousel .item p {

    color: #A4A4A4;

    font-size: 16px;

    line-height: 27px;

    padding-left: 30px;

    padding-right: 30px;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

}

.item i {

    color: black;

    font-size: 60px;

    margin-bottom: 30px;

}

.smallIntroAboutUs {

    padding: 50px;

    padding-top: 80px;

    float: none;

}

.smallIntroAboutUs h5 {

    color: white;

}

.smallIntroAboutUs p.serif {

    color: white;

    font-size: 20px;

    line-height: 30px;

    font-weight: lighter;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

    margin-top: 30px;

    margin-bottom: 60px;

}

/*-------------------------

4. Services

--------------------------*/

#services {

    background: white;

}

.servicesWrapper1 i {

    font-size: 50px;

}

.servicesWrapper1 .line-separator-small {

    background: #e1e1e1;

    width: 30px;

    height: 3px;

    margin: 15px 0;

}

.servicesWrapper1 p {

    padding-right: 20px;

}

.serviceswrapper2 {

    padding: 30px;

}

/*-------------------------

5. Featured Items

--------------------------*/

#featured-works {

    z-index: 1;

}

.featureBox {

    height: 770px;

    width: 25%;

    background: #242424;

    float: left;

    display: inline-block;

    padding: 30px;

    padding-top: 60px;

}

.featureBox:first-child {

    text-align: right;

}

.featureBox h5.minimal {

    text-align: left;

    color: #FFF;

    font-family: Dosis;

    font-size: 44px;

    text-transform: uppercase;

    border-top: solid 1px #8a8a8a;

    padding-top: 37px;

    letter-spacing: 13px;

    font-weight: 300;

    text-align: center;

}

.featuredNumbersWrapper {

    width: 150px;

    float: right;

    padding-bottom: 35px;

}

.featureImages img {

    max-height: 100% !important;

    width: 100%;

}

.featureImages {

    overflow: hidden;

}

.featureImages {

    padding-top: 0;

    padding-left: 0;

    padding-right: 0;

}

.featureBox .line-separator-medium {

    background: black;

}

.featureImages {

    padding-top: 0;

    width: 75%;

    padding-bottom: 0;

}

.featuredTitle {

    padding-top: 70px;

    padding-bottom: 165px;

}

.featuredTitle h5 {

    font-weight: 700;

    text-transform: uppercase;

}

.featuredNumber h4 {

    text-align: center;

    cursor: pointer;

}

#sync2 h4 {

    color: #A6A6A6;

}

.synced {

    background: #e7e7e7;

}

#sync2 .synced h4 {

    color: black;

    text-decoration: overline;

}

.backgroundBigNumber {

    position: absolute;

    font-size: 16em;

    top: 90px;

    color: #313131;

    z-index: -2;

}

.featuredItemName {

    position: relative;

    margin-top: 22px;

}

/*-------------------------

6. Secondary section - testimonials charts etc.

--------------------------*/

#testimonials1 {

    background: url('img/background2.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#testimonials1 .container .row {

    background-color: rgba(40, 40, 40, 0.9);

}

#testimonials2 {

    background: url('img/background4.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#testimonials2 .container .row {

    background-color: rgba(40, 40, 40, 0.9);

}

#charts {

    background: url('img/background-parallax.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

    border-bottom: solid 8px #2d1108;

}

#charts .container .row {

    background: transparent;

}

#charts.chartsImageBackground {

    background: url('img/background1.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#charts2 {

    background: url('img/background-parallax2.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#charts2 .container .row {

    background: transparent;

}

#charts2.charts2ImageBackground {

    background: url('img/background1.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

.timerWrapper {

    padding: 69px 0;

}

.timerWrapper .line-separator-small {

    margin: 20px auto;

}

.timerWrapper h1 {

    color: white;

}

.timerWrapper .serif {

    color: white;

    font-size: 18px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

}

.timerWrapper:before {

    position: absolute;

    width: 50px;

    height: 50px;

    color: white;

    background: transparent;

    content: '\f404';

    font-family: Ionicons;

    font-size: 90px;

    right: -25px;

    top: 30%;

}

.timerWrapper:last-child:before {

    display: none;

}

#testimonials1 .container .row {

    padding-top: 80px;

    padding-bottom: 80px;

}

#testimonials2 .container .row {

    padding-top: 80px;

    padding-bottom: 80px;

}

#testimonials1 h5,

#testimonials2 h5 {

    color: white;

}

#testimonials1 .line-separator-medium,

#testimonials2 .line-separator-medium {

    margin: 30px auto;

}

#testimonials1 .review p,

#testimonials2 .review p {

    color: #999;

}

#testimonials1 .review .icon,

#testimonials2 .review .icon {

    color: white;

    font-size: 30px;

}

#testimonials1 .review i,

#testimonials2 .review i {

    color: #363636;

}

#testimonials1 .review h6,

#testimonials2 .review h6 {

    font-size: 90%;

    color: #D7D7D7;

    margin-bottom: 0;

}

#testimonials1 .review .titulation,

#testimonials2 .review .titulation {

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 2px;

}

#featuresList p.introHeading {

    font-size: 20px;

}

#featuresList p.introHeading span {

    font-style: normal;

}

#featuresList h5.minimal {

    letter-spacing: 2px;

}

#featuresList .featureListWrapper {

    padding: 30px 80px;

}

#featuresList .featuresListItem {

    border-left: 1px solid #ddd;

    padding-left: 20px;

    position: relative;

    margin-bottom: 40px;

}

#featuresList .featuresListItem::before {

    position: absolute;

    left: -60px;

    top: 10px;

    font-family: 'ionicons';

    font-size: 46px;

}

#featuresList .item1:before {

    content: "\f415";

}

#featuresList .item3:before {

    content: "\f430";

}

#featuresList .item2:before {

    content: "\f465"

}

/*-------------------------

7. Featured Items

--------------------------*/

#news .container {

    padding-top: 0;

    padding-bottom: 0;

}

#news {

    background: url(img/omotel2.jpg) 50% 122% no-repeat;

    border-bottom: solid 8px #7c675d;

}

#namorados .container {

    padding-top: 0;

    padding-bottom: 0;

}

#namorados {

    background: url(img/dia-dos-namorados-interna.jpg) no-repeat;

    border-bottom: solid 1px #d5244f;

}

.newsIntro {

    position: relative;

    background: transparent;

    /*padding-top:140px;

    padding-bottom:110px;*/

    height: 2100px;

}

.namoradosIntro {

    position: relative;

    background: transparent;

    /*padding-top:140px;

    padding-bottom:110px;*/

    height: 860px;

}

.newsSlider {

    padding-top: 70px;

    padding-bottom: 110px;

}

.newsIntro h1 {

    color: #222222;

    line-height: 70px;

    font-size: 110px;

    font-weight: 800;

}

.namoradosIntro h1 {

    color: #222222;

    line-height: 70px;

    font-size: 110px;

    font-weight: 800;

}

.newsSlider h5 {

    color: white;

    letter-spacing: 6px;

}

.newsSlider p.serif {

    color: #A4A4A4;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

    padding: 0px 120px;

}

.newsSlider .btn {

    margin-top: 30px;

    margin-bottom: 30px;

}

/*-------------------------

8. Features Main Page

--------------------------*/

#smallFeaturesIntro {

    background: white;

}

#mainPageDonut {

    background: url(img/background-gastronomia.jpg) 50% 50%;

}

#smallFeaturesIntro h5.minimal {

    margin-bottom: 40px;

}

#mainPageDonut h1 {

    font-family: Georgia, Dosis;

    font-size: 35px;

    color: #ffdcac;

    padding-top: 20px;

    font-style: italic;

    text-transform: none;

    border-top: solid 1px #787372;

}

#mainPageDonut p {

    font-family: Georgia, Dosis;

    font-size: 16px;

    color: #FFF;

    font-style: italic;

}

#mainPageDonut .btn {

    background: #deb783;

    color: #3b2404;

    text-transform: uppercase;

    font-weight: border: none;

}

#mainPageDonut .btn:hover {

    color: #FFF;

}

/*-------------------------

9. Footer

--------------------------*/

#footerTop {

    background: #d5244f
}

#footerTop .serif,

#footerTop .btn {

    display: inline-block;

    padding: 15px 16px;

    font-size: 11px;

    letter-spacing: 2px;

}

#footerTop .serif {

    color: white;

    font-size: 15px;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

    padding-top: 12px;

    padding-right: 15px;

}

#footerBottom {

    background: #262626;

    /*background: url(img/fundo-footer.jpg);*/

}

#footerBottom h6.minimal {

    color: white;

    font-weight: 400;

    letter-spacing: 0;

    font-size: 12px;

    margin-top: 53px;

}

.minimal a {

    color: white;

}

.minimal a:hover {

    text-decoration: underline;

}

#footerBottom p.serif {

    color: white;

    margin-top: 53px;

}

/*.footerSmallLogo{

    width:154px;

    height:54px;

    }*/

#footerTop .container {

    padding-top: 70px;

    padding-bottom: 70px;

}

#footerBottom .container {

    padding: 50px 0;

}

.socialLinks>a {

    color: white;

    padding-left: 10px;

}

.socialLinks>a:hover {

    text-decoration: underline;

}

/*-------------------------

10. Preloader

--------------------------*/

#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #222222;

    /* change if the mask should have another color then white */

    z-index: 2005;

    /* makes sure it stays on top */

}

#status {

    height: 130px;

    width: 154px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -70px 0 0 -77px;

}

.rectangle-bounce {

    text-align: center;

    height: 60px;

    width: 65px;

    right: 0;

    left: 0;

    z-index: 2015;

    opacity: 1;

    margin: 20px auto;

    visibility: visible;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.rectangle-bounce div {

    height: 100%;

    width: 4px;

    margin: 0 3px 0 0;

    background-color: white;

    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;

    animation: stretchdelay 1.2s infinite ease-in-out;

}

.rectangle-bounce .rect2 {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}

.rectangle-bounce .rect3 {

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}

.rectangle-bounce .rect4 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}

.rectangle-bounce .rect5 {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}

@-webkit-keyframes stretchdelay {

    0%,

    40%,

    100% {

        -webkit-transform: scaleY(0.4)
    }

    20% {

        -webkit-transform: scaleY(0.6)
    }

}

@keyframes stretchdelay {

    0%,

    40%,

    100% {

        transform: scaleY(0.4);

        -webkit-transform: scaleY(0.4);

    }

    20% {

        transform: scaleY(0.6);

        -webkit-transform: scaleY(0.6)
    }

}

/*-------------------------

11. Shortcodes

--------------------------*/

blockquote {

    border: 0;

}

blockquote p {

    margin-bottom: 1em;

    font-size: 22px;

    font-weight: 300;

    font-style: normal;

    line-height: 1.6;

    color: #777;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

}

blockquote footer {

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 2px;

}

.biggerSize {

    -webkit-font-smoothing: antialiased;

    font-size: 16px;

    font-weight: 300;

    color: #888;

    line-height: 1.6;

}

/*-------------------------

12. Individual Pages

--------------------------*/

/*about*/

#aboutPageIntro .sectionHeader {

    padding-bottom: 0px;

}

#aboutPageContent1 .box-50 {

    height: 500px;

}

#aboutPageContent1 .box-50:first-child {

    background: url('img/feature1.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#aboutIntroCarousel {

    padding-top: 80px;

    padding-bottom: 80px;

}

.backgroundWhite .owl-theme .owl-controls .owl-page span {

    background: #222222;

}

#aboutIntroCarousel h1 {

    font-weight: 700;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size: 70px;

    line-height: 70px;

    letter-spacing: -4px;

    color: #222222;

}

#aboutIntroCarousel .item {

    padding-bottom: 20px;

}

#aboutIntroCarousel .item h5 {

    color: #2D2D2D;

}

#aboutIntroCarousel .item p {

    color: #A4A4A4;

    font-size: 16px;

    line-height: 27px;

    padding-left: 30px;

    padding-right: 30px;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

    -webkit-text-size-adjust: 100%;

}

.backgroundWhite .boldIntroText h1 {

    font-weight: 700;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size: 70px;

    line-height: 70px;

    letter-spacing: -4px;

    color: #222222;

}

.backgroundWhite .boldIntroText {

    background: transparent;

    padding-top: 30px;

}

.backgroundWhite .boldIntroText h1 {

    color: #d5d5d5;

    line-height: 70px;

}

.progress {

    margin-top: 30px;

    margin-bottom: 60px;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 1px;

    overflow: visible;

    height: 3px;

    background: #f1f1f1;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

.progress-bar {

    width: 0%;

    height: 100%;

    padding-top: 3px;

    position: relative;

    overflow: visible;

    background-color: #222222;

    font-size: 10px;

    color: #777;

    text-align: left;

    line-height: 20px;

}

.progress-bar>span {

    display: inline-block;

    min-width: 30px;

    height: 24px;

    letter-spacing: 0;

    padding: 0px;

    position: absolute;

    top: 0px;

    right: -2px;

    text-align: center;

    line-height: 26px;

}

.progress-2 {

    height: 20px;

}

.progress-2 .progress-bar {

    padding-left: 10px;

    padding-top: 0px;

    position: relative;

    overflow: visible;

    font-size: 10px;

    color: white;

    text-align: left;

    line-height: 20px;

}

.progress-2 .progress-bar>span {

    display: inline-block;

    min-width: 40px;

    height: 20px;

    letter-spacing: 0;

    padding: 0px;

    position: absolute;

    top: 0px;

    right: -2px;

    text-align: center;

    line-height: 20px;

}

#team1 .teamMember1 {

    padding: 30px;

}

#team1 .teamMember1 img {

    margin-bottom: 20px;

}

#team1 .teamMember1 p.serif {

    margin: 0;

}

#team1 .teamMember1 h4 {

    margin: 0;

    letter-spacing: 0
}

#team1 .teamMember1 .line-separator-small {

    margin: 20px auto;

    background: #222222;

}

.hoverWrapper1 {

    position: relative;

}

.hoverTeam1 {

    background: rgba(255, 255, 255, 0.8);

    text-align: center;

    -webkit-box-shadow: inset 0px 0px 0px 12px rgba(230, 230, 230, 0.75);

    -moz-box-shadow: inset 0px 0px 0px 12px rgba(230, 230, 230, 0.75);

    box-shadow: inset 0px 0px 0px 12px rgba(230, 230, 230, 0.75);

    height: 100%;

    width: 100%;

    opacity: 0;

    position: absolute;

    top: 0;

    -webkit-transition: opacity .6s ease;

    -moz-transition: opacity .6s ease;

}

.teamMember1:hover .hoverTeam1 {

    opacity: 1;

}

.hoverTeam1 ul {

    padding: 0;

}

.hoverTeam1 ul li {

    display: inline-block;

    padding: 10px;

    font-size: 24px;

}

.hoverTeam1 ul li {

    display: inline-block;

    padding: 10px;

    font-size: 24px;

}

.hoverTeam1 ul {

    position: absolute;

    width: 200px;

    height: 100px;

    bottom: 35px;

    left: calc(50% - 100px);

}

.teamMember2 h4.minimal {

    letter-spacing: 0;

    margin-bottom: 0;

}

.teamMember2 ul {

    padding: 0;

}

.teamMember2 ul li {

    font-size: 20px;

    display: inline;

    margin: 0 6px;

}

/*services*/

.box-33 {

    height: 600px;

}

#servicesPageContent1 .servicesintroBackground {

    background-image: url('img/feature1.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

    height: 700px;

}

#intro-3quarters.services1Intro {

    background: url('img/background3.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#intro-half.services2Intro {

    background: url('img/background5.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#servicesPageContent1 .box-66 {

    padding: 70px;

}

#servicesTabs {

    background-image: url('img/background1.jpg');

    background-repeat: no-repeat;

    background-position: left center;

    background-size: cover;

    position: relative;

    padding: 110px 0;

}

#servicesTabs .container {

    background: #222222;

    -webkit-transition: all 500ms ease-out 1s;

    -moz-transition: all 500ms ease-out 1s;

    -o-transition: all 500ms ease-out 1s;

    transition: all 500ms ease-out 1s;

}

#servicesTabs p {

    color: #777;

}

#tab1.nav-tabs {

    border-bottom: none
}

#tab1.nav-tabs li {

    width: 25%;

    text-align: center;

    padding: 30px;

}

#tab1.nav-tabs i {

    color: white;

    font-size: 60px;

    line-height: 10px;

}

#tab1>li:focus {

    outline: none;

    background: transparent;

}

#tab1>li>a {

    outline: none;

    background: #222222;

}

#tab1.nav-tabs h6 {

    color: #777;

    line-height: 10px;

}

#tab1.nav-tabs>li.active>a>h6,

#tab1.nav-tabs>li.active>a>h6:hover,

#tab1.nav-tabs>li.active>a>h6:focus {

    color: white;

    cursor: default;

    background: transparent;

    border: 0;

    border-bottom-color: transparent;

}

#tab1.nav-tabs li {

    width: 25%;

    text-align: center;

    padding: 30px;

}

#tab1.nav-tabs>li>a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 0;

    border-radius: 0;

}

#tab1.nav-tabs>li>a:hover {

    border-color: transparent;

}

#tab1.nav>li>a:hover,

#tab1.nav>li>a:focus {

    text-decoration: none;

    background-color: transparent;

}

iframe {

    border: 0;

}

#whychooseus .whychooseusItem {

    padding: 50px;

    padding-top: 10px;

}

#whychooseus .line-separator-medium {

    margin: 20px auto;

}

#process .container {

    padding: 0;

}

#process .servicesWrapper1 {

    padding: 30px;

    padding-top: 70px;

    padding-bottom: 70px;

}

.processIntro {

    position: relative;

    background: #2D2D2D;

    padding-top: 80px;

    padding-bottom: 80px;

    text-align: center;

    height: 100%;

}

.processIntro h1 {

    color: #222222;

    line-height: 100px;

    font-size: 90px;

    font-weight: 800;

}

.processIntro h1:first-child {

    padding-top: 60px;

    line-height: 40px;

    font-size: 110px;

}

.processIntro h1:last-child {

    padding-bottom: 30px;

}

#process.backgroundDark .servicesWrapper1 {

    color: #777;

    text-align: center;

}

#process.backgroundDark .servicesWrapper1 i {

    color: white;

    font-size: 90px;

}

#process.backgroundDark .line-separator-small {

    margin: 20px auto;

}

#process.backgroundDark .servicesWrapper1 h6,

#process.backgroundDark .servicesWrapper1 p {

    color: #777;

}

#separatorSection {

    background-image: url('img/background6.jpg');

    background-repeat: no-repeat;

    background-position: left center;

    background-size: cover;

    position: relative;

}

#separatorSection .black-overlay {

    background: black;

    opacity: 0.6;

}

#separatorSection p,

#separatorSection h5 {

    color: #eee;

}

#separatorSection .line-separator-medium {

    margin: 20px 0;

}

#separatorSection .btn {

    margin: 30px 0;

}

.clientWrapper img {

    max-width: 170px;

    margin: 0 auto;

}

.clientWrapper .line-separator-medium {

    margin: 20px auto;

}

.pricingTable1 {

    padding: 30px;

    text-align: center;

    background: #f9f9f9;

}

.pricingTable1.recommended {

    background: #222222;

    border: 7px double white;

    margin-top: -8px
}

.pricingTable1 i {

    font-size: 6em;

}

.pricingTable1.recommended i,

.pricingTable1.recommended h4,

.pricingTable1.recommended li {

    color: #d1d1d1;

}

.pricingTable1.recommended h1 {

    color: #ffffff
}

.pricingTable1 h4 {

    padding-top: 10px;

    letter-spacing: 0;

}

.pricingTable1 .pricingSeparator {

    width: 60%;

    margin: 20px auto;

    height: 4px;

    background: #E1E1E1;

}

.pricingTable1 h1 {

    font-weight: 700;

    color: #222222;

}

.pricingTable1 h1 .small {

    font-size: 20px;

    letter-spacing: -1px;

    color: #777;

    font-family: Georgia, serif;

    font-style: italic;

}

.pricingTable1 ul {

    padding: 0;

}

.pricingTable1 li {

    list-style: none;

    line-height: 30px;

}

.pricingTable1 .btn {

    margin-top: 30px;

}

.priceBlock {

    border: 1px solid #eee;

}

.priceBlockPackage {

    background: #f9f9f9;

    text-align: center;

    border-left: 1px solid #eee;

}

.priceBlock>div {

    padding: 40px;

}

.priceBlockPackage h1 .small {

    font-size: 20px;

    letter-spacing: -1px;

    color: #777;

    font-family: Georgia, serif;

    font-style: italic;

}

.priceBlockPackage h1 {

    font-weight: 700;

    color: #222222;

    margin-top: -10px;

    margin-bottom: 30px;

}

.priceBlockPackage h4 {

    letter-spacing: 0px;

}

.priceBlock ul {

    padding: 0;

}

.priceBlock ul li {

    list-style: none;

    line-height: 27px;

}

.priceBlock ul li i {

    margin-left: -2px;

    margin-right: 10px;

}

.priceBlockPackage.leftaligned {

    bordeR: 0;

    border-right: 1px solid #eee;

}

/*contact*/

#intro-half.contact1Intro {

    background-image: url('img/background8.jpg');

    background-repeat: no-repeat;

    background-position: left center;

    background-size: cover;

    position: relative;

}

#intro-3quarters.contact2Intro {

    background-image: url('img/background8.jpg');

    background-repeat: no-repeat;

    background-position: left center;

    background-size: cover;

    position: relative;

}

#contactPageContent .box-50 {

    position: relative;

    height: 350px;

    padding: 50px;

    padding-top: 75px;

}

#contactPageContent .contactImageBox {

    background-image: url('img/careers.jpg');

    background-repeat: no-repeat;

    background-position: left center;

    background-size: cover;

}

.form-marie-1 label {

    width: 100%;

}

.form-marie-1 input:focus,

.form-marie-1 textarea:focus {

    outline: 0;

}

.form-marie-1 label input,

.form-marie-1 textarea {

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px;

}

.form-marie-1 #contact_form #name,

.form-marie-1 #contact_form #email,

.form-marie-1 #contact_form #phone {

    height: 50px;

    padding: 10px;

    padding-bottom: 0px;

    background: transparent;

    font-size: 12px;

    font-family: 'Raleway', sans-serif;

    color: #282828;

    letter-spacing: 1px;

    margin-top: 0px;

    padding-top: 0px;

    border: 1px solid #eee;

}

.form-marie-1 #contact_form #comments {

    height: 200px;

    padding: 10px;

    margin-top: 10px;

    padding-bottom: 0px;

    border: 0;

    background: transparent;

    border-bottom: 2px solid #eee;

    border-left: 2px solid #eee;

    font-family: 'Raleway', sans-serif;

    color: #282828;

    font-size: 12px;

    letter-spacing: 1px;

}

#googleMap {

    width: 100%;

    height: 350px;

    overflow: hidden;

}

#googleMap.box-50 {

    width: 50%;

    height: 350px;

    overflow: hidden;

}

.socialIconsEffect {

    cursor: pointer;

    margin: 15px 10px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #222222;

    font-size: 28px;

    line-height: 60px;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

}

.socialIconsEffect:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.socialIcons1 .socialIconsEffect {

    background: rgba(26, 27, 36, 0.04);

    -webkit-transition: background 0.2s, color 0.2s;

    -moz-transition: background 0.2s, color 0.2s;

    transition: background 0.2s, color 0.2s;

}

.socialIcons1 .socialIconsEffect:after {

    top: -4px;

    left: -4px;

    padding: 4px;

    box-shadow: 0 0 0 2px #262626;

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(.8);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(.8);

    opacity: 0;

}

.socialIcons1 .socialIconsEffect:hover {

    background: rgba(24, 25, 35, 1);

    color: white;

}

s .socialIcons1 .socialIconsEffect:hover:after {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.socialIcons1 .socialIconsEffect:hover a {

    color: white;

}

/*portfolio*/

/*portfolio*/

/*portfolio*/

/*portfolio*/

#intro-half-fullbackground.portfolioIntro1 .container {

    padding-top: 100px;

    padding-bottom: 80px;

}

#intro-half.portfolioIntro2 {

    background-image: url('img/portfolio/portfolioBackground1.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#intro-half.portfolioIntro3 {

    background-image: url('img/portfolio/portfolioBackground2.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#intro-half.portfolioIntro4 {

    background-image: url('img/portfolio/portfolioBackground4.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

#intro-half.portfolioIntro5 {

    background-image: url('img/portfolio/portfolioBackground3.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

/*shortcodes pages*/

#intro-half.shortcodes2Intro {

    background-image: url('img/background7.jpg');

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    position: relative;

}

/*SHORTCODES */

/*SHORTCODES */

/*SHORTCODES */

/*SHORTCODES */

.panel-group-marie .panel {

    border-radius: 0;

    box-shadow: none;

}

.panel-default>.panel-heading {

    color: #333;

    background-color: transparent;

    ;

    border-color: #ddd;

}

.panel-group-marie .panel-body p {

    padding: 15px;

    padding-top: 0;

}

.panel-group-marie h6 {

    letter-spacing: 1px;

    padding: 10px 15px;

    position: relative;

}

.panel-group-marie h6 a::after {

    content: "\f107";

    width: 15px;

    height: 15px;

    margin-top: -8px;

    position: absolute;

    top: 50%;

    right: 10px;

    font-family: 'FontAwesome';

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -ms-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

.panel-group-marie h6 a[aria-expanded^="true"]:after {

    content: "\f106";

}

/* single portoflio page */

/* single portoflio page */

/* single portoflio page */

/* single portoflio page */

#portfolioContent1 .box-50:first-child {

    background: url('img/portfolio/portfolioBackground1.jpg');

    background-size: cover;

}

#portfolioParallaxIntro {

    height: 600px;

    background: url('img/portfolio/portfolioBackground3.jpg');

    background-size: cover;

    position: relative;

    background-repeat: no-repeat;

    background-position: left center;

}

#intro-half-fullbackground.noPaddingSection .sectionHeader {

    padding-top: 0px;

}

#portfolioContent1 .box-50 {

    height: 400px;

}

#portfolioContent1 .box-50 {

    position: relative;

    padding: 50px;

    padding-top: 75px;

}

#videoOverlayText {

    position: absolute;

    color: #ffffff;

    width: 500px;

    height: 200px;

    top: 50%;

    left: 50%;

    margin-top: -100px;

    margin-left: -250px;

}

#customElement {

    width: 100%;

    height: 500px;

    background: #333;

}

#videoOverlayText h1 {

    font-size: 120px;

    color: white;

}

#videoOverlayText h2 {

    font-weight: 300;

    font-family: 'Raleway', sans-serif;

    color: white;

}

#customElement .black-overlay {

    background: rgba(0, 0, 0, 0.75);

}

#customElement .unmute {

    font-size: 26px;

    color: #d5d5d5;

    cursor: pointer;

}

.introTextHeading2 .unmute {

    font-size: 26px;

    color: #d5d5d5;

    cursor: pointer;

    display: inline-block;

    position: relative;

    float: left;

    margin-top: 30px;

}

.portfolioIntroDetails {

    margin-top: 10px;

    border: 1px solid #ddd;

    padding: 20px;

}

.portfolioIntroDetails li {

    line-height: 30px;

}

.portfolioIntroDetails li span {

    display: inline-block;

    width: 150px;

    font-weight: 700;

    color: #777;

}

.line-separator-medium.center-separator {

    margin: 30px auto;

}

.contentSinglePage img {

    padding: 20px;

}

/* portoflio page */

/* portoflio page */

/* portoflio page */

/* portoflio page */

.gallery:after {

    content: '';

    display: block;

    clear: both;

}

/* 2 columns, percentage width */

.gallery .item-2col,

.gallery .grid-sizer-2col {

    width: 50%;

    /* change here the column width */

}

/* 3 columns, percentage width */

.gallery .item-3col,

.gallery .grid-sizer-3col {

    width: 33.33333%;

    /* change here the column width */

}

/* 4 columns, percentage width */

.gallery .item-4col,

.gallery .grid-sizer-4col {

    width: 25%;

    /* change here the column width */

}

/* 4 columns, percentage width */

.gallery .item-5col,

.gallery .grid-sizer-5col {

    width: 20%;

    /* change here the column width */

}

.gallery .gallery-inner {

    float: left;

    height: auto;

    position: absolute;

    left: 0;

    top: 0;

    margin: 0;

    overflow: hidden;

    border-top: 11px solid #0c0c0c;

    border-bottom: 11px solid #0c0c0c;

    border-left: 11px solid #0c0c0c;

    border-right: 11px solid #0c0c0c;

}

.all-suites .gallery-inner:last-child {

    border-bottom: 22px solid #0c0c0c;

}

.item-suites:last-child {

    max-height: 600px;

}

.gallery .blog-inner {

    float: left;

    height: auto;

    position: absolute;

    left: 0;

    top: 0;

    margin: 0;

}

.galleryImage {

    /*min-width:100%;*/

    width: 100%;

    height: auto;

}

.caption {

    background: none repeat scroll 0 0 transparent;

    top: 0px;

    opacity: 0;

    position: absolute;

    text-align: left;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    padding: 10px;

    left: 0;

    width: 100%;

    height: 100%;

}

.caption {

    padding: 10px;

}

.gallery-inner:hover .caption {

    opacity: 1;

    height: 100%;

    width: 100%;

}

.captionWrapper {

    height: 100%;

    display: table;

    width: 100%;

}

.text {

    background: rgba(0, 0, 0, 0.7);

    text-align: center;

    height: 100%;

    width: 100%;

    display: table-cell;

    vertical-align: middle;

}

.text {

    font-size: 11px;

    letter-spacing: 1px;

    margin-top: 40px;

    padding: 15px 30px;

}

.text {

    display: table-cell;

    vertical-align: middle;

}

#portfolioFiltersWrapper .container {

    padding-top: 30px;

    padding-bottom: 30px;

}

.portfolioFilters .btn {

    background: transparent;

    color: #777;

    ;

}

.portfolioFilters .btn:active,

.portfolioFilters .btn:focus {

    box-shadow: none;

    outline: none;

    color: black;

}

.caption .text h5 {

    font-size: 1em;

    color: gold;

}

.caption .text h4 {

    color: white;

    font-weight: 700;

    text-transform: uppercase;

}

.caption .text p.serif {

    color: #d5d5d5;

    letter-spacing: 0;

}

.caption .line-separator-small {

    margin: 20px auto;

}

.btn-portfolio {

    margin-top: 30px;

    color: gold;

    letter-spacing: 4px;

    padding: 12px 26px;

    border-color: gold;

}

.captionWhite .text {

    background: rgba(255, 255, 255, 0.7);

}

.captionWhite .text h5.minimal {

    color: #222222;

}

.captionWhite .text h4 {

    color: black;

}

.captionWhite .text p.serif {

    color: black;

}

.captionWhite .text .line-separator-small {

    background-color: #959595;

}

.captionWhite .text .btn-portfolio {

    border-color: #222222;

    color: #222222;

}

.captionWhite .text .btn-portfolio:hover {

    border-color: #222222;

    color: white;

    background: #222222
}

.gallery-inner.item-4col .line-separator-small {

    margin: 10px auto;

}

.gallery-inner.item-4col .btn {

    margin: 15px;

}

.gallery-inner.item-4col h4 {

    font-size: 1.6em;

}

.gallery-inner.item-4col h5 {

    letter-spacing: 3px;

}

.gallery-inner.item-5col .line-separator-small {

    margin: 15px auto;

}

.gallery-inner.item-5col h4 {

    font-size: 1.3em;

}

.gallery-inner.item-5col h5 {

    letter-spacing: 3px;

}

.gallery-inner.item-5col .text {

    font-size: 11px;

    letter-spacing: 1px;

    margin-top: 40px;

    padding: 0px;

}

.gallery .item-2col-gutter,

.gallery .grid-sizer-2col-gutter {

    width: 40%;

    /* change here the column width */

}

.gallery .item-2col-gutter {

    margin-bottom: 5%;

    margin-left: 5%;

}

.gutter-sizer-2col {

    width: 5%;

}

.gallery .item-3col-gutter,

.gallery .grid-sizer-3col-gutter {

    width: 30%;

    /* change here the column width */

}

.gallery .item-3col-gutter {

    margin-bottom: 3.33333%;

    margin-left: 3.33333%;

}

.gutter-sizer-3col {

    width: 3.33333%;

}

.gallery .item-4col-gutter,

.gallery .grid-sizer-4col-gutter {

    width: 20%;

    /* change here the column width */

}

.gallery .item-4col-gutter {

    margin-top: 1.25%;

    margin-bottom: 1.25%;

    margin-left: 2.5%
}

.gutter-sizer-4col {

    width: 2.5%;

}

.gallery-inner.item-4col-gutter h4 {

    font-size: 1.3em;

}

.gallery-inner.item-4col-gutter h5 {

    letter-spacing: 3px;

}

.gallery-inner.item-4col-gutter .text {

    font-size: 11px;

    letter-spacing: 1px;

    margin-top: 40px;

    padding: 0px;

}

/*BLOG*/

.blogPost {

    padding: 30px;

    padding-top: 0;

    position: relative;

}

.blogPost .post-info p {

    text-transform: uppercase;

    color: #A2A2A2;

    font-size: 12px;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

}

.blogPost img {

    position: relative;

}

.blogPost .post-thumbnail {

    padding: 30px 0;

}

.blogPost .btn {

    margin: 30px 0;

    margin-bottom: 0;

}

.blogPost .owl-pagination {

    margin-top: -70px;

}

.blogPost .owl-theme .owl-controls .owl-page.active span {

    position: relative;

}

.blogPost .owl-buttons div {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    /*background:black;*/

}

/*.blogPost  .owl-buttons .owl-prev {

    left: 10px;

}

.blogPost  .owl-buttons .owl-next{

    right: 10px;

    }*/

ul.pagination {

    padding: 30px;

}

.pagination>li>a,

.pagination>li>span {

    border-radius: 0;

    position: relative;

    float: left;

    padding: 10px 16px;

    margin-left: -1px;

    color: #222222;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd;

    margin: 1px;

    font-family: 'Montserrat', sans-serif;

}

.pagination>li:last-child>a,

.pagination>li:last-child>span {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

}

.pagination>li:first-child>a,

.pagination>li:first-child>span {

    margin-left: 0;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}

.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #222222;

    border-color: #222222;

}

.pagination>li>a:hover,

.pagination>li>span:hover,

.pagination>li>a:focus,

.pagination>li>span:focus {

    color: #222222;

    background-color: #F8F8F8;

    border-color: #222222;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}

.input-group-addon {

    padding: 12px 18px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: white;

    text-align: center;

    background-color: #222222;

    border: 0;

    border-radius: 0;

    height: 40px;

}

.input-group-addon a {

    color: #fff;

}

.form-control {

    height: 40px;

    padding: 8px 12px;

    font-size: 12px;

    border-radius: 0px;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.form-control:focus {

    border-color: #b1b1b1;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.widget {

    margin-top: 50px;

}

.label {

    font-size: 12px;

    line-height: 3em;

    background: transparent;

    border: 1px dashed #d5d5d5;

    border-radius: 0;

    color: #777;

    margin-right: 10px;

    padding: 4px 15px;

    -webkit-transition: all .6s ease;

    -moz-transition: all .6s ease;

    -ms-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}

.label:hover {

    background-color: #f2f2f2;

    border: 1px dashed #f2f2f2;

    color: #282828;

}

ul.commentsList li {

    border-bottom: 1px dashed #e9e9e9;

    padding-bottom: 4px;

    margin-bottom: 10px;

}

ul.commentsList li a {

    font-weight: 700;

}

.badge {

    color: #7E7E7E;

    background-color: #f1f1f1;

    border-radius: 3px;

    margin-left: 6px;

}

.blogPost.blog-inner .post-thumbnail {

    padding: 10px 0;

}

.blogPost.blog-inner {

    padding-bottom: 60px;

}

.media {

    margin-top: 15px;

    padding: 20px;

    padding-left: 0;

}

.media:first-child {

    margin-top: 0;

}

.media-right,

.media>.pull-right {

    padding-left: 10px;

}

.media-left,

.media>.pull-left {

    padding-right: 10px;

}

.media-left,

.media-right,

.media-body {

    display: table-cell;

    vertical-align: top;

}

.media-middle {

    vertical-align: middle;

}

.media-bottom {

    vertical-align: bottom;

}

.media-heading {

    margin-top: 0;

    margin-bottom: 5px;

}

.media-list {

    padding-left: 0;

    list-style: none;

}

.media p.biggerSize {

    display: inline-block;

    padding-left: 10px;

    margin-bottom: 0;

}

.media .media-heading {

    display: inline-block;

}

.media-left {

    width: 15%;

}

.welcomeBox h1 {

    font-family: 'Dosis', sans-serif;

    color: #FFF;

    text-transform: uppercase;

    word-spacing: 4px;

    -webkit-font-smoothing: antialiased;

    letter-spacing: 5px;

    font-weight: lighter;

    border-bottom: 1px #d56f7b solid;

}

.back-title-box-motel {

    width: 100%;

    position: absolute;

    height: 132px;

    background: url(img/bg-title-motel.png);

    left: 0;

    opacity: 0.8;

}

.title-box-motel {

    width: 100%;

    float: left;

    margin-top: 69px;

}

.title-box-motel span {

    color: #FFF;

    font-family: Dosis;

    font-size: 44px;

    text-transform: uppercase;

    border-top: solid 1px #d6828b;

    padding-top: 4px;

    position: absolute;

    margin-top: 33px;

    margin-left: 30px;

}

.body-description-motel {

    background: url(img/bg-descripition-motel.png);

    padding: 55px;

    /*position: absolute;*/

    top: 500px;

    max-width: 780px;

    margin-top: 160px;

}

.body-description-motel h1 {

    font-family: Dosis;

    font-size: 60px;

    color: #FFF;

    text-transform: uppercase;

    font-weight: 300;

    border-bottom: solid 1px #FFF;

    padding-bottom: 39px;

    -webkit-font-smoothing: antialiased;

    letter-spacing: 10px;

    margin-bottom: 40px;

}

.body-description-motel h2 {

    font-family: Georgia;

    font-size: 37px;

    color: #FFF;

    font-style: italic;

    -webkit-font-smoothing: antialiased;

    line-height: 19px;

}

.body-description-motel span {

    font-family: Georgia;

    font-size: 16px;

    color: #FFF;

    font-style: italic;

    -webkit-font-smoothing: antialiased;

    font-weight: 100;

}

.body-description-namorados {

    background: url(img/fundo-box-namorados.png);

    padding: 70px 70px 70px 70px;

    /*position: absolute;*/

    top: 100px;

    max-width: 780px;

    margin-top: 100px;

    border: solid 2px #b1adb2;

    float: right;

}

.body-description-namorados h1 {

    font-family: 'Montserrat', sans-serif;

    font-size: 38px;

    color: #ffdb7f;

    text-transform: uppercase;

    font-weight: 300;

    border-bottom: solid 1px #FFF;

    padding-bottom: 25px;

    -webkit-font-smoothing: antialiased;

    letter-spacing: 5px;

    margin-bottom: 0px;

    line-height: 48px;

    font-weight: 700;

}

.body-description-namorados h2 {

    font-family: Georgia;

    font-size: 23px;

    color: #FFF;

    font-style: italic;

    font-weight: 900;

    -webkit-font-smoothing: antialiased;

    line-height: 30px;

    margin-bottom: -5px;

}

.body-description-namorados span {

    font-family: Georgia;

    font-size: 19px;

    color: #FFF;

    font-style: italic;

    line-height: 29px;

    -webkit-font-smoothing: antialiased;

    font-weight: 100;

}

.btn-detalhes {

    max-width: 50%;

    text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;

    font-size: 14px;

    color: #FFF;

    background: #550106;

    margin-top: 37px;

    border-radius: 0;

}

.btn-detalhes:hover {

    color: #B2151D;

    background-color: #FFFFFF;

}

.featuredSuiteNamePrice {

    padding-bottom: 20px;

    border-bottom: solid 1px #868686;

    margin-bottom: 35px;

}

.featuredSuiteNamePrice .item h5 {

    color: #FFF;

    font-weight: bold;

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    margin: 0;

}

.featuredSuiteNamePrice .item a {

    border-color: #FFF;

    color: #FFF;

    margin-top: 15px;

}

.bt-all-suite {

    background: #e7e7e7;

    border: none;

}

.staticBox {

    position: absolute !important;

    top: 1565px !important;

}

.fixedBox {

    position: fixed;

}

.navbar-brand {

    cursor: pointer
}

.suite .post-title {

    padding: 0 25%;

}

.suite .post-title h2 {

    text-align: center;

    padding-top: 25px;

    border-top: solid 1px #929292;

    font-family: Dosis;

    text-transform: uppercase;

    display: table;

    float: none;

    width: auto;

    margin: 0 auto;

}

.suite .owl-carousel {

    margin-top: 40px;

    padding: 0;

}

.suite .body-info-suite {

    padding-left: 10px;

    width: 100%;

    float: left;

    color: #FFF;

    margin-top: 50px;

}

.suite .title-suite {

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size: 20px;

    float: left;

    margin-right: 20px;

    margin-top: 20px;

}

.suite .table {

    color: #FFF;

    float: right;

    max-width: 233px;

}

.suite .table td {

    border: none !important;

    font-weight: bold;

}

.body-info-suite .list-unstyled {

    float: left;

    margin-left: 62px;

}

.w100 {

    width: 100%;

}

.row-custom {

    margin-left: -7px;

    margin-right: -7px;

}

.body-item-other {

    width: 20%;

    padding-left: 7px;

    padding-right: 7px;

    float: left;

    margin: 7px 0;

    height: 400px;

}

.body-item-other img {

    margin-left: -150%;

    transition: all 0.1s linear;

}

.rel {

    overflow: hidden;

    position: relative;

    max-height: 100%;

}

#secOther {

    background: #0c0c0c;

}

.body-item-other img:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.b-none {

    border: none !important;

}

.title-with-border {

    border-left: solid 1px #929292;

    padding: 3px 0 3px 10px;

    margin-left: -10px;

}

.body-descontos:nth-child(odd) {

    background: #242424;

}

.body-descontos:nth-child(even) {

    background: #202020;

}

.body-descontos h6.minimal,

.body-descontos p,

.body-descontos ul li,

.body-cupons h6.minimal,

.body-cupons p,

.body-cupons ul li {

    color: #FFF;

}

.body-descontos .line-separator-medium,

.body-cupons .line-separator-medium {

    background: #E61A4B;

}

.body-descontos a,

.body-cupons a {

    letter-spacing: 1px;

}

.body-cupons a {

    background: #fa2357;

    border: none !important;

}

.bg-desconto {

    background: url(img/descontos-image.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    float: left;

}

.bg-reservas {

    background: url(img/reservas-image.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    float: left;

}

#reservas-bt:hover {

    border: 0px;

    color: #000;

}

.font-13 {

    font-size: 13px;

}

.padding-neg {

    padding-top: 0px !important;

}

.padding-inputs {
    ;

    padding: 0px 30px 0px 30px;

}

.padding-lat {

    padding: 0px 50px 0px 50px;

}

.padding-neglat {

    padding: 30px 10px 30px 10px;

}

.reserva-bt {

    background: #fff;

    border-radius: 0;

    color: #000;

    position: relative;

    border: 0px;

}

.reserva-bt:hover {

    background: #d5244f;

    color: #fff;

    border: 0px;

}

.cardapioPage {

    background: url(img/background-cardapio.jpg) no-repeat;

    background-size: cover;

}

.fundoCardapio {

    background: url(img/fundo-cardapio.jpg) no-repeat !important;

    background-size: cover !important;

}

.fundoCardapio .sectionHeader h5 {

    color: #ffeace;

}

.fundoCardapio .sectionHeader .line-separator-medium {

    background: #ffeace;

}

.back-gastronomia {

    background-color: #0e0a0c !important;

}

.body-gastronomia p {

    color: #ffdcac;

    width: 100%;

    float: left;

    margin-top: 10px;

}

.body-gastronomia h6.minimal {

    color: #ffb76f;

    text-align: right
}

.body-gastronomia .line-separator-medium {

    background: #ffb76f;

    float: right;

    margin: 0;

}

.body-gastronomia:last-child h6.minimal {

    color: #ffb76f;

    text-align: left
}

.body-gastronomia:last-child .line-separator-medium {

    background: #ffb76f;

    float: left;

    margin: 0;

}

.localizacaoPage {

    background: url(img/localizacao-image.jpg) no-repeat;

    background-size: cover;

}

#intro-3quarters {

    max-height: 300px;

}

#intro-4quarters {

    max-height: 200px;

    background-color: #242424;

    height: 200px;

}

#intro-4quarters .localizacaoPage {}

.form-cad input,

.form-cad textarea {

    border: solid 1px #909090;

    background: transparent;

    resize: none;

    border-radius: 0;

}

.form-cad textarea {

    width: 100%;

    padding: 10px;

    height: 205px;

    font-size: 12px;

    border-radius: 0px;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #979797;

    ;

}

.form-cad label {

    color: #9a9a9a;

    font-weight: bold;

}

.form-cad font {

    margin-right: 30px;

    margin-bottom: 11px;

}

.form-cad input[type="radio"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    width: 12px;

    height: 12px;

    border: solid 1px #909090;

    border-radius: 100%;

    margin-right: 10px;

}

.form-cad input[type="radio"]+font span {

    width: 6px;

    height: 6px;

    position: absolute;

    background: #909090;

    border-radius: 100%;

    margin-left: -19px;

    margin-top: 7px;

    display: none;

}

.form-cad select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: url(img/arrows-select.jpg) no-repeat top right #282828;

    border: solid 1px #909090;

    color: #9a9a9a;

}

.form-cad select+span {

    position: absolute;

    right: 16px;

    top: -2px;

}

.form-cad select+span:before {

    content: url(img/setas-estado.png);

}

.form-cad input[type="checkbox"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: solid 1px #909090;

    width: 13px;

    height: 13px;

}

.form-cad input[type="checkbox"]+span span:before {

    content: "\e013";

    position: absolute;

    margin: -13px 0 0 -15px;

    display: none;

    font-size: 7px;

    color: #242424;

    background: #909090;

    padding: 2px;

}

.form-cad input:checked+font span,

.form-cad input:checked+span span:before {

    display: block;

}

.txtCheck {

    color: #9a9a9a;

    line-height: 20px;

}

.btn-submit {

    background: #FFF !important;

    color: #000;

    font-weight: bold;

    padding: 10px 30px;

    border: none;

    text-transform: uppercase;

    margin-bottom: 35px;

    -webkit-transition: all 500ms linear;

    -moz-transition: all 500ms linear;

    -o-transition: all 500ms linear;

    transition: all 500ms linear;

}

.btn-submit:hover {

    background: #E61A4B !important;

    color: #FFF;

    border: solid 1px #E61A4B !important
}

.modal {

    z-index: 9004;

}

.modal-header {

    background-color: red;

    background-size: cover;

    border-bottom: 1px solid #A2A2A2 !important;

}

.modal-header h4 {

    color: #FFF;

    text-transform: uppercase;

    font-size: 17px;

}

.modal-content {

    border: solid 1px rgba(255, 255, 255, 0.6);

    border-radius: 0 !important;

}

.modal-body,

.modal-footer {

    background: #191919;

    color: #B1B1B1;

    border: none !important;

}

.modal-body div {

    float: none;

}

.modal-footer button {

    width: 100%;

    background: #fa2357;

    border-radius: 0;

    border: none;

    margin-bottom: 15px;

    /*margin: 15px 0;*/

}

.modal-footer button:hover {

    width: 100%;

    background: #E61A4B;

    border-radius: 0;

    border: none;

    color: #fff;

}

.alert-sucess {

    color: #fff !important;

    background-color: #191919 !important;

    border-color: #191919 !important;

}

.alert {

    margin-bottom: -20px !important;

}

.overlay-menu a span {

    cursor: pointer;

}

.form-cad a,

.gsNaoLogado {

    color: #e2e2e2;

}

.form-cad a:hover,

.gsNaoLogado {

    color: #e2e2e2 !important;

}

.gsNaoLogado {

    /*float: left;*/

    margin-bottom: 15px;

    text-align: left;

    display: block;

}

#myModal .modal-footer {

    border-top: 1px solid #A2A2A2 !important;

}

.body-suite-index h5 {

    color: #FFF;

    background: #1D1D1D;

    padding: 10px 0;

    margin: 0;

}

.section-cardapio-index .container {

    padding: 150px 0 939px 0
}

.cardapio-btn {
    display: inline-block;
    margin: 10px 0px 32px 0;
    padding: 15px 23px;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #F59E35;
}

.cardapio-qrcode {
    width: 190px;
    height: 190px;
}

.cardapio-qrcode img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.item-inner:before{content:""; width: 100%; height: 260px; background-color: rgba(0, 0, 0, 0.7); position: absolute;z-index: 7000; transition: ;}

.item-inner:hover:before{display: none;}*/

.modal-footer .btn:focus {

    background: #353535;

    border: none;

}

.modal-body p {

    color: #E2E2E2;

}

.minhaListaCupons strong {

    color: #E2E2E2;

}

.minhaListaCupons a {

    color: #fff;

}

.blog-post h3 {

    color: #fff;

}

.blog-post p {

    color: #C1C1C1;

}

.box-msg {

    display: none;

}

.body_inp p {

    font-size: 12px;

    padding-top: 0;

    color: #F00;

    font-weight: 100;

    margin: 0;

}

.owl-item img {

    display: block;

    margin: 0 auto;

    width: 100% !important;

}

.owl-carousel:hover .owl-prev {

    left: 5% !important;

}

.owl-carousel:hover .owl-next {

    right: 5% !important;

}

.owl-theme .owl-controls .owl-page span {

    filter: Alpha(Opacity=90);

    opacity: .9;

}

.owl-page span {

    background: rgba(255, 255, 255, .4);

}

.txt-span span {

    color: #FFF;

}

#msgNaoEncontrou a {

    color: #E61A4B !important
}

.body-logo {

    position: absolute;

    width: 100%;

    height: 50px;

    z-index: 9002;

}

.class-menu {

    position: fixed !important;

    left: 43%;

    z-index: 1 !important;

}

#boxDescontos {

    color: #FFF;

}

.navbar-brand h5 {

    line-height: normal;

    text-shadow: 1px 1px 2px rgba(85, 85, 85, 0.2);

}

.modal-footer button:hover {

    background: #FFF;

    color: #222
}

.alert-success {

    color: #fff;

    background-color: #191919;

    border-color: #191919;

}

.s1,

.p1 {

    font-family: Georgia;

    font-style: italic;

    font-size: 16px;

    color: #FFF;

    -webkit-font-smoothing: antialiased;

    font-weight: 100;

}

.body-main-menu-footer {

    width: 100%;

    background: #110d0a;

}

.body-main-menu-footer ul li a,

.body-main-menu-footer ul li {

    color: #FFF;

}

.body-main-menu-footer ul {

    text-align: center;

}

@media(max-width: 320px) {

    .newsIntro {

        height: 0;

    }

    .namoradosIntro {

        height: 0;

    }

    .body-description-motel {

        top: 364px;

    }

    .body-description-namorados {

        top: 364px;

    }

}

@media(min-width: 321px) and (max-width: 667px) {

    .newsIntro {

        height: 0;

    }

    .namoradosIntro {

        height: 0;

    }

    .body-description-motel {

        top: 340px;

    }

    .body-description-namorados {

        top: 340px;

    }

}

@media(max-width: 1600px) {

    .introLogo {
        margin-top: 3% !important;
    }

}

@media(max-width: 1400px) {

    .espaco-topo-0 {
        padding-top: 21% !important;
    }

    .introLogo {
        margin-top: 2% !important;
    }

}

@media(max-width: 1200px) {

    .espaco-topo-0 {
        padding-top: 21% !important;
    }

    .introLogo {
        margin-top: 1% !important;
    }

}

@media(max-width: 1200px) {

    .espaco-topo-0 {
        padding-top: 30% !important;
    }

}

@media(max-width: 667px) {

    .body-description-motel {

        margin-left: -15px;

        margin-right: -15px;

    }

    .body-description-namorados {

        margin-left: 0px;

        margin-right: 0px;

        padding: 20px !important;

    }

    .h680 {

        height: 605px;

        margin-bottom: 0 !important;

    }

    .h680-2 {

        height: 270px;

        margin-top: -20px;

        margin-bottom: 70px !important;

    }

    .h680 .body-description-motel {

        margin-top: 0;

    }

    .h680 .body-description-namorados {

        height: 605px;

        margin-bottom: 0 !important;

        margin-top: 0;

    }

    .body-description-namorados {

        margin-top: -370px;

    }

    .welcomeBox h1 {

        font-size: 22px;

    }

    .smallIntroAboutUs p.serif {

        font-size: 19px;

    }

    .btn-detalhes {

        max-width: 100%
    }

    #mainPageDonut {

        background: url(img/background-gastronomia-mobile2.jpg);

    }

    #mainPageDonut h1 {

        font-size: 18px;

        line-height: 35px;

    }

    #mainPageDonut p {

        font-size: 15px;

    }

    .body-description-motel {

        padding: 47px;

        background: url(img/bg-descripition-motel-mobile.png);

    }

    .body-description-namorados {

        padding: 47px;

        background: url(img/bg-descripition-namorados-mobile.png);

    }

    .navbar-default .navbar-brand h5 {

        color: #fff;

        margin: 0;

        line-height: 34px;

        font-size: 14px;

        margin-left: 16px;

    }

    #news {

        background: none
    }

    #namorados {

        background: none
    }

    #charts {

        background: url('img/background-parallax-mobile2.jpg');

        background-size: cover;

    }

    #mainPageDonut {

        background-size: cover;

    }

    .timerWrapper {

        padding: 11px 0;

    }

    .featureImages {

        padding-bottom: 0;

    }

    .body-gastronomia h6.minimal {

        color: #ffb76f;

        text-align: left
    }

    .body-gastronomia .line-separator-medium {

        background: #ffb76f;

        float: left;

    }

    .body-gastronomia img {

        max-width: 100%;

    }

    #body_map {

        padding: 15px;

    }

    .triggerWrapper {

        float: left;

    }

    .featureBox h5.minimal {

        margin-bottom: 30px;

    }

    #footerTop .container .row {

        margin: 0;

    }

    #footerTop a {

        margin-bottom: 20px;

    }

    .socialLinks {

        text-align: center;

    }

    .backgroundDark3 .sectionHeader h5 {

        font-size: 30px;

        line-height: 41px;

    }

    .body-gastronomia p {

        margin-bottom: 15px;

    }

    .section-cardapio-index .container {

        padding: 65px 0
    }

    #footerTop .serif {

        padding: 15px 16px 0 16px;

        margin-bottom: 8;

        width: 100%;

    }

    #footerBottom h6.minimal,

    #footerBottom p.serif {

        margin-top: 0;

    }

    #charts2 .container {

        padding: 0;

    }

    .bg-desconto {

        background: url(img/descontos-image-mobile2.jpg) no-repeat;

        max-height: 694px;

    }

    .bg-reservas {

        background: url(img/reservas-image-mobile2.jpg) no-repeat;

        max-height: 694px;

    }

    .btn {

        font-size: 11px;

        padding: 15px 9px;

    }

    .backgroundDark4 .sectionHeader h5 {

        font-size: 32px;

    }

    #map {

        max-height: 600px;

    }

    .indexIntro1 {

        background: url('img/campanha_set_mobile.jpg') 50% 0;

        -webkit-background-size: auto;

        -moz-background-size: auto;

        -o-background-size: auto;

        background-size: auto;

    }

    .indexIntro6 {

        background: url('img/campanha_impresso_mobile.jpg') 50% 100% !important;

        background-attachment: fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

        position: relative;

    }

    .indexIntro7 {

        background: url('img/campanha_namorados_mobile.jpg') 50% 100% !important;

        background-attachment: fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

        position: relative;

    }

    .indexIntro8 {

        background: url('img/modelo1_mobile.jpg') 50% 100% !important;

        background-attachment: fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

        position: relative;

    }

    /* .indexIntro10 {

          background: url("img/festival-massas-mb.jpg") 50% 100%;

        background-attachment: fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

        position: relative;

    } */

    /*.introLogo{top: 50%; margin-top:-110px;}*/

    .body-suite-index {

        margin-bottom: 30px;

        text-align: center;

    }

    .carousel-suite .owl-pagination,

    .carousel-cardapio .owl-pagination {

        display: none;

    }

    .carousel-suite .owl-buttons div,

    .carousel-cardapio .owl-buttons div {

        opacity: 1;

        margin-top: 4px;

    }

    .carousel-suite .owl-buttons div.owl-next,

    .carousel-cardapio .owl-buttons div.owl-next {

        right: 0;

    }

    .suite .table {

        float: left;

    }

    .body-info-suite .list-unstyled {

        margin-left: 0;

    }

    .row-custom2 {

        margin-left: -15px;

        margin-right: -15px;

    }

    .title-with-border-mobile {

        border-left: solid 1px #929292;

        padding: 3px 0 3px 10px;

        margin-left: -10px;

    }

    .suite .body-info-suite {

        border: none;

    }

    .gallery-inner .caption {

        opacity: 1;

        width: 100%;

        height: 100%;

    }

    .body-description-motel {

        top: 0 !important;

    }

    .body-description-namorados {

        top: 0 !important;

    }

    .caption-heading h4 {

        font-size: 13px;

    }

    #intro-3quarters {

        display: none;

    }

    .carousel-cardapio {

        margin-bottom: 35px;

    }

    .titulo-diadosnamorados {

        letter-spacing: 1px;

        font-size: 17px;

    }

    .subtitulo-diadosnamorados {

        font-size: 14px !important;

        margin-top: -15px !important;

        margin-bottom: 10px !important;

    }

    .botao-tamanho-diadosnamorados {

        padding: 15px 47px !important;

        font-size: 9px !important;

    }

    .espaco-topo-0 {

        padding-top: 51% !important;

    }

    .titulo-interna-diadosnamorados {

        line-height: 1;

    }

    .body-description-namorados h1 {

        font-family: 'Montserrat', sans-serif;

        font-size: 25px;

        color: #ffdb7f;

        text-transform: uppercase;

        font-weight: 300;

        border-bottom: solid 1px #FFF;

        padding-bottom: 25px;

        -webkit-font-smoothing: antialiased;

        letter-spacing: 5px;

        margin-bottom: 0px;

        line-height: 28px;

        font-weight: 700;

    }

    .body-description-namorados h2 {

        font-family: Georgia;

        font-size: 20px;

        color: #FFF;

        font-style: italic;

        font-weight: 900;

        -webkit-font-smoothing: antialiased;

        line-height: 30px;

        margin-bottom: -5px;

    }

}

@media (max-width: 375px) {

    .menuWrapper {

        min-height: 510px !important;

    }

    /* .indexIntro10 {

        background: url('festival-massas-mb.jpg') center/cover;

    } */

}

@media (max-width: 480px) {

    .indexIntro1 {

        background: url('img/campanha_set_mobile.jpg') 50% 0;

        -webkit-background-size: auto;

        -moz-background-size: auto;

        -o-background-size: auto;

        background-size: auto;

    }

    .indexIntro5 {

        background: url('img/acaso-mobile.jpg') 50% 0;

        -webkit-background-size: auto;

        -moz-background-size: auto;

        -o-background-size: auto;

        background-size: auto;

    }

    .padding-inputs {

        padding: 10px 10px 0px 10px;

    }

}

@media (max-height: 900px) and (min-width: 1399px) {

    .fixedBox {

        top: 400px;

    }

}

@media (max-width: 1366px) {

    .fixedBox {

        top: 188px;

    }

    .backgroundBigNumber {

        font-size: 14em;

    }

}

@media (max-width: 1280px) {

    .body-description-motel {

        top: 315px;

    }

    .body-description-namorados {

        top: 315px;

    }

}

@media (max-width: 1024px) {

    .body-description-motel {

        top: 290px;

        padding: 28px;

    }

    .body-description-namorados {

        top: 290px;

        padding: 0px;

    }

}

@media screen and (min-width: 668px) and (max-width: 1700px) {

    #news {

        background: url(img/omotel2.jpg) 50% 122% no-repeat;

    }

    #namorados {

        background: url(img/dia-dos-namorados-interna.jpg) no-repeat;

    }

}

@media (min-width: 668px) {

    .menuWrapper {

        margin-top: 154px;

    }

}

nav {

    z-index: 9003 !important;

}

.navbar-left {

    margin-right: 25px;

}

.text-left {

    text-align: left !important;

}

.text-right {

    text-align: right !important;

}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {

    clear: both;

}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item {

    width: 50px !important;

}

#qLoverlay {}

.queryloader__overlay__bar {

    display: none;

}

#qLpercentage {

    font-family: Georgia;

    font-size: 120px;

    font-style: italic;

    background: url(img/line-loading.png) 50% 50% no-repeat;

    line-height: 37px;

}

.contact-phone {

    color: #FFF;

    font-size: 12px;

    width: 100%;

    float: left;

}

.contact-phone strong {

    font-size: 14px;

}

.glyphicon-earphone {

    font-size: 11px;

}

.bb-none:last-child:hover:after {

    background: none;

    border: none;

}

.fluid-width-video-wrapper {

    padding: 0 !important;

    width: 100%;

    height: 450px;

}

.c-white {

    color: #FFF !important;

}

.bc-white {

    border-color: #FFF !important;

}

#modal-video .modal-header .close {

    margin-top: -12px;

}

#reservas-inputs input {

    background-color: #242424;

    text-transform: lowercase;

    font-weight: 100;

}

#reservas-inputs select {

    background-color: #242424;

    text-transform: lowercase;

    font-weight: 100;

    border-radius: 0px;

}

/*#myytplayer{position: absolute; top: 0; display: none;}*/

/* ======== Reservas ===========*/

.ui-datepicker {

    width: 100%;

    height: auto;

    margin: 0px auto 0;

}

.ui-datepicker a {

    text-decoration: none;

}

.ui-datepicker table {

    width: 100%;

}

.ui-datepicker-header {

    background: #323031;

    color: #ffffff;

    font-weight: bold;

    line-height: 30px;

    padding: 15px 0px;

    text-transform: uppercase;

}

.ui-datepicker-title {

    text-align: center;

    text-transform: lowercase;

}

.ui-datepicker-prev,
.ui-datepicker-next {

    display: inline-block;

    width: 30px;

    height: 30px;

    text-align: center;

    cursor: pointer;

    background-image: url('img/arrow.png');

    background-repeat: no-repeat;

    line-height: 600%;

    overflow: hidden;

}

.ui-datepicker-prev {

    float: left;

    background-position: center -30px;

    margin-left: 5px;

}

.ui-datepicker-next {

    float: right;

    background-position: center 0px;

    margin-right: 5px;

}

.ui-datepicker thead {

    border-bottom: 1px solid #353535;

    display: table-header-group;

    background-color: #162134;

}

table th,
table td {

    border-width: 1px;

    border-style: solid;

    vertical-align: middle;

}

thead tr th span {

    font-size: 12px;

    color: #ffffff;

    font-family: Lato;

    font-weight: 400;

}

.ui-datepicker th {

    text-transform: uppercase;

    font-size: 6pt;

    padding: 15px 0;

    text-align: center;

    background: #242424;

    color: #ffffff;

    border: 1px solid #353535;

}

.ui-datepicker tbody td {

    padding: 0;

}

.ui-datepicker td span,
.ui-datepicker td a {

    display: inline-block;

    font-weight: normal;

    text-align: center;

    display: block;

    line-height: 35px;

    color: #666666;

}

.ui-datepicker-calendar .ui-state-default {

    background: rgba(255, 255, 255, 0);

    color: #fff;

    /*border: 1px solid #353535;*/

}

.ui-datepicker-calendar .ui-state-hover {

    background: #E61A4B;

    color: #fff;

}

.ui-datepicker-calendar .ui-state-active {

    background: #E61A4B;

    color: #ffffff;

    position: relative;

}

.ui-datepicker-unselectable .ui-state-default {

    color: #323031;

}

#reservas-inputs select {

    background: url(img/setas-estado.png) no-repeat 99% 50%;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}

.navbar-default .navbar-left .burger_deluxe .burger_global {

    border-color: #fff;

    box-shadow: none;

}

.topoPromo {

    background: url(img/background12.jpg);

    background-attachment: fixed;

    position: relative;

}

.topoCardapio {

    background: url(img/topofoto.jpg);

    background-attachment: fixed;

    position: relative;

}

.bg-promocoes {

    background: url(img/promocoes-image.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    float: left;

}

.bg-festival {

    background: url(img/festivaldemassas.jpg) no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    float: left;

}

.navbar-default .navbar-left .burger_deluxe .burger_global {

    border-color: #fff !important;

}

.navbar-default .navbar-brand h5 {

    color: #fff !important;

}

#cardapio h6,
#cardapio p {

    color: #fff;

}

#cardapio p {

    font-weight: 500;

}

.btn-highlight-standard {

    transition: all .8s ease;

    background: #fff;

    padding: 12px 60px;

    text-align: center;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    text-transform: uppercase;

    letter-spacing: 5px;

    font-weight: 500;

    border-radius: 20px;

    font-size: 1.2rem;

    color: #fff;

    box-shadow: 0 2px 18px 0 rgba(251, 0, 43, .68);

    background-image: -moz-linear-gradient(180deg, #fb303b 0, #f61e69 100%);

    background-image: -webkit-linear-gradient(180deg, #a4020b 0, #f61e1e 100%);

    background-image: -ms-linear-gradient(180deg, #fb303b 0, #f61e69 100%);

    border: 0;

}

/* MODAL */

#modalPark {

    padding-right: 0 !important;

}

#modalPark .modal-body {

    margin-top: 25vh;
    max-width: 500px;

    font-size: 14px;

margin: 0 auto;
    padding: 0;

}

#modalPark .modal-header {

    border-bottom: none !important;

    background-color: transparent;

    padding: 0;

    min-height: 0;

}

#modalPark .modal-content {

    border-radius: 0;

    background: transparent;

    border: none;

    box-shadow: none;

}

#modalPark .modal-header .close {

    width: 30px;

    position: absolute;

    float: right;

    right: 20%;

    top: 5px;

    z-index: 2;

    opacity: 1;

}

#modalPark .modal-header .close span {

    color: white;

    font-size: 42px;

    font-weight: 400;

}

#modalPark .modal-body {

    background: transparent;

}

#modalPark .modal-body img {

    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);

}

.pacotes__images {

    padding: 0;

}

.pacotes__images img {

    width: 100%;

}

.pacotes__content {

    padding: 0;

}

.pacotes__content--natal,
.pacotes__content--reve {

    background-color: #141414;

    color: #fff;

    padding: 50px 60px;

}

.pacotes__content h2 {

    margin-top: 0;

    color: #fff;

    font-size: 28px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}

.pacotes__content hr {

    width: 60px;

    margin: 0;

    border-top: 3px solid #c02c4e;

}

.pacotes__content p,
.pacotes__content ul li {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    margin-top: 20px;

    font-family: 'Raleway', sans-serif;

}

.pacotes__content ul li {

    margin-top: 0;

    margin-bottom: 0;

}

.pacotes__content--reve {

    background-color: #292929;

}

@media only screen and (max-width: 768px) {

    #modalPark .modal-header .close {

        right: 4px !important;

        top: -5px !important;

    }

    .cardapio-qrcode {
        display: none;
    }

}

.tabela-flex {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.tabela-flex ul {

    list-style: none;

}

ul span {

    text-decoration: underline;

}

.quebra-xs {

    display: none;

}

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

    .tabela-flex {

        flex-direction: column;

        align-items: baseline;

    }

    .quebra-xs {

        display: block;

    }

}

.tabela-30-off {

    border-color: transparent;

    color: white;

    width: 100%;

}

.tabela-30-off th,
.tabela-30-off td {

    border: none;

    padding: 3px 21px 0 0;

}

.tabela-30-off th:last-child,
.tabela-30-off td:last-child {

    padding-right: 0;

}

.tabela-30-off th:nth-child(2),
.tabela-30-off th:nth-child(3),

.tabela-30-off td:nth-child(2),
.tabela-30-off td:nth-child(3) {

    text-align: center;

}

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

    .tabela-30-off {

        font-size: 12px;

        margin-left: -21px;

        width: 97vw;

    }

    .tabela-30-off th,
    .tabela-30-off td {

        padding-right: 5px;

    }

}

#cardapio #holder canvas {
    width: 100%;
}
#footerTop .container .row{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.box-promo p{
    margin-bottom: 0;
    padding-bottom: 0;
}
.box-promo a{
   position: relative;
}
.box-promo a i{
    font-size: 16px;
    font-weight: 400;
}
@media only screen and (max-width: 768px) {
    #footerTop .container .row{
        flex-direction: column;
    }
    
.box-promo p{
    margin-bottom: 16px !important;
}
}
.reservas__wrapper{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}
.reservas__wrapper .reservas-op-default{
    padding: 60px 30px !important;
    margin: 0 !important;
}
.reservas__wrapper .reservas-op-default p{
    color: #fff !important;
}
.img-long img {
    height: 700px;
    object-fit: cover;
}
.last-img img{
    height: 600px;
    object-fit: cover;
    object-position: bottom;
}
@media screen and (max-width: 768px) {
    .reservas__wrapper{
        grid-template-columns: 1fr;
        padding: 0 15px;
    }
}