/* 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-position: 50%;background-size: contain;
	width:30px;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:0px;
    left: 0px;
    z-index: 20000;
    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(--red);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 {
/*    --red:#e41d37;*/

    --red:rgba(228, 29, 55,1);
    --black:rgb(35,35,35);
    --orange:rgb(235, 103, 73);
    /*--headerHeight: 130px;*/
    /*--headerHeightScrolled: 70px;*/
}



/* 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;
}





.homeslick {position: relative;padding:0 0 80px}
.homeslickul {width:calc(100% - 180px);margin:30px auto 0;
    position: relative;transition: .2s;
    z-index:3;}

div.testimonial {margin:0 15px;}
div.testimonial div.testimonialtext {position: relative;background:rgb(255,255,255);
    box-shadow: 0px 0px 29px 0px rgba(45, 36, 36, 0.04);
/*    font-size: 15px;font-family: "Manrope";*/
    padding:50px 70px 65px;
    margin-bottom:75px;transition: .2s;
    color: rgb(35, 35, 35);line-height: 1.733;font-weight: 300;line-height: 1.233;
}
div.testimonial div.testimonialtext:after {content:"";
    display: blok;
    position: absolute;
    top:calc(100% - 42px);
    left:calc(50% - 42px);
border-width: 4px;
  border-color: rgb(244, 246, 246);
  border-style: solid;
  border-radius: 50%;
  width: 83px;
  height: 83px;
    background:url(/images/testimonials_quote.png) no-repeat center;
  background-color: var(--red);
    }

div.testimonial h3 {text-align: center;
font-size: 16px;
  font-family: "Manrope";
  color: var(--red);
  font-style: italic;
  font-weight: 700;
}
div.testimonial i {display: block;
    font-size: 12px;text-align: center;
  font-family: "Manrope";
  color: rgb(99, 99, 99);
  line-height: 1.583;
  font-style: italic;
  font-weight: 300;}

div.homebannercontrols {position: absolute;
    left:0;top:0;right:0;bottom:0;
    z-index:2;}

div.homebannercontrols div.homearrow {width:93px;height:121px;
    position: absolute;
    top:calc(40% - 60px);cursor: pointer;}
div.homebannercontrols div.homearrow.slide-homebanner-prev {left:-10px;}
div.homebannercontrols div.homearrow.slide-homebanner-next {right:0px;}

@media only screen and ((max-width: 850px) and (min-width: 750px)) {
    div.testimonial div.testimonialtext {padding: 14px 18px 50px;}
    div.testimonial div.testimonialtext p {font-size:16px;}
}
@media only screen and (max-width: 590px) {
    div.testimonial div.testimonialtext {padding: 20px 30px 50px;
        font-size:16px;}
    div.testimonial div.testimonialtext p {font-size:16px;}

    .homeslickul {width:calc(100% - 100px);}
    div.homebannercontrols div.homearrow {width:70px;}
}
@media only screen and (max-width: 500px) {
    div.testimonial div.testimonialtext {box-shadow: none;}
    .homeslickul {width:100%;}
    div.homebannercontrols div.homearrow {width:70px;}

/*div.homebannercontrols {top:auto;}*/
div.homebannercontrols {z-index:5;}
div.homebannercontrols div.homearrow {top:auto;bottom:40px;}
}


body {
    --maincolor:rgba(35,35,35,1);
}


div.header_wrap {background-color: #fff;width:100%;margin:0;padding:0;
    border-bottom:1px solid rgba(223, 223, 223,1);
    background: rgba(255,255,255);
}
.nothome div.header_wrap{
    position: fixed;
    z-index:10000;
    top: 0;
}

.home div.header_wrap {border-bottom:1px solid rgba(223, 223, 223,1);
    position: relative;}
div.header_wrap div.header {margin:0;padding:0 40px;width:100%;box-sizing: border-box;
    display: flex;justify-content: space-between;align-items: center;transition:.2s}
div.header_wrap div.header a.logo {height:125px;display: block;vertical-align: middle;
    transition:.2s}
div.header_wrap div.header a.logo img {vertical-align: middle}


.nothome.scrolled div.header_wrap {box-shadow: 0 0 10px rgba(0,0,0,.3)}
.nothome.scrolled div.header_wrap div.header {height:60px;}
.nothome.scrolled div.header_wrap div.header a.logo {height:75px;}


div.header_wrap div.header label {cursor: pointer}
div.header_wrap div.header label span {display: none;}

div.header_wrap div.header >*:first-child,
div.header_wrap div.header >*:last-child {width:calc(50% - 100px);}

div.header_wrap div.header {color:var(--maincolor);}
div.header_wrap div.header a {color:var(--maincolor);}

div.header_wrap div.header ul.menu {list-style: none;margin:0;padding:0;
    display: flex;font-size:15px;font-weight: 600;}
div.header_wrap div.header ul.menu li:before {content:"/";margin:0 8px;}
div.header_wrap div.header ul.menu li:first-child:before {content:"";margin:0 0px;}
div.header_wrap div.header ul.menu li a {}
div.header_wrap div.header ul.menu li.selected a {color:var(--red)}
div.header_wrap div.header ul.menu li a:hover {color:var(--red)}


div.header_wrap div.header ul.social_contact {list-style: none;margin:0;padding:0;
    display: flex;justify-content: flex-end;align-items: center;
    font-size:13px;font-weight: 600;}
div.header_wrap div.header ul.social_contact li.contact a {display: block;
    border:1.5px solid rgb(223,223,223);margin-left:20px;
    border-radius:4px;padding:0 43px;line-height:36px;}
div.header_wrap div.header ul a.social {text-indent:-9000px;text-align:left;display: block;
    margin:0 10px;width:20px;height:36px;}
div.header_wrap div.header ul a.facebook {background:url(/images/header_facebook.png) no-repeat 50%;}
div.header_wrap div.header ul a.linkedin {background:url(/images/header_linkedin.png) no-repeat 50%;}
div.header_wrap div.header ul a.instagram {background:url(/images/header_instagram.png) no-repeat 50%;}
div.header_wrap div.header label.mobilemenu {width:78px;height:73px;display: none;}

@media only screen and (max-width: 1000px) {
    div.header_wrap div.header {padding:0 10px;}
    div.header_wrap div.header ul a.social {margin-right:8px;}
    div.header_wrap div.header ul.social_contact li.contact a {margin-left:10px;}
}

@media only screen and (max-width:970px) {
    div.header_wrap div.header {padding-left:0;}
    div.header_wrap div.header ul.social_contact {display: none;}
    div.header_wrap div.header ul.menu {display: none;}
    div.header_wrap div.header label.mobilemenu {display: block;}
}

div.mobilemenu {display: block;position: absolute;
    width:100%;box-sizing: border-box;padding:42px 38px 170px;
    background-color: var(--red);
    transition: .2s;top:0;left:0;}
div.mobilemenu {opacity:0;transform: translateX(-100%) translateY(-100%);
    border-bottom-right-radius: 50px;}

input.hidden {display: none;}
input:checked + div.mobilemenu {opacity:1;transform: translateX(0) translateY(0);
border-bottom-right-radius: 00px;z-index: 10001;position: fixed}
div.mobilemenu label.closemobilemenu {position: absolute;display: block;
    top:42px;left:38px;cursor: pointer;}
div.mobilemenu ul.social_contact {display: flex;list-style: none;
    justify-content: flex-end;align-items: center;
    margin:0 0 80px;padding:0;}
div.mobilemenu ul.social_contact a {display: block;}
div.mobilemenu ul.social_contact a.social {text-indent:-9000px;text-align:left;display: block;
    margin-left:20px;width:20px;height:36px;}
div.mobilemenu ul.social_contact a.facebook {background:url(/images/header_facebook.png) no-repeat 50%;}
div.mobilemenu ul.social_contact a.linkedin {background:url(/images/header_linkedin.png) no-repeat 50%;}
div.mobilemenu ul.social_contact a.instagram {background:url(/images/header_instagram.png) no-repeat 50%;}

div.mobilemenu ul.menu {font-size: 36px;list-style: none;}
div.mobilemenu ul.menu a {font-family: "Manrope";
  color: var(--black);
  line-height: 1.6;
  font-weight: 600;}
div.mobilemenu ul.menu a:hover {color:#fff;}
div.mobilemenu ul.menu .selected a {color:#fff;}

div.pagedata_wrap {background-color: #fff;padding:175px 0 100px;
    transition: .2s}
.home div.pagedata_wrap {padding:135px 0 0;transition: .2s}
body {background-color: var(--red)}
div.bottom_head {background:url(/images/top_back_footer_01.png) #fff
    no-repeat 50%;background-size: cover;
    height:61px;width:100%;}
.home div.bottom_head {background-color:rgb(244, 246, 246);}
div.bottom_wrap div.bottom {background: var(--red);min-height:200px;
    }
div.bottom_wrap {margin:0 auto;width:95%;max-width:1161px ;
padding:0 0 10px;box-sizing: border-box;}

.lottieonappear {display: block;}

ul.bottom_lottie_links {display: flex;list-style:none;
    max-width:950px;margin:0 auto 50px;transition: .2s;
    justify-content: space-between;align-items: flex-start;}
ul.bottom_lottie_links li {text-align:center;flex: 0 0 auto;
    width:calc(50% - 150px)}
ul.bottom_lottie_links li.center{width:auto;}

ul.bottom_lottie_links li a {font-size: 15px;
  font-family: "Manrope";
  color: var(--black);
  line-height: 1.733;
  font-weight: 500}
ul.bottom_lottie_links li a span.lottie {display: block;
    margin:0 auto 20px;width:60px;height:60px;}
ul.bottom_lottie_links li a span.map {display: block;
        margin:20px auto 40px;border:2px solid var(--black);
        width:140px;text-align: center;font-size:16px;font-weight: 700}

@media only screen and (max-width: 800px) {
    ul.bottom_lottie_links {flex-wrap: wrap;
        max-width:270px;}
    ul.bottom_lottie_links li {width:90%;}
    ul.bottom_lottie_links li.center {width:90%;}
    ul.bottom_lottie_links li a {display: flex;
        width:100%;max-width:400px;margin:0 auto;
        justify-content: flex-start;align-items: center;}
    ul.bottom_lottie_links li a span.lottie {width:60px;height:60px;}
    ul.bottom_lottie_links li a>div {width:calc(100% - 70px);
        text-align: left;}
    ul.bottom_lottie_links li a>div span.map {margin-left:0;margin-top:5px}
}


.bottom_wrap ul.social {list-style: none;margin:50px auto 50px;padding:0;
    display: flex;justify-content: center;align-items: center;
    font-size:13px;font-weight: 600;}
.bottom_wrap ul a.social {text-indent:-9000px;text-align:left;display: block;
    margin:0 30px;width:20px;height:36px;}
.bottom_wrap ul a.facebook {background:url(/images/footer_facebook.png) no-repeat 50%;}
.bottom_wrap ul a.linkedin {background:url(/images/footer_linkedin.png) no-repeat 50%;}
.bottom_wrap ul a.instagram {background:url(/images/footer_instagram.png) no-repeat 50%;}
.bottom_wrap label.mobilemenu {width:78px;height:73px;display: none;}


div.footer_line {height:82px;}
div.bottom_footer {display: flex;align-items: center;justify-content: space-between;
    margin:0 auto 50px}
div.bottom_footer A {font-size: 13px;
  font-family: "Literata";
  color: var(--black);
  font-style: italic;
  font-weight: 500;}

div.homeprofile {padding:0;margin:0 auto;
    width:95%;max-width:900px;}
div.homeprofile div.text {max-width:800px;margin:0 auto;transition: .2s}
div.homeprofile div.text p {font-size:34px;transition: .2s;
    hyphens:none;transition: .2s;
  font-family: "Literata";
  color: rgb(35, 35, 35);
  font-style: italic;
  line-height: 1.412;
  text-align: left;
  font-weight: 300;
}
div.homeprofile div i,div.homeprofile div em {font-style:normal;color:var(--red);}
div.homeprofile div.text pre {
    margin:40px 0 50px;
    text-align: right;font-size: 16px;
  font-family: "Manrope";
  color: rgb(35, 35, 35);
  font-style: italic;transition: .2s;
  font-weight: 400;}

@media only screen and (max-width: 1020px) {
/*    div.pagedata_wrap {padding:145px 0 60px;}*/
    .home div.pagedata_wrap {padding:40px 0 60px;}
    div.homeprofile div.text pre {margin:25px 0 50px}
}

@media only screen and (max-width: 820px) {
    div.homeprofile div.text {width: 80%;}
/*    div.pagedata_wrap {padding:40px 0 60px;}*/
    div.homeprofile div.text p {font-size:22px;}
    div.homeprofile div.text pre {font-size:14px;}
}
.latestworks {padding-top:120px;}
.latestworks em {color:var(--red);font-weight: inherit;font-style: normal;}
.home .header {text-align:center;}
.home .header h2 {text-align:center;
    font-size: 75px;
    font-family: "Literata";
    color: rgb(35, 35, 35);
    font-weight: 300;
    letter-spacing: -3.75px;
    margin-top:0;
}
.home .header h3 {text-align:center;
    font-size: 15px;
    font-family: "Manrope";
    color: rgb(35, 35, 35);
    font-weight: 700;
    letter-spacing: 10.2px;
}

ul.latestworks {
    display: flex;align-items: flex-start;justify-content: space-between;
    gap: 4%;margin:0 auto;padding:0;width:95%;
    flex-wrap: wrap;
}
ul.latestworks li {width:48%;margin:80px 0 0;padding:0;
    display: flex;align-items: flex-start;justify-content: space-between;}
ul.latestworks li div.text {width:46%;margin-top:0;}
ul.latestworks li div.image {width:48%;}
ul.latestworks li div.image img {width:100%;}
ul.latestworks li div.text .labelwrap {
    hyphens: auto;hyphenate-character: " ";
/*    width:80px;*/
}
ul.latestworks li div.text label {
    font-size: 26px;margin:0 0 20px;
    transition: .2s;margin:0 4px 4px 0;
  font-family: "Literata";
  color: rgb(255, 255, 255);
  background-color: var(--red);
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;overflow-wrap: break-word;
}
ul.latestworks li div.text label:after {content:" - "}
ul.latestworks li div.text label:last-child:after {content:""}

ul.latestworks li div.text h4 {transition: .2s;
    margin:20px 0 2px;
    font-size: 30px;
  font-family: "Manrope";
  color: rgb(35, 35, 35);
  font-weight: 700;
  line-height: 1.233;}
ul.latestworks li div.text p {transition: .2s;font-size: 20px;
  font-family: "Manrope";margin:0 0 20px 0;padding:0;
  color: rgb(35, 35, 35);
  line-height: 1.4;
  font-weight: 300;
  line-height: 1.233;
}
ul.latestworks li div.text a.more {display: block;width:86px;}

a.allprojects {background: var(--black);
    display: block;margin:100px auto 100px;
    font-size: 26px;font-weight: 700;color:#fff;
    width:272px;height: 54px;line-height: 50px;text-align: center;}

@media only screen and ((max-width: 1400px) and (min-width: 1200px)) {
    ul.latestworks li div.text h4 {font-size:28px;}
    ul.latestworks li div.text p  {font-size:16px;}
}

@media only screen and ((max-width: 1200px) and (min-width: 980px)) {
    ul.latestworks li div.text label {font-size:22px;}
    ul.latestworks li div.text h4 {font-size:20px;}
    ul.latestworks li div.text p  {font-size:15px;}
}
@media only screen and (max-width: 980px) {
    a.allprojects {font-size:20px;line-height:41px;height:41px;width:230px;}
    ul.latestworks {
        display: flex;align-items: flex-start;justify-content: space-between;
        gap: 0;margin:0 auto;padding:0;width:95%;
        flex-wrap: wrap;
    }
    ul.latestworks li {width:100%;margin:80px 0 0;padding:0;transition: .2s;
        display: flex;align-items: flex-start;justify-content: space-between;}
    .home .header h2 {font-size: 50px;}
    .home .header h3 {font-size: 12px;letter-spacing:7px; }

}

@media only screen and ((max-width: 600px) and (min-width: 450px)) {
    ul.latestworks li {margin-top:20px}
    ul.latestworks li div.text label {font-size:16px;}
    ul.latestworks li div.text h4 {font-size:20px;margin:10px 0}
    ul.latestworks li div.text p  {font-size:16px;}
}
@media only screen and (max-width: 450px) {
    ul.latestworks li {flex-wrap: wrap;flex-direction: column-reverse;margin-top:20px}
    ul.latestworks li>* {width:90%;}
    ul.latestworks li div.text h4 {font-size:20px;margin:10px 0}
    ul.latestworks li div.text {width: 100%;}
    ul.latestworks li div.image{width: 100%;margin:0 0 25px;}
}
@media only screen and (max-width: 400px) {
    ul.latestworks li div.text label {font-size:16px;}
    ul.latestworks li div.text h4 {font-size:20px;}
    ul.latestworks li div.text p  {font-size:16px;}
    a.allprojects {font-size: 20px;margin:0px auto 40px}
}





.testimonials {background-color:rgb(244, 246, 246);}
.testimonials_head {height:91px;background:url(/images/top_back_testimonials.png) repeat-y;
    background-position: bottom 100% left 50%;}
.testimonials em {color:var(--red);font-weight: inherit;font-style: normal;}

.testimonials {font-size:16px;}
.testimonials .testimonialtext {margin:50px auto;max-width: 1400px;
    font-size:20px;font-weight: 300;line-height: 1.8;}


div.pagedata_wrap {margin:0 auto;width:100%;}
div.pagedata_wrap div.pagedata {margin:0 auto;}
div.pagedata_wrap div.pagedata .wrapper1400 {margin:0 auto;width:95%;max-width:1600px;}
div.pagedata .articleheader {text-align: center;margin:0 0 100px;
    position: relative;}
div.pagedata .articleheader h1 {text-align:center;
    font-size: 75px;
    font-family: "Literata";
    color: rgb(35, 35, 35);
    font-weight: 500;
    letter-spacing: -3.75px;
    margin-top:0;
    word-wrap: break-word;
}
div.pagedata .articleheader h1 span {color:var(--red);}

.mainpic img {max-width:100%;}

div.pagedata .projects .articleheader h1 span {display:block;
        letter-spacing: 0;
        font-family:"Manrope";font-size:26px;font-weight:400;
        color:inherit
}
div.pagedata .articleheader h2  {text-align:center;
    font-size: 15px;
    font-family: "Manrope";
    color: rgb(35, 35, 35);
    font-weight: 700;
    letter-spacing: 10.2px;
    text-transform: uppercase;
}
div.pagedata div.mainpic {margin-bottom: 100px;}

div.pagedata div.text div.clients h5 {
    font-family:Literata;font-size:28px;font-weight: 700;
    text-align:center;
margin-bottom:0;padding-bottom:5px;}

div.pagedata div.text div.clients div.clientwrap {display:flex;gap:20px;
    flex-wrap: wrap;margin:20px 0;border-top:1px solid var(--red);padding-top:20px;
    justify-content:center;align-items: center;align-content: center}
div.pagedata div.text div.clients div.clientwrap div.sep {width:100%;}
    div.pagedata div.text div.clients div.clientwrap ul {}
div.pagedata div.text div.clients div.clientwrap img {width:100%;max-width:350px;}



div.pagedata div.text div.clients li {
    font-family:Literata;font-size:20px;font-weight: 400;}
div.pagedata div.text div.clients li {padding:0 2px;border-radius: 1px;}
div.pagedata div.text div.clients li a:hover {background-color: var(--red);color:#fff;}


div.pagedata .subcats {line-height:1.1em;}
div.pagedata .subcats label {display: block;
  font-size: 14px;
  font-family: "Manrope";
  color: var(--red);
  font-style: normal;
  font-weight: 700;letter-spacing: 2.8px;
  text-transform: uppercase;line-height:1.2em;
}
div.pagedata .projects a.back {width:80px;height:28px;
    text-indent: -9000px;
    background: url(/images/back.png) no-repeat 50%;
    background-size: contain;position: absolute;
    top:40px;left:0;}
div.pagedata .projects h1 {padding-left:85px;padding-right:85px;}

div.pagedata .projects .subcats {text-align:center;}
div.pagedata .projects .subcats label {display: inline;}
div.pagedata .subcats label:after {content:", "}
div.pagedata .subcats label:last-child:after {content:""}

div.pagedata div.text {margin:50px auto;max-width: 1400px;
    font-size:20px;font-weight: 300;line-height: 1.8;}
div.pagedata .projects div.text {margin:0 0 100px;max-width: 100%;}

div.pagedata div.text h2 {color:var(--red);margin-top:1.5em}

div.pagedata div.text ul {padding:0 0 50px 25px;}
div.pagedata div.text ul li {
    list-style-image: url(/images/dot.png);
    margin-bottom:5px}

@media only screen and (max-width: 1020px) {
    div.pagedata .articleheader h1 {font-size: 50px;
        padding-left:54px;padding-right:54px;}
    div.pagedata .projects a.back {width:54px;height:28px;
        top:21px;}
}

div.pagedata div.extradownlinks h4 {font-family: Manrope;font-weight: 700;
    font-size:24px;}
div.pagedata div.extradownlinks {font-size:20px};
div.pagedata div.extradownlinks div {padding-top:60px}

div.pagedata div.text a {color:var(--red)}
div.pagedata div.extradownlinks a {color:var(--red);border-radius: 2px;padding:0 2px}
div.pagedata div.extradownlinks a:hover {background-color: var(--red);color:#fff;}

div.pagedata div.extradownlinks ul {padding:0 0 50px 25px;}
div.pagedata div.extradownlinks ul li {
    list-style-image: url(/images/dot.png);
    margin-bottom:5px}



div.photogallery {height: 300px;margin: 10px 0 0;}
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.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);}

div.mediagallery {position: relative;margin-bottom:90px}
div.photogallery {position:relative;margin:0 auto;
    width:calc(100% - 150px);}
div.photogallerycontrols {position: absolute;
    left:0;right:0;top:calc(50% - 46px);
    z-index:2;}
div.photogallerycontrols div.photogalleryarrow {width:93px;height:121px;
    position: absolute;
    cursor: pointer;}
div.photogallerycontrols div.photogalleryarrow.slide-photogallery-prev {left:-10px;}
div.photogallerycontrols div.photogalleryarrow.slide-photogallery-next {right:0px;}

@media only screen and (max-width: 900px) {
    div.photogallery {width:calc(100% - 110px);}
    div.photogallerycontrols div.photogalleryarrow {width:70px;}
}
@media only screen and (max-width: 500px) {
    .photogallery {width:100%;}
    div.photogallerycontrols div.photogalleryarrow {width:70px;}

/*div.photogallerycontrols {top:auto;}*/
div.photogallerycontrols {z-index:5;}
/*div.photogallerycontrols div.photogalleryarrow {top:auto;bottom:40px;}*/
}





ul.newslist {
    display: flex;align-items: flex-start;justify-content: space-between;
    margin:0 auto;padding:0;width:95%;
    flex-wrap: wrap;
}
ul.newslist li{
    width:49%;
}
/*ul.newslist li:nth-child(4n),
ul.newslist li:nth-child(4n + 1){
    width:55%;
}*/
ul.newslist li {margin:80px 0 0;padding:0;transition: .2s;
    display: flex;align-items: flex-start;justify-content: space-between;
    flex-wrap: wrap;flex-direction: column-reverse;}
ul.newslist li div.text {width:100%;margin:20px 0 35px}
ul.newslist li div.image {width:100%;}
ul.newslist li div.image img {width:100%;}
ul.newslist li div.text .labelwrap {
    hyphens: auto;hyphenate-character: " ";
/*    width:80px;*/
}
ul.newslist.selectedcat li div.text .labelwrap {display: none;}
ul.newslist li div.text .labelwrap label {
    font-size: 26px;margin:0 0 20px;
  font-family: "Literata";
  color: rgb(255, 255, 255);
  background-color: var(--red);
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;overflow-wrap: break-word;
}
ul.newslist li div.text .labelwrap label:after {content:" - "}
ul.newslist li div.text .labelwrap label:last-child:after {content:""}

ul.newslist li div.text h4 {font-size: 30px;transition: .2s;
  font-family: "Manrope";
  color: rgb(35, 35, 35);
/*  font-style: italic;*/
  font-weight: 400}
ul.newslist li div.text h4 span {font-size:0.88em;}
ul.newslist li div.text h4 span:before {content:"- ";}
ul.newslist li div.text p {transition: .2s;font-size: 20px;
  font-family: "Manrope";margin:0 0 20px 0;padding:0;
  color: rgb(35, 35, 35);
  line-height: 1.4;
  font-weight: 300;
  line-height: 1.233;
}
ul.newslist li div.text a.more {display: block;width:86px;}

@media only screen and (max-width: 1030px) {
    ul.newslist li {margin:30px 0 0 0}
    ul.newslist li div.text {margin:10px 0 20px}
    ul.newslist li div.text h4 {font-size: 22px;}
    ul.newslist li div.text .subcats label {letter-spacing: 1.4px;}
    ul.newslist li div.text .labelwrap label {font-size: 20px;}
}

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

    ul.newslist li {flex-wrap: wrap;flex-direction: column-reverse;margin-top:20px;
        width:100%;}
    ul.newslist li:nth-child(4n),
    ul.newslist li:nth-child(4n + 1){width:100%;}
    ul.newslist li div.text .labelwrap {mrgin-bottom:0;}
    ul.newslist li>* {width:90%;}
    ul.newslist li div.text h4 {font-size:20px;margin:10px 0}
    ul.newslist li div.text {width: 100%;}
    ul.newslist li div.image{width: 100%;margin:0 0 0px;}
    ul.newslist li div.text h4 {margin-top:0;}
}

ul.cats {list-style: none;display: flex;justify-content: center;
    align-items: center;flex-wrap: wrap;}
ul.cats li {margin:0 0 10px}
ul.cats li a {display: block;padding:0 20px 0;box-sizing: border-box;
font-size: 15px;line-height: 36px;transition: .2s;
  font-family: "Manrope";
  color: rgb(35, 35, 35);
  font-weight: 700;
border-width: 1.5px;
  border-style: solid;
  border-radius: 4px;
  border-color: rgba(223, 223, 223,0);

letter-spacing: 10.2px;text-transform: uppercase;}
ul.cats li a:hover { color:var(--red);}
ul.cats li a.selected {
  border-color: rgba(223, 223, 223,1);
  color:var(--red);
  }

ul.subcats {list-style: none;display: flex;justify-content: center;
    align-items: center;flex-wrap: wrap;margin:20px auto 0}
ul.subcats li {margin:0 0 10px}
ul.subcats li a {display: block;padding:0 15px 0;box-sizing: border-box;
font-size: 14px;line-height: 28px;transition: .2s;
  font-family: "Manrope";
  color: rgb(35, 35, 35);
  font-weight: 500;
border-width: 1.5px;
  border-style: solid;
  border-radius: 4px;
  border-color: rgba(223, 223, 223,0);

letter-spacing: 2.2px;text-transform: uppercase;}
ul.subcats li a:hover { color:var(--red);}
ul.subcats li a.selected {
  border-color: rgba(223, 223, 223,1);
  color:var(--red);
  }

@media only screen and (max-width: 1020px) {
    ul.cats li {margin:0 0 5px}
    ul.cats li a {padding:0 10px;font-size:16px;line-height:28px;
        letter-spacing:2px;}
    ul.subcats li a {padding:0 10px;font-size:14px;line-height:22px;
        letter-spacing:1px;}
}

@media only screen and (max-width: 800px) {
    ul.cats li {margin:0 0 5px}
    ul.cats li a {padding:0 10px;font-size:14px;line-height:22px;
        letter-spacing:.5px;}
    ul.subcats {display:none;}
}




.first-section {
 margin:0 auto;text-align: center;
}

.second-section {

  height: 600vh;
  width: 100%;
 background-color: white; 
}

div.backvideo {
    position: relative;
    width:100%;
}
div.backvideo .wrap {width:100%;
    max-width:1100px;
    max-height:5800px;
    margin:0 auto;
/*    height:5727px;*/
    position: relative;
    box-sizing: border-box;
    padding:0;
    aspect-ratio: 1100/5727;
/*    padding-bottom: calc(5727 / 1100 * 100%);*/
    overflow: hidden;
/*  background:rgba(0,0,0,.3)*/
}

div.bulletwrap {position: absolute;width:18px;height:18px;
    top:20px;left:calc(50% - 9px);z-index:10}

div.bulletwrap.bottom {top:auto;
    bottom:49px;}

div.mainvideo {position: relative;
    height:100%;
        top:0;bottom:0;left:0;right:0;z-index: 9;}

@media only screen and (max-width: 1100px) {
    div.bulletwrap {top:15px;}
    div.bulletwrap.bottom {top:auto;bottom:40px;}
}
@media only screen and (max-width: 850px) {
    div.bulletwrap {top:15px;}
    div.bulletwrap.bottom {top:auto;bottom:30px;}
}
@media only screen and (max-width: 700px) {
    div.bulletwrap {top:7px;}
    div.bulletwrap.bottom {top:auto;bottom:20px;}
}
@media only screen and (max-width: 450px) {
    div.bulletwrap {top:0px;}
    div.bulletwrap.bottom {top:auto;bottom:10px;}
}




/*
1100 20
x       


*