﻿/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700,500italic,700italic,300,300italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin-ext);*/
@import url('fontface.css');
@import url('reset.css');
@import url('font-awesome.min.css');
@import url('animate.css');
@import url('jquery.mCustomScrollbar.min.css');


.loadingPage { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background-color: #fff; }
.loadingPage .loadingPageDiv { position: absolute; width: 175px; height: 48px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; animation: animationFrames linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 4s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames linear 4s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: animationFrames linear 4s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: animationFrames linear 4s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; }

@keyframes animationFrames {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}

@-moz-keyframes animationFrames {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}

@-webkit-keyframes animationFrames {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}

@-o-keyframes animationFrames {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}

@-ms-keyframes animationFrames {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}

body { background: url('../img/bg.jpg') left top fixed; font-family: 'tradegothic', sans-serif !important; font-size: 15px; font-style: normal; font-weight: normal; color: #4c5156; }
b { font-family: 'tradegothic', sans-serif; font-weight: 600; }
strong { font-family: 'tradegothic', sans-serif; font-weight: 600; }
/* ---------- [HEADER] ---------- */
.header { position: fixed; display: block; z-index: 9; width: calc(100% - 16px); left: 8px; top: 18px; padding: 10px 38px; -webkit-transition: All 380ms ease; -moz-transition: All 380ms ease; -o-transition: All 380ms ease; transition: All 380ms ease; }
.header:after { display: block; content: ""; clear: both; }
.header h1 { display: block; float: left; }
.header nav { display: block; float: right; }
.header nav:after { display: block; content: ""; clear: both; }
.header nav > ul { display: block; float: left; margin-top: 12px; }
.header nav ul.menu { padding-top: 2px; }
.header nav ul.menu:after { display: block; content: ""; clear: both; }
.header nav ul.menu li { display: block; float: left; position: relative; }
.header nav ul.menu li a { padding: 0 15px; color: #fff; display: block; height: 22px; line-height: 22px; font-weight: 600; }
.header nav ul.menu li:hover a,
.header nav ul.menu li a:hover { opacity: .6; }
.header nav ul.menu li:not(:last-child):after { content: ""; position: absolute; height: calc(100% + 6px); right: 0; top: -3px; width: 1px; background-color: rgba(255,255,255,.2); }

.header nav ul.menu nav { z-index:9999; visibility: hidden; opacity: 0; position: absolute; top: 14px; padding-top: 2px; -webkit-transition: All 380ms ease; -moz-transition: All 380ms ease; -o-transition: All 380ms ease; transition: All 380ms ease; }
.header nav ul.menu nav ul { display: block; background-color: #fff; box-shadow: 0 0 3px #c6c6c6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.header nav ul.menu nav li { float: left; position: relative; }
.header nav ul.menu li:hover > nav { visibility: visible; opacity: 1; }
.header nav ul.menu li nav li { display: block; width: 100%;}
.header nav ul.menu li nav li a { opacity: 1 !important; display: block; text-align: left; background-color: #fff; color: #4c5156; height: 26px; line-height: 26px; }
.header nav ul.menu li nav li a:hover { background-color: #f3f1f1; opacity: 1; }
.header nav ul.menu li nav li:first-child a { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.header nav ul.menu li nav li:last-child a { -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.header.sectionPages { position: fixed; display: block; width: 100%; top: 0; left: 0; padding: 10px; background-color: #4c5156; }
.header.sectionPages nav ul li:after { display: block; width: 100%; }
.header.sectionPages nav ul.langs > li > a { background-color: #fff; color: #4c5156; }
.header nav ul.langs { }
.header nav ul.langs li a { font-weight: bold; display: block; text-align: center; color: #fff; padding: 0; width: 28px; height: 26px; line-height: 26px; background-color: #c39f68; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.header nav ul.langs li:after { display: block; content: ""; clear: both; }
.header nav ul.langs nav { visibility: hidden; opacity: 0; position: absolute; top: 38px; padding-top: 2px; -webkit-transition: All 380ms ease; -moz-transition: All 380ms ease; -o-transition: All 380ms ease; transition: All 380ms ease; }
.header nav ul.langs nav ul { display: block; background-color: #fff; box-shadow: 0 0 3px #c6c6c6; width: 28px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.header nav ul.langs nav li { float: left; position: relative; }
.header nav ul.langs li:hover > nav { visibility: visible; opacity: 1; }
.header nav ul.langs li nav li { display: block; width: 100%;  }
.header nav ul.langs li nav li a { display: block; text-align: center; background-color: #fff; color: #4c5156; height: 26px; line-height: 26px; }
.header nav ul.langs li nav li a:hover { background-color: #f3f1f1; opacity: 1; }
.header nav ul.langs li nav li:first-child a { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.header nav ul.langs li nav li:last-child a { -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.header .socials,
.header .headFooter { display: none; }
/* ---------- [/HEADER] ---------- */

body section { display: block; width: 100%; }

/* ---------- [OPACITYEFFECT] ---------- */
body section .opacity0 { opacity: 0; }
body section .noneopacity { opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 600ms; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -moz-transition-duration: 600ms; -moz-transition-property: all; -moz-transition-timing-function: ease; -o-transition-duration: 600ms; -o-transition-property: all; -o-transition-timing-function: ease; transition-duration: 600ms; transition-property: all; transition-timing-function: ease; }
body section .noneopacitydelay0dot25 { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
body section .noneopacitydelay0dot50 { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; }
body section .noneopacitydelay0dot75 { -webkit-transition-delay: 750ms; -moz-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; }
body section .noneopacitydelay1 { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
body section .noneopacitydelay1dot25 { -webkit-transition-delay: 1250ms; -moz-transition-delay: 1250ms; -o-transition-delay: 1250ms; transition-delay: 1250ms; }
body section .noneopacitydelay1dot50 { -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; }
body section .noneopacitydelay1dot75 { -webkit-transition-delay: 1750ms; -moz-transition-delay: 1750ms; -o-transition-delay: 1750ms; transition-delay: 1750ms; }
body section .noneopacitydelay2 { -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; }
body section .noneopacitydelay2dot25 { -webkit-transition-delay: 2250ms; -moz-transition-delay: 2250ms; -o-transition-delay: 2250ms; transition-delay: 2250ms; }
body section .noneopacitydelay2dot50 { -webkit-transition-delay: 2500ms; -moz-transition-delay: 2500ms; -o-transition-delay: 2500ms; transition-delay: 2500ms; }
body section .noneopacitydelay2dot75 { -webkit-transition-delay: 2750ms; -moz-transition-delay: 2750ms; -o-transition-delay: 2750ms; transition-delay: 2750ms; }
body section .noneopacitydelay3 { -webkit-transition-delay: 3000ms; -moz-transition-delay: 3000ms; -o-transition-delay: 3000ms; transition-delay: 3000ms; }
body section .noneopacitydelay3dot25 { -webkit-transition-delay: 3250ms; -moz-transition-delay: 3250ms; -o-transition-delay: 3250ms; transition-delay: 3250ms; }
body section .noneopacitydelay3dot50 { -webkit-transition-delay: 3500ms; -moz-transition-delay: 3500ms; -o-transition-delay: 3500ms; transition-delay: 3500ms; }
body section .noneopacitydelay3dot75 { -webkit-transition-delay: 3750ms; -moz-transition-delay: 3750ms; -o-transition-delay: 3750ms; transition-delay: 3750ms; }
body section .noneopacitydelay4 { -webkit-transition-delay: 4000ms; -moz-transition-delay: 4000ms; -o-transition-delay: 4000ms; transition-delay: 4000ms; }
body section .noneopacitydelay4dot25 { -webkit-transition-delay: 4250ms; -moz-transition-delay: 4250ms; -o-transition-delay: 4250ms; transition-delay: 4250ms; }
body section .noneopacitydelay4dot50 { -webkit-transition-delay: 4500ms; -moz-transition-delay: 4500ms; -o-transition-delay: 4500ms; transition-delay: 4500ms; }
body section .noneopacitydelay4dot75 { -webkit-transition-delay: 4750ms; -moz-transition-delay: 4750ms; -o-transition-delay: 4750ms; transition-delay: 4750ms; }
/* ---------- [/OPACITYEFFECT] ---------- */

/* ---------- [SECTIONCOMMON] ---------- */
body section .section-ctn h2.sectionTitle { color: #4c5156; text-align: center; font-family: 'tradegothic', sans-serif; font-size: 48px; margin-bottom: 30px; }
body section .section-ctn h2.sectionTitle.borderStyle { margin-bottom: 70px; }
body section .section-ctn h2.sectionTitle.borderStyle:after { content: ""; width: 72px; height: 2px; display: block; left: calc(50% - 31px); background: url('../img/borderStyle-bg.png') left center repeat-x; position: absolute; margin-top: 30px; }
body section .section-ctn div.text { color: #757575; display: block; max-width: 1000px; margin: 0 auto; margin-bottom: 30px; font-size: 16px; line-height: 20px; text-align: center; font-weight: 300; padding: 0; }
body section .section-ctn div.text * { font-size: 16px; }
body section .section-ctn .lineEffect:after,
body section .section-ctn .lineEffect:before,
body section .section-ctn .lineEffect .lineEffectInner:after,
body section .section-ctn .lineEffect .lineEffectInner:before { -webkit-transition: All 580ms ease; -moz-transition: All 580ms ease; -o-transition: All 580ms ease; transition: All 580ms ease; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
body section .section-ctn .lineEffect:after { content: ""; position: absolute; width: 0; height: 1px; top: 5px; left: 5px; background-color: #fff; }
body section .section-ctn .lineEffect:before { content: ""; position: absolute; height: 0; width: 1px; top: 5px; left: 5px; background-color: #fff; }
body section .section-ctn .lineEffect .lineEffectInner:after { content: ""; position: absolute; width: 0; height: 1px; bottom: 5px; right: 5px; background-color: #fff; }
body section .section-ctn .lineEffect .lineEffectInner:before { content: ""; position: absolute; height: 0; width: 1px; bottom: 5px; right: 5px; background-color: #fff; }
body section .section-ctn .lineEffect.lineEffectActive:after { width: calc(100% - 10px); }
body section .section-ctn .lineEffect.lineEffectActive:before { height: calc(100% - 10px); }
body section .section-ctn .lineEffect.lineEffectActive .lineEffectInner:after { width: calc(100% - 10px); }
body section .section-ctn .lineEffect.lineEffectActive .lineEffectInner:before { height: calc(100% - 10px); }
/* ---------- [/SECTIONCOMMON] ---------- */

/* ---------- [SECTION-1] ---------- */
body section.section-1 { height: 100%; }
body section.section-1 .section-ctn { display: block; width: 100%; height: 100%; padding: 4px 8px; position: relative; overflow: hidden; }
body section.section-1 .section-ctn .section-content { display: block; width: 100%; height: 100%; position: relative; background-color: #3775c9; }
body section.section-1 .slider { display: block; width: 100%; height: 100%; position: relative; top: 0; }
body section.section-1 .slider .slide-ctn { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 1; overflow: hidden; }

body section.section-1 .slider video { position: absolute; z-index: 0; min-width: 100%; min-height: 100%; }
body section.section-1 .slider .Seperator-Shadow { position: absolute; z-index: 1; width: 100%; height: 100%; }
body section.section-1 .slider .Seperator-Shadow:before { z-index: 1; opacity: .7; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 119px; background-image: url('../img/slider-bg-top.png'); background-repeat: repeat-x; }
body section.section-1 .slider .Seperator-Shadow:after { z-index: 1; content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 376px; background-image: url('../img/slider-bg-bottom.png'); background-repeat: repeat-x; }

body section.section-1 .slider .slide-content { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
body section.section-1 .slider .dinamic-titles { display: block; min-width: 600px; font-family: 'tradegothic', sans-serif; font-weight: bold; color: #fff; z-index: 2; position: absolute; bottom: 30px; left: 30px; font-size: 72px; line-height: 74px; }
body section.section-1 .slider .dinamic-titles .changing { display: inline-block; }
body section.section-1 .slider .dinamic-titles .stabil { display: inline-block; padding-left: 5px; }
body section.section-1 .slider .dinamic-titles .changing span { display: inline-block; }
body section.section-1 .slider .arrow-left,
body section.section-1 .slider .arrow-right { z-index: 19; display: block; position: absolute; width: 40px; top: calc(50% - 18px); left: -8px; background-color: #fff; -webkit-transition: All 380ms ease; -moz-transition: All 380ms ease; -o-transition: All 380ms ease; transition: All 380ms ease; }
body section.section-1 .slider .arrow-left { -webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
body section.section-1 .slider .arrow-right { left: initial; right: -8px; -webkit-border-top-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-bottomleft: 18px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
body section.section-1 .slider .arrow-left a,
body section.section-1 .slider .arrow-right a { display: block; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; }
body section.section-1 .slider .arrow-right a { padding-right: 0; padding-left: 4px; }
body section.section-1 .slider .arrow-left a i,
body section.section-1 .slider .arrow-right a i { display: block; border: 1px solid rgba(195, 159, 104, .7); border-left-width: 0; color: rgba(195, 159, 104, 1); font-size: 24px; text-align: right; padding-right: 10px; height: 30px; line-height: 30px; }
body section.section-1 .slider .arrow-right a i { text-align: left; padding-right: initial; padding-left: 10px; border-right-width: 0; border-left-width: 1px; -webkit-border-top-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-bottomleft: 18px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
body section.section-1 .slider .arrow-left a i { -webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
body section.section-1 .slider h2 { display: block; min-width: 600px; font-family: 'tradegothic', sans-serif; color: #fff; z-index: 2; position: absolute; bottom: 30px; left: 30px; font-size: 58px; line-height: 74px; }
body section.section-1 .slider .arrow-left:hover,
body section.section-1 .slider .arrow-right:hover { width: 45px; }
body section.section-1 .slider .button-scroll-mouse { z-index: 19; display: block; position: absolute; width: 38px; left: calc(50% - 19px); bottom: 0; -webkit-transition: All 380ms ease; -moz-transition: All 380ms ease; -o-transition: All 380ms ease; transition: All 380ms ease; padding-bottom: 0; background-color: #fff; -webkit-border-top-left-radius: 19px; -webkit-border-top-right-radius: 19px; -moz-border-radius-topleft: 19px; -moz-border-radius-topright: 19px; border-top-left-radius: 19px; border-top-right-radius: 19px; text-align: center; padding-top: 6px; }
body section.section-1 .slider .button-scroll-mouse a { display: block; }
body section.section-1 .slider .button-scroll-mouse a:hover { padding-bottom: 5px; }
body section.section-1 .slider .clouds { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 0; }
body section.section-1 .slider .cloud { position: absolute; }
body section.section-1 .slider .cloud-1 { display: none; background: url('../img/clouds/cloud-4.png') center left repeat-x; position: absolute; display: block; width: 500000px; height: 100%; top: 0; left: 0; -webkit-animation-name: cloud-1-effect; -moz-animation-name: cloud-1-effect; -o-animation-name: cloud-1-effect; animation-name: cloud-1-effect; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-direction: forwards; -moz-animation-direction: forwards; -o-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1000s; -moz-animation-duration: 1000s; -o-animation-duration: 1000s; animation-duration: 1000s; }
body section.section-1 .slider .cloud-2 { background: url('../img/clouds/cloud-6.png') bottom left repeat-x; background-size: auto 140%; position: absolute; display: block; width: 500000px; height: 100%; top: 0; left: 0; -webkit-animation-name: cloud-2-effect; -moz-animation-name: cloud-2-effect; -o-animation-name: cloud-2-effect; animation-name: cloud-2-effect; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-direction: forwards; -moz-animation-direction: forwards; -o-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1000s; -moz-animation-duration: 1000s; -o-animation-duration: 1000s; animation-duration: 1000s; }

@-webkit-keyframes cloud-1-effect {
    0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    100% { -webkit-transform: translateX(-50000px); -moz-transform: translateX(-50000px); -ms-transform: translateX(-50000px); -o-transform: translateX(-50000px); transform: translateX(-50000px); }
}

@-moz-keyframes cloud-1-effect {
    0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    100% { -webkit-transform: translateX(-50000px); -moz-transform: translateX(-50000px); -ms-transform: translateX(-50000px); -o-transform: translateX(-50000px); transform: translateX(-50000px); }
}

@keyframes cloud-1-effect {
    0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    100% { -webkit-transform: translateX(-50000px); -moz-transform: translateX(-50000px); -ms-transform: translateX(-50000px); -o-transform: translateX(-50000px); transform: translateX(-50000px); }
}




@-webkit-keyframes cloud-2-effect {
    0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    100% { -webkit-transform: translateX(-50000px); -moz-transform: translateX(-50000px); -ms-transform: translateX(-50000px); -o-transform: translateX(-50000px); transform: translateX(-50000px); }
}

@-moz-keyframes cloud-2-effect {
    0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    100% { -webkit-transform: translateX(-50000px); -moz-transform: translateX(-50000px); -ms-transform: translateX(-50000px); -o-transform: translateX(-50000px); transform: translateX(-50000px); }
}

@keyframes cloud-2-effect {
    0% { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    100% { -webkit-transform: translateX(-50000px); -moz-transform: translateX(-50000px); -ms-transform: translateX(-50000px); -o-transform: translateX(-50000px); transform: translateX(-50000px); }
}
/* ---------- [/SECTION-1] ---------- */

/* ---------- [SECTION-2] ---------- */
body section.section-2 { height: 100%; overflow: hidden; }
body section.section-2 .section-ctn { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
body section.section-2 .section-ctn .about-img { display: table; margin: 0 auto; text-align: center; position: relative; margin-bottom: 30px; }
body section.section-2 .section-ctn .about-img span { display: block; }
body section.section-2 .section-ctn .about-img img { display: block; max-width: 100%; }
body section.section-2 .section-ctn .logos { display: table; width: initial; margin: 0 auto; text-align: center; }
body section.section-2 .section-ctn .logos .logo { display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; border: 1px solid #c39f68; border-left: 0; position: relative; }
body section.section-2 .section-ctn .logos .logo:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #c39f68; }
body section.section-2 .section-ctn .logos .logo a { height: 100%; }
body section.section-2 .section-ctn .logos .logo figure img { display: inline-block; vertical-align: middle; max-height: 40px; max-width: 100%; }

/* ---------- [/SECTION-2] ---------- */

/* ---------- [SECTION-3] ---------- */
body section.section-3 { height: 100%; overflow: hidden; }
body section.section-3 .section-ctn { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
body section.section-3 .section-ctn .gmap { /*display: block; position: relative; margin: 0 auto; width: 1000px;*/ display: table; margin: 0 auto; text-align: center; position: relative; margin-bottom: 30px; }
body section.section-3 .section-ctn .gmap img { cursor: pointer; max-width: 100%; display: block; }
body section.section-3 .section-ctn .gmap span { display: block; }
/* ---------- [/SECTION-3] ---------- */

/* ---------- [SECTION-7] ---------- */
body section.section-7 { height: 100%; overflow: hidden; }
body section.section-7 .section-ctn { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
body section.section-7 .section-ctn .figure { /*display: block; position: relative; margin: 0 auto; width: 1000px;*/ display: table; margin: 0 auto; text-align: center; position: relative; margin-bottom: 30px; }
body section.section-7 .section-ctn .figure img { cursor: pointer; max-width: 100%; display: block; }
body section.section-7 .section-ctn .figure span { display: block; }

/* ---------- [/SECTION-7] ---------- */

/* ---------- [SECTION-4] ---------- */
body section.section-4 { height: 100%; overflow: hidden; }
body section.section-4 .section-ctn { width: 100%; height: 100%; }
body section.section-4 .section-ctn .galleries { display: block; width: 100%; height: 100%; }
body section.section-4 .section-ctn .galleries:after { display: block; content: ""; clear: both; }
body section.section-4 .section-ctn .galleries .gallery { display: block; width: 50%; height: 100%; float: left; }
body section.section-4 .section-ctn .galleries .gallery a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
body section.section-4 .section-ctn .galleries .gallery:not(:first-child) { height: 50%; }
body section.section-4 .section-ctn .galleries .gallery a .bgstyle { display: block; width: 100%; height: 100%; background-size: cover; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; }
body section.section-4 .section-ctn .galleries .gallery a:hover .bgstyle { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
body section.section-4 .section-ctn .galleries .gallery a .abox { position: absolute; display: block; width: 200px; height: 200px; border: 2px solid #fff; background: rgba(0,0,0,.10); left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
body section.section-4 .section-ctn .galleries .gallery a .abox span { font-weight: bold; display: block; position: absolute; bottom: 0; left: 0; padding-left: 18px; padding-bottom: 18px; font-family: 'tradegothic', sans-serif; font-size: 26px; color: #fff; line-height: 28px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
body section.section-4 .section-ctn .galleries .gallery a .abox:before { content: ""; z-index: 0; background-color: #fff; position: absolute; left: 0; width: 0; height: 100%; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
body section.section-4 .section-ctn .galleries .gallery a .abox:hover:before { width: 100%; }
body section.section-4 .section-ctn .galleries .gallery a .abox:hover span { color: #4c5156; }
/* ---------- [/SECTION-4] ---------- */

/* ---------- [SECTION-5] ---------- */
body section.section-5 { height: 100%; overflow: hidden; }
body section.section-5 .section-ctn { width: 1000px; margin: 0 auto; padding: 0 20px; }
body section.section-5 .section-ctn:after { display: block; content: ""; clear: both; }
body section.section-5 .section-ctn .content-box { float: left; padding: 9px; border: 1px solid #ddc8a9; margin-bottom: 20px; background-color: #fff; text-align: center; }
body section.section-5 .section-ctn .content-box .cbox-ctn { display: block; width: 100%; height: 100%; border: 1px solid #eee4d4; }
body section.section-5 .section-ctn .content-box:nth-child(2n+0) { float: right; }
body section.section-5 .section-ctn .content-box.cbox-style-1 { width: 470px; height: 325px; }
body section.section-5 .section-ctn .content-box.cbox-style-2 { width: 470px; height: 150px; }
body section.section-5 .section-ctn .content-box.cbox-style-3 { width: 100%; height: 150px; }
body section.section-5 .section-ctn .content-box h3 { color: #c39f68; padding-top: 10px; text-align: center; font-family: 'tradegothic', sans-serif; font-size: 24px; margin-bottom: 10px; position: relative; }
body section.section-5 .section-ctn .content-box h3.borderStyle { margin-bottom: 32px; }
body section.section-5 .section-ctn .content-box h3.borderStyle:after { content: ""; width: 45px; height: 2px; display: block; left: calc(50% - 20px); background: url('../img/borderStyle-bg-small.png') left center repeat-x; position: absolute; margin-top: 22px; }
body section.section-5 .section-ctn .content-box div.text { padding: 0 8px; font-size: 14px; line-height: 20px; }
body section.section-5 .section-ctn .content-box div.text * { font-size: 14px; }
body section.section-5 .section-ctn .content-box.cbox-style-2 figure,
body section.section-5 .section-ctn .content-box.cbox-style-3 figure { float: left; display: table; width: 120px; height: 100%; }
body section.section-5 .section-ctn .content-box.cbox-style-2 figure span,
body section.section-5 .section-ctn .content-box.cbox-style-3 figure span { display: table-cell; vertical-align: middle; }
body section.section-5 .section-ctn .content-box.cbox-style-2 figure span img,
body section.section-5 .section-ctn .content-box.cbox-style-3 figure span img { display: inline-block; }
body section.section-5 .section-ctn .content-box.cbox-style-2 .content,
body section.section-5 .section-ctn .content-box.cbox-style-3 .content { float: left; height: 100%; width: calc(100% - 120px); text-align: left; padding-left: 22px; }
body section.section-5 .section-ctn .content-box.cbox-style-2 h3,
body section.section-5 .section-ctn .content-box.cbox-style-3 h3 { text-align: left; padding-top: 20px; }
body section.section-5 .section-ctn .content-box.cbox-style-2 p,
body section.section-5 .section-ctn .content-box.cbox-style-3 p { display: block; text-align: left; padding: 0; margin-bottom: 10px; }
body section.section-5 .section-ctn .content-box.cbox-style-2 .button,
body section.section-5 .section-ctn .content-box.cbox-style-3 .button { position: relative; font-size: 13px; padding: 0 10px; display: inline-block; height: 26px; line-height: 24px; border: 2px solid #c39f68; color: #c39f68; }
body section.section-5 .section-ctn .content-box.cbox-style-2 .button span,
body section.section-5 .section-ctn .content-box.cbox-style-3 .button span { display: block; position: relative; z-index: 2; }
body section.section-5 .section-ctn .content-box.cbox-style-2 .button:after,
body section.section-5 .section-ctn .content-box.cbox-style-3 .button:after { display: block; z-index: -1; content: ""; background-color: #c39f68; position: absolute; width: 0; height: 100%; left: 0; top: 0; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; -o-transition: all 380ms ease; transition: all 380ms ease; }
body section.section-5 .section-ctn .content-box.cbox-style-2 .button:hover:after,
body section.section-5 .section-ctn .content-box.cbox-style-3 .button:hover:after { width: 100%; }
body section.section-5 .section-ctn .content-box.cbox-style-2 .button:hover,
body section.section-5 .section-ctn .content-box.cbox-style-3 .button:hover { color: #fff; }
/* ---------- [/SECTION-5] ---------- */

/* ---------- [SECTION-6] ---------- */
body section.section-6 { height: 100%; overflow: hidden; }
body section.section-6 .section-ctn { width: 100%; margin: 0 auto; padding: 0 20px; }
body section.section-6 .section-ctn:after { display: block; content: ""; clear: both; }
body section.section-6 .section-ctn .vertical-boxs { display: table; margin: 0 auto; }
body section.section-6 .section-ctn .vertical-boxs:after { display: block; content: ""; clear: both; }
body section.section-6 .section-ctn .vertical-boxs .vbox-ctn { float: left; display: block; padding: 0 16px; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; -o-transition: all 380ms ease; transition: all 380ms ease; }
body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content { display: block; width: 300px; height: 488px; background-size: cover; background-position: center center; position: relative; }
body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content a { display: block; width: 100%; height: 100%; }
body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content span.title { position: absolute; bottom: 40px; left: 20px; font-size: 26px; font-weight: bold; color: #fff; line-height: 30px; }
body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content span.sub-title { position: absolute; bottom: 20px; left: 20px; font-weight: bold; font-size: 13px; color: #fff; line-height: 16px; }
body section.section-6 .section-ctn .vertical-boxs .vbox-ctn:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
/* ---------- [/SECTION-6] ---------- */

/* ---------- [section-8] ---------- */
body section.section-8 { height: 100%; overflow: hidden; }
body section.section-8 .section-ctn { width: 100%; margin: 0 auto; }
body section.section-8 .section-ctn:after { display: block; content: ""; clear: both; }
body section.section-8 .section-ctn .address { display: block; width: 100%; }
body section.section-8 .section-ctn .address .address-ctn { display: block; width: 1000px; margin: 0 auto; }
body section.section-8 .section-ctn .address .address-ctn .address-box { opacity: 0; display: block; width: 466px; height: 300px; float: left; margin-bottom: 20px; }
body section.section-8 .section-ctn .address .address-ctn .address-box:nth-child(2n+0) { float: right; }
body section.section-8 .section-ctn .address .address-ctn .address-box .address-title { display: block; width: 100%; text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 20px; }
body section.section-8 .section-ctn .address .address-ctn .address-box figure { margin-bottom: 10px; }
body section.section-8 .section-ctn .address .address-ctn .address-box figure img { border: 1px solid #c39f68; }
body section.section-8 .section-ctn .address .address-ctn .address-box p { font-weight: 600; font-size: 14px; text-align: center; display: block; width: 100%; padding: 0 10px; }
body section.section-8 .section-ctn .socials { display: block; width: 100%; margin-bottom: 20px; }
body section.section-8 .section-ctn .socials .socials-ctn { display: table; margin: 0 auto; }
body section.section-8 .section-ctn .socials .socials-ctn ul:after { display: block; content: ""; clear: both; }
body section.section-8 .section-ctn .socials .socials-ctn ul li { float: left; padding: 0 10px; }
body section.section-8 .section-ctn .socials .socials-ctn ul li a { display: block; position: relative; }
/*body section.section-8 .section-ctn .socials .socials-ctn ul li a:after { content: ""; display: block; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; }
body section.section-8 .section-ctn .socials .socials-ctn ul li.facebook a:after { background-image: url('../img/icon-facebook-hover.png'); }
body section.section-8 .section-ctn .socials .socials-ctn ul li.linkedin a:after { background-image: url('../img/icon-linkedin-hover.png'); }
body section.section-8 .section-ctn .socials .socials-ctn ul li.instagram a:after { background-image: url('../img/icon-instagram-hover.png'); }
body section.section-8 .section-ctn .socials .socials-ctn ul li.mail a:after { background-image: url('../img/icon-mail-hover.png'); }
body section.section-8 .section-ctn .socials .socials-ctn ul li a:hover:after { opacity: 1; }*/
body section.section-8 .section-ctn .socials .socials-ctn ul li a span.hovereffect { display: block; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; -o-transition: all 380ms ease; transition: all 380ms ease; }
body section.section-8 .section-ctn .socials .socials-ctn ul li a:hover span.hovereffect { opacity: 1; }
body section.section-8 .section-ctn .phone { display: block; width: 100%; margin-bottom: 30px; }
body section.section-8 .section-ctn .phone .phone-ctn { display: block; width: 100%; text-align: center; color: #c39f68; font-size: 38px; font-weight: bold; }
body section.section-8 .section-ctn .contact-info { display: block; margin: 0 auto; max-width: 1000px; padding: 0 20px; text-align: center; line-height: 22px; }



footer { display: block; position: absolute; bottom: 0; height: 60px; width: 100%; background-color: #4c5156; }
footer .footer-ctn { display: block; max-width: 100%; margin: 0 auto; padding: 0 20px; }
footer .footer-ctn .footleft { display: block; float: left; padding-top: 10px; }
footer .footer-ctn .footright { display: block; float: right; padding-top: 12px; }
/* ---------- [/section-8] ---------- */

/* ---------- [/FASTCONTACTFORM] ---------- */
.fast-contact-form { position: fixed; display: block; right: -556px; top: calc(50% - 44px); height: 86px; width: 556px; padding: 6px; padding-right: 0; background-color: #fff; border: 1px solid #ddc8a9; border-right: 0; -webkit-border-top-left-radius: 44px; -webkit-border-bottom-left-radius: 44px; -moz-border-radius-topleft: 44px; -moz-border-radius-bottomleft: 44px; border-top-left-radius: 44px; border-bottom-left-radius: 44px; -webkit-transition: All 380ms ease; -moz-transition: All 380ms ease; -o-transition: All 380ms ease; transition: All 380ms ease; }
.fast-contact-form .form-ctn { display: block; width: 556px; }
.fast-contact-form:after { display: block; content: ""; clear: both; }
.fast-contact-form figure { cursor: pointer; display: block; float: left; width: 73px; height: 72px; }
.fast-contact-form form { display: block; width: 476px; float: left; font-family: 'tradegothic', sans-serif; }
.fast-contact-form form:after { display: block; content: ""; clear: both; }
.fast-contact-form form .line { width: 130px; float: left; padding-left: 10px; }
.fast-contact-form form .title { color: #c39f68; padding-left: 10px; padding-top: 8px; padding-bottom: 10px; font-weight: bold; }
.fast-contact-form form button { font-family: 'tradegothic', sans-serif; cursor: pointer; letter-spacing: 1px; border: 0; height: 31px; background-color: #c39f68; font-weight: bold; color: #fff; margin-left: 10px; margin-right: 10px; width: 66px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.fast-contact-form form button:hover { opacity: .9; }
.fast-contact-form.nonehiddenContactForm { opacity: 1; right: -470px; }
.fast-contact-form:hover { right: 0; }
/* ---------- [/FASTCONTACTFORM] ---------- */

iframe { display: none !important; }

/* ---------- [FFGALLERIES] ---------- */
.ff-galleries { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,.85); }
.ff-galleries .ff-gallery-ctn { display: block; width: 100%; height: 100%; position: relative; }
.ff-galleries .ff-gallery-content { display: block; width: 100%; max-width: 1200px; margin: 0 auto; height: 100%; position: relative; }
.ff-galleries .ff-gallery-ctn .ff-gallery-title { display: block; height: 70px; line-height: 70px; font-family: 'tradegothic', sans-serif; font-weight: bold; color: #fff; font-size: 24px; text-align: center; }
.ff-galleries .ff-gallery-ctn .ff-close { display: block; width: 36px; height: 36px; line-height: 32px; text-align: center; position: absolute; right: 20px; top: 10px; z-index: 2; }
.ff-galleries .ff-gallery-ctn .ff-close img { display: inline-block; vertical-align: middle; }
.ff-galleries .ff-gallery-ctn .ff-leftright { display: table; width: 80px; height: calc(100% - 170px); text-align: center; position: absolute; top: 70px; left: 0; }
.ff-galleries .ff-gallery-ctn .ff-leftright.ff-right { left: initial; right: 0; }
.ff-galleries .ff-gallery-ctn .ff-leftright span { display: table-cell; vertical-align: middle; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs { display: block; height: 100px; width: 100%; max-width: 1200px; position: absolute; bottom: 0; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs nav { display: block; width: 100%; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs ul { display: table; margin: 0 auto; height: 66px; margin-top: 10px; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs li { float: left; height: 58px; padding: 0 10px; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs li figure { cursor: pointer; display: block; height: 62px; width: 104px; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs li figure img { display: inline-block; height: 58px; width: 104px; }
.ff-galleries .ff-gallery-ctn .ff-gallery-thumbs li.active figure { border-bottom: 2px solid #c39f68; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images { display: block; height: calc(100% - 170px); width: calc(100% - 160px); margin: 0 auto; position: relative; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images .ff-gallery-images-ctn { display: block; height: 100%; width: 100%; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn { display: none; position: relative; top: 0; bottom: 0; margin: auto; width: inherit; height: 100%; text-align: center; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn:after { display: block; content: ""; clear: both; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn.active { display: block; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn figure { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
/*.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn figure span { display: inline-block; background-color: #c39f68; position: relative; height: 100%; text-align: center; }*/
/*.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn figure img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }*/
.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn figure img { display: block; max-width: 100%; max-height: 100%; }
.ff-galleries .ff-gallery-ctn .ff-gallery-images .img-ctn figure figcaption { background-color: rgba(76, 81, 86, 0.25); padding: 6px 10px; position: absolute; bottom: 20px; left: 20px; font-weight: bold; font-size: 22px; color: #fff; }
.ff-galleries .galleryInformation { position: absolute; left: 0; right: 0; margin: auto; padding: 10px; max-width: 480px; color: rgba(255, 255, 255, 0.45); background-color: rgba(255, 154, 0, 0.35); font-size: 13px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
/* ---------- [/FFGALLERIES] ---------- */

/* ---------- [FFMODAL] ---------- */
.ff-modal { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,.85); }
.ff-modal .ff-modal-ctn { display: block; width: 100%; height: 100%; position: relative; }
.ff-modal .ff-modal-ctn .ff-close { z-index: 999; display: block; width: 36px; height: 36px; line-height: 32px; text-align: center; position: absolute; right: 20px; top: 10px; }
.ff-modal .ff-modal-ctn .ff-close img { display: inline-block; vertical-align: middle; }
.ff-modal .ff-modal-content { display: table; height: initial; position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; }
/*** ---------- <[TAB]> ---------- ***/
.ff-modal .ff-modal-content .tab-contents { background: url('../img/bg.jpg') left top repeat; border: 2px solid #c39f68; display: block; }
.ff-modal .ff-modal-content .ff-tab-container { display: table; margin: 0 auto; position: relative; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav { display: block; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul:after { display: block; content: ""; clear: both; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul { border-left: 2px solid #c39f68; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li { display: block; float: left; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li a { display: block; color: #c39f68; font-weight: bold; height: 50px; line-height: 50px; padding: 0 20px; font-size: 22px; border-right: 2px solid #c39f68; border-top: 2px solid #c39f68; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li a:hover { color: #fff; }
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li.active a,
.ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li.osActiveTab a { background-color: #c39f68; color: #fff; }
/*** ---------- <[/TAB]> ---------- ***/
/*** ---------- <[TABINTAB]> ---------- ***/
.ff-subtab-container { display: block; position: relative; }
.ff-subtab-container:before { display: block; content: ""; position: absolute; width: 1px; height: calc(100% - 60px); background-color: #c39f68; top: 30px; left: 320px; }
.ff-subtab-container:after { display: block; content: ""; clear: both; }
.ff-subtab-container .subtab-left { display: block; float: left; width: 320px; padding: 45px 55px 45px 20px; height: 100%; margin-top: 30px; margin-bottom: 30px; }
.ff-subtab-container .subtab-left .subtab-title { display: block; color: #4c5156; font-size: 46px; line-height: 58px; text-align: right; font-weight: bold; margin-bottom: 30px; }
.ff-subtab-container .subtab-contents { display: block; float: left; }
.ff-subtab-container nav.subtab-nav,
.ff-subtab-container nav.subtab-nav ul,
.ff-subtab-container nav.subtab-nav ul li { display: block; text-align: right; margin-bottom: 18px; }
.ff-subtab-container nav.subtab-nav ul li a { display: inline-block; font-weight: bold; border: 2px solid #c39f68; font-size: 26px; height: 44px; line-height: 42px; padding: 0 28px; color: #c39f68; position: relative; }
.ff-subtab-container nav.subtab-nav ul li a:hover { color: #4c5156; }
.ff-subtab-container nav.subtab-nav ul li a span { position: relative; z-index: 2; }
.ff-subtab-container nav.subtab-nav ul li a:after { display: block; z-index: 1; content: ""; background-color: #c39f68; position: absolute; width: 0; height: 100%; left: 0; top: 0; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; -o-transition: all 380ms ease; transition: all 380ms ease; }
.ff-subtab-container nav.subtab-nav ul li.osActiveTab a { color: #fff; }
.ff-subtab-container nav.subtab-nav ul li.osActiveTab a:after { width: 100%; }
/*.ff-subtab-container .subtab-content-ctn > img { max-width: 800px; }*/
/*** ---------- <[/TABINTAB]> ---------- ***/
/*** ---------- <[TABINTWOTAB]> ---------- ***/
.ff-twosubtab-container { display: block; position: relative; }
.ff-twosubtab-container:after { display: block; content: ""; clear: both; }
.ff-twosubtab-container .ff-twosubtab-left { display: block; float: left; width: 320px; padding: 45px 55px 45px 20px; height: 100%; margin-top: 30px; margin-bottom: 30px; }
.ff-twosubtab-container .ff-twosubtab-left .twosubtab-title { display: block; color: #4c5156; font-size: 46px; line-height: 58px; text-align: right; font-weight: bold; margin-bottom: 30px; }
.ff-twosubtab-container .ff-twosubtab-contents { display: block; float: left; }
.ff-twosubtab-container nav.twosubtab-nav { position: absolute; top: 0; right: 0; }
.ff-twosubtab-container nav.twosubtab-nav,
.ff-twosubtab-container nav.twosubtab-nav ul,
.ff-twosubtab-container nav.twosubtab-nav ul li { display: block; }
.ff-twosubtab-container nav.twosubtab-nav ul:after { display: block; content: ""; clear: both; }
.ff-twosubtab-container nav.twosubtab-nav ul li { text-align: center; float: left; }
.ff-twosubtab-container nav.twosubtab-nav ul li a { display: inline-block; font-weight: bold; border-bottom: 2px solid #c39f68; border-left: 2px solid #c39f68; font-size: 26px; height: 44px; line-height: 42px; padding: 0 28px; color: #c39f68; position: relative; }
.ff-twosubtab-container nav.twosubtab-nav ul li a:hover { color: #4c5156; }
.ff-twosubtab-container nav.twosubtab-nav ul li a span { position: relative; z-index: 2; }
.ff-twosubtab-container nav.twosubtab-nav ul li a:after { display: block; z-index: 1; content: ""; background-color: #c39f68; position: absolute; width: 0; height: 100%; left: 0; top: 0; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; -o-transition: all 380ms ease; transition: all 380ms ease; }
.ff-twosubtab-container nav.twosubtab-nav ul li.osActiveTab a { color: #fff; }
.ff-twosubtab-container nav.twosubtab-nav ul li.osActiveTab a:after { width: 100%; }
.ff-twosubtab-container .ff-twosubtab-content-ctn { padding: 50px; }
.ff-twosubtab-container .ff-twosubtab-content-ctn img { max-width: 100%; }
/*** ---------- <[/TABINTWOTAB]> ---------- ***/

.loading,
.loading i { display: block; color: #fff; width: 32px; height: 32px; margin: 0 auto; opacity: .9; }

/* ---------- [/FFMODAL] ---------- */




/*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/
.vd_Modal { display: none; opacity: 0; width: 100%; max-width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; background: rgba(32, 36, 42, 0.54); }
.vd_Modal .vd_Modal_Box { position: absolute; left: 0; right: 0; max-width: 100%; margin-left: auto; margin-right: auto; top: 100px; border: 1px solid #FFF; box-shadow: 0 8px 0 0 rgba(50, 61, 73, 0.14); }
.vd_Modal .vd_Modal_Box .vd_Modal_Title { display: block; max-width: 100%; height: 50px; line-height: 50px; margin-bottom: 0; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title .TCloseButton { width: 40px; height: 40px; line-height: 40px; position: absolute; right: 10px; top: 10px; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title .TCloseButton a { display: block; width: 40px; height: 40px; line-height: 40px; background: #fff; color: #e60000; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title .TCloseButton a span { display: block; width: 40px; height: 40px; line-height: 40px; color: #e60000; text-align: center; font-size: 18px; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title .TCloseButton a:hover { background: rgba(255,255,255,0.3); }
.vd_Modal .vd_Modal_Box .vd_Modal_Title .TCloseButton a:hover span { color: #fff; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title i { margin: 8px 5px 0 10px; color: #fff; width: 28px; text-align: center; height: 38px; line-height: 38px; float: left; z-index: 9; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title i img { width: 28px; height: 28px; }
.vd_Modal .vd_Modal_Box .vd_Modal_Title > span { background: #0090d9; display: block; padding: 0; color: #fff; font-size: 18px; padding-left: 20px; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content { display: block; background: #fff; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .vd_Modal_Content_Box { display: block; max-width: 100%; border: 0 0; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .vd_Modal_Content_Box:after { content: ""; display: block; clear: both; }
.vd_Modal .vd_Close { height: 100%; width: 100%; position: absolute; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .AlertBox { display: block; padding: 20px 20px 10px 20px; font-size: 15px; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .AlertBox:after { display: block; content: ""; clear: both; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .AlertButtons { padding: 10px; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .AlertButtons .buttonBox { float: right; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .AlertButtons a { margin-left: 10px; float: left; }
.vd_Modal .vd_Modal_Box .vd_Modal_Content .AlertButtons:after { display: block; content: ""; clear: both; }
.vd_Modal.AlertRed .vd_Modal_Box .vd_Modal_Title > span { background: rgba(247, 32, 0, 0.50); color: #fff; }
.vd_Modal.AlertRed .vd_Modal_Box .vd_Modal_Title i { color: #f56954; }
.vd_Modal.AlertRed .vd_Modal_Box .vd_Modal_Content .vd_Modal_Content_Box { border: 0 0; }
.vd_Modal.AlertBlue .vd_Modal_Box .vd_Modal_Title > span { background: #b2ddf4; color: #1498dc; }
.vd_Modal.AlertBlue .vd_Modal_Box .vd_Modal_Title i { color: #1498dc; }
.vd_Modal.AlertBlue .vd_Modal_Box .vd_Modal_Content .vd_Modal_Content_Box { border: 1px solid #e5e9ec; }
.vd_Modal.AlertOrange .vd_Modal_Box .vd_Modal_Title > span { background: rgba(195, 159, 104, 0.50); color: #fff; }
.vd_Modal.AlertOrange .vd_Modal_Box .vd_Modal_Title i { color: #f5aa34; }
.vd_Modal.AlertOrange .vd_Modal_Box .vd_Modal_Content .vd_Modal_Content_Box { border: 1px solid #e5e9ec; }
.vd_Modal.AlertGreen .vd_Modal_Box .vd_Modal_Title > span { background: rgba(0, 240, 255, 0.27); color: #fff; }
.vd_Modal.AlertGreen .vd_Modal_Box .vd_Modal_Title i { color: #37a8af; }
.vd_Modal.AlertGreen .vd_Modal_Box .vd_Modal_Content .vd_Modal_Content_Box { border: 0 0; }
.ModalbuttonStyle { margin-top: 10px; height: 35px; line-height: 35px; display: block; padding: 0 20px; color: #fff; background: #00a4d8; border: 1px solid transparent; font-weight: bold; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.ModalbuttonStyle:hover { color: #00a4d8; border: 1px solid #00a4d8; background: #fff; }
.vd_Modal.AlertGreen .ModalbuttonStyle { background: #00a4d8; color: #fff; }
.vd_Modal.AlertGreen .ModalbuttonStyle:hover { background: #fff; color: #00a4d8; border: 1px solid #00a4d8; }
.vd_Modal.AlertRed .ModalbuttonStyle { background: #e60000; color: #fff; }
.vd_Modal.AlertRed .ModalbuttonStyle:hover { background: #fff; color: #e60000; border: 1px solid #e60000; }
.vd_Modal.AlertOrange .ModalbuttonStyle { background: #ff9600; color: #fff; }
.vd_Modal.AlertOrange .ModalbuttonStyle:hover { background: #fff; color: #ff9600; border: 1px solid #ff9600; }
.vd_Modal .MBS_ColorGreen { background: #00a4d8 !important; color: #fff !important; }
.vd_Modal .MBS_ColorGreen:hover { background: #fff !important; color: #00a4d8 !important; border: 1px solid #00a4d8 !important; }
.vd_Modal .modalPictureView { display: block; width: 294px; overflow: hidden; }
.vd_Modal .modalPictureView img { max-width: 294px; min-width: 294px; float: left; }
.vd_Modal .modalPictureView:after { content: ""; display: block; clear: both; }
.vd_Modal_Box .ModalCloseButton { width: 28px; height: 28px; position: absolute; top: 8px; right: 20px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.vd_Modal .modalImagePreview { display: block; overflow: hidden; }
.vd_Modal .modalImagePreview img { max-width: 100%; min-width: 100%; float: left; }
.vd_Modal .modalImagePreview:after { content: ""; display: block; clear: both; }
/*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/ /*VDMODAL*/

#mobileMenu { display: none !important; }
.mobileMenu { display: none; cursor: pointer; position: fixed; z-index: 99; top: 0; right: 20px; background: url('../img/menu.png') center center no-repeat; background-size: 50%; height: 70px; width: 70px; }
#mobileMenu:checked + .mobileMenu { background: url('../img/close.png') center center no-repeat; background-size: 45%; }

@media only screen and (max-width: 768px) {
    footer { display: none; }
    /* ---------- [HEADER] ---------- */
    .mobileMenu { display: block; }
    .header .headerNav { display: none; }
    #mobileMenu:checked + .mobileMenu + .header .headerNav { display: block; }
    .header { padding: 10px; background: none; }
    .header.sectionPages { position: fixed; display: block; padding: 10px; width: 100%; top: 0; left: 0; background-color: initial; }
    #mobileMenu:checked + .mobileMenu + .header.activeHeader { height: 100%; position: fixed; display: block; width: 100%; top: 0; left: 0; background-color: rgba(76, 81, 86, 0.75); }
    .header.sectionPages h1,
    #mobileMenu:checked + .mobileMenu + .header h1 { padding: 10px; padding-left: 25px; display: block; width: 100%; background-color: #4c5156; }
    .header.sectionPages,
    #mobileMenu:checked + .mobileMenu + .header { padding: 0; }
    .header > nav { display: block; position: absolute; float: initial; height: calc(100% - 70px); width: calc(100% - 100px); left: 0; top: 70px; background-color: #484d53; }
    .header nav > ul.menu { display: block; float: initial; width: 100%; margin-top: 0; }
    .header nav ul.menu { padding-top: 2px; }
    .header nav ul.menu:after { display: block; content: ""; clear: both; }
    .header nav ul.menu li { display: block; float: initial; width: 100%; position: relative; border-bottom: 1px solid #5b5f65; }
    .header nav ul.menu li a { padding: 18px 40px; color: #fff; display: block; height: initial; line-height: initial; font-weight: 600; font-size: 26px; }
    .header nav ul.menu li a:hover { opacity: .6; }
    .header nav ul.menu li nav li {padding: 10px 0 28px 54px;}
    .header nav ul.menu li:not(:last-child):after { display: none; }
    .header.sectionPages nav ul li:after { display: block; width: 100%; }
    .header.sectionPages nav ul.langs > li > a,
    .header nav ul.langs > li > a { background-color: initial; color: #c39f68; }
    .header nav ul.langs { border-bottom: 1px solid rgb(91, 95, 101); display: block; width: 100%; margin: 0; }
    .header nav ul.langs:after { display: block; content: ""; clear: both; }
    .header nav ul.langs > li > a { float: left; display: block; text-align: center; color: #c39f68; width: initial; background-color: initial; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 18px 40px; height: initial; line-height: initial; font-weight: 600; font-size: 26px; display: block; text-align: center; background-color: initial; width: initial; padding: 18px 40px; display: block; height: initial; line-height: initial; font-weight: 600; font-size: 26px; }
    .header nav ul.langs > li:after { display: block; content: ""; clear: both; }
    .header nav ul.langs nav { visibility: visible; opacity: 1; position: initial; top: initial; padding-top: initial; -webkit-transition: initial; -moz-transition: initial; -o-transition: initial; transition: initial; float: left; }
    .header nav ul.langs nav ul { margin-top: 0; display: block; background-color: initial; box-shadow: initial; width: initial; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    .header nav ul.langs nav li { float: left; position: relative; }
    .header nav ul.langs li:hover > nav { visibility: visible; opacity: 1; }
    .header nav ul.langs li nav li { display: block; float: left; }
    .header nav ul.langs li nav li a { display: block; text-align: center; background-color: initial; width: initial; padding: 18px 40px; color: #fff; display: block; height: initial; line-height: initial; font-weight: 600; font-size: 26px; }
    .header nav ul.langs li nav li a:hover { background-color: initial; }
    .header nav ul.langs li nav li:first-child a { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
    .header nav ul.langs li nav li:last-child a { -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
    .header .socials { margin-top: 10px; display: block; width: 100%; position: initial; left: initial; top: initial; background-color: #484d53; }
    .header .socials:before { display: block; content: ""; clear: both; }
    .header .socials:after { display: block; content: ""; clear: both; }
    .header .socials-ctn { padding-left: 35px; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid rgb(91, 95, 101); }
    .header .socials-ctn ul:after { display: block; content: ""; clear: both; }
    .header .socials-ctn ul li { display: inline-block; padding-right: 10px; }
    .header .socials-ctn ul li a { display: block; position: relative; }
    .header .socials-ctn ul li a span.hovereffect { display: block; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; -o-transition: all 380ms ease; transition: all 380ms ease; }
    .header .socials-ctn ul li a:hover span.hovereffect { opacity: 1; }
    .header .headFooter { display: block; width: 100%; position: absolute; bottom: 0; }
    .header .headFooter .headFooterLogo { padding: 10px 0; padding-left: 40px; }
    .header .headFooter .headFooterLogo img { max-width: 80%; }
    .header .headFooter .headFooterText { padding-left: 40px; background-color: #3e4248; height: 50px; line-height: 50px; color: #ced1d4; }
    /* ---------- [/HEADER] ---------- */
    body section .section-ctn h2.sectionTitle.borderStyle { margin-bottom: 40px; }
    body section .section-ctn h2.sectionTitle.borderStyle::after { margin-top: 15px; }
    body section.section-4 .section-ctn .galleries .gallery { display: block; width: 100%; height: 50%; float: left; }
    body section.section-4 .section-ctn .galleries .gallery:not(:first-child) { height: 50%; width: 50%; }
    body section.section-4 .section-ctn .galleries .gallery a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
    body section.section-5 { height: 100%; overflow: hidden; }
    body section.section-5 .section-ctn { width: 100%; }
    body section.section-5 .section-ctn:after { display: block; content: ""; clear: both; }
    body section.section-5 .section-ctn .content-box { float: left; padding: 9px; border: 1px solid #ddc8a9; margin-bottom: 20px; background-color: #fff; text-align: center; }
    body section.section-5 .section-ctn .content-box .cbox-ctn { display: block; width: 100%; height: 100%; border: 1px solid #eee4d4; }
    body section.section-5 .section-ctn .content-box:nth-child(2n+0) { float: right; }
    body section.section-5 .section-ctn .content-box.cbox-style-1 { width: 100%; height: initial; }
    body section.section-5 .section-ctn .content-box.cbox-style-2 { width: 100%;; height: 150px; }
    body section.section-5 .section-ctn .content-box.cbox-style-3 { width: 100%; height: 150px; }
    body section.section-5 .section-ctn .content-box h3 { color: #c39f68; padding-top: 10px; text-align: center; font-family: 'tradegothic', sans-serif; font-size: 24px; margin-bottom: 10px; position: relative; }
    body section.section-5 .section-ctn .content-box h3.borderStyle { margin-bottom: 32px; }
    body section.section-5 .section-ctn .content-box h3.borderStyle:after { content: ""; width: 45px; height: 2px; display: block; left: calc(50% - 20px); position: absolute; margin-top: 16px; }
    body section.section-5 .section-ctn .content-box div.text { line-height: 16px; margin-bottom: 10px; }
    body section.section-5 .section-ctn .content-box div.text * { font-size: 14px; }
    body section.section-6 { height: 100%; overflow: hidden; }
    body section.section-6 .section-ctn { width: 100%; margin: 0 auto; padding: 0 20px; }
    body section.section-6 .section-ctn:after { display: block; content: ""; clear: both; }
    body section.section-6 .section-ctn .vertical-boxs { display: table; margin: 0 auto; width: 100%; }
    body section.section-6 .section-ctn .vertical-boxs:after { display: block; content: ""; clear: both; }
    body section.section-6 .section-ctn .vertical-boxs .vbox-ctn { float: initial; margin-bottom: 10px; }
    body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content { display: block; width: 100%; height: 220px; background-size: cover; background-position: center center; position: relative; }
    body section.section-6 .section-ctn .vertical-boxs .vbox-ctn:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
    body section.section-8 .section-ctn .address .address-ctn .address-box { opacity: 0; display: block; width: 100%; height: initial; float: left; margin-bottom: 20px; }
    body section.section-8 .section-ctn .address .address-ctn { width: 100%; }
    body section.section-8 .section-ctn .address .address-ctn .address-box figure { display: table; margin: 0 auto; }
    body section.section-8 .section-ctn .phone { display: block; width: 100%; margin-bottom: 10px; }
    body section.section-3 .section-ctn .gmap { width: 100%; }
    body section.section-3 .section-ctn .gmap img { width: 100%; }
    body section.section-7 .section-ctn .figure { width: 100%; }
    body section.section-7 .section-ctn .figure img { width: 100%; }
    .ff-subtab-container:before { display: none; }
    .ff-subtab-container .subtab-contents,
    .ff-twosubtab-container .ff-twosubtab-contents { float: initial; width: 100%; }
    .ff-twosubtab-container .ff-twosubtab-content-ctn { padding: 20px; text-align: center; }
    .ff-twosubtab-container nav.twosubtab-nav ul li a { border-right: 2px solid #c39f68; display: block; font-size: 18px; height: 36px; line-height: 34px; padding: 0 28px; color: #c39f68; position: relative; border-bottom: 0; border-top: 2px solid #c39f68; }
    .ff-twosubtab-container nav.twosubtab-nav { -moz-transform-origin: initial; -ms-transform-origin: initial; -o-transform-origin: initial; -webkit-transform-origin: initial; transform-origin: initial; height: 0; -webkit-transform: initial; -moz-transform: initial; -o-transform: initial; -ms-transform: initial; transform: initial; top: initial; bottom: 36px; display: block; width: 100%; }
    .ff-subtab-container .subtab-left { display: block; float: initial; width: 100%; height: 100%; margin-top: 0; margin-bottom: 0; padding: 10px; padding-top: 0; }
    .ff-subtab-container .subtab-left .subtab-title { display: block; color: #4c5156; font-size: 26px; line-height: 36px; text-align: center; font-weight: bold; margin: 0; }
    .ff-subtab-container .subtab-left .subtab-title br { content: ""; }
    .ff-subtab-container nav.subtab-nav,
    .ff-subtab-container nav.subtab-nav ul { display: block; text-align: center; margin-bottom: 0; }
    .ff-subtab-container nav.subtab-nav ul li { display: inline-block; float: initial; text-align: initial; margin: 2px; }
    .ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li a { height: 40px; line-height: 40px; padding: 0 10px; font-size: 18px; }
    .ff-subtab-container nav.subtab-nav ul li a { font-size: 18px; height: 30px; line-height: 26px; padding: 0 16px; }
    .ff-twosubtab-container nav.twosubtab-nav ul li { width: 50%; }
    .ff-twosubtab-container { padding-bottom: 40px; }
}

@media only screen and (max-width: 480px) {
    .header { -webkit-transition: initial; -moz-transition: initial; -o-transition: initial; transition: initial; }

    body section.section-1 .slider .dinamic-titles { font-size: 42px; line-height: 42px; bottom: 60px; }
    .header nav ul.langs > li > a,
    .header nav ul.langs li nav li a,
    .header nav ul.menu li a { padding: 6px 28px; font-size: 20px; }
    .header nav ul.menu li nav li {padding: 10px 0 28px 54px;}
    .header .socials-ctn { padding-top: 10px; padding-bottom: 5px; }
    .header .socials-ctn ul li { width: 40px; padding-right: 0; }
    .header nav ul.langs > li > a { padding-right: 12px; }
    .header nav ul.langs li nav li a { padding: 6px; }
    .header .socials-ctn { padding-left: 25px; }
    .header .socials-ctn ul li img { max-width: 100%; }
    .header .headFooter .headFooterLogo { padding-left: 28px; }
    .header .headFooter .headFooterText { padding-left: 28px; font-size: 13px; height: initial; line-height: initial; padding-top: 14px; padding-bottom: 14px; }
    body section.section-2 .section-ctn .logos { text-align: center; }
    body section.section-2 .section-ctn .logos .logo { display: inline-block; float: initial; height: 50px; line-height: 50px; padding: 0 10px; max-width: 50%; }
    body section.section-2 .section-ctn .logos .logo img { max-width: 100%; }
    body section .section-ctn div.text { margin-bottom: 15px; }
    body section .section-ctn div.text,
    body section .section-ctn div.text * { font-size: 14px !important; line-height: 17px; }
    body section .section-ctn h2.sectionTitle { font-size: 18px; margin-bottom: 15px; }
    body section.section-2 .section-ctn .about-img { margin-bottom: 15px; }
    body section.section-4 .section-ctn .galleries { padding-top: 70px; }
    body section.section-4 .section-ctn .galleries .gallery { width: 100% !important; height: 33% !important; }
    body section.section-4 .section-ctn .galleries .gallery a .abox { width: 120px; height: 120px; }
    body section.section-4 .section-ctn .galleries .gallery a .abox span { font-size: 20px; line-height: 22px; padding-left: 12px; padding-bottom: 12px; }
    body section.section-5 .section-ctn .content-box .cbox-ctn figure { width: 110px; padding-left: 30px; height: 80px; float: left; margin-bottom: 10px; }
    body section.section-5 .section-ctn .content-box .cbox-ctn figure img { max-width: 100%; }
    body section.section-5 .section-ctn h2.sectionTitle.borderStyle { padding-top: 40px; }
    body section.section-5 .section-ctn .content-box h3 { float: left; height: 80px; width: calc(100% - 110px); margin-bottom: 10px; padding-top: 20px; }
    body section.section-5 .section-ctn .content-box h3.borderStyle { margin-bottom: 10px; }
    body section.section-5 .section-ctn .content-box.cbox-style-3 h3 { height: 85px; text-align: center; }
    body section.section-5 .section-ctn .content-box.cbox-style-3 div.text:before { display: block; content: ""; clear: both; }
    body section.section-5 .section-ctn .content-box div.text { margin-bottom: 15px; }
    body section.section-5 .section-ctn .content-box div.text,
    body section.section-5 .section-ctn .content-box div.text * { font-size: 13px !important; line-height: 15px; }
    body section.section-5 .section-ctn .content-box.cbox-style-3 { height: initial; }
    body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content { height: 140px; }
    body section.section-6 .section-ctn .vertical-boxs .vbox-ctn .vbox-content span.title { font-size: 20px; line-height: 22px; }
    body section.section-8 .section-ctn .address .address-ctn .address-box figure img { max-width: 100%; }
    body section.section-8 .section-ctn .address .address-ctn .address-box .address-title { font-size: 16px; margin-bottom: 10px; }
    body section.section-8 .section-ctn .address .address-ctn .address-box p { font-weight: 300; font-size: 13px; }
    body section.section-8 .section-ctn .socials .socials-ctn ul { text-align: center; }
    body section.section-8 .section-ctn .socials .socials-ctn ul li { float: initial; display: inline-block; width: 60px; padding: 0; }
    body section.section-8 .section-ctn .socials .socials-ctn ul li img { max-width: 100%; }
    body section.section-8 .section-ctn .contact-info { display: block; margin: 0 auto; width: 100%; font-size: 14px; line-height: 16px; }
    body section.section-8 .section-ctn .phone .phone-ctn { font-size: 26px; }
    .ff-subtab-container .subtab-left .subtab-title { font-size: 26px; line-height: 36px; }
    .ff-modal .ff-modal-content .ff-tab-container nav.ff-tab-nav ul li a { height: 30px; line-height: 30px; padding: 0 3px; font-size: 13px; }
    .ff-subtab-container nav.subtab-nav ul li { display: inline-block; float: initial; text-align: initial; margin: 2px; }
    .ff-subtab-container nav.subtab-nav ul li a { font-size: 18px; height: 30px; line-height: 26px; padding: 0 16px; }
    .ff-twosubtab-container nav.twosubtab-nav { -moz-transform-origin: initial; -ms-transform-origin: initial; -o-transform-origin: initial; -webkit-transform-origin: initial; transform-origin: initial; height: 0; -webkit-transform: initial; -moz-transform: initial; -o-transform: initial; -ms-transform: initial; transform: initial; top: initial; bottom: 36px; display: block; width: 100%; }
    .ff-twosubtab-container nav.twosubtab-nav ul li { width: 50%; }
    .ff-twosubtab-container nav.twosubtab-nav ul li a { display: block; font-size: 18px; height: 36px; line-height: 34px; padding: 0 28px; color: #c39f68; position: relative; border-bottom: 0; border-top: 2px solid #c39f68; }
    .ff-subtab-container nav.subtab-nav,
    .ff-subtab-container nav.subtab-nav ul { margin-bottom: 0; }
    .ff-subtab-container .subtab-left { margin-bottom: 0; padding-bottom: 0; }
    .ff-twosubtab-container { padding-bottom: 40px; }
    .ff-galleries .ff-gallery-ctn .ff-gallery-images { width: calc(100% - 20px); }
    .ff-galleries .ff-gallery-ctn .ff-leftright span img { padding: 20px; background-color: rgba(76, 81, 86, 0.50); }
    .ff-galleries .ff-gallery-ctn .ff-leftright { z-index: 9; }

    .fast-contact-form { top: calc(20%); width: 300px; opacity: 1; z-index: 8; right: -236px; height: 65px; }
    .fast-contact-form form { width: 218px; }
    .fast-contact-form form .line { padding-bottom: 10px; }
    .fast-contact-form.nonehiddenContactForm { opacity: 0; right: -215px; }
    .fast-contact-form:hover { right: 0; height: 165px; }
    .fast-contact-form figure { width: 53px; height: 52px; }
    .fast-contact-form figure img { max-width: 100%; max-height: 100%; }
    .fast-contact-form form button { height: 30px; }
}

.zoomContainer { z-index: 999; }



/* CSS developer Oğuzhan SARI Start | 15032016153148 */
