/*

Theme Name: Twenty Seventeen Child

Theme URI: https://wordpress.org/themes/twentyseventeen-child/

Template: twentyseventeen

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Seventeen  Child Theme

Version: 1.7

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyseventeen-child

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



@media (min-width:900px) {

	.wpcf7 > form > p > br:nth-child(2),

	.wpcf7 > form > p > br:nth-child(3) {

		display: none;

	}

	.wpcf7 .your-name {

		margin-right: 1%;

	}

	.wpcf7 .your-email {

		margin: 0 !important;

		float: right;

	}

	.wpcf7 .your-name, .wpcf7 .your-email {

		width: 49%;

		display: inline-block;

	}

}

@media(max-width: 500px) {

	.ti-einai-to-imepos td.imepos-display {

		max-width: 100% !important;

		width: 100% !important;

	}

	div#pws-leitourgei td {

		width: 100% !important;

	}

}



@media(max-width: 767px) {

	div#contact address br {

    	display: block;

	}

	div#contact h4,

	div#contact address {

		text-align:center;

	}

	header#masthead .navigation-top {

		position: fixed;

		z-index: 1;

		width: 100%;

	}

	.top-header .wrap {

    	padding-top: 0 !important;

		padding-bottom: 10px;

	}

	.top-header a.custom-logo-link {

    	margin-top: .5rem;

	}

	.top-header > div > div {

		display: inline-block !important;

	}

	.top-header > div > div:first-child {

		width: 40%;

	}

	.top-header > div > div:last-child {

		width: 60%;

	}

	.top-flag-new-menu {

		vertical-align: top;

	}

	nav#site-navigation button {

		border: 1px solid var(--white);

		float: right;

	}

	.menu-main-menu-container {

		clear: both;

	}

	nav#site-navigation .menu-main-menu-container {

		background: var(--blue-pros-efarm) !important;

	}	

	ul#top-menu {

		border: 0;

    	background: transparent;

	}

	ul#top-menu a {

		color: var(--white) !important;

	}

	.main-navigation li:not(:last-child) {

		position: relative;

		line-height: 3rem;

		border: 0;

	}

	.top-n {

		margin-top: 10px;

	}

		a.custom-logo-link {

		line-height: 3.2rem;

	}

	.navigation-top.down {

		position: fixed !important;

		z-index: 999;

		width: 100%;

	}

	div#pws-leitourgei tr {

		display: inline !important;

	}

	div#pws-leitourgei td {

		display: inline-block;

	}



	.table.ti-einai-to-imepos tr:first-child td,

	td.imepos-display {

		width: 100% !important;

	}

	.row.extns {

		margin-top: 1rem !important;

	}

	.row.extns > div:not(:last-child) {

		margin-bottom: 1rem;

	}



	/* ti-einai-to-imepos */

	table.table.ti-einai-to-imepos tr:first-child td {

		display: block;

		width: 100%;

	}

	.ti-einai-to-imepos td.imepos-display {

		max-width: 50%;

	}

	.vectorbg {

		position: absolute;

		z-index: 0;

		left: 0;

	}

	/* pws leitourgei*/

	div#pws-leitourgei td,

    #pws-leitourgei2 td {

    	width: 100% !important;

		display: block;

	}

	div#pws-leitourgei td div {

    	min-height: 0;

	}

	

	/* counter */

	.counter div.counter {

		margin: 0 auto;

		width: 100%;

	}



	/* contact */

	address br {

		display: none;

	}

}

@media (max-width: 401px) and (max-width: 600px) {

	.slides img {

    	min-height: 550px !important;

	}

}

@media(max-width: 600px) {

	.metaslider .caption h1,

	.metaslider .caption h1 * {

    	font-size: 1.8rem !important;

	}

	.metaslider .caption p {

    	font-size: 20px !important;

	}

	.metaslider .btn {

    	font-size: 1rem !important;

	}

}

@media(max-width: 400px) {

	ul#top-menu li a {

    	text-align: center;

	}

	.slides img {

		min-height: 700px !important;

	}

	.top-header > div > div {

    	width: 100% !important;

    	text-align: center;

	}

	.top-header > div > div > .top-n {

    	text-align: center;

	}

	nav#site-navigation button {

		float:none !important;

	}

	#metaslider_63 .caption-wrap {

		padding-bottom: 0 !important;

	}

}

@media(max-width: 844px) {

	.prosthetes-efarmoges .card {

		min-height: auto !important;

	}

}



@media(max-width: 1000px) {

	button.menu-toggle {

    	display: inline-block !important;

	}

	nav#site-navigation .menu-main-menu-container {

		display: none;

	}

	.main-navigation.toggled-on .menu-main-menu-container {

		display:inline-block !important;

		width:100%;

		background: var(--blue-pros-efarm);

		padding: .5rem 1.5rem;

	}

	.main-navigation.toggled-on .menu-main-menu-container li {

		display:block;

	}

	.main-navigation.toggled-on .menu-main-menu-container li a {

		color: var(--white) !important;

		line-height: 2.5rem;

	}

	button.menu-toggle {

    	float: right;

	}

	.menu-toggle {

		outline: thin solid;

	}

}



/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap&subset=greek-ext');*/



body * {

	font-family:  'Ubuntu', sans-serif, Arial, Helvetica;

}



:root {

	--white: #ffffff;

	--black: #000000;

	--lightgrey: #f0f0f0;

	--extns-grey: #e5e5e5;

	--extns-button-grey: #989898;

	--blue-pros-efarm: #12273f;

	--counter-color: #828282;

	--grey: #444444;

}

::-webkit-input-placeholder {

	color: var(--grey);

	transition: opacity 250ms ease-in-out;

}

:focus::-webkit-input-placeholder {

	opacity: 0.5;

}

:-ms-input-placeholder {

	color: var(--grey);

	transition: opacity 250ms ease-in-out;

}

:focus:-ms-input-placeholder {

	opacity: 0.5;

}

::-moz-placeholder {

	color: var(--grey);

	opacity: 1;

	transition: opacity 250ms ease-in-out;

}

:focus::-moz-placeholder {

	opacity: 0.5;

}

:-moz-placeholder {

	color: var(--grey);

	opacity: 1;

	transition: opacity 250ms ease-in-out;

}

:focus:-moz-placeholder {

	opacity: 0.5;

}

body a {

	box-shadow: 0 0 0 !important;

}

body, span, div, td, th {

    color: #404040;

}

body {

	font-size: 1.0625rem !important;

}

a:hover,

a:focus {

	text-decoration: underline;

}

ol,

ul {

	padding-left: 30px;

}

h1 {

	font-weight: 500 !important;

	color: var(--blue-pros-efarm);

}





@media screen and (min-width: 48em) {

	.navigation-top .wrap,

	.wrap {

		width: 1100px;

		max-width: 100% !important;

	}

}



.wrap,

.top-n {

	padding-left:0 !important;

	padding-right:0 !important;

}





/* icons */

@font-face {

	font-family: 'ico';

	src:  url('fonts/ico.eot?h423c5');

	src:  url('fonts/ico.eot?h423c5#iefix') format('embedded-opentype'),

	  url('fonts/ico.ttf?h423c5') format('truetype'),

	  url('fonts/ico.woff?h423c5') format('woff'),

	  url('fonts/ico.svg?h423c5#ico') format('svg');

	font-weight: normal;

	font-style: normal;

	font-display: block;

  }





  [class^="icon-"], [class*=" icon-"] {

	/* use !important to prevent issues with browser extensions that change fonts */

	font-family: 'ico' !important;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

  

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

  }



  .icon-device_hub-24px:before {

	content: "\e900";

  }

  .icon-directions_bike-24px:before {

	content: "\e901";

  }

  .icon-grid_on-24px:before {

	content: "\e902";

  }

  .icon-local_mall-24px:before {

	content: "\e903";

  }

  .icon-local_printshop-24px:before {

	content: "\e904";

  }

  .icon-loyalty-24px:before {

	content: "\e905";

  }

  .icon-perm_identity-24px:before {

	content: "\e906";

  }

  .icon-settings_applications-24px:before {

	content: "\e907";

  }

  .icon-timeline-24px:before {

	content: "\e908";

  }



  

.content-area-posts {

	display: inline-block;

	width: 100%;

}

body.post-template-default .site-content-contain div#content .wrap {

	max-width: 1100px !important;

	padding: 0 15px;

}

body .wrap,

body .container {

	max-width: 1100px;

}

p {

	text-align: justify;

}

#masthead.site-header,

.navigation-top {

	background-color: transparent;

	border:0;

	z-index:9999;

}

.wrap > .row {

	margin: 0;

}

.page:not(.home) #content {

	padding-bottom: 0;

}

body:not(.home) #content.site-content {

	padding-top:0;

}

body:not(.home) .site-content-contain .wrap #primary {

	background: var(--white);

	padding:0;

	max-width: 100%;

	border-radius: 0 0 4px 4px;

}

body:not(.home).post-template-default.single.single-post .site-content-contain .wrap #primary {

	padding: 25px 20px;

	border: 2px solid #edecec;

	border-radius:0;

	margin-bottom: 10px;

}

body:not(.home) .site-content-contain .wrap {

	padding: 0 5px;

}



.wrap> div {

	padding: 0;

}

.pws-leitourgei-main td > div {

    background: #f2f2f2;

	border-radius: 0rem 0rem .3rem .3rem;

	min-height: 16rem;



	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



.pws-leitourgei-main td > div:hover,

.pws-leitourgei-main td > div:focus {

	opacity:.9;

	transform: scale(1.05);

}

.pws-leitourgei-main td span {

	background: #051b35;

	color: #fff;

	padding:.5rem;

	border-radius: .3rem .3rem 0rem 0rem;

}

.pws-leitourgei-main td > div p:last-child {

	padding: 0px 1rem 1rem;

}

#pws-leitourgei2 {

    margin-bottom: 8rem;

}

.bgfnt {

	font-size: 3rem;

	text-align: center;

	display: inline-block;

	width: 100%; 

}

.btn.btn-success,

button#toggle2 {

	border-radius: 20px;

	border: 0;

}

.btn.btn-success:hover,

.btn.btn-success:focus,

button#toggle2:hover,

button#toggle2:focus {

	background: #8dc63f;

	opacity: .8;

	color: var(--white);

	text-decoration: none;

}

.btn.btn-success {

	background: #8dc63f;

}

.btn-success:hover {

    border-color: #8fb954 !important;

}

.btn-success.focus, .btn-success:focus {

    box-shadow: 0 0 0 0.2rem rgba(143,185,84,.5) !important;

}



/* top main header */

body .custom-header.container {

    margin-bottom: 0 !important;

}

.site-branding.row.wrap {

    margin-bottom: 0 !important;

    padding: 0 !important;

}

.navigation-top {

	position: relative;

	font-size: 0.9375rem;

}



/* header */

.top-header {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}

.top-header .custom-logo {

	width: 131px;

	height: 29px;

}

.navigation-top > .row {

    margin: 0 auto;

    width: 100%;

}

.navigation-top > .row .top-header {

	padding:0;

}

.navigation-top > .row .top-header {

	padding-left: 15px;

	padding-right: 15px;

}

.top-header > .wrap {

	padding-top: 2rem;

	padding-bottom: 2rem;

}

.home .entry-header {

	display: none;

}

.top-n {

	text-align: right;

}

.top-n > * {

	display: inline-block !important;

}

	/* flags */

	.top-flag-new-menu {

		vertical-align:top;

	}

	.top-flag-new-menu li {

		display: inline-block;

	}

	#menu-flags {

		padding-left: .5rem;

	}



	/* main menu */

	#masthead .wrap {

		opacity: 1;

	}

	#site-navigation * {

		color: var(--white);

	}

	.main-navigation a {

		padding: .1em 0.45em;

	}

	.navigation-top a {

		font-weight: 500;

	}

	.navigation-top a:hover,

	.navigation-top a:focus{

		text-decoration:none !important;

		opacity:.8 !important;

	}



	/* menu */

	.nav-up {

		top: -999px;

	}

	.nav-down {

		background: var(--blue-pros-efarm);

	}







.table.ti-einai-to-imepos tr:first-child td {

	width: 50%;

}

table.table td {

	text-align: justify;

}

table.table tr,

table.table td {

	border:0;

}



/* main */



/* slider */

/* for chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.metaslider ul li {

		display: inline-grid !important;

	}

}

/* for edge */

@supports (-ms-ime-align:auto) {

	#metaslider_63 .caption-wrap {

		display: inline-block !important;

		max-height: 100% !important;

		top: 0px !important;

		bottom: 0px !important;

		padding-top: 7rem;

	}

}

.metaslider > img {

    position: absolute;

    bottom: 5px;

    z-index: 1;

}

@media(max-width: 1350px) {

	.metaslider > img {

		bottom: 16px !important;

	}

}

#metaslider_63 .caption-wrap {

	left: 0;

	right: 0;

	margin:0 auto;

}

#metaslider_63 .caption-wrap {

	display:table !important;

	height: 100%;

	vertical-align: middle;

	opacity: 1;

	background: transparent;

	padding-bottom: 6rem;

}

.metaslider .caption {

	display: table-cell !important;

	vertical-align: middle;

}

.metaslider .caption * {

	color: var(--white);

    max-width: 50%;

}

.metaslider .btn {

	background: #8dc63f;

	border-color: #8dc63f;

	font-size: 1.1rem;

	font-weight: 500;

	border-radius: 2rem;

	padding: 0.6rem 1.5rem;

}

.metaslider .btn:hover,

.metaslider .btn:focus {

	background: var(--white);

	border-color: var(--white);

	color: #8dc63f;

}

.metaslider .caption h1,

.metaslider .caption h1 * {

    font-weight: 900;

	font-size: 2.6rem;

	display: inline-table;

}

.metaslider .caption p {

    font-size: 25px;

    line-height: 29px;

    margin-bottom: 20px !important;

	text-align: left;

}

.slides img {

    min-height: 700px;

    width: auto !important;

}

@media (min-width: 901px) and (max-width: 1200px) {

	.metaslider .caption * {

    	color: var(--white);

    	max-width: 70% !important;

	}

}

@media (max-width: 900px) {

	.metaslider .caption * {

    	color: var(--white);

    	max-width: 100% !important;

	}

}

/* /slider */



/* pws leitourgei */

#prosthetes-efarmoges {

    padding-top: 100px;

}

#prosthetes-efarmoges tr {

    border: 0;

}

div#pws-leitourgei td,

#pws-leitourgei2 td {

    padding-left: 20px;

    padding-right: 20px;

	width: 33.3%;

}

#wpsp-4999 .wp-show-posts-entry-title {

	text-align: center;

}

.wp-show-posts-entry-content .title {

	font-weight: 500;

	margin-bottom: 3rem;

}

#prosthetes-efarmoges .title,

#ti-einai-to-imepos .title {

	text-align:center;

}

div#prosthetes-efarmoges .wp-show-posts-entry-content > h4 {

    margin-bottom: 4rem;

    color: #fff;

    font-weight: 300;

}

div#prosthetes-efarmoges .wp-show-posts-entry-content > h1.title {

    margin-bottom: 0;

}

/* /pws leitourgei */





/* ti einai to imepos */

#ti-einai-to-imepos {

	padding-top: 6rem;

	padding-bottom: 6rem;

	background: #ededed;

}

.row.extns {

	margin-top: 3rem;

}

.table.ti-einai-to-imepos img.vector {

    position: absolute;

}

.imepos-display,

.table.ti-einai-to-imepos img.imepos-displays {

	position: relative;

}

.table.ti-einai-to-imepos img.imepos-displays {

	z-index: 1;

}

.vectorbg {

    position: absolute;

	z-index: 0;

}

.extns .ext > div {

    width: 99%;

    margin-right: 1%;

	background: var(--extns-grey);

    border-radius: 20px;

	padding: 10px;

	float: left;

}

.extns .ext > div button#toggle {

	color: var(--extns-button-grey);

	border: 2px solid var(--extns-button-grey);

	border-radius: 100%;

	width: 30px;

	height: 30px;

	font-weight: 300;

	font-size: 1.5rem;

	line-height: 0.5rem;

}

.toggle-text,

.toggle-text2 {

	display:none;

}

.extns button#toggle {

	float: right;

	margin-left: 5px;

	background: transparent;

	padding:0;

}

.extns .ext > div > br {

	display: none;

}

span#text {

    font-size: 14px;

	font-weight: 500;

	width: 100%;

}

/* /ti einai to imepos */



/* prosthetes efarmoges */

#prosthetes-efarmoges {

	background: #051b35 url('images/dot.png') 0 0 repeat;

	color: var(--white);

}

.prosthetes-efarmoges > div {

	padding-bottom: 50px;

}

.prosthetes-efarmoges h1 {

	color: var(--white);

}

button#toggle2 {

	font-size: 14px;

	padding: .5rem 1rem;

	display: block;

    margin: 1rem 0;

}

.prosthetes-efarmoges .card {

    background: var(--blue-pros-efarm);

	border-radius: .3rem;

	margin-bottom: 1.8rem;

	padding: 1.5rem;

	text-align: justify;

	min-height: 17rem;

}

.prosthetes-efarmoges .card,

.prosthetes-efarmoges .card * {

	color: var(--white);

}

/* /prosthetes efarmoges */



/* Yposthrixh */

div#yposthrixh {

	padding-bottom: 6rem;

	background:#fff url('images/technical_support.png') left bottom no-repeat;

}

#yposthrixh .card {

    display: inline-block;

}

#yposthrixh .card-header {

	font-weight: bold;

}

#yposthrixh .card-header {

	color: var(--white);

	background: var(--blue-pros-efarm);

}

/* /Yposthrixh */



/* news */

.news h4 {

	padding-top: 0;

}

.news h4 a {

	color: var(--blue-pros-efarm);

}

.news .wp-show-posts-entry-meta * {

	color: var(--blue-pros-efarm);

}

.news article {

    border-top: 0 !important;

}

.news > div {

    padding-bottom: 4%;

}

.news .btn {

    padding: .8rem 1.4rem;

	border-radius: 2rem;

}

/* /news */



/* counter */

.p-0.counter {

	background: url(images/counter-bg.jpg) 0 0 no-repeat;

}

.col_third {

	width: 31%;

	position: relative;

	display:inline;

	display: inline-block;

	float: left;

	margin-right: 2%;

	margin-bottom: 20px;

}

.count-title {

	font-size: 40px;

	font-weight: normal;

	margin-top: 10px;

	margin-bottom: 0;

	text-align: center;

}

.count-text {

	font-weight: 500 !important;

	padding-top: 0;

	text-align: center;

}

.counter > h1 {

	display: inline-block;

	padding-top: 0;

	margin-bottom:0;

	font-size: 3.75rem;

	color: var(--counter-color);

	font-weight: 300 !important;

}

/* / counter */





/* contact */

div#contact > div > div > div > * {

	margin: 20px;

}

.contact h4 {

    font-weight: normal !important;

    color: var(--blue-pros-efarm);

}

.contact .wpcf7-submit {

    float: right;

}

.p-0.contact {

	background: var(--lightgrey) url(./images/contact-dot-map.png) center -200px no-repeat;

}

.contact iframe {

	float: left;

}

.contact > div {

	padding: 6% 0 0 !important;

}

/* /contact */





/* footer */

footer#colophon {

	margin-top:0;

	border: 0;

}

footer#colophon > div {

    padding-bottom: 0;

}

footer#colophon .wrap {

	padding-top: 0;

}

.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover {

	background-color: transparent;

	border-radius: 0px;

	box-shadow: 0 0 0px 0px rgba(0,0,0,1);

	clip: none !important;

	color: #777;

	display: block;

	font-size: 12px;

	height: auto;

	left: auto !important;

	line-height: normal;

	padding: 0 !important;

	text-decoration: none;

	top: 20px !important;

	width: auto;

	z-index: 100000;

	position:relative;

	float:left;

}

.site-info {

	position: relative;

}

.site-info > div {

	max-width: 100%;

	margin:0;

}



/* totop */

footer#colophon aside.widget-area,

footer#colophon aside.widget-area #text-9 {

	padding:0;

	height: 0;

}

#button.show {

	display: inline-block;

	background-color: #C8C8C8;

	width: 40px;

	height: 40px;

	text-align: center;

	border-radius: 4px;

	margin: 30px;

	position: fixed;

	bottom: 60px;

	right: 2px;

	transition: background-color .3s;

	z-index: 1000;

  }

  #button:hover {

	cursor: pointer;

	background-color: #a2a2a2;

  }

  #button:active {

	background-color: #a2a2a2;

  }

  #button::after {

	content: "↑";

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	font-size: 2em;

	line-height: 50px;

	color: #fff;

  }

  #button {

	  display: none;

  }  

/* /totop */



/* page */

#CustomWidget2 {

    overflow: hidden;

    max-width: 100%;

}

.page-template-default #primary .entry-content p {

    word-wrap: break-word;

}

.page-template-default .top-n .header-bg {

    position: absolute;

    bottom: 15px;

}

#CustomWidget2 img:first-child {

    min-height: 300px !important;

    max-width: 1920px;

    width: auto;

}

.page-template-default .site-content-contain .entry-header.wrap {

    position: absolute;

    height: 100%;

    margin: 0 auto;

    float: none;

    left: 0;

    right: 0;

    display:table;

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.page-template-default .site-content-contain .entry-header.wrap {

		display: inline-grid !important;

		padding-top: 120px !important;

	}

}

.page-template-default .site-content-contain .entry-header.wrap h1 {

	vertical-align: middle;

    display: table-cell;

	text-align: center;

	color: #fff;

    font-size: 2.5rem;

    text-transform: none;

}

.page-template-default .site-content-contain .top-n {

    margin: 0;

}

/* /page */

#metaslider_63 .msDefaultImage {
  width: 100% !important;
  height: auto;
}