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:100;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: fixed;
    top:0px;
    left: 0;
    z-index: 2000;
    padding: 0 5px 0px;box-sizing: border-box;
    line-height: 18px;
    height: 18px;transition:.2s;
}
div.cmsOptions a {color:#000;font-size:11px;line-height:20px;display:inline-block;padding:0 4px;
    height:20px;}
div.cmsOptions:after {content:"";display:block;position:absolute;
width:100%;height:100%;z-index:-1;top:0;left:0;
    border:1px solid #E6E6E6;
    background-color: #EE5454;
}

div.cmsOptions a {color:#fff;}
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;
}

/*font-family: 'Alegreya Sans SC', sans-serif;
font-family: 'Literata', serif;
font-family: 'Roboto', sans-serif;*/


div.homeservices {display:block;margin:40px auto 180px;border:1px solid #EBEBEB;border-left:0;border-right: 0;}
div.homeservices ul {}
div.homeservices ul li {display:flex;flex-wrap: 0;flex-direction:row;background-color: #fff}
div.homeservices ul li:nth-child(even) {flex-direction:row;}
div.homeservices ul li:nth-child(odd) {flex-direction:row-reverse;}
div.homeservices ul li div.img {width:50%;box-sizing: border-box;position:relative;background-size: cover;}
div.homeservices ul li div.img:after {content:"";
display:block;position:absolute;top:50%;transform:translateY(-50%);
width:17px;height:87px;}

div.homeservices ul li:nth-child(even) div.img:after {
    left:0;background-image:url(/images/home_services_right.png);}
div.homeservices ul li:nth-child(odd) div.img:after {
    right:0;background-image:url(/images/home_services_left.png);}
div.homeservices ul li header {width:50%;box-sizing: border-box;
    padding:40px 50px 50px 70px;transition:.2s;}
div.homeservices ul li header h3 {padding:0;margin:0;color: #000;
    font-family: "Literata";;font-size: 36px;font-weight: 400;}
div.homeservices ul li header h3 span {padding:45px 0 30px;display:inline-block;position:relative;}
div.homeservices ul li header h3 span:before {
    content: "";position: absolute;left: 50%;top: 0;width: 1px;height: 30px;background-color: #e28b45;display: block;}
div.homeservices ul li header p {color: #9fa3af;
    font-family: "Roboto";font-size: 15px;font-weight: 400;line-height: 28px;padding:0 0 40px 0;}
div.homeservices ul li header a.more {color: #e28b45;
    font-family: "Roboto";font-size: 12px;font-weight: 400;letter-spacing: 2.4px;padding-right:28px;background:url(/images/more.png) no-repeat 100% 50%;}

@media only screen and (max-width:900px){
    div.homeservices ul li header {padding: 20px 40px;}
}
@media only screen and (max-width:700px){
    div.homeservices ul li {flex-wrap: wrap}
    div.homeservices ul li:nth-child(odd) {flex-direction:row-reverse;}
    div.homeservices ul li:nth-child(even) {flex-direction:row-reverse;}
    div.homeservices ul li div.img {width:100%;height:250px;}
    div.homeservices ul li div.img:after {content:"";
    display:block;position:absolute;top:0;transform:none;
    width:87px;height:17px;}
    div.homeservices ul li:nth-child(even) div.img:after {
        right:auto;left:calc(50% - 43px);background-image:url(/images/home_services_top.png);}
    div.homeservices ul li:nth-child(odd) div.img:after {
        right:auto;left:calc(50% - 43px);background-image:url(/images/home_services_top.png);}
    div.homeservices ul li header {width:100%;box-sizing: border-box;
        padding:40px 10% 40px;}
}

div.footerWrap {text-align:center;display:block;background-color: rgb(37, 37, 37);
    margin-top:215px;}
div.contactwrap {padding:70px 0 90px;}
div.contactwrap img {max-width:95%;}
div.contactwrap h2 {font-family: 'Alegreya Sans SC', sans-serif;max-width:90%;
    font-size:14px;color:#e18b45;font-weight: 500;letter-spacing: 8.4px;
    margin:0 auto;padding:20px 0 0 0;}
div.details {padding:100px 50px 0 15px;display:flex;justify-content:center;align-items: flex-start;}

div.details p {display:block;width:350px;box-sizing: border-box;text-align: left;
    padding:0 10px 0 70px;
    color: #9fa3af;
    font-family: "Literata";
    font-size: 15px;
    margin:0 20px;
    font-weight: 500;
    transition: .2s;
    background-repeat:  no-repeat; background-position:0 0;
}
div.details p a {color:#9fa3af;}
div.details p b {display:block;padding:0 0 10px;
    color: #fff;
    font-family: "Alegreya Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 500;
}
div.details p.phones {display:flex;}
div.details p.phones span {display:block;}
div.details p.phones span:first-child {margin-right:15px;transition:.2s;}

div.details p.phones {background-image:url(/images/footer_phone.png);}
div.details p.address {background-image:url(/images/footer_address.png);}
div.details p.email {background-image:url(/images/footer_email.png);width:280px;}

div.footerWrap div.map {width:100%;height:330px;}
div.footerWrap div.bottom {text-align:center;color: #9fa3af;
    font-family: "Literata";
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.2px;
}
div.footerWrap div.bottom {background-color: rgb(255, 255, 255);padding:15px 0 13px;}
div.footerWrap div.bottom a {color: #9fa3af;text-decoration: none;}
div.footerWrap div.bottom a:hover {text-decoration: underline;}


@media only screen and (max-width:1200px){
    div.details p {padding:0 10px 0 57px;}
    div.details p.email {width:225px;}
}
@media only screen and (max-width:1000px){
    div.details p.phones {display:block;}
    div.details p.phones span {display:block;margin:0 0 10px;}
    div.details p.phones span:first-child {margin-right:0;}
    div.details p.phones b {padding-bottom:2px;}
}

@media only screen and (max-width:800px){
    div.details p {padding:0 10px 0 37px;
        background-size: 24px auto;background-position: 0 0px;}
    div.details p b {font-size: 17px;padding-bottom:2px;}
}
@media only screen and (max-width:660px){
    div.contactwrap {padding-bottom:30px;}
    div.details {flex-wrap: wrap;width:100%;max-width: 182px;margin:0 auto;padding:57px 0 15px;}
    div.details p {width:100%;margin:0 0 20px;}
    div.details p.email {width:100%;margin:0 0 20px;}
    div.footerWrap div.bottom {letter-spacing: 0.4px;}
}
@media only screen and (max-width:500px){
    div.footerWrap div.bottom {padding:5px 0 0 ;}
    div.footerWrap div.bottom a {display:block;padding:8px 0;}
    div.footerWrap div.bottom span {display:none;}
}

ul.photogallery {margin:0 auto;padding:0;list-style:none;display:flex;width:100%;
    max-width:1600px;
    align-items: stretch;flex-wrap: wrap;justify-content:center;}
ul.photogallery li {margin:0 1px 1px 0;width:calc(25% - 1px);box-sizing: border-box;height:300px;
    border-right:1px solid #fff;border-bottom:1px solid #fff;position:relative;transition:.2s;}
ul.photogallery li a {display:block;position:absolute;top:0;left:0;right:0;bottom:0;
    background-size: cover;background-position: 50%;height:300px;transition:.2s;}
/*ul.photogallery li a picture {width:100%;display:block;vertical-align: middle;object-fit: cover;position:absolute;top:0;left:0;right:0;bottom:0;}*/
ul.photogallery li a img {display:none;}
/*ul.photogallery li:nth-child(1) {width:calc(50% - 1px);}
ul.photogallery li:nth-child(5) {width:calc(50% - 1px);}
ul.photogallery li:nth-child(9) {width:calc(50% - 1px);}*/
ul.photogallery li:nth-child(4n+1) {width:calc(50% - 1px);}


ul.photogallery li:last-child {flex-grow:1;}
@media only screen and (max-width: 1100px) {
    ul.photogallery li {height:200px;}
    ul.photogallery li a {height:200px;}
}

@media only screen and (max-width: 600px) {
    ul.photogallery li {height:300px;}
    ul.photogallery li a {height:300px;}
    ul.photogallery li {width:calc(50% - 1px);}
    ul.photogallery li:nth-child(3n) {width:calc(100% - 1px);}
}
@media only screen and (max-width: 500px) {
    ul.photogallery li {height:200px;}
    ul.photogallery li a {height:200px;}
}
@media only screen and (max-width: 320px) {
    ul.photogallery li {height:150px;}
    ul.photogallery li a {height:150px;}
}


div.logosslick {text-align: center;padding:80px 20px;background-color: rgb(226, 139, 69);
    margin-bottom:0 0 0;}

div.logosslick h2 {text-align: center;
    max-width:730px;margin:0 auto;
    padding:115px 0 0 ;
    background: url(/images/clients_top_banner.png) no-repeat 50% 0;
    color: #fff;
    font-family: "Literata";
    font-size: 36px;
    font-style: italic;
    font-weight: 400;
    line-height: 45px;
}
ul.logosslickul {list-style:none;margin:0 auto;max-width:1175px;width:80%;position: relative;
    padding-top:170px;}
ul.logosslickul li {height:198px;box-sizing: border-box;padding:0 20px;
    overflow-y: hidden;width:16.5%;}
ul.logosslickul li div.img {height:197px;background-position: 50%;
background-repeat: no-repeat;background-size: contain;background-color: transparent;
}
ul.logosslickul button.slick-arrow {display:block;width:39px;height:74px;position:absolute;
    top:calc(50% - 37px);border:0;text-indent:-9000px;cursor: pointer}
ul.logosslickul button.slick-arrow.slick-prev {left:-39px;background:url(/images/clients_prev.png) no-repeat;
    background-position: 0 50%;}
ul.logosslickul button.slick-arrow.slick-next {right:-39px;background:url(/images/clients_next.png) no-repeat;
    background-position: 0 50%;}

ul.logosslickul ul.slick-dots {position:absolute;top:60px;text-align:center;list-style: none;
left:0;right:0;}
ul.logosslickul ul.slick-dots li {display:inline-block;height:30px;width:30px;}
ul.logosslickul ul.slick-dots li button {display:block;text-indent:-9000px;text-align:left;
    margin:0 2px;border:1px solid #fff;border-radius: 50%;cursor:pointer;
    width:8px;height:8px;padding:0;/*box-sizing: border-box;*/
    box-shadow: 0 0;background-color:transparent;}
ul.logosslickul ul.slick-dots li.slick-active button {background-color:#fff;}



div.mobilemenuon {position:fixed;top:0;right:-400px;width:100%;max-width:400px;transition:.2s;
    background-color:#E28B45;overflow:hidden;z-index:3000;}
div.mobilemenuon * {list-style: none}

/*.menuon div.topbar {box-shadow:0 0 10px rgba(0,0,0,.5);}*/
.menuon div.mobilemenuon {right:0;width:100%;max-width:400px;
    box-shadow:0 0 10px rgba(0,0,0,.5);}

div.mobilemenuon div.languages1 {text-align:right;
    padding:0 22px 0 0;height:29px;line-height:29px;font-size:11px;
    position:absolute;top:20px;right:100px;
right:100px;}
    div.mobilemenuon div.languages1 a {display:inline-block;padding:0 0 0 12px;
        border-left:0;color: #404040;color:#fff;
        font-size: 11px;font-weight: 400;position: relative;}



div.mobilemenuon div.options div.menuwrap ul.main
    {list-style:none;margin:0;padding:90px 0 50px 0;}
div.mobilemenuon div.options div.menuwrap ul.main>li
    {margin:0;padding:0;
        position:relative;transition:.2s;}
div.mobilemenuon div.options div.menuwrap ul.main>li>a
    {display:block;padding:18px 10px 18px 47px;color: #fff;font-size: 18px;
        font-weight: 300;letter-spacing: 1.2px}

div.mobilemenuon div.options div.menuwrap ul.main>li:before {content:"";
    content:"";background-color:#000;
    display:block;position:absolute;top:0;left:30px;width:1px;height:0;transition:.2s;}

div.mobilemenuon div.options div.menuwrap ul.main>li:hover:before {height:36px;}
div.mobilemenuon div.options div.menuwrap ul.main>li.selected:before {height:36px;}


/*@media only screen and (max-height:600px){*/
.menuon div.mobilemenuon div.options div.menuwrap ul.main>li>a {padding:18px 47px;}
.menuon div.mobilemenuon div.options div.menuwrap ul.main>li ul {padding:0;}
div.socialwrap {padding:0;}
@media only screen and (min-width: 1000px) {
    .menuon div.mobilemenuon {right:-400px;}
}