/* 
Wireframe: 21
Version: 2.0
Update: 2019.09.12
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'Josefin Sans';
    src: url('../fonts/JosefinSans-Regular.eot');
    src: url('../fonts/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JosefinSans-Regular.woff2') format('woff2'),
        url('../fonts/JosefinSans-Regular.woff') format('woff'),
        url('../fonts/JosefinSans-Regular.ttf') format('truetype'),
        url('../fonts/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Josefin Sans';
    src: url('../fonts/JosefinSans-Bold.eot');
    src: url('../fonts/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JosefinSans-Bold.woff2') format('woff2'),
        url('../fonts/JosefinSans-Bold.woff') format('woff'),
        url('../fonts/JosefinSans-Bold.ttf') format('truetype'),
        url('../fonts/JosefinSans-Bold.svg#JosefinSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Play';
    src: url('../fonts/Play-Bold.eot');
    src: url('../fonts/Play-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Play-Bold.woff2') format('woff2'),
        url('../fonts/Play-Bold.woff') format('woff'),
        url('../fonts/Play-Bold.ttf') format('truetype'),
        url('../fonts/Play-Bold.svg#Play-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MinimaSSK';
    src: url('../fonts/MinimaSSK.eot');
    src: url('../fonts/MinimaSSK.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MinimaSSK.woff2') format('woff2'),
        url('../fonts/MinimaSSK.woff') format('woff'),
        url('../fonts/MinimaSSK.ttf') format('truetype'),
        url('../fonts/MinimaSSK.svg#MinimaSSK') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: #fff;
    color: #4d4b4b;
    font-family: 'Josefin Sans';
    font-size:15px;
    line-height:26px;
}
a {
    color: #cc0202;
    text-decoration: underline;
    transition: color .4s;
}
a:active, a:hover, a:focus {
    color: #cc0202;
    text-decoration: none;
}
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Play';
    line-height: 1.1em;
    font-weight:700;
}
h1 {
    font-size:27px;
    color: #1f1f1f;
}
h2 {
    font-size:24px;
    color: #cc0202;
}
h3 {
    font-size:22px;
    color: #1f1f1f;
}
h4 {
	font-family: 'MinimaSSK';
	font-weight:400;
    font-size: 20px;
    color: #cc0202;
}
h5 {
	font-family: 'MinimaSSK';
	font-weight:400;
    color: #1f1f1f;
    font-size: 19px;
}
h6 {
	font-family: 'MinimaSSK';
	font-weight:400;
    font-size: 18px;
    color: #cc0202;
}
hr {
	border-color: #e5e5e5;
}
span.phone-responsive{display:none}
.container{width:1230px}
/* ********* */
header.top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
header.top:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    left: 50%;
    height: 158px;
    background: rgba(204,2,2,.76);
}
header.top:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 50%;
    height: 158px;
    background: rgba(204,2,2,1);
    z-index: 1;
}
header.top .logo {
    position: relative;
    z-index: 2;
    margin: 14px 0 10px 12px;
    float: left;
}
header.top nav.main-nav {
    position: relative;
    z-index: 2;
    background: rgba(8,8,8,.7);
}
header.top nav.main-nav::before {
    content: '';
    position: absolute;
    left:0;
    top: 0;
    bottom: 0;
    right:50%;
    background: #080808;
}
header.top .col-left nav.main-nav a {
    font-size: 18px;
}
header.top .address {
    position: relative;
    z-index: 1;
    float: right;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    width: 50%;
    padding: 50px 0 0 22px;
}
header.top .adr {
    padding: 0 0 0 29px;
    background: url(../images/icon-map.png) no-repeat left center;
    letter-spacing: .03em;
	float:left;
}
header.top .info {
    padding:9px 0 9px 29px;
    letter-spacing: .04em;
    float: right;
    background: url(../images/icon-mail.png) no-repeat left center;
}
header.top .tel {
    padding: 9px 0 9px 29px;
    background: url(../images/icon-map.png) no-repeat left center;
    letter-spacing: .03em;
    float: left;
    margin: 0 0 0 5.5%;
}
header.top .address a {
    color: #fff;
}
nav.mobile-nav {
    display: none;
}
/* ******* */

article.content {
    position: relative;
}
.pageTemplate article.content {
    height: 720px;
    overflow: auto;
}
.homepageTemplate article.content .wrapper {
    padding:339px 20px 0 0;
}
article.content .wrapper {
    padding: 250px 20px 40px 0;
}
article.content header.page-title {
    position: relative;
	margin: 0 0 25px;
}
article.content header.page-title h1 {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .1em;
}
article.content header.page-title h1 span.subtitle {
    font-family: 'MinimaSSK';
    font-weight: 400;
    font-size: 20px;
    text-transform: none;
    text-shadow: 0 0 0 #1f1f1f;
    letter-spacing: .1em;
}
article.content p {
    margin: 0 0 20px;
    text-shadow: 0 0 0 #4d4b4b;
    letter-spacing: .12em;
}
article.content ul {
    padding-left: 20px;
    text-shadow: 0 0 0 #4d4b4b;
    letter-spacing: .12em;
}
article.content ul li {
    position: relative;
    padding-left: 20px;
    list-style-type:none;
    background:url(../images/icon-list01.png) no-repeat 0 8px;
}
article.content ul ul {
    list-style-type: circle;
}
article.content .table-style {
    position: relative;
    letter-spacing: .12em;
}
article.content .table-style td {
    text-shadow: 0 0 0 #4d4b4b;
}
article.content .table-style th {
    background: #cc0202;
	color:#fff;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #ccc;
    padding:7px 5px;
}
article.content figure {
    position: relative;
    padding: 10px;
    background: #f0f0f0;
}
article.content figure span.button {
    display: table;
    padding: 9px 15px 5px;
    text-decoration: none;
    color: #fff;
    background: #cc0202;
    letter-spacing: .1em;
}
article.content figure:hover span.button {
    background: #000;
}
article.content figure a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.logos {
    text-align: center;
}
.logos a{display:inline-block;margin:0 5px 10px;padding:2px;border:1px solid rgba(0,0,0,.3)}
/* ********** */
section.content-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 744px;
}
.fullwidth-pageTemplate section.content-wrapper {
    grid-template-columns: 1fr;
}
section.content-wrapper .col-left {
    background: url(../images/bg.jpg) no-repeat right bottom;
    padding-left: calc(100% - 600px);
}
section.content-wrapper .col-left .slogan {
    position: relative;
}
section.content-wrapper .col-left .slogan h2 {
    font-size: 22px;
    line-height: 22px;
    color: #171717;
    text-transform: uppercase;
    letter-spacing: .113em;
    margin: 0;
}
section.content-wrapper .col-left .slogan h4 {
    font-size: 19px;
    color: #cc0202;
    letter-spacing: .25em;
    text-shadow: 0 0 0 #cc0202;
    margin: 3px 0 65px;
}
section.content-wrapper .col-left .slogan p {
    text-shadow: 0 0 0 #4d4b4b;
    letter-spacing: .15em;
}
section.content-wrapper .col-right {
}
section.content-wrapper .col-right .banner {
    position: relative;
    height: 100%;
}
section.content-wrapper .col-right .banner #slideshow, section.content-wrapper .col-right .banner .fluid_container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0!important;
    width: auto;
    height: auto;
}
section.content-wrapper .col-right .banner .camera_wrap .camera_pag .camera_pag_ul li {
    height: 14px;
    margin: 0;
    width: 14px;
    background: none !important;
}
section.content-wrapper .col-right .banner .camera_wrap .camera_pag .camera_pag_ul li>span {
    height: 7px;
    left: 3.5px;
    top: 3.5px;
    width: 7px;
    background: #fff;
}
section.content-wrapper .col-right .banner .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,section.content-wrapper .col-right .banner .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span {
    background: #fff !important;
}
section.content-wrapper .camera_wrap .camera_pag .camera_pag_ul {
    text-align: left;
    bottom: 10px;
    left: 42px;
    position: absolute;
}
section.content-wrapper .col-right .banner .maps {
    position: relative;
    overflow: hidden;
    background: #eee;
    height: 100%;
    top: 216px;
}
section.content-wrapper .col-right .banner .maps iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* filter: grayscale(100%); */
}
/* ****** */
section.gallery-block {
    position: relative;
    padding: 15px 35px;
}
/* ******** */
section.about {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f4f3f2;
}
section.about .col-left {
    position: relative;
    display: grid;
    align-items: end;
}
section.about .col-left .photo {
    background: url(../images/photo-home.jpg) no-repeat center right;
    height: 100%;
}
section.about .col-right {
    position: relative;
    align-self: center;
}
section.about .col-right .wrapper {
    padding: 50px;
    padding-right: calc(100% - 600px);
}
section.about .col-right .wrapper a.lireplus {
    display: table;
    padding: 9px 15px 5px;
    text-decoration: none;
    color: #fff;
    background: #cc0202;
    letter-spacing: .1em;
    margin: 38px 0 0;
}
section.about .col-right .wrapper a.lireplus:hover{background:#000}
/* ******* */
section.services {
    position: relative;
    padding: 55px 0;
}
section.services .box-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 98px;
}
section.services a.box {
    position: relative;
    width: 100%;
    display: table;
    text-align: center;
    text-decoration: none;
    max-width: 551px;
    margin: 0 auto;
    color: #1d1d1d;
    font-family: 'MinimaSSK';
}
section.services a.box .image {
    position: relative;
    width: 100%;
    display: table;
    box-shadow:5px 0 24px rgba(0,0,0,.18);
    border-bottom: 10px solid #2a2a2a;
	z-index:1;
	transition:.3s all ease;
}
section.services a.box .image img{max-width:100%}
section.services a.box:hover .image {
    border-bottom: 10px solid #cc0202;
}
section.services a.box .icon {
    position: relative;
    z-index: 2;
    width: 76px;
    height: 76px;
    display: table;
    margin: -47px auto 39px;
    background-color: #2a2a2a;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s all ease;
}
section.services a.box:hover .icon {background-color:#cc0202;}
section.services a.box .icon1 {background-image:url(../images/icon1.png)}
section.services a.box .icon2 {background-image:url(../images/icon2.png)}
section.services a.box h2 {
    font-size: 21px;
    color: #13120e;
    text-transform: uppercase;
    line-height: 16px;
    margin: 0 0 15px;
    letter-spacing: .16em;
}
section.services a.box p {
    text-shadow: 0 0 0 #1d1d1d;
    letter-spacing: .2em;
}
/* ******* */
section.box-wrapper {
    position: relative;
    background: url(../images/bg-box.jpg) no-repeat center center;
    padding: 65px 0 38px;
    text-align: center;
}
section.box-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1f1809;
    opacity: .5;
}
section.box-wrapper a.box1 {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-family: 'MinimaSSK';
}
section.box-wrapper a.box1 h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    line-height: 19px;
    margin: 0 0 22px;
    padding: 0 0 23px;
    position: relative;
    letter-spacing: .25em;
}
section.box-wrapper a.box1 h2:before{
    content: '';
    position: absolute;
	width:42px;
	height:4px;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	background:#cc0202;
}
section.box-wrapper a.box1 p {
    letter-spacing: .4em;
    margin: 0;
}
section.box-wrapper a.box1 .lireplus {
    display: table;
    margin: 67px auto 0;
    padding: 6px 21px 2px;
    line-height: 20px;
    font-family: 'Josefin Sans';
    background: #ca0202;
    color: #fff;
    letter-spacing:.05em;
}
section.box-wrapper a.box1:hover .lireplus {
    background: #fff;
    color: #ca0202;
	transition:.3s all ease;
}
/* ******** */
section.contact {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
section.contact .col-left {
    position: relative;
    padding-left: calc(100% - 600px);
}
section.contact .col-left .wrapper {
    position: relative;
    padding: 49px 50px 31px 0;
    width: 100%;
    display: table;
}
section.contact .col-left .wrapper .form h2 {
    margin: 0 0 54px;
    font-size: 34px;
    color: #313131;
    font-family: 'MinimaSSK';
    font-weight: 400;
    line-height: 25px;
}
section.contact .col-right {
    position: relative;
}
section.contact .maps {
    position: relative;
    overflow: hidden;
    background: #eee;
    height: 100%;
}
section.contact .maps iframe {
    position: absolute;
    width: 100%;
    height: calc(100% + 200px);
    left: 0;
    right: 0;
    top: -130px;
    bottom: -70px;
}
section.contact .maps .link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
section.contact .maps .link iframe {
    height:100%;
    top:0;
    bottom:0;
}
section.contact .maps .link .googlemaps_v2 label.modal-label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
}
/* ****** */
footer.bottom {
    position: relative;
    background: #ca0202;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 34px 0 70px;
}
footer.bottom img {
    margin: 0 0 13px;
}
footer.bottom a {
    color: #fff;
}
footer.bottom .address {
    letter-spacing: .08em;
}
footer.bottom .tiret {
    margin: 0 3px;
}
/* ************ */
#scrollTopBtn:hover{background:#ca0202!important}
.footerSlideButton1{color:#b6b6b6!important}
.footerSlideButton1:hover{color:#ddd!important}
.mm-slideout{z-index:inherit!important}
#scrollTopBtn{bottom:43px!important;right:40px!important;z-index:100!important;box-shadow:0 0 5px rgba(255,255,255,1)}
#footerSlideContainer{z-index:100!important;right:24px!important;font-size:18px!important}
#footerSlideContainer a{bottom:4px !important;z-index:100!important;color:#aaa!important;font-size:18px!important;font-weight:700!important}
#footerSlideContainer a:hover{color:#999!important}
div.cc-cookies{width:100%;z-index:50!important}
.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{background:#ca0202!important;margin:0 10px;color:#fff !important;margin-right:140px;}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#000!important}
div.cc-cookies{background:#404040;width:100%}
.formError,.formError *,#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box}
div#_atssh{bottom:0}
.cookieinfo {
    z-index:10 !important;
}
#footerSlideButton {
    bottom: 7px;
}
.img-box {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width : 1230px) {
.container{width:100%}
header.top .tel{padding:3px 8px 3px 29px;float:right;margin:0}
header.top .address{padding:57px 0 0 15px}
.sf-menu{text-align:center}
section.content-wrapper .col-left{padding-left:15px}
section.about .col-right .wrapper{padding:30px 15px}
article.content header.page-title h1{letter-spacing:0}
section.about .col-right .wrapper a.lireplus{margin:20px 0 0}
section.services .box-wrapper{grid-gap:50px}
section.box-wrapper a.box1 .lireplus{margin:25px auto 0}
section.contact .col-left{padding-left:15px}
section.contact .col-left .wrapper{padding:49px 15px 31px 0}
footer.bottom .tiret{margin:0}
footer.bottom .address{letter-spacing:.075em}
}
@media only screen and (max-width : 1024px) {
section.content-wrapper .col-left .slogan h4{letter-spacing:.1em}
footer.bottom .address{letter-spacing:.05em}
footer.bottom{padding:34px 0}
article.content .wrapper{padding:35px 15px}
}
@media only screen and (max-width : 991px) {
header.top .sticky-wrapper,header.top nav.main-nav{display:none}
nav.mobile-nav{display:table;padding:15px;background:#cc0202;text-align:center;line-height:1;font-size:24px;position:absolute;top:158px;left:0;right:0;z-index:3;width:100%}
nav.mobile-nav a{text-decoration:none;color:#fff}
nav.mobile-nav a:hover{color:#000}
header.top .address{display:none}
header.top .logo{margin:12px auto;float:none;display:table}
section.content-wrapper{grid-template-columns:1fr;height:auto}
section.content-wrapper .col-left{background:url(../images/bg.jpg) repeat right bottom;order:1;padding-left:0}
section.content-wrapper .col-right .banner{height:500px}
section.about{grid-template-columns:1fr}
section.about .col-left{order:2;display:block}
section.about .col-left .photo{height:auto}
section.about .col-right{order:1}
.pageTemplate article.content{height:auto;overflow:unset!important;touch-action:unset!important}
.homepageTemplate article.content .wrapper{padding:35px 15px 25px}
section.services .wrapper{padding:35px 15px 25px}
section.services .wrapper h2{margin-bottom:50px}
section.services{padding:40px 0}
section.services .box-wrapper{grid-gap:20px}
section.content-wrapper .col-left .slogan h4{margin:3px 0 30px}
section.about .col-right .wrapper a.lireplus{margin:20px auto 0}
section.services a.box p{letter-spacing:.12em}
section.contact .col-left{padding-left:0}
section.contact .col-left .wrapper .form h2{margin:0 0 30px;text-align:center}
section.newsletter .wrapper h2{margin-bottom:25px}
section.newsletter .wrapper h4{margin-bottom:35px}
section.contact{grid-template-columns:1fr}
section.contact .col-left .wrapper{padding:35px 15px 25px}
section.contact .maps{height:250px}
footer.bottom .address{letter-spacing:0;font-size:16px}
header.top:after{right:0}
}
@media only screen and (max-width : 767px) {
.image-right,.image-left{float:none;margin:10px auto;max-width:100%;height:auto;display:block}
span.phone{display:none}
span.phone-responsive{display:inline-block}
section.content-wrapper .camera_wrap .camera_pag .camera_pag_ul{display:none}
section.content-wrapper .col-left .slogan{text-align:center}
section.services .box-wrapper{grid-template-columns:repeat(1,1fr)}
section.box-wrapper a.box1 p{letter-spacing:.2em}
section.box-wrapper a.box1 h2{font-size:25px;letter-spacing:.1em}
section.contact .col-left .wrapper .form h2{font-size:28px}
footer.bottom .tiret{display:block;height:0;color:transparent}   
}
@media only screen and (max-width : 480px) {
section.box-wrapper a.box1 p{letter-spacing:.1em}
section.services a.box p{letter-spacing:0}
section.content-wrapper .col-left .slogan h2{font-size:18px;letter-spacing:0}
section.content-wrapper .col-left .slogan h4{font-size:15px;letter-spacing:0}
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
}
.sf-menu li {
	position: relative;
	white-space: nowrap;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	font-size: 0;
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu a {
    display: block;
    position: relative;
    padding: 19px 23px;
    line-height: 19px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-family: 'MinimaSSK';
    font-size: 18px;
    letter-spacing: .2em;
}
.sf-menu > li:not(:first-child) {
    padding-left: 37px;
    margin-left: 35px;
}
.sf-menu > li:not(:first-child):before {
    position: absolute;
    content: '';
    background: #fdf0e7;
    opacity: .2;
    left: 0;
    height: 14px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
}
.sf-menu ul {
    min-width: 100%;
    text-align: left;
    padding: 5px;
    background: #000;
}
.sf-menu ul li:not(:first-child){
	padding:0;
	margin:0;
	border-top:1px solid rgba(255,255,255,.3);
}
.sf-menu ul li a {
    padding: 5px 10px;
    line-height: 1.5;
    text-transform: none;
    color: #fff;
    letter-spacing: .1em;
    font-size: 16px;
}
.sf-menu li a:hover, .sf-menu li.sfHover > a,.sf-menu li.selected > a, .sf-menu li.active > a {
	color:#cc0202;
}
.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a,
.sf-menu ul li.selected > a, .sf-menu ul li.active > a {
    background: #cc0202;
	color:#fff;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 50%;
    margin-right: 3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #dFeEFF;
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
@media only screen and (max-width : 1230px) {
.sf-menu > li:not(:first-child){padding-left:11px;margin-left:10px}
}
@media only screen and (max-width : 1024px) {
.sf-menu > li:not(:first-child){padding-left:1px;margin-left:0}
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #d09b71;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #333;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.5em;
}
.mobile-menu ul ul {
	background: rgba(0,0,0,.15);
	font-size: 16px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu li {
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
	left: 10px;
}
.mobile-menu a {
	padding:5px;
	display: block;
	color: #fff;
	text-decoration: none;
	transition: color .4s, background .4s;
	text-transform: uppercase;
}
.mobile-menu a:hover,
.mobile-menu .selected a,
.mobile-menu .active a {
    background: #cc0202;
	color:#fff;
}
.mobile-menu li li a {
	padding-left: 25px;
	text-transform: none;
}
/* Language */
.mobile-language {
	text-align: center;
	color: rgba(255,255,255,.7);
	margin-top: 20px;
	text-transform: uppercase;
}
.mobile-language a {
	color: #d09b71;
	text-decoration: none;
	font-weight: bold;
}
.mobile-language a:hover {
	color: #fff;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}