/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

html {height:100%;}
body {line-height: 1.3;font-family:"Manrope", sans-serif;font-size:16px;font-weight:300;background-color:#fff;height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after,q::before, q::after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}

div.left {float:left;display:block;}
div.right {float:right;display:block;}

.wrapperIn {width:100%;margin:0 auto;max-width:1580px;background-color: #fff;
    box-sizing: border-box;}

.wrapperIn.sticky {background-color:rgba(255,255,255,1);}
div.clear {
    clear: both;
    height: 0;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;font-family:'Roboto';}

/* BASIC PAGE SETUP ============================================================================= */
body {}
button, input, select, textarea { color : #202020; }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.3; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight:400;font-weight:400; }
b, strong { font-weight:700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
/*a { color : #787200;}//-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}
*/
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
/*a:focus { color : rgb(0,0,0); }*/
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;z-index:1000;bottom:10px;right:10px;
	background:url(../images/backtotop.png) no-repeat;background-size:100%;
	width:28px;height:30px;text-indent:-9000px;}


/* IMAGES ============================================================================= */
img {
border : 0;}/*max-width: 100%;}*/

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;width : 100%; }
th, td, caption { padding : 0; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;}
div.sql {font-size:11px;padding:15px 5px;display:block;color:#f00;white-space: pre;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#fff #fff transparent transparent;
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}

/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
div.clearright {clear:right;height:0px;}
div.clearleft {clear:left;height:0px;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}

/* GRAVITY.GR CSS  ============================================================================= */
.relative {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

div.cmsOptions {display: block;
    position: absolute;
    top:29px;
    left: 0px;
    z-index: 20;
    padding: 0 5px 0px 1px;box-sizing: border-box;
    line-height: 18px;
    height: 18px;transition:.2s;
    border-bottom-right-radius: 4px;}
div.cmsOptions a {color:#fff;background: var(--orange);font-size:11px;line-height:20px;
    display:inline-block;padding:0 4px 0;height:20px;}
/*div.cmsOptions:before {content:"";display:block;position:absolute;
    top:-4px;left:-4px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:-1;
    background-color: rgb(255, 242, 0);z-index:-1;
}*/
/*div.cmsOptions:after {content:"";display:block;position:absolute;
width:100%;height:100%;z-index:-1;top:0;left:0;
    border:1.5px solid rgba(35, 31, 32);
}*/

    div.cmsOptions a:hover {text-decoration: underline;}
/** {    transition:0.5s;}*/
.sticky div.cmsOptions {height: 14px;transition:.2s;border-radius: 4px;bottom: 0;}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  /*-webkit-text-fill-color: #fff;*/
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;color: rgba(255,255,255,1);
  font-size: 10px;font-weight: 700;font-family: Manrope;
}

:root {
    --orange:rgba(235, 103, 73);
    /*--headerHeight: 130px;*/
    /*--headerHeightScrolled: 70px;*/
}
body {
    --headerHeight: 130px;
}
body.scrolled {
    --headerHeight: 80px;
}

div.mainheaderWrapReplacer {height: 0;}
body.scrolled div.mainheaderWrapReplacer {height: 50px}


div.headerbar_wrap {height: 29px;background-color: rgba(31, 45, 48);
    position: relative;z-index: 12;}
div.headerbar {width: 95%;max-width: 1350px;margin: 0 auto;
    display: flex;flex-wrap: nowrap;justify-content: space-between;
    align-content: stretch;font-size: 10px;font-weight: 400;color: #fff;
    letter-spacing: 2px;}
div.headerbar > div {display: flex;justify-self: flex-start;}
div.headerbar > div a {height: 29px;
    line-height: 29px;
    background-position: 0 50%;background-repeat: no-repeat;
    color: #fff;text-decoration: none;}
div.headerbar > div.left a {margin: 0 30px 0 0;padding: 0 0 0 20px;}
div.headerbar > div a.tel {background-image: url(/images/header_phone.png);}
div.headerbar > div a.email {background-image: url(/images/header_mail.png);}

div.headerbar ul {list-style: none;display: flex;justify-content: flex-start;}
div.headerbar ul.social {margin-right: 20px;padding-right: 35px;position: relative;
    height: 29px;}
div.headerbar ul.social:after {content: "";display: block;position: absolute;
    top: 50%;right: 0;height: 1px;width: 15px;background-color: #fff;}
div.headerbar ul.social li {margin: 0 0 0 4px;padding: 0;}
div.headerbar ul.social li:first-child {margin: 00;}
div.headerbar ul.social li a {text-indent: -9000px;display: block;
    background-repeat: no-repeat;background-position: 50%;padding: 0;margin: 0;}
div.headerbar ul.social li a.fb {width: 25px;background-image: url(/images/header_facebook.png);}
div.headerbar ul.social li a.insta {width: 31px;background-image: url(/images/header_instagram.png);}

div.headerbar ul.languages li a {margin: 0 0 0 10px;padding: 0;}
div.headerbar ul.languages li.selected a {color: var(--orange);}
div.headerbar ul.languages li:first-child a {margin: 00;}

div.mainheaderWrap {background: rgba(255,255,255,1);
    border-bottom: 1px solid #dedede;}
div.mainheader {height: var(--headerHeight);position: relative;width: 95%;max-width: 1350px;display: flex;
    margin: 0 auto;
    flex-wrap: nowrap;justify-content: space-between;align-content: center;}
div.mainheader a.logo {height: var(--headerHeight);display: flex;align-items: center;}    
/*div.mainheader a.logo {width: }*/

div.mainmenu input {position: absolute;}
div.mainmenu div.toggler {display: none;}
div.mainmenu ul.main {display: flex;flex-wrap: wrap;align-items: center;
    justify-content: flex-start;font-size: 14px;}
div.mainmenu ul.main>li {position: relative;}
div.mainmenu ul.main>li>a {height: var(--headerHeight);align-items: center;
    background: rgba(255,255,255,1);
    display: flex;font-weight: 700;letter-spacing: 1.4px;color: rgba(31,45,48);
    padding: 0 40px 0 0;z-index: 11;position: relative;}
div.mainmenu ul.main>li:last-child >a {padding: 0 0 0 0;}
div.mainmenu ul.main li.selected>a {color: var(--orange);}
div.mainmenu ul.main>li:hover>a {color: var(--orange);}
div.mainmenu ul.main>li a:hover {color: var(--orange);}
div.mainmenu ul.main>li > ul {position: absolute;
    top: -80px;transition: .2s;
    z-index: 10;
    /*top: 100%;*/left: 0;background-color: #fff;width: 280px;
    font-size: 12px;
    box-shadow: 0px 0px 8px 0px rgba(45, 36, 36, 0.08);
}
div.mainmenu ul.main>li > ul li {}
div.mainmenu ul.main>li > ul li a {display: block;
    color: rgba(31,45,48,1);text-transform: uppercase;
    border-top: 1px solid rgba(244,244,244,1);font-weight: 700;
    padding: 10px 16px;background-color: rgba(255,255,255,1);}
div.mainmenu ul.main>li:hover > ul {top: 100%;}

body.scrolled div.mainheaderWrap {position: fixed;
top: 0;left: 0;right: 0;z-index: 15;}

div.headerpic_wrap {width: 100%;height: 250px;background-repeat: no-repeat;
        background-size: cover;background-position: 50%;position: relative;}
div.headerpic_wrap:after {content: "";display: block;transition: .2s;
    position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 1;
    background: url(/images/banner_corner_sm.png) no-repeat 70% 100%;}


@media only screen and (max-width:1200px){
    div.headerpic_wrap:after {background-position:60% 100%;}
 }
@media only screen and (max-width:600px){
    div.headerpic_wrap:after {background-position:56% 100%;}
 }


div.footer_wrap {margin: 150px 0 0;background-color: rgba(31, 45, 48,1);
    font-size: 11px;}
div.footer_wrap .footer {width: 95%;max-width: 1350px;
    padding: 50px 0;
    margin:0 auto;color: rgba(164,167,168,1);
    display: flex;justify-content: space-between;flex-wrap: nowrap;
}

div.footer_wrap .footerbarWrap {width: 95%;max-width: 1350px;margin: 0 auto ;
    padding: 0 0 30px}
div.footer_wrap .footerbarWrap a.gravity {font-size: 11px;
    font-weight: 700;color: rgba(164,167,168);}




div.footer_wrap .footer .contactdetails {width: 350px;}

div.footer_wrap .footer .contactdetails p {padding: 33px 0 0 0;
    margin: 0;font-size: 11px;font-weight: 400;line-height: 2;
    letter-spacing: 1.65px;}

div.footer_wrap .footer .contactdetails p.title {font-size: 11px;
    color: rgba(164,167,168,1);font-weight: 500;line-height: 1.6;
    margin: 0;padding: 22px 0 0 0;}
div.footer_wrap .footer .contactdetails p.title b {font-size: 16px;
    color: rgba(255,255,255,1);font-weight: 500;}
div.footer_wrap .footer .contactdetails a {color:rgba(164,167,168,1) }


div.footer ul.social {margin: 30px 0 60px 0;padding: 0;list-style: none;
    display: flex;}
div.footer ul.social li {margin: 0 0 0 10px;padding: 0;}
div.footer ul.social li:first-child {margin: 00;}
div.footer ul.social li a {text-indent: -9000px;display: block;height: 40px;
    background-repeat: no-repeat;background-position: 50%;padding: 0;margin: 0;}
div.footer ul.social li a.fb {width: 25px;background-image: url(/images/footer_facebook.png);}
div.footer ul.social li a.insta {width: 31px;background-image: url(/images/footer_instagram.png);}

div.footer_wrap .footer .contactFormWrap {width: calc(100% - 600px);transition: .2s;}

/*h2.yellowblock {font-size: 14px;color: rgba(255,255,255,1);font-weight: 600;
    padding: 0 0 0px;margin: 0 0 40px;position: relative;}
h2.yellowblock:after {content: "";height: 1px;width: 50px;display: block;
    background-color: var(--orange);margin: 15px 0 0 0;}*/
form.contactForm div.fields {display: flex;flex-wrap: wrap;
    justify-content: space-between;align-items: stretch;}
form.contactForm div.fields label {display: none;}
form.contactForm input {width:calc(50% - 7.5px);height: 43px;line-height: 43px;
        border: 0;border-radius: 2px;box-sizing: border-box;
        padding: 0 10px;font-size: 10px;color: rgba(255,255,255,1);
        background-color: rgba(68,75,77);margin-bottom: 15px;
        font-family: Manrope;font-size: 12px;}
form.contactForm textarea {width:100%;height: 150px;line-height: 25px;
        border: 0;border-radius: 2px;box-sizing: border-box;
        padding: 10px 10px;font-size: 10px;color: rgba(255,255,255,1);
        background-color: rgba(68,75,77);margin-bottom: 15px;
        font-family: Manrope;font-size: 12px;}
form.contactForm input.submit {width: 120px;text-align: center;font-size: 10px;
    background-color: var(--orange);cursor: pointer;}
div.contactFormReturn {font-size:16px;padding: 20px 0 ;}
div.contactFormReturn ul {margin: 0 0 0 20px;}



@media only screen and (max-width:1300px){
    div.footer_wrap .footer .contactFormWrap {width: calc(100% - 450px);}
}
@media only screen and (max-width:850px){
    div.footer_wrap .footer .contactdetails {width: 250px;}
    div.footer_wrap .footer .contactFormWrap {width: calc(100% - 300px);}
}
@media only screen and (max-width:650px){
        div.footer_wrap .footer {flex-wrap: wrap;}
    div.footer_wrap .footer .contactdetails {width: 100%;margin: 0 auto 50px;
        text-align: center;}
    div.footer ul.social {margin: 30px auto 60px;width: 70px;}
    div.footer_wrap .footer .contactFormWrap {text-align: center;
        width: 100%;margin: 0 auto;}
    h2.yellowblock:after {margin: 15px auto;}
}

@media only screen and (max-width:600px){
    div.headerbar ul.social:after {display: none;}
    div.headerbar ul.social {padding-right: 0;}
}
@media only screen and (max-width:505px){
    div.headerbar div.left {letter-spacing: .2px;}
}
@media only screen and (max-width:430px){
    div.headerbar > div a {width: 20px;text-indent: -9000px;margin-right: 0;}
    div.headerbar > div.left a {margin-right: 0;}
}

div.mobilemenu {display: none;}
input.mobilemenu {display: none;}
@media only screen and (max-width:800px){
    div.mainmenu ul.main {display: none;}
    div.mainmenu div.toggler {position: absolute;right: 2.5%;display: block;
        top: calc(50% - 10px);z-index: 120;}
    div.mainmenu div.toggler label {width: 20px;height: 20px;
        text-indent: -9000px;display: block;cursor: pointer;
        background: url(/images/mob_menu_open.png) no-repeat 50%;}

    div.mobilemenu {display: block;background: #fff;}

    div.mobilemenu {position: fixed;top: calc(var(--headerHeight) + 29px);z-index: 100;
        left: 100%;right: 0;background: rgba(255,255,255,1);}
    .scrolled div.mobilemenu {top: var(--headerHeight);}
    input.mobilemenu:checked + div.mobilemenu {left: 0;}

        div.mobilemenu ul {
            list-style: none;
            padding-bottom: 50px;border-bottom: 1px solid rgba(244,244,244,1);
        }
        div.mobilemenu ul li {border-top: 1px solid rgba(244,244,244,1);}
        div.mobilemenu ul li a {display: block;
            font-size:14px;padding: 10px 20px;}
        div.mobilemenu ul li ul li {border-top: 0;}
        div.mobilemenu ul li ul li a {display: block;
            text-transform: uppercase;
            font-size:12px;padding: 10px 20px 10px 40px;}
        div.mobilemenu ul li ul li:last-child a {padding-bottom: 0px}
        div.mobilemenu>ul>li:last-child {border-bottom: 1px solid rgba(244,244,244,1);}
        div.mobilemenu a {font-weight: 700;color: #000;}
        div.mobilemenu a:hover {color: var(--orange);}
        div.mobilemenu li.selected>a {color: var(--orange);}

}




/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

div.homeslick {position: relative;}
div.homeslickul {position: relative;height: calc(90vh - var(--headerHeight) - 30px)}
div.homeslickul:after {content: "";display: block;
    position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 12;
    pointer-events: none;transition: .2s;
    background: url(/images/banner_corner_b.png) no-repeat 70% 100%;}


div.homeslickul div.sl {position: relative;z-index: 10;height: calc(90vh - var(--headerHeight) - 30px)}
div.homeslickul div.sl a {
        position: relative;display: block;height: 100%;
        display: flex;align-items: stretch;}
div.homeslickul div.sl div.img {width: 100%;height: 100%;
    background-size: cover;background-position: 50%;
    background-repeat: no-repeat;}
div.homeslickul div.sl div.desktop {display: none;}
div.homeslickul div.sl div.mobile {display: block;}
div.homeslickul div.sl div.data {display: block;position:absolute;
        right: 0;top: 65%;background-color:var(--orange);
        box-sizing:border-box;min-height:100px;
        padding: 12px 20px;width: 80%;max-width: 350px;
        box-shadow: 0 0 30px rgba(0,0,0,.5);}
div.homeslickul div.sl div.data h3 {color: #fff;padding: 0;margin: 0;
        font-size: 14px;font-weight:700;text-transform: uppercase;}
@media only screen and (min-width:800px){
    div.homeslickul div.sl div.desktop {display: block;}
    div.homeslickul div.sl div.mobile {display: none;}
}


div.homebannercontrols {position: absolute;bottom: 30px;right: 10%;
    transition: .2s;
    z-index: 12;}
div.homebannercontrols div.slider-controls {display: flex;
    justify-items: flex-start;align-items: center;}
div.homebannercontrols div.slider-controls button {cursor: pointer;}
div.homebannercontrols div.slider-controls button.homearrow {display: block;
        background: transparent;text-indent: -9000px;text-align: left;
        border: 0;height:30px;width:26px;background-position: 50%;background-repeat: no-repeat; }
div.homebannercontrols div.slider-controls button.homearrow.slide-homebanner-prev {
        background-image: url(/images/page_prev.png);}
div.homebannercontrols div.slider-controls button.homearrow.slide-homebanner-next {
        background-image: url(/images/page_next.png);}
ul.slick-dots {list-style: none;display: flex;margin: 0 10px}
ul.slick-dots li {margin: 0 3px;}
ul.slick-dots li button {box-sizing: border-box;width: 24px;height: 24px;
        background-color:white;
    border:2px solid #000;display: flex;font-weight: 700;font-size: 14px;text-align: center;
    align-content: center;align-items: center;justify-content: center;}
ul.slick-dots li.slick-active button {color: var(--orange);border-color: var(--orange)}
ul.slick-dots li button:hover {color: var(--orange);border-color: var(--orange)}

@media only screen and (max-width:1200px){
    div.homeslickul:after {background-position:60% 100%;}
    div.homebannercontrols {bottom: 10px;right: 10px;}
}
@media only screen and (max-width:600px){
    div.homeslickul:after {background-position:56% 100%;}
    div.homebannercontrols {bottom: 0;right: 5px;}
}

div.mainWrapper {/*width: 95%;max-width: 1350px;*/margin: 50px auto;}

div.mainWrapper .textwrap {width: 95%;max-width: 950px;margin: 0 auto 0;}
div.mainWrapper .articleheader {padding: 0 0 50px;}
div.mainWrapper .articleheader h1 {font-weight: 800;font-size: 48px;line-height: 1.04;letter-spacing: -1px;
    color: rgba(31,45,48,1);margin: 0;}
div.mainWrapper .newslist .articleheader h1 {text-align: center;}

/*div.photogallery {list-style: none;flex-wrap: wrap;display: flex;
    align-items: stretch;justify-content: center;}
*/

div.photogallery {height: 300px;margin-top: 150px;}

div.photogallery div {margin-right: 2px;margin-bottom: 1px;}
div.photogallery div:nth-child(4n) {width:25%;margin-right:0;}
div.photogallery div a {height: 280px;display: flex;align-items: stretch;
    align-content: stretch;}
div.photogallery div a picture {width: 100%;height: 100%;object-fit: cover;}
div.photogallery div a picture img {width: 100%;height: 100%;object-fit: cover;}


div.homeprofile {display: flex;justify-self: space-between;position: relative;
    max-width: 950px;margin: 0 auto;
    border-bottom: 1px solid var(--orange);padding: 0 0 70px}
div.homeprofile div {width: 50%}
div.homeprofile div.title {transition: .2s;margin-right: 5%;width: 45%;}
div.homeprofile div.title span {display: block;text-transform: uppercase;
    font-size: 14px;color: var(--orange);font-weight: 800;margin: 0 0 15px}
div.homeprofile div.title h2 {font-weight: 800;font-size: 48px;line-height: 1.04;letter-spacing: -1px;
    color: rgba(31,45,48,1);margin: 0;padding: 0 0 50px;}
div.homeprofile p {font-weight: 600;font-size: 16px;line-height: 1.56;color: rgba(31,45,48,1)}
div.homeprofile a.readmore {position: absolute;display: block;
    bottom: 65px;left: 0;text-indent: -9000px;width: 32px;height: 21px;
    background: url(/images/more_sm.png) no-repeat 50%;}

@media only screen and (max-width:1000px){
    div.mainWrapper .articleheader h1 {font-size: 36px}
    div.homeprofile div.title h2 {font-size: 36px}
    div.homeprofile h2 {font-size: 38px;}
    div.photogallery {margin-top: 50px}
}
@media only screen and (max-width:600px){
    div.homeprofile {flex-wrap: wrap;margin: 50px auto;padding: 0 0 0px;
        width: 95%}
    div.homeprofile div {width: 100%;margin:0px 0 20px;}
    div.homeprofile div.title {width: 100%;margin:0px;font-size: 30px}
    div.homeprofile a.readmore {position: relative;margin: 40px 0 0 0 ;bottom: 30px;}
    div.photogallery div a {height: 200px}
}




div.photogallerycontrols {position: relative;
    align-items: center;display: flex;justify-content: center;
    margin: 50px auto;
    /*bottom: 30px;right: 10%;*/
    transition: .2s;
    z-index: 12;}
div.photogallerycontrols div.slider-controls {display: flex;
    justify-items: center;align-items: center;}
div.photogallerycontrols div.slider-controls button {cursor: pointer;}
div.photogallerycontrols div.slider-controls button.homearrow {display: block;
        background: transparent;text-indent: -9000px;text-align: left;
        border: 0;height:30px;width:26px;background-position: 50%;background-repeat: no-repeat; }
div.photogallerycontrols div.slider-controls button.homearrow.slide-photogallery-prev {
        background-image: url(/images/page_prev.png);}
div.photogallerycontrols div.slider-controls button.homearrow.slide-photogallery-next {
        background-image: url(/images/page_next.png);}
ul.slick-dots {list-style: none;display: flex;margin: 0 10px}
ul.slick-dots li {margin: 0 3px;}
ul.slick-dots li button {box-sizing: border-box;width: 24px;height: 24px;
        background-color:white;
    border:2px solid #000;display: flex;font-weight: 700;font-size: 14px;text-align: center;
    align-content: center;align-items: center;justify-content: center;}
ul.slick-dots li.slick-active button {color: var(--orange);border-color: var(--orange)}
ul.slick-dots li button:hover {color: var(--orange);border-color: var(--orange)}

@media only screen and (max-width:1200px){
    div.homeslickul:after {background-position:60% 100%;}
    div.photogallerycontrols {bottom: 10px;right: 10px;}
}
@media only screen and (max-width:600px){
    div.homeslickul:after {background-position:56% 100%;}
    div.photogallerycontrols {bottom: 0;right: 5px;}
}


div.submenu {display: flex;justify-items: flex-end;justify-content: flex-end;
    margin: 0 0 40px}
div.submenu ul {display: flex;justify-items: flex-start;}
div.submenu ul li {display: flex;justify-items: flex-start;
        font-size: 10px;color: #676e6f;}
div.submenu ul li:after {content: "/";padding: 0 5px;}
div.submenu ul li:last-child:after {content: "";padding:0;}
div.submenu ul li a {color: #676e6f;}
div.submenu ul li a:hover {color: var(--orange);}
div.submenu ul li.selected a {color: var(--orange);}

div.mainWrapper .textwrap.border-bottom {border-bottom: 1px solid var(--orange);margin: 80px auto 80px auto}

ul.newslist {list-style: none;display: flex;flex-wrap: wrap;
    width: 95%;max-width: 1350px;margin: 50px auto 80px;
    align-items: flex-start;justify-items: center;justify-content: center;}
ul.newslist li {margin: 0 1px 20px 0;width: calc(33.3% - 1px);transition: .2s;}
ul.newslist li:nth-child(3n) {margin: 0 0 1px 0;width:33.3%;}
ul.newslist li a {display: block;}
ul.newslist li a div.imageholder {display: block;}
ul.newslist li a div.imageholder img {width: 100%;height: 300px;object-fit: cover;}
ul.newslist li a h2 {padding:4px 10px 4px 45px;
    font-size: 16px;font-weight: 800;color: rgba(31,45,48,1);letter-spacing: -.32px;
    background: url(/images/more_sm.png) no-repeat 0 50%;}
ul.newslist li a:hover h2 {color: var(--orange);}


div.latestworks {margin: 100px auto;}
div.latestworks ul.newslist {margin-bottom: 50px;}
div.latestworks:after {content: "";display: block;margin: 80px auto 0;width: 100%;height: 1px;
        max-width: 900px;background-color: var(--orange);}
div.latestworks span {display: block;text-align: center;color: var(--orange);
    font-size: 14px;margin: 0 0 10px;text-transform: uppercase;font-weight: 700;letter-spacing: 1.5px;}
div.latestworks h1 {text-align:center;font-weight: 800;font-size: 48px;line-height: 1.04;letter-spacing: -1px;
    color: rgba(31,45,48,1);margin: 0;;}


@media only screen and (max-width:1000px){
    ul.newslist li {margin: 0 1px 20px 0;width: calc(50% - 1px);}
    ul.newslist li:nth-child(3n) {margin: 0 1px 1px 0;width:calc(50% - 1px);}
    ul.newslist li:nth-child(2n) {margin: 0 0 1px 0;width:50%;}
}
@media only screen and (max-width:600px){
    ul.newslist li {margin: 0 0px 20px 0;width: 100%;}
    ul.newslist li:nth-child(3n) {margin: 0 0 1px 0;width:100%;}
    ul.newslist li:nth-child(2n) {margin: 0 0 1px 0;width:100%;}
}

a.seeall {display: block;width:57px;height:38px;margin:0 auto 40px;
    background:url(/images/more_big.png) no-repeat 50%; text-indent:-9000px; ; }