@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=greek,greek-ext,latin-ext');
.subheader,
header .top-bar {
    background-repeat: no-repeat;
    background-size: cover
}

#search-results .item,
.sm,
.sm li,
.sm ul,
.topmenu li>a,
ul.sm a,
ul.sm:after {
    display: block
}

#error-page,
#scrollUp,
.topmenu li>a,
footer,
footer .logo {
    text-align: center
}

body,
html {
    font-size: 18px
}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    color: #465866;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    /*background-color: #CED7DC;*/
    overflow-x: hidden
}

a,
a.inverted,
a.white {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    outline: 0
}

a.inverted {
    color: #53BD99
}

a.white {
    color: #fff
}

a.hover,
a:focus,
a:hover {
    color: #00abca;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .35s ease;
    transition: all .55s ease;
    outline: 0;
    text-decoration: none
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background-color: #00abca;
}
a.inverted:focus,
a.inverted:hover {
    color: #394147
}

a.white:focus,
a.white:hover {
    color: #E14D43
}

hr {
    margin-top: 2em;
    margin-bottom: 2em;
    border: 0;
    height: 3px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))
}

h1,
h2,
h2.h3.h4,
h3,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    color: #2D343E;
    margin-bottom: 1rem
}

p {
    margin-bottom: 27px;
}

p:last-child {
    margin-bottom: 0
}

.sk-content {
    padding: 1em
}

.sk-content-full {
    padding: 2em 1em
}

.sk-content-half {
    padding: .5em 1em
}

header {
    position: relative;
    /*background-color: #445C6A*/
}

header .top-bar {
    background-color: grey;
    color: #fff;
    background-attachment: scroll;
    background-image: url(uploads/images/pages/static3.jpg);
    background-position: center center;
    padding: .5em 0
}

header .top-bar .doSearch {
    float: right;
    min-width: 300px
}

header .logo {
    padding-right: 1em
}

.subheader {
    /*background-image: url(uploads/images/pages/static6.jpg);*/
    background-position: 50% 0
}

.subheader h1 {
    color: #fff;
    margin: 0;
    font-weight: 100
}

.subheader h1 small {
    display: block;
    font-weight: 300;
    color: #fff;
    margin-top: .5em
}

.subheader .sk.breadcrumb {
    position: absolute;
    bottom: 0;
    right: 0;
    /*background-color: rgba(255, 255, 255, .2);*/
    /*color: #00abca;*/
    /*padding: .5em 1.2em;*/
    text-transform: capitalize;
    width: auto;
    font-weight: 500;
	z-index: 1;
}

.topmenu li ul li a,
.topmenu li>a strong {
    /*text-transform: uppercase;*/
    font-weight: 400
}

.subheader .sk.breadcrumb a.section {
    color: #333333;
}

.subheader .sk.breadcrumb a:hover {
    text-decoration: underline
}

.subheader .sk.breadcrumb .section {
    /*font-size: .876em;*/
    color: #00abca;
}

.subheader .sk.inverted.input {
    width: 300px
}

#suggestions {
    position: absolute;
    width: 300px;
    top: 5em;
    z-index: 100
}

ul.sm a,
ul.sm li {
    position: relative
}

#search-results {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    background-color: #FFF
}

.topmenu ul {
    background-color: rgba(51,51,51,0.8);
}

#pagination {
    margin-top: 1em
}

.sm,
.sm li,
.sm ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: normal;
    direction: ltr
}

ul.sm li {
    float: left
}

ul.sm a {
    white-space: nowrap
}

ul.sm a.disabled {
    cursor: default
}

ul.sm ul {
    position: absolute;
    top: -999999px;
    left: -800px;
    width: 100px
}

.top-menu,
.topmenu li>a i,
.topmenu li>a small,
.topmenu li>a strong {
    position: relative
}

ul.sm-rtl {
    direction: rtl
}

ul.sm-rtl li {
    float: right
}

ul.sm ul li,
ul.sm-vertical li {
    float: none
}

ul.sm ul a,
ul.sm-vertical a {
    white-space: normal
}

* html ul.sm-vertical li {
    float: left;
    width: 100%
}

* html ul.sm-vertical ul li {
    float: none;
    width: auto
}

ul.sm ul.sm-nowrap>li>a {
    white-space: nowrap
}

ul.sm:after {
    content: "\00a0";
    height: 0;
    font: 0/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

* html ul.sm {
    height: 1px
}

ul.sm li *,
ul.sm li:after,
ul.sm li:before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

ul.sm {
    -webkit-tap-highlight-color: transparent
}

.topmenu li>a {
    text-decoration: none;
    padding: 0 1.6em;
    font-weight: 400;
    color: #333333;
}

.topmenu li a>i {
    display: none;
    font-size: 2em
}

.topmenu li>a strong {
    display: block;
    font-size: 18px;
    padding: 31px 0;
	padding-bottom: 28px;
	border-bottom: 5px solid rgba(0,0,0,0);
}

.topmenu li>a small {
    display: none;
    font-size: .85em
}

.topmenu li:hover a small,
.topmenu li:hover a strong,
.topmenu li:hover>a i,
.topmenu a.highlighted strong {
    opacity: 1;
	border-bottom: 5px solid #00abca;
}
}

.topmenu a>small {
    display: block
}

.topmenu a.highlighted,
.topmenu a:active,
.topmenu a:focus,
.topmenu a:hover {
    /*color: #53BD99*/
}

.topmenu li>a.active {
    /*color: #fff*/
}

.topmenu li>a.active:after {
    /*position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #53BD99;
    bottom: -10px;
    left: 50%;
    margin-left: -8px*/
}

.topmenu li.nav-submenu-item i.icon {
    margin-right: .5em
}

.topmenu ul a.has-submenu,
.topmenu-vertical a.has-submenu {
    padding-right: 1.8em
}

.topmenu li ul li a {
    padding: 15px 17px;
	text-align: left;
	border: 0;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .1);
	font-size: 16px;
	color: white;
}

.topmenu li ul li a:hover {
    color: #00abca;
}

.topmenu li ul li a i {
    font-size: 1em;
    display: inline-block;
    margin: 0 .5em 0 0
}

#menu ul.two.cols {
    width: 380px!important
}

#menu ul.three.cols {
    width: 500px!important
}

#menu ul.three.cols li {
    width: 33.33%
}

#menu ul.four.cols li {
    width: 25%
}

#menu ul.four.cols {
    width: 680px!important
}

#menu ul.cols li {
    display: block;
    float: left;
    width: 50%
}

#menu ul.cols li:first-child {
    box-shadow: none
}

#menu ul.cols {
    clear: both
}

.topmenu ul.menu-submenu {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);
	margin-left: 15px !important;
	margin-top: 1px !important;
	width: 265px !important;
}

.topmenu a span.sub-arrow {
    position: absolute;
    left: 50%;
    bottom: 16px;
    margin-left: -12px;
    width: 1em;
    height: 1em;
    line-height: 1em;
	display: none;
}

.topmenu ul.menu-submenu a span.sub-arrow,
.topmenu-vertical a span.sub-arrow {
    right: 1em;
    top: 1.4em;
    left: auto;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.topmenu li:first-child,
.topmenu ul li,
.topmenu-vertical li {
    border-left: 0
}

.topmenu ul li:first-child,
.topmenu-vertical li:first-child {
    border-top: 0
}

.topmenu span.scroll-down,
.topmenu span.scroll-up {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    border: solid #bbb;
    border-width: 1px 0;
    background: #fff;
    height: 20px
}

.topmenu span.scroll-down-arrow,
.topmenu span.scroll-up-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #555
}

#botwidget,
.loader {
    position: relative
}

.topmenu span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed;
    border-color: #555 transparent transparent
}

#topwidget {
    background-color: #fff
}

#topwidget .static-image {
    background-attachment: scroll;
    /*background-image: url(uploads/images/pages/static6.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 1em 4em;
    color: #fff
}

#topwidget .static-image>h1 {
    font-size: 3em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 100
}

#leftwidget aside,
#rightwidget aside {
    margin-bottom: 1.5em
}

#leftwidget aside h3,
#rightwidget aside h3 {
    font-weight: 400;
    color: #333
}

#botwidget {
    /*background-color: #F4F6F8;
    border-top: 1px solid #fff;
    color: #85959a*/
}

#botwidget h3 {
    font-size: 1.667em;
    padding-top: 1em;
    text-transform: capitalize;
    font-weight: 400;
    color: #465866
}

.loader:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/loader-large.gif) 50% 50% no-repeat rgba(255, 255, 255, .8);
    visibility: visible;
    z-index: 5000
}

footer {
    background-color: #272727;
    padding: 2em 0;
    color: #fff;
	font-size: 16px;
}

footer .logo {
    max-width: 130px;
    margin: 1em auto 0
}

footer .ficons {
    margin-bottom: 1em
}

footer .ficons i.icon {
    margin: 0 .25em
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #85959A;
    border-radius: 30px;
    line-height: 55px;
    opacity: .8;
    color: #455C6A;
	display: none !important;
}

#scrollUp:before {
    content: "\f077";
    display: inline-block;
    vertical-align: middle;
    font: 28px Icons;
    color: #455C6A
}

#error-page {
    background-image: url(../images/404_bg.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100vh;
    background-color: #282828;
    box-shadow: inset 0 10px 0 0 #000, inset 0 -10px 0 0 #000;
    position: relative
}

#error-page .logo {
    padding-top: 2em
}

#error-page h1 {
    padding-top: .5em;
    color: #fff;
    font-size: 5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75)
}

#error-page h3 {
    color: #7F7F7F;
    font-size: 1.5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75)
}

#error-page h3.primary {
    margin-top: 2em
}

#error-page #but.button {
    font-size: 2em;
    border-radius: 500em
}

#error-page #but.button i.icon {
    font-size: 4em
}

.section1 {
    background: #f4f6f8;
    position: relative;
    padding: 3em 1em
}

.section1:after,
.section1:before,
.section2:after {
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.section1:before {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    top: 1px
}

.section1:after {
    background: #e1e1e1;
    border-bottom: 1px solid #fefefe;
    bottom: 5px
}

.section2:after {
    background: #fefefe;
    top: 0;
    transition: all .3s ease 0s
}

.section2,
.section3,
.section4 {
    padding: 3em 1em;
    position: relative
}

.section2 {
    background: #f4f6f8;
    border-top: 1px solid #e3e3e3
}

.section3 {
    background: #fff;
    border-top: 1px solid #dadada
}

.section4 {
    background: #e3e8ee;
    border-bottom: 1px solid #f4f6f8
}
.flex-vertical-center {
    display: flex;
    align-items: center;
}
/*Menu*/
header {
	position: relative;
    border-bottom: 2px solid #00abca;
    padding-bottom: 15px;
    padding-top: 15px;
    z-index: 100;
}
.middle-bar {
	margin: auto;
	display: block;
	left: 0;
	right: 0;
}
.top-bar {
	display:none;
}
#menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.logo img {
	max-width: none;
}
ul.menu-submenu:hover .topmenu li > a strong {
	border-bottom: 5px solid #00abca;
}
#top_social {
	float:right;
}
#top_media .screen-50 img {
	width:40px;
}
.dropdown {
		display:none;
}
/*Slider*/
#slider_link {
	color:black;
	width:106px;
	height:30px;
	font-size: 14px;
	padding: 9px 27px;
	font-weight:400;
	background-color:white;
}
/*Header*/
#header_image {
	/* background-repeat: no-repeat;
     background-size: cover;
	 height:302px;
	 overflow:hidden;*/
	 height:auto;
	 overflow:hidden;
	 max-height:500px;
}
#header_image img {
    width: 100%;
    object-fit: cover;
    min-height: 500px;
}
/*Breadcrumb*/
#breadcrumb_divider:before {
	content: "-";
}
#breadcrumb_line {
border-bottom:1px solid #00abca;
width:225px;
margin-left: 0.8em;
margin-top: -10px;
display: inline-block;
}
/*About Us*/
#about_title {
	border-left: 3px solid #00abca;
    padding-left: 1px;
	height: 59px;
	/*overflow: hidden;*/
}
#about_title_text {
	border-left: 7px solid #00abca;
	padding-left: 10px;
}
#about_title_text {
	color:#333;
	font-weight:300;
	font-size:16px;
	height: 59px;
}
#about_title_text span {
	color:#333;
	font-weight:900;
	font-size: 40px;
}
#about_article {
	margin-top:55px;
	margin-bottom: 55px;
	font-size: 18px;
	text-align: justify;
	font-weight: 400;
	color: #333333;
}
#about_article_image {
	margin-right: 30px;
	margin-bottom:22px;
}
#about_article p:first-child {
	margin-bottom:50px;
}
#about_article_image img {
	width:100%;
	padding-top: 7px;
}
#red_text {
	color:#00abca;
	font-size:34px;
	font-style:italic;
	font-weight:400;
	text-align: center;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
	margin-top: 5px;
}
#red_text span {
	font-size:43px;
	font-weight:bold;
}
/*Contact Us*/
#contact_form {
	padding: 0;
	margin: 60px 0;
}
.sk.form input[type="text"]:focus, .sk.form input[type="email"]:focus, .sk.form input[type="date"]:focus, .sk.form input[type="password"]:focus, .sk.form input[type="number"]:focus, .sk.form input[type="url"]:focus, .sk.form input[type="tel"]:focus, .sk.form textarea:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: #00abca;
    -webkit-box-shadow: .3em 0 0 0 #00abca inset;
    box-shadow: .3em 0 0 0 #00abca inset;
}
.sk.button {
    background-color: #00abca;
}
.sk.form .field label {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
	color:#4D4D4D;
}
#contact_informations {
	margin-top:99px;
	padding-left: 35px;
	font-size: 17.5px;
}
#contact_informations .screen-85 {
	padding-bottom:30px;
	color: #666666;
	margin-top: 2px;
}
#contact_informations .screen-15 img {
	margin-top:7px;
}
#working_hours {
    color: #666666;
}
#contact_informations a {
    color: #666;
}
#working_hours div {
	padding-bottom: 13px;
	color: #666666;
}
#working_hours .screen-100 {
	color:#00abca;
	font-weight:bold;
}
#map {
	margin: 60px 0;
}
#map iframe {
	max-height:382px;
}
#msgholder i.flag {
	display:none;
}
#msgholder .sk.success.message {
	box-shadow: none;
	background-color:white;
}
#msgholder .sk.message .header {
	font-family: 'Roboto', sans-serif;
	color: #00abca;
	text-align:center;
	font-size:26px;
    font-weight: 600;
	margin-top:200px;
}
#msgholder .sk.message .header + p {
	font-family: 'Roboto', sans-serif;
	color: #333333;
	text-align:center;
	font-size:20px;
}
#msgholder .sk.message > .close.icon {
	display:none;
}
#msgholder i.icon.close::before {
    color: #333;
}
/*Plugin-Customers*/
#comments {
	background-image:url(../../../uploads/images/customer_background-02.png);
	background-size:cover;
	background-repeat:no-repeat;
	height: 402px;
	/*display: flex;
	flex-wrap: wrap;*/
}
.original {
	display:block;

}
.hide {
	display:none;
}
#com_left {
	position:relative;
}
#com_left img {
height: 445px;
margin-top: -43px;
margin-left: -50px;
max-width: none;
}
#com_right {
	padding-left: 45px;
	margin-top: 30px;
	float: right;
}
#comm_text {
/*max-height: 66px;*/
overflow: hidden;
padding-left: 22px;
margin-top: 32px;
font-style: italic;
font-size: 14px;
width: 80%;
}
.owl-theme .owl-controls {
	text-align:left;
	padding-left: 22px;
	margin-top: 32px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    margin-right: 3px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    margin-left: 0px;
}
/*Portfolio Results*/
#diaxoristiki_eikona:last-child {
	/*margin-bottom:0px !important;*/
	display:none;
}
#diaxoristiki_eikona:last-child  img {
	display:none;
}
/*Terms*/
#terms {
	color:#333333;
	text-align:justify;
	margin-bottom:45px;
}
#terms img {
    margin-top: 4px;
}
#terms p {
	margin-bottom: 15px;
}
#terms p.first {
	margin-bottom: 15px;
}
#terms ul {
	padding-left:16px;
}
/*Footer*/
#footer_left {
	margin-top:10px;
	text-align: left;
}
#footer_right {
	text-align:right;
	margin-top:10px;
}
#footer div {
	width:auto;
}
/*Responsive*/
@media only screen and (max-width:1225px) {
	.sk-grid {
		padding-left:15px;
		padding-right:15px;
	}

	/*Portfolio Publish*/
	.modal-content {
    width: 660px !important;
	}
	.img-scroll {
    width: 660px !important;
	}
}
@media only screen and (max-width:1120px) {
/*Menou*/
#top_media .screen-50 img {
    width: 37px;
}
/*Contact Us*/
#contact_informations {
    font-size: 16.5px;
}
/*Customer Satisfaction*/
#customer_cont {
    padding-right: 70px !important;
}
}
@media only screen and (max-width:1024px) {
/*Menou*/
#top_media .screen-50 img {
    width: 33px;
}
/*Portfolio*/
#project_description {
    width: 165px !important;
}
#project_title {
    font-size: 12px !important;
}
#project_description_text {
    font-size: 11px !important;
	/*height: 89px !important;*/
}
#image-overlay-gallery {
        height: auto !important;
}
#thumbs-con #image-overlay-gallery, #thumbs-dev #image-overlay-gallery {
        height: 115px !important;
}
/*Contact Us*/
#contact_informations {
    font-size: 19.5px;
	margin-top: 124px;
}
#contact_form {
    margin-top: 85px;
}
/*Footer*/
footer {
    font-size: 14px;
}
}
@media only screen and (min-width:768px) and (max-width:959px) {
    .topmenu li>a {
        /*padding: .5em 1em*/
    }
    .topmenu li a>i {
        font-size: 1.2em
    }
    .topmenu li>a strong {
        font-size: .85em
    }
	.topmenu li > a strong {
    padding: 32px 0;
	}
    .topmenu li>a small {
        font-size: .65em
    }
    .topmenu a span.sub-arrow {
        left: 40%
    }
	.subheader .sk.breadcrumb {
    top: 100px;
	}
}
@media only screen and (max-width:845px) {
/*Menou*/
.logo img {
    width: 155%;
}
#top_media .screen-50 img {
    width: 29px;
}
#top_media .screen-50 {
    margin-top: 31px;
}
/*BreadCrumb*/
.subheader .sk.breadcrumb {
    top: 115px;
}
/*Results*/
#foliowrap {
    margin-top: 65px !important;
}
/*About Us*/
#about_article {
    margin-top: 75px;
}
/*Customer Satisfaction*/
#customer_col {
    margin-top: 20px;
}
/*Terms*/
#terms p.first {
	margin-bottom:3em;
}
/*Footer*/
footer {
    font-size: 12px;
}
}
@media only screen and (max-width:768px) {
    .logo {
        text-align: center;
        margin: 0 auto
    }
    #footer .links {
        float: none!important
    }
    .sk.tabs li,
    ul.topmenu>li {
        float: none
    }
    .sk.tabs li a.active,
    .sk.tabs li a.active:hover {
       /* border-color: #F4BF1E*/
    }
    ul.topmenu {
        width: auto
    }
    ul.topmenu ul {
        display: none;
        position: static;
        top: auto!important;
        left: auto!important;
        margin-left: 0!important;
        margin-top: 0!important;
        width: auto!important;
        min-width: 0!important;
        max-width: none!important
    }
    ul.topmenu ul.sm-nowrap>li>a,
    ul.topmenu>li>a {
        white-space: normal;
		width: 164px;
    }
    ul.topmenu iframe {
        display: none
    }
    .topmenu ul.menu-submenu {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .topmenu li>a {
        display: block;
        text-decoration: none;
        padding: .5em 1em;
        text-align: left;
        font-weight: 400;
        color: #fff;
        box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2)
    }
    .topmenu li a>i {
        display: inline-block;
        font-size: 1em;
        margin-right: 1em
    }
    .topmenu li>a strong {
        display: inline-block;
        font-weight: 400;
        font-size: .85em;
        padding: 0
    }
    .topmenu li>a small {
        display: block;
        font-size: .8em;
        margin-left: 2.5em
    }
    .topmenu a span.sub-arrow {
        left: auto;
        right: 1em;
        bottom: 1em;
        width: 1em;
        height: 1em;
        line-height: 1em
    }
    .topmenu ul a span.sub-arrow,
    .topmenu-vertical a span.sub-arrow {
        left: auto;
        right: 1em
    }
    #menu ul.four.cols,
    #menu ul.three.cols,
    #menu ul.two.cols {
        width: 100%!important
    }
    #menu ul.cols li {
        float: none;
        width: auto;
        box-shadow: none
    }
    .topmenu li:hover a small,
    .topmenu li:hover>a i {
        opacity: 1;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none
    }
    .topmenu a.highlighted span.sub-arrow {
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .topmenu li {
        border-left: 0
    }
    .topmenu li:first-child {
        border-top: 0
    }
	/*Menu*/
	#menu {
		display:none;
		right: 20px;
		top: 63px;
		position: absolute;
		width: 200px;
		background-color: rgba(51,51,51,0.8);
	}
	.dropdown {
		display:block;
	}
	.show {
    display: block !important;
	}
	#menu-wrap {
		padding-right:20px;
		position: relative;
	}
	.topmenu li > a strong {
    border-bottom: none;
	}
	.topmenu li:hover a small, .topmenu li:hover a strong, .topmenu li:hover > a i, .topmenu a.highlighted strong {
    opacity: 1;
    border-bottom: none;
	}
	.topmenu a.highlighted, .topmenu a:active, .topmenu a:hover {
    color: #00abca;
	}
	.topmenu ul.menu-submenu {
		margin:0 !important;
		background-color: rgba(235,33,40,0.6);
		width: auto !important;
	}
	/*Customer Satisfaction - Plugin*/
	#comments {
    height: auto;
	}
	#com_right {
    padding-top: 30px;
	padding-left:0;
	}
	#com_right #about_title_text {
		white-space:nowrap;
	}
	#com_left img {
	margin-left: 0px;
    height: 335px;
	margin-top: 0px;
	width: 100%;
	height: auto;
	}
	.original {
		display:none;
	}
	.hide {
		display:block;
	}
	/*Portfolio*/
	.left_item {
    padding-right: 0px !important;
	}
	.right_item {
    padding-left: 0px !important;
	}
	#item_gallery {
		margin-bottom:30px !important;
	}
	#diaxoristiki_eikona {
		display:none;
	}
	#com_left {
    overflow: hidden;
	}
	/*Contact Us*/
	#contact_informations {
    margin-top: 0;
    padding-left: 0;
	}
	#working_hours div:last-child {
		margin-bottom:40px;
	}
	#working_hours .phone-45 {
		/*text-align:left !important;*/
	}
	#msgholder .sk.message .header {
	margin-top: 65px;
	}
	#msgholder {
		margin-bottom: 35px;
	}
	/*Footer*/
	#footer_left {
    text-align: center;
	}
	#footer_right {
    text-align: center;
	}
	#footer_mid img {
	margin: 20px 0px;
	float:right;
	padding-right:20px;
	}
	#footer_mid img.right {
	float: left;
	padding-left: 20px;
	}
	#footer div {
    width: 100%;
	padding: 5px 0;
	}
	#footer span {
		display:none;
	}
	#diax_footer {
		display:block;
	}
}
@media screen and (max-width: 768px) {
	#top_media {
		    position: absolute;
    right: 43%;
}
#menu-respo {
	    position: absolute;
    right: 2%;
}
}
@media only screen and (max-width:630px) {
/*BreadCrumb*/
#breadcrumb_line {
    width: 100px;
}

.barposfix {
	display:none !important;
}
}
@media only screen and (max-width:550px) {
/*Menu*/
.logo img {
    width: auto;
    height: 64px;
    margin: 0;
}
#top_media .screen-50 img {
	max-width: none;
    margin: -8px;
	margin-top:0;
}
/*BreadCrumb*/
#breadcrumb_line {
    width: 30px;
}
/*Portfolio*/
#project_description {
    height: 120px !important;
    margin-top: -120px !important;
}
}
@media only screen and (max-width:430px) {
/*Customer Satisfaction*/
#customer_cont {
    padding-right: 85px !important;
}
/*About Us*/
#red_text {
	width: 100%;
	margin: auto;
	margin-bottom: 25px;
}
/*BreadCrumb*/
.subheader .sk.breadcrumb {
    left: 0;
    margin: auto;
    display: block;
}
#breadcrumb_line {
    display:none;
}
/*Contact Form*/
.sk.form .two.fields:not(.block) > .fields, .sk.form .two.fields:not(.block) > .field, .sk.form .two.fields.inline-block > .field:first-child, .sk.form .two.fields.inline-block > .field:last-child, .sk.form .three.fields:not(.block) > .fields, .sk.form .three.fields:not(.block) > .field, .sk.form .four.fields:not(.block) > .fields, .sk.form .four.fields:not(.block) > .field, .sk.form .five.fields:not(.block) > .fields, .sk.form .six.fields:not(.block) > .field, .sk.form .inline.fields:not(.block) > .field, .sk.form .inline.fields:not(.block) > .field > label {
    float: none;
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
}
#contact_form .sk.button {
		float: none;
		margin: auto;
		display: block;
	}
}
@media only screen and (max-width:395px) {
/*Menu*/
#top_media .screen-50 img {
    margin: -15px;
	margin-top:0;
}
#top_media {
    position: absolute;
    right: 37%;
}
/*Customer Satisfaction*/
#customer_cont {
   padding-right: 28px !important;
   padding-bottom: 90px !important;
}
/*BreadCrumb*/

.subheader .sk.breadcrumb .section {
    font-size: 12px;
}
/*Pagination*/
.sk.pagination.menu .item {
	font-size:15px;
	white-space: nowrap;
}
/*Contact Us*/
#contact_informations {
    font-size: 15.5px;
}
/*Latest Projects*/
#latest_portfolios #about_title_text span {;
    font-size: 28px;
}
#latest_portfolios #about_title_text {
    height: 49px;
}
#latest_portfolios #about_title {
    height: 49px;
}
#pagination {
    margin-top: -2em;
}
.customer_pagination {
	margin-top: 1em !important;
}
}

@media only screen and (max-width:335px) {
	/*Comments plugin*/
	#comments #about_title_text span {
    font-size: 30px;
	}
	#comments #about_title_text {
    height: 50px;
	}
	#comments #about_title {
    height: 50px;
	}
	#msgholder .sk.message .header + p {
    font-family: 'Roboto', sans-serif;
    color: #333333;
    text-align: center;
    font-size: 17px;
}

}


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

#foliowrap {
	margin-top: 48px !important;
}
}

.lazyload {
    display: block;
    min-height: 1px;
}
.lazyload.custom-loader {
    max-width: 50px;
    max-height: 50px;
    left: calc(50% - 25px);
}