/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
.row-same-height { display: table; width: 100% }
.col-xs-height { display: table-cell; float: none !important }
.navbar-default { background-color: #ffffff; border-color: transparent; margin-top: 10px }
.navbar-default .navbar-brand { color: #282828; font-size: 24px; padding: 15px 10px; position: relative; margin-top: -50px }
.navbar-default .navbar-brand img { margin-right: 10px; width: 200px; max-width: 100% }
.navbar-default .navbar-brand a { margin-top: 15px }
.navbar { padding: 0 20px; margin-bottom: 10px; }
#logo { letter-spacing: 4px }

@media (max-width: 480px) {
.navbar-default .navbar-brand { margin-top: 0 }
}

@media (min-width: 768px) {
.col-sm-height { display: table-cell; float: none !important }
.carousel-caption { max-width: 22%; width: 100%; top: 40px; left: 4%; color: inherit; text-align: left; text-shadow: none; }
.carousel-caption h1 { font-size: 36px }
.carousel-caption p { font-size: 20px }
}

@media (max-width: 767px) {
.carousel-caption { max-width: 90%; width: 100%; top: 0; left: 4%; color: inherit; text-align: left; text-shadow: none; }
.carousel-caption h1 { font-size: 30px }
.carousel-caption p { font-size: 16px }
}

@media (min-width: 992px) {
.col-md-height { display: table-cell; float: none !important }
}

@media (min-width: 1200px) {
.col-lg-height { display: table-cell; float: none !important }
}
body, html { width: 100%; height: 85% }
body { background: #fff }
a { outline: none !important }
.body { overflow: hidden }
.preloader { background: url(../imgs/preloader.html) center center no-repeat; height: 50px; width: 50px; left: 50%; top: 50%; position: absolute; margin: -25px 0 0 -25px }
#header>.container-fluid { position: relative }
#header>.container-fluid #logo { position: absolute; top: 15px; left: 30px; display: block; height: 30px; line-height: 30px; padding-left: 40px; letter-spacing: 7px; font-size: 42px; color: #282828; overflow: hidden; text-decoration: none !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700; background: #f00 url(../imgs/logo.png) transparent 0 0 no-repeat; }
#header>.container-fluid #logo a { color: #282828 }
#header>.container-fluid #logo span { color: #B3B3B3 }

@media (max-width: 767px) {
#header>.container-fluid #logo { text-indent: -200% }
}
#header>.container-fluid #twitter-btn { display: block; position: absolute; top: 15px; right: 30px; color: #1A1A1A; font-size: 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
#header>.container-fluid #twitter-btn:hover { color: #B3B3B3 }
#header>.container-fluid #login-btn { position: absolute; top: 18px; right: 60px; padding: 0; margin: 0 }
#header>.container-fluid #login-btn button { font-family: "Open Sans", Arial, sans-serif; font-weight: 700; color: #1A1A1A; text-transform: uppercase; border: none; width: 84px; font-size: 12px; padding: 0; margin: 0; height: 22px; line-height: 22px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden !important; display: block; position: relative }
#header>.container-fluid #login-btn button>i { margin-right: 10px }
#header>.container-fluid #login-btn button:after { content: ''; position: absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; z-index: -1; height: 0; top: 50%; left: 50%; background: #B3B3B3; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg) }
#header>.container-fluid #login-btn button:hover { color: #FFF }
#header>.container-fluid #login-btn button:hover:after { height: 350%; opacity: 1 }
#header>.container-fluid #menu-icon { position: absolute; top: 10px; left: 50%; width: 40px; height: 40px; margin-left: -20px }

@media (max-width: 767px) {
#header>.container-fluid #menu-icon { left: 126px }
}
#header>.container-fluid #menu-icon a { display: block; position: relative; width: 40px; height: 40px }
#header>.container-fluid #menu-icon a .menu-icon-el { left: 5px; position: absolute; display: block; width: 30px; height: 4px; line-height: 0; font-size: 0; background: #1A1A1A; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out }
#header>.container-fluid #menu-icon a .menu-icon-el-1 { top: 10px }
#header>.container-fluid #menu-icon a .menu-icon-el-2 { top: 18px }
#header>.container-fluid #menu-icon a .menu-icon-el-3 { top: 26px }
#header>.container-fluid #menu-icon a:hover .menu-icon-el-1 { top: 8px }
#header>.container-fluid #menu-icon a:hover .menu-icon-el-3 { top: 28px }
#header>.container-fluid .no-svg .si-icon-hamburger-cross { background: url(../imgs/menu.png) transparent 0 0 no-repeat; background: none, url(../imgs/menu.svg) transparent 0 0 no-repeat }
#banner { height: 282px; background: #FFF; overflow: hidden !important; position: relative; top: 0; left: 0; width: 100% }
#brands { margin-top: 40px }
#page-container { margin-top: 20px; margin-bottom: 0 }
#page-container .txt-holder { color: #606060; font-size: 20px; font-family: "Open Sans", Arial, sans-serif; font-weight: 300; line-height: 24px; text-align: center; margin: 60px 0 0 0 }
#page-container .img-holder { text-align: center }
#page-container .img-holder img { margin: 0 auto }
#massage-form { color: #047; font-size: 12px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; margin-top: 20px; line-height: 14px }
#prodotti-disponibili { background: #eeece9; padding: 45px 0 70px 0 }
#prodotti-disponibili h4 { color: #047; font-size: 24px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; text-align: center; margin: 0 0 50px 0 }
#prodotti-disponibili ul { list-style-type: none; color: #454545; font-size: 15px; font-family: "Open Sans", Arial, sans-serif; font-weight: 300; margin: 0; padding: 0 }
#prodotti-disponibili ul li { padding-left: 10px }
#prodotti-disponibili .product-list { background: url("../imgs/divider.png") repeat-y }
#product-container { margin-top: 20px; margin-bottom: 50px }
#product-container #product-content { margin: 100px 0 0 0 }
#product-container #product-content .img-holder { padding-bottom: 80px; background: url("../imgs/ita.html") no-repeat 50% 100% }
#product-container #product-content .section-info { text-align: right; padding-right: 30px; background: url("../imgs/box-home/divider.html") repeat-y 100% 0 }
#product-container #product-content .section-info h2.section-title { color: #005883; font-size: 18px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; position: relative; margin: 0 0 5px 0 }
#product-container #product-content .section-info ul.section-menu { list-style-type: none; margin: 0; padding: 0 }
#product-container #product-content .section-info ul.section-menu li { position: relative; margin: 2px 0 }
#product-container #product-content .section-info ul.section-menu li a { color: #454545; font-size: 12px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400 }
#product-container #product-content .section-info ul.section-menu li a:hover { color: #84d8d1 }
#product-container #product-content .section-info ul.section-menu li.active a { font-weight: 800 }
#product-container #product-content .section-info ul.section-menu li.active:after { position: absolute; top: 1px; right: -20px; font-family: "FontAwesome"; font-weight: normal; content: "\f060"; color: #84d8d1; display: inline-block; padding-left: 0; vertical-align: middle }
#product-container #product-content h1 { color: #047; font-size: 31px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400; position: relative; margin: 0 }
#product-container #product-content h3 { color: #606060; font-size: 20px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400; margin: 0 0 30px 0 }
#product-container #product-content h6.green { color: #047; font-size: 13px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; padding-right: 32px !important; display: inline-block; height: 24px; line-height: 32px; background: url("../imgs/green.html") no-repeat 100% 0; margin: 50px 0 4px 0 }
#product-container #product-content p { color: #454545; font-size: 13px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400; line-height: 15px; margin: 0 }
#product-container #product-content .valori-nutrizionali { margin-top: 40px; background: #dceefd; padding: 20px 0 }
#product-container #product-content .valori-nutrizionali h5 { color: #047; font-size: 13px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; height: 24px; margin: 0 }
#product-container #product-content .valori-nutrizionali ul { list-style-type: none; margin: 0; padding: 0; color: #454545; font-size: 13px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400 }
#product-container #product-content .product-note { margin: 20px 0 }
#product-container #product-content .product-note p { color: #047; font-size: 13px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600 }
#product-container #product-content .qty { color: #047; font-size: 14px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600 }
.home-intro { background: #B3B3B3; text-align: center; -moz-box-shadow: 0 0 5px 5px #CCC; -webkit-box-shadow: 0 0 5px 5px #CCC; box-shadow: 0 0 5px 5px #CCC }
.home-intro H2 { color: #047; font-size: 28px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; margin: 0; padding: 0 }
.home-intro p { font-family: "Proxima Nova Lt", Arial, sans-serif; font-size: 26px; color: #1A1A1A; line-height: 29px; margin: 30px 0 0 0; padding: 0 }
.home-intro .home-intro-content { position: relative; padding: 70px 0 60px 0 }
.home-intro .home-intro-content:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; margin-left: -20px; position: absolute; pointer-events: none; border-color: rgba(255,255,255,0); border-top-color: #B3B3B3; border-width: 20px; }
.home-intro .home-intro-content:before { content: ''; left: 50%; margin-left: -20px; position: absolute; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 40px; height: 40px; bottom: -12px; z-index: -1; -moz-box-shadow: 0 0 5px 5px #DDD; -webkit-box-shadow: 0 0 5px 5px #DDD; box-shadow: 0 0 5px 5px #DDD; }
h2.title-divider { margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #CDCDCD; position: relative; text-align: center; color: #047 }
h2.title-divider>span { display: inline-block; background: #fff; position: relative; bottom: -10px; padding: 0 50px }
h2.title-divider>span>span { color: #047; font-size: 28px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; position: relative }
h2.title-divider>span>span>span { position: absolute; display: block; width: 100%; color: #7c8389; font-size: 18px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400 }
.title-divider-double { margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #CDCDCD; position: relative; text-align: center }
.title-divider-double>div { display: inline-block; background: #fff; position: relative; bottom: -30px; padding: 0 50px }
.title-divider-double>div h2 { color: #047; font-size: 28px; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; margin: 0 }
.title-divider-double>div h4 { display: block; color: #7c8389; font-size: 18px; font-family: "Open Sans", Arial, sans-serif; font-weight: 400; margin: 0 }
#home-boxes { margin-top: 50px; margin-bottom: 50px; padding-bottom: 80px; background: url("../imgs/ita.html") no-repeat 50% 100% }
#home-boxes .home-box { background: url("../imgs/box-home/divider.html") no-repeat 0 99% }
#home-boxes .home-box:first-child { background: none }
#home-boxes .box-home-img { overflow: hidden; display: block; padding: 0 20px }
#home-boxes a { text-decoration: none; text-align: center }
#home-boxes a img { position: relative; z-index: 0; margin: 0 auto; display: block; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0, 0, 0); transform: perspective(1000px) translate3d(0, 0, 0) }
#home-boxes a .box-home-title { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
#home-boxes a:hover { text-decoration: none }
#home-boxes a:hover img { -webkit-transform: perspective(1000px) translate3d(0, 0, 91px); transform: perspective(1000px) translate3d(0, 0, 91px) }
#home-boxes a:hover .box-home-title { color: #84d8d1 }
#home-boxes .box-home-title { font-family: "cooper-black-std", sans-serif; font-size: 28px; color: #047; display: block; text-align: center }
#home-boxes .box-home-description { font-family: "Open Sans", Arial, sans-serif; font-weight: normal; font-size: 16px; color: #8d8d8d; display: block; text-align: center }
.col-nopadding { padding: 0 !important; margin: 0 !important }
#footer { margin-top: 0; background: #1A1A1A; padding: 30px 30px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer }
#footer:hover { background: #333 }
#footer:hover #footer-address { border-color: #555 }
#footer .footer-item { margin: 0; width: 50%; float: left }

@media (max-width: 767px) {
#footer .footer-item { width: 100%; float: none }
#footer .footer-item p { text-align: center !important }
}
#footer .footer-item p { font-family: "Open Sans", Arial, sans-serif; font-weight: normal; line-height: 18px; color: #B3B3B3; font-size: 12px }
#footer .footer-item p strong { font-family: "Open Sans", Arial, sans-serif; font-weight: 700; color: #fff }
#footer .footer-item a { text-decoration: none !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
#footer .footer-item a:hover { color: #fff }
#footer .footer-item-left p span { margin-right: 7px; top: 3px; position: relative; width: 16px; height: 16px; display: inline-block; background: url(../imgs/logo-mini.png) transparent 0 0 no-repeat; background: none, url(../imgs/logo-mini.svg) transparent 0 0 no-repeat }
#footer .footer-item-right p { text-align: right }
#footer .row>div { margin: 10px 0 }
#footer #footer-address { clear: both; margin: 10px 0; border-top: 1px solid #333; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
#footer #footer-address #footer-content { display: none }
#footer #footer-address #footer-content>div { padding: 20px 0 }
#footer #footer-address h4 { font-size: 12px; color: #fff; margin: 0 0 5px 0 }
#footer #footer-address p { font-size: 10px; color: #B3B3B3; margin: 0 }
#slider { position: relative; width: 100%; height: 100%; z-index: 90 }

@media (max-width: 767px) {
#slider { height: auto }
}
#slider .swiper-container { position: relative; width: 100%; height: 100%; border-left: 30px solid #fff; border-right: 30px solid #fff; padding-top: 20px; padding-bottom: 60px }

@media (max-width: 767px) {
#slider .swiper-container { height: 400px; padding-bottom: 0 }
}
#slider #pagination-wrapper { border-bottom: 1px solid #DDD }
#slider #pagination-wrapper .pagination-int { position: relative }
#slider #pagination-wrapper #headline { position: absolute; left: 30px; bottom: 0; margin: 0; padding: 0; height: 60px; width: 40% }

@media (max-width: 767px) {
#slider #pagination-wrapper #headline { margin-top: 50px; position: static; left: 0; width: 100%; height: auto; padding-bottom: 20px; text-align: center }
}
#slider #pagination-wrapper #headline h1 { font-size: 15px; font-family: 'Montserrat', sans-serif !important; font-weight: normal; margin: 22px 0 0 0; color: #1A1A1A; line-height: 1 }
#slider #pagination-wrapper #headline h1 span { color: #B3B3B3 }
#slider #pagination-wrapper .container-fluid { position: relative }
#slider #pagination-wrapper .swiper-pagination { position: absolute; right: 30px; bottom: 22px; margin: 0; padding: 0; line-height: 1 }

@media (max-width: 767px) {
#slider #pagination-wrapper .swiper-pagination { position: absolute; bottom: none; top: -30px; left: 0; width: 100%; text-align: center }
}
#slider #pagination-wrapper .swiper-pagination .swiper-pagination-bullet { margin: 0; background-color: #fff !important; box-shadow: inset 0 0 0 2px #1A1A1A; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-radius: 100%; display: inline-block; height: 10px; opacity: 1; width: 10px; margin-left: 10px }
#slider #pagination-wrapper .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0 }
#slider #pagination-wrapper .swiper-pagination .swiper-pagination-bullet:hover, #slider #pagination-wrapper .swiper-pagination .swiper-pagination-bullet:focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,0.6) }
#slider #pagination-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { box-shadow: inset 0 0 0 8px #1A1A1A }
#slider .swiper-slide { background-size: cover; width: 100%; height: 100%; position: relative }
#slider .swiper-slide .naming { position: absolute; top: 100px; left: 50%; margin-left: -150px; width: 300px; height: 145px; background: url(../imgs/naming-black.png) transparent 0 0 no-repeat; background: none, url(../imgs/naming-black.svg) transparent 0 0 no-repeat }
#slider .swiper-slide .title-1 { text-transform: uppercase; position: absolute; width: 100%; text-align: center; top: 300px; left: 0; z-index: 1; font-size: 30px; font-family: 'Montserrat', sans-serif !important; font-weight: normal }
#slider .swiper-slide .text-1 { position: absolute; top: 350px; left: 50%; margin-left: -150px; text-align: center; z-index: 2; font-size: 18px; width: 300px; line-height: 22px }
#slider .swiper-slide .caption { text-transform: uppercase; z-index: 1; font-size: 40px; line-height: 1; font-family: 'Montserrat', sans-serif !important; font-weight: normal }

@media (max-width: 767px) {
#slider .swiper-slide .caption { font-size: 24px; top: 20px; left: 20px }
}
#slider .swiper-slide .text { position: absolute; top: 200px; left: 100px; z-index: 2; font-size: 18px; width: 360px; line-height: 22px }
#slider .swiper-slide .text span { font-style: italic; font-size: 14px; margin-top: 20px; display: block }

@media (max-width: 767px) {
#slider .swiper-slide .text { width: 240px; top: 90px; left: 20px }
}
#who-we-are { padding: 50px 0 }
#who-we-are hgroup { text-align: center; border-bottom: 1px solid #B3B3B3; margin-bottom: 20px }
#who-we-are hgroup h2 { font-family: 'Montserrat', sans-serif !important; font-weight: normal; font-size: 24px; color: #1A1A1A; margin: 0 0 5px 0 }
#who-we-are hgroup h6 { font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 14px; color: #B3B3B3; margin: 5px 0 }
#who-we-are p { font-size: 16px; line-height: 24px }

@media all and (min-width: 900px) {
#who-we-are p { -webkit-column-count: 3; -webkit-column-gap: 30px; -moz-column-count: 3; -moz-column-gap: 30px; column-count: 3; column-gap: 30px }
#header>.container-fluid #menu-icon { display: none }
}

@media (max-width: 767px) {
#who-we-are p { text-align: center; padding: 0 10px }
}
#twitter { padding: 50px 0 }
#twitter .header { text-align: center; border-bottom: 1px solid #B3B3B3; padding-bottom: 15px; margin: 0 auto; width: 300px }
#twitter .header i { display: block; font-size: 24px; color: #1A1A1A; margin: 0 0 5px 0 }
#twitter .header a { font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 14px; color: #B3B3B3; margin: 5px 0; text-decoration: none !important }
#twitter .header a:hover { color: #1A1A1A }
#twitter .tweet { margin-top: 20px; text-align: center }
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 990; background: rgba(0,0,0,0.9) }
.overlay .overlay-close { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 20px; overflow: hidden; border: none; outline: none; z-index: 100; background: url(../imgs/close.png) transparent 0 0 no-repeat; background: none, url(../imgs/close.svg) transparent 0 0 no-repeat; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out }
.overlay .overlay-close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
.overlay nav { text-align: center; position: absolute; top: 53%; left: 50%; margin-left: -160px; height: 35%; width: 320px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 1px solid #B3B3B3; padding: 50px 0; border-bottom: 1px solid #B3B3B3 }
#fullscreen-menu #naming { width: 240px; height: 115px; background: url(../imgs/naming.png) transparent 0 0 no-repeat; background: none, url(../imgs/naming.svg) transparent 0 0 no-repeat; margin: 0 auto; margin-top: 100px }

@media (max-width: 767px) {
#fullscreen-menu #naming { display: none }
}
#fullscreen-menu a { font-size: 26px; color: rgba(255,255,255,0.3); font-family: 'Montserrat', sans-serif !important; font-weight: 700; text-transform: uppercase; text-shadow: none; text-decoration: none !important }
#fullscreen-menu a::before { color: #fff; content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s }
#fullscreen-menu a:hover::before, #fullscreen-menu a:focus::before { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0 }
.parallax-window { padding: 50px 0; position: relative }
.parallax-window hgroup { text-align: center; border-bottom: 1px solid #fff; margin-bottom: 20px }
.parallax-window hgroup h1 { font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 24px; color: #fff; margin: 5px 0 }
.parallax-window hgroup h3 { font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 14px; color: #fff; margin: 5px 0 }
.box-home { padding: 30px 10px; text-align: center; background: #1A1A1A url("../imgs/divider.png") no-repeat 0 50% }
.box-home a { text-decoration: none !important; display: block }
.box-home a i { font-size: 40px; color: #B3B3B3; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
.box-home a h2 { font-family: 'Montserrat', sans-serif !important; font-weight: normal; font-size: 14px; color: #B3B3B3; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
.box-home a:hover i { color: #fff }
.box-home a:hover h2 { color: #fff }
.box-home:first-child { background: #1A1A1A }
#parallax-contact { min-height: 400px }
#contact { padding: 50px 0 0 0 }
#contact hgroup { text-align: center; margin-bottom: 20px }
#contact hgroup h6 { font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 16px; color: #1A1A1A; margin: 0 }
#contact p { font-size: 14px; line-height: 24px; color: #B3B3B3; text-align: center }
#contact p span { font-weight: bold }
#contact .container { padding-bottom: 40px; border-bottom: 1px solid #B3B3B3 }
#contact-naming { margin: 0 auto; margin-bottom: 40px; width: 300px; height: 145px; background: url(../imgs/naming-black.png) transparent 0 0 no-repeat; background: none, url(../imgs/naming-black.svg) transparent 0 0 no-repeat }

@media (max-width: 767px) {
#contact-naming { width: 260px; height: 130px }
}
#login-naming { position: relative; margin: 0 auto; top: 20px; width: 198px; height: 95px; background: url(../imgs/logo-gray.png) transparent 0 0 no-repeat; background: none, url(../imgs/logo-gray.svg) transparent 0 0 no-repeat }

@media (max-width: 767px) {
#login-naming { width: 260px; height: 130px }
}
.box-contact { padding: 30px 10px; text-align: center; background: #1A1A1A url("../imgs/divider.png") no-repeat 0 50% }
.box-contact p { font-size: 14px; color: #B3B3B3; margin: 0 }
.box-contact h2 { font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 14px; color: #fff; margin-top: 0 }
.box-contact:first-child { background: #1A1A1A }
.icon-close { z-index: 100; display: block; overflow: hidden; text-align: center; cursor: pointer; position: absolute !important; width: 25px; height: 25px; top: 10px !important; right: 10px !important; background: url(../imgs/close-mini.png) transparent 0 0 no-repeat; background: none, url(../imgs/close-mini.svg) transparent 0 0 no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
.icon-close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
.tooltip { white-space: nowrap; font-size: 11px }
.tooltip.in { opacity: 1; filter: alpha(opacity=100) }
.tooltip .tooltip-inner { max-width: 300px; padding: 7px 12px; color: #1A1A1A; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.tooltip.left .tooltip-arrow { border-left: 5px solid #fff }
.client-parallax { margin-bottom: 50px }
.client-parallax .text-center>div { padding: 10px 10px !important }
.client-parallax .text-center>div img { margin: 10px 0; width: 100%; height: auto; display: block }
.client-parallax .parallax-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: 0.8; filter: alpha(opacity=80) }
#client-tint { position: relative; width: 100%; min-height: 100%; background: #F5F5F5 }
#client-tint #client-center { width: 100%; position: relative; top: 40px }
#client-tint .text-center>div { padding: 10px 10px !important }
#client-tint .text-center>div img { margin: 20px 0; width: 100%; height: auto; display: block }
#client-tint .img-responsive { margin: 0 auto }
#contact-holder { position: relative; width: 100%; min-height: 100%; padding-top: 60px }
#contact-center { width: 100%; position: relative }
.section-container { background: #fff; padding: 40px 20px 40px 230px; position: relative }
.section-container-2 { background: #fff; padding: 40px 20px; position: relative }
.section-container ul { margin: 0; padding: 0; font-size: 13px }

@media (max-width: 991px) {
.section-container { padding: 15px }
.section-container ul { margin-left: 15px }
}

@media (max-width: 767px) {
.section-container ul { font-size: 10px }
}
.section-container h2 { position: absolute; display: block; background: #1A1A1A; left: 0; margin: 0; text-align: center; color: #fff; padding: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.section-container h2 i { display: block }
.section-container h2 span { color: #B3B3B3; margin-top: 10px; display: block; font-size: 14px; line-height: 14px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 }

@media (max-width: 991px) {
.section-container h2 { top: 0; position: relative; -webkit-transform: none; transform: none; margin-bottom: 20px }
.section-container h2 i { display: inline-block; margin-right: 15px }
.section-container h2 span { margin-top: 0; display: inline-block }
}
#what-menu { position: fixed; display: block; top: 50%; right: 20px; z-index: 55; list-style-type: none; margin: -101px 0 0 0; padding: 0 }

@media (max-width: 767px) {
#what-menu { display: none }
}
#what-menu li { position: relative; margin-top: 1px }
#what-menu li:first-child { margin-top: 0 }
#what-menu li a { width: 50px; height: 50px; font-size: 22px; line-height: 50px; display: block; background: #1A1A1A; text-align: center; cursor: pointer }
#what-menu li a:hover { color: #1A1A1A; background: #fff }
#what-menu li.active a { color: #1A1A1A; background: #fff }
/* #what { top: 0; position: relative; width: 100%; height: 100% } */
/* #what #marketing-solutions { background: url("../imgs/marketing-solutions.jpg") no-repeat 50% 50%; background-size: cover } */
/* #what #integrated-communication { background: url("../imgs/integrated-communication.jpg") no-repeat 50% 50%; background-size: cover } */
/* #what #information-technology { background: url("../imgs/information-technology.jpg") no-repeat 50% 50%; background-size: cover } */
/* #what #international-division { background: url("../imgs/international-division.jpg") no-repeat 50% 50%; background-size: cover } */
#what #careers { background: url("../imgs/careers.jpg") no-repeat 50% 50%; background-size: cover }
#what .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#what .fp-slide { float: left }
#what .fp-slide, #what .fp-slidesContainer { height: 100%; display: block; margin-top: -66px }
#what .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#what .fp-section.fp-table, #what .fp-slide.fp-table { display: table; table-layout: fixed; width: 100% }
#what .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100% }
#what .fp-slidesContainer { float: left; position: relative }
#what .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
#what .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent }
#what .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff }
#what .fp-scrollable { overflow: scroll }
#what .fp-notransition { -webkit-transition: none !important; transition: none !important }

/* NEW WHAT PAGE */
.what-section-row {
  min-height: 80vh;
  display: flex;
  flex-direction: row;
  background-size: cover;
  background-position: center center;
}
.what-section-row:nth-of-type(even) {
  flex-direction: row-reverse;
}
.what-section-content {
  padding: 50px;
  width: 40%;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 80px;
  border-radius: 50px;
  box-shadow: 0 0 10px #777;
}
.what-section-content h2 {
  font-size: 40px;
  margin-bottom: 1em;
}
.what-section-content h2 .fa,
.what-section-content h2 img {
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: bottom;
}
.what-section-content ul {
  list-style-type: none;
  padding-left: 10px;
}
.what-section-content ul li {
  margin-top: 0.5em;
  font-size: 18px;
}

@media (max-width: 1200px) {
  .what-section-content {
    width: 60%;
  }
}
@media (max-width: 992px) {
  .what-section-content {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .what-section-content {
    margin: 80px 20px;
  }
}

/* cookie banner */
#ocCookieBanner {
  --cookie-banner-background: #111111;
  --cookie-banner-primary: #ffffff;
}

#ocCookieBanner button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

body:not(.oc-cookie-banner-open):not(.oc-cookie-settings-open) #ocCookieButton {
  display: none;
}