/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
	text-align: left;
	width: 65px;
}
.display-none{
	display: none;
}

#header > div.header-top > div > div.header-col.visible-for-sm.header-right > div.custom-html,
#header > div.header-top > div > div.header-col.header-right.hidden-for-sm > div.custom-html,
#header > div.header-top.header-has-center.header-has-not-center-sm > div > div.header-col.visible-for-sm.header-right > div.custom-html,
#header > div.header-top.header-has-center.header-has-not-center-sm > div > div.header-col.header-right.hidden-for-sm > div.custom-html{
	display: none !important;
}

body:lang(en-US) a.grlg{
	display: none !important;
}

body:lang(el) a.enlg{
	display: none !important;
}

#wpml_credit_footer{
	display: none !important;	
}

.decoration-none a{
	text-decoration: none !important;
}

/*single product*/
.product_meta{
	display: none;
}
.product-thumbs-slider.owl-carousel .owl-item.selected .img-thumbnail, html:not(.touch) .product-thumbs-slider .owl-item:hover .img-thumbnail{
	border: 2px solid #3776b8;
}

.single-product .product-images .zoom{
	color: #3776b8;
}

.product-nav .product-popup .box-content{
	border-top: 3px solid #3776b8;
}
.product-nav .product-popup:before{
	border-bottom: 7px solid #3776b8;
}

.related.products .add-links-wrap,
.dataTables_info{
	display: none;
}

/*end single product*/

/*Header*/
.container-fluid{
	padding-left: 160px;
    padding-right: 160px;
}

#header, .sticky-header .header-main.sticky {
    border-top: 0px;
}

#header-top-left .wpb_raw_html{
	margin-bottom: 0px;
}

body:lang(en-US) .header-top-left-grid{
	gap: 50px;
}

.header-top-left-grid{
	display: grid; 
	grid-template-columns: repeat(2,1fr);
}

p.width-100-grid{
	width: 100%;
	margin-bottom: 0px;
}

#header-top-left  p.width-100-grid > i{
	margin-right: 10px;
}


#header-top-left p.width-100-grid > a{
	color: #ffffff;
}

.no-breadcrumbs .main-content {
    padding-top: 0px;
}

#menu-main-menu{
	padding-right: 50px;
}

#header > div.header-top.header-has-center > div > div.header-col.header-center{
	margin-right: -400px;
}
#header > div.header-top.header-has-center > div > div.header-col.header-center > ul > li > a{
	color: #ffffff;
}

#header .main-menu > li.menu-item.active > a:after{
	content: '';
	display: block;
	height: 3px;
	width: 100%;
	background: #185ca3;
}

#header .share-links a:not(:hover) {
    background-color: transparent;
    color: #ffffff;
}

#header .share-links a{
	font-size: 1.2rem;
	
}

#header > div.header-main > div.header-row.container-fluid > div.header-col.header-right > div > a > i{
	font-size: 16px;
	color: #444444;
}

div.custom-html{
	padding: 4px 15px;
}

div.custom-html a{
	font-family: 'Roboto Condensed';
	font-size: 15px;
	font-weight:400;
	line-height: 42px;
}

div.custom-html > a > i{
	margin-right: 10px;
}

.custom-html {
    padding-right: 20px !important;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.custom-html .html-button{
	position: relative;
}

.html-button{
	background: #1eae8d;
	padding: 16px 4px 16px 15px;	
}
.custom-html img{
	margin-right: 10px;
}

.custom-html .html-button:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    right: -24px;
    background: inherit;
    z-index: -1;
    transform: scaleX(.6) translateY(-50%) rotate(45deg);
}
.page-top .page-title:after,
.page-top .page-title:not(.b-none):after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 5px solid #3776b8;
    bottom: -32px;
}

/*HOME*/
#home1{
	padding-top: 105px;
	padding-bottom: 96px;
}

#home-1-col{
	padding-top: 90px;
}

.h22 h2{
	font-family: 'Roboto';
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.03em;
	color: #000000;
}

.p16 p{
	font-family: 'Roboto';
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #5a5a5a;
}

.home-button button,
.home-button a{
	color: #ffffff !important;
	background-color: #3776b8 !important;
	font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
	border-radius: 0px !important;
	height: 58px !important;
}

#home1 > div > div > div:nth-child(2) > div > div > div > div > div > div:nth-child(2){
	top: 75px !important;
}

#home1 > div > div > div:nth-child(2) > div > div > div > div > div > div:nth-child(3){
	top: 301px !important;
}

#home2{
	background: rgb(247, 247, 247);
	padding-top: 50px;
	padding-bottom: 45px;
}

.h30{
	margin-bottom: 0px;
}

.divider.divider-small{
	margin: 10px auto;
}
hr{
	margin: 12px 0;
}
.porto-separator {
    margin: 0 0 12px;
}

#home2 .porto-carousel-wrapper{
	width: 1110px;
	margin: 0 auto;
}

#home3{
	background-image: linear-gradient(to right, rgb(24,92,163) , rgb(55,118,184));
	padding: 80px 0px 60px;
}

#home3 .h30 h2{
	font-family: 'Roboto';
	font-size: 30px;
	font-weight: 400;
	line-height: 42px;
	color: #ffffff;
	text-transform: uppercase;
}

.phone-image img{
	margin-top: -120px;
}

.h26 h3{
	font-family: 'Roboto';
	font-size: 26px;
	font-weight: 400;
	line-height: 34px;
	color: #000000;
	text-transform: uppercase;
}

.porto-sicon-header{
	font-family: 'Roboto';
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	color: #010101;
}

#home4{
	padding: 20px 0px 50px 0px;
}

#home4 div.porto-sicon-description > strong{
	color: #010101;
}

#home4 div.porto-sicon-description > a,
.porto-sicon-description{
	font-family: 'Roboto';
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #5a5a5a;
	text-decoration: none;
}

.porto-sicon-header+.porto-sicon-description {
    margin-top: 0px;
}

.contact-form input,
.contact-form textarea{
	width: 100%;
	margin-bottom: 15px;
    background: rgb(247, 247,247);
	border-color: transparent;
	color: #5a5a5a;
	padding: 17px 19px;
} 

div.row.contact-form > div > p:nth-child(6){
	display: none;
}
button.btn-submit{
	width: 100%;
	font-family: 'Roboto';
	color: #ffffff !important;
    background-color: #3776b8 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    border-radius: 0px !important;
	border: none;
	padding: 16px;
	cursor: pointer;
}

div.row.contact-form div.button-input{
	padding-right: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
	width:45%;
}

div.row.contact-form button.btn-submit:after{
	/*content: '';*/
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    right: -4px;
    background: inherit;
    z-index: -1;
    transform: scaleX(.6) translateY(-50%) rotate(45deg);
}


rs-slide.slider-button > rs-layer-wrap:nth-child(4) > rs-loop-wrap > rs-mask-wrap{
	padding-right: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

a.rs-layer.rev-btn{
	padding-left: 23px !important;
    padding-right: 23px !important;
}

span.rev-btn:after,
a.rev-btn:after{
	/*content: '';*/
    position: absolute;
    width: 39px;
    height: 39px;
    top: 50%;
    right: -20px;
    background: inherit;
    z-index: -1;
    transform: scaleX(.6) translateY(-50%) rotate(45deg);
}


#home-1-col .home-button{
	padding-right: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.vc_btn3.vc_btn3-size-md {
	padding: 0.933rem 0.933rem !important;
}
#home-1-col .home-button > a:after,
#home-1-col .home-button > button:after{
	/*content: '';*/
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    right: -24px;
    background: inherit;
    z-index: -1;
    transform: scaleX(.6) translateY(-50%) rotate(45deg);
}

#home1 .vc_grid-item{
	pointer-events: none; 
}


/*PSIKTES*/
.psiktes-row{
	padding-top:20px;
	padding-bottom: 20px;
}

.psiktes-column .h16{
	margin-bottom: 5px;
}

.psiktes-column .h16 h2{
	font-family: 'Roboto' !important;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 22px !important;
	color: #000000;
	letter-spacing: 0.3px;
}

.psiktes-column .porto-separator{
	margin: 0 0 20px;
}

/*Footer*/
.footer-top .widget_media_image,
#media_image-5,
#media_image-4{
	width: 276px;
    margin: 0 auto;
	padding: 25px 0px;
	margin-bottom: 4px;
}

h3.widget-title{
	font-family: 'Roboto' !important;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 42px !important;
	color: #ffffff;
	letter-spacing: 1px;
}

.widget-title:after{
	content:'';
	display: block;
	height: 2px;
	width: 30px;
	background: rgb(113, 177, 244);
}

#menu-footer-menu-en li > a,
#menu-footer-menu li > a{
	font-family: 'Roboto' !important;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 20px !important;
	color: #ffffff;
	letter-spacing: 1px;
}

.widget>div>ul li,
.widget>div>ul{
	border-top: 0px;
	border-bottom: 0px;
}

.widget_nav_menu>div>ul li:before{
	display: none;
}

.widget_nav_menu>div>ul li{
	padding: 6px 0 6px 0px;
}

#text-3 > div > p,
#text-2 > div > p{
	font-family: 'Roboto' !important;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 20px !important;
	color: #ffffff;
	letter-spacing: 1px;
}

#text-3 > div > p > strong,
#text-2 > div > p > strong{
	font-weight: 500;
}

#footer .footer-bottom {
    padding: 5px 0;
    font-size: 12px;
}

#footer .share-links a:not(:hover){
	background: #125193;
	color: #ffffff;
}

.widget.follow-us .share-links a{
	width: 41px;
    height: 41px;
    border-radius: 0px;
	font-size: 20px;
}
#custom_html-2{
	margin-bottom: 75px;
}

/*PROIONTA*/

.page-top{
	padding: 80px 0;
	max-height: 302px;
    height: 302px;
}

#proionta{
	padding-top: 43px;
	padding-bottom: 65px;
}

h1.page-title{
	font-family: 'Roboto' !important;
	font-size: 36px !important;
	font-weight: 700 !important;
	line-height: 60px !important;
	color: #000000 !important;
	letter-spacing: 1px !important;
}

p.page-sub-title{
	font-family: 'Roboto' !important;
	font-size: 16px !important;
	font-weight:400 !important;
	line-height: 52px !important;
	color: #000000 !important;
	letter-spacing: 1px !important;
}

.page-top {
    border-bottom: 0px;
}

#proionta strong{
	color: #070707;
}


.proionta-categories > div > div{
	padding-top: 15px !important;
	border-top: 3px solid #e4e7ec;
}
/*.proionta-categories > div:before{
	content: '';
	display: block;
	position: absolute;
	z-index: 999;
	height:3px;
	width: 100px;
	background: #5586b9;
}*/

.proionta-categories > div > div > div:before{
	content: '';
	display: block;
	position: absolute;
	z-index: 999;
	height:3px;
	width: 100%;
	margin-top: -18px;
	background: #5586b9;
}


.proionta-categories button.slick-prev{
	top: 0px;
	left: 93% !important;
}

.proionta-categories button.slick-next{
	top: 0px;
	right: 0% !important;
}


.proionta-categories > div > div{
	position: relative;
}

.proionta-categories > div > div > div{
	position: absolute;
}
section.tdt-slider{
	margin-top: 20px !important;
}
section.tdt-slider > div{
	padding: 60px 0px !important;
}

.slick-slider .slick-arrow{
	width: 34px;
    height: 34px;
	background-color: #185ca3 !important;
}

.slick-prev:before, 
.slick-next:before{
	line-height: 20px !important;
    opacity: 1 !important;
}

.tdt-slider h2{
	margin: 5px 0px 5px 0px !important;
}

.carousel-caption > div{
	text-align: left;
}
.carousel-caption img{
	margin: auto;
	border: 1px solid gray;
}

.slick-slide .carousel-caption a{
	font-family: 'Roboto' !important;
	font-size: 14px !important;
	font-weight: 400;
	color: #185ca3 !important;
	letter-spacing: 1px;
	text-decoration: underline;
}
.proionta-categories .carousel-caption p{
	word-break: break-word;
}

/*CONTACT*/
.porto-map-wrapper,
.porto_google_map{
	margin-bottom: 0px !important;
}

.main-content {
    padding-bottom: 0px !important;
}

/*WPML*/
.language-wpml{
	width: 25%;
	height: 25px;
}
.wpml-ls-legacy-dropdown a{
	border: 0px;
	background: #3776b8;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;	
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
	border-top: 0px;
}
a.wpml-ls-link{
	text-align: center;
}

.wpml-ls-display{
	/*color: #000000;*/
}

.language-wpml .wpml-ls-legacy-dropdown a:not(:hover),
.language-wpml .wpml-ls-legacy-dropdown a:hover,
.language-wpml .wpml-ls-legacy-dropdown a{
	color: #ffffff;
	background: #3776b8;
}

.language-wpml .wpml-ls-link{
	text-align: left;
}
/* end WPML */

/*header title*/
body.page-id-14 .page-title,
body.page-id-20 .page-title{
	word-break: break-word;
    width: 260px;
    line-height: 40px !important;
}

body.page-id-20 .page-top .page-title:after{
	width: 60%;
}

body.page-id-14 .page-top .page-title:after{
	width: 80%;
}
	


/*ERGA PAGE*/
.erga-row{
	align-items: center;
}

.text-column-erga .h16{
	margin-bottom: 10px;
}

.text-column-erga .h16 h2{
	font-family: 'Roboto' !important;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 22px !important;
	color: #000000;
	letter-spacing: 0.3px;
}

/*.erga-row h2:after{
	content: '';
	display: block;
	position: absolute;
	height:2px;
	width: 100%;
	background: #5586b9;
}

.text-column-erga{
	position: relative;
}

.text-column-erga .p16{
	position: absolute;
}

.text-column-erga .h22{
	position: absolute;
	bottom: 0px;
}

.erga-row .h22{
	margin-bottom: 20px !important;
}*/

/*END ERGA*/

/*politiki poiotitas page*/
.politiki-poiotitas-row{
	padding-top: 30px;
	padding-bottom: 30px;
}

/*Cookies*/
.cookie-notice-container {
  background: rgba(0, 0, 0, 0.6) !important;
  position: fixed;
  bottom: 25px;
  left: 10px;
  width: 300px;
  display: grid;
  justify-content: center;
  text-align: center;
}

p.cookie-title {
  font-weight: 800;
  font-size: 14px;
  color: #fff !important;
}

span#cn-notice-text {
  margin-bottom: 10px;
  font-size: 12px !important;
  line-height: 15px !important;
}

a#cn-accept-cookie {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

#cookie-notice .cn-button {
  margin-left: 0px;
  text-align: center;
}



#cn-close-notice{
	display:none;
}

.cn-button.bootstrap{
	background: #3776b8;

}
/*END Cookies*/

/* 404 page */
.error404 .page-top {
    background-color: #f9f9f9 !important;
}

.error404 .page-top .page-title:not(.b-none):after{
	display: none;
}

/* end 404 */

/*Responsive*/
@media screen and (max-width: 1840px){
	#header .main-menu > li.menu-item > a{
		padding: 10px 25px 10px 25px;
	}
}


@media only screen and (max-width: 1720px) {
	#header .main-menu > li.menu-item > a{
		padding: 10px 20px 10px 20px;
	}
	#header > div.header-top.header-has-center > div > div.header-col.header-center {
    	margin-right: -250px;
	}
	
	div.custom-html{
		margin-left: 0px !important;
	}
}

@media screen and (max-width: 1650px){
	#header .main-menu > li.menu-item > a{
		padding: 10px 13px 10px 13px;
	}
}

@media only screen and (max-width: 1570px) {
	#menu-main-menu {
    	padding-right: 0px;
	}
	#header .main-menu > li.menu-item > a {
    	padding: 10px 10px 10px 10px;
	}
	.container-fluid {
		padding-left: 120px;
		padding-right: 120px;
	}
}

@media only screen and (max-width: 1460px) {
	.container-fluid {
		padding-left: 100px;
		padding-right: 100px;
	}
	
	#header .main-menu > li.menu-item > a {
		padding: 10px 5px 10px 5px;
	}
}

@media only screen and (max-width: 1420px) {
	.container-fluid {
		padding-left: 80px;
		padding-right: 80px;
	}
}
@media only screen and (max-width: 1380px) {
	.header-top-left-grid {
    	grid-template-columns: repeat(1,1fr);
		gap: 0px !important;
	}
	#header > div.header-top.header-has-center > div > div.header-col.header-center {
    	margin-right: 0px;
	}
}

@media only screen and (max-width: 1333px) {
	#header > div.header-top.header-has-center > div > div.header-col.header-center{
		flex: 0 0 10%;
    	max-width: 10%;
	}
	.language-wpml {
		width: 70%;
		height: 25px;
	}
}

@media only screen and (max-width: 1260px) {
	.container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	a.rs-layer.rev-btn {
		padding-left: 13px !important;
		padding-right: 13px !important;
	}
}

@media only screen and (max-width: 1182px) {
	a.rs-layer.rev-btn {
		padding-left: 13px !important;
		padding-right: 13px !important;
	}
}

@media only screen and (max-width: 1180px) {
	#header .logo {
    	max-width: 200px;
	}
	
	#home2 .porto-carousel-wrapper {
    	width: auto;
	}
	
	.language-wpml {
		width: 90%;
		height: 25px;
	}
	
	rs-arrow.tp-leftarrow.tparrows {
		transform: none !important;
		top: auto !important;
		bottom: 0% !important;
		left: 16% !important;
	}
	
	#header .main-menu > li.menu-item > a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1169px) {
	#home1 > div > div > div:nth-child(2) > div > div > div > div > div > div:nth-child(3) {
    	top: 264px !important;
	}
	
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 1075px) {
	#header > div.header-top.header-has-center > div > div.header-left{
		flex: 0 0 39%;
    	max-width: 39%;
	}
}

@media only screen and (max-width: 1071px) {
	#header .logo {
    	max-width: 250px;
	}
	
	#header > div.sticky img.sticky-logo{
		width: 170px;
	}
	
	
	
}

@media only screen and (max-width: 1041px) {
	#header .main-menu {
    	display: none;
	}
	#header .mobile-toggle {
    	display: inline-block;
	}
	#header .mobile-toggle{
		border-radius: 0px;
	}
	
	.language-wpml-mobile{
		width: 25%;
		height: 30px;
	}
	
	.language-wpml-mobile .wpml-ls-legacy-dropdown a:not(:hover),
	.language-wpml-mobile .wpml-ls-legacy-dropdown a:hover,
	.language-wpml-mobile .wpml-ls-legacy-dropdown a{
		color: #000000;
		background: transparent;
	}
	
	#header .header-top {
    	font-size: 13px;
	}
	
	h1.page-title{
		font-size: 33px !important;
	}
	
	body.page-id-20 .page-title {
		word-break: break-word;
		width: 200px;
		line-height: 40px !important;
	}
}


@media only screen and (max-width: 1024px) {
	/*rs-layer-wrap.rs-parallax-wrap{
		left: 6% !important;
	}
	
	rs-arrow.tp-leftarrow.tparrows{
		transform: none !important;
		top: auto !important;
		bottom: 0% !important;
    	left: 6% !important;	
	}
	rs-arrow.tp-rightarrow.tparrows{
		transform: none !important;
		top: auto !important;
		bottom: 0% !important;
    	left: 11% !important;		
	}
	
	a.rs-layer.rev-btn{
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}*/
}





@media only screen and (max-width: 1023px) {
	.proionta-categories button.slick-prev {
    	left: 91% !important;
	}
	/*
	rs-layer-wrap.rs-parallax-wrap{
		left: 50px !important;
	}
	a.rs-layer.rev-btn{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	span.rev-btn:after,
	a.rev-btn:after{
		content: '';
		position: absolute;
		width: 45px;
		height: 45px;
		top: 50%;
		right: -23px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}
	*/
}

@media only screen and (max-width: 976px){
	#header > div.header-top.header-has-center > div > div.header-left {
    	flex: 0 0 50%;
    	max-width: 50%;
	}
}

@media only screen and (max-width: 950px){
	#home1 > div > div > div:nth-child(2) > div > div > div > div > div > div:nth-child(3) {
    	top: 248px !important;
	}
	
	.proionta-categories div.h22{
		width: 500px;
	}
	
}

@media only screen and (max-width: 850px) {
	.proionta-categories button.slick-prev {
    	left: 89% !important;
	}
}


@media only screen and (max-width: 768px) {
	#home-1-col {
    	padding-top: 0px;
	}
	
	.width-100{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#home1 > div > div > div:nth-child(2) > div > div > div > div > div > div:nth-child(3) {
    	top: 361px !important;
	}
	#home1 {
    	padding-top: 55px;
    	padding-bottom: 76px;
	}
	/*
	rs-arrow.tp-leftarrow.tparrows{
		transform: none !important;
		top: auto !important;
		bottom: 0% !important;
    	left: 44% !important;	
	}
	rs-arrow.tp-rightarrow.tparrows{
		transform: none !important;
		top: auto !important;
		bottom: 0% !important;
    	right: 44% !important;	
		left: auto !important;
	}*/
	
	.container-fluid {
   		padding-left: 30px;
    	padding-right: 30px;
	}
	
	.page-top {
    	padding: 40px 0;
		height: auto;
	}/*
	rs-layer-wrap.rs-parallax-wrap{
		left: 40% !important;
	}*/
	
	body.page-id-11 .page-top:after{
		content:'';
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		opacity: 0.4;
		height: 222px;
		background: #fff;	
	}
	.page-sub-title{
		position: relative;
		z-index: 2;
	}
	
	.page-top:after{
		content:'';
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		opacity: 0.4;
		height: 190px;
		background: #fff;
	}
	
	
}

@media only screen and (max-width: 757px) {
	#header > div.header-top.header-has-center > div.header-row{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	
	#header > div.header-top.header-has-center div.header-left,
	#header > div.header-top.header-has-center div.header-right{
		margin: 10px auto 0;
	}
	
	#header > div.header-top.header-has-center > div > div.header-left {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.proionta-categories button.slick-prev {
    	left: 87% !important;
	}
	
	.header-top-left-grid {
    	grid-template-columns: repeat(2,1fr);
	}
	
	.page-top .page-title:after,
	.page-top .page-title:not(.b-none):after{
		display: none;
	}
	
}

@media only screen and (max-width: 660px) {
	.phone-image img {
		width: 90px;
    	margin-top: -90px;
	}
	.phone-image{
		margin-bottom: 0px;
	}
	#home1 {
   	 	padding-top: 55px;
    	padding-bottom: 36px;
	}
	/*
	rs-arrow.tp-leftarrow.tparrows{
    	left: 42% !important;	
	}
	rs-arrow.tp-rightarrow.tparrows{
    	right: 42% !important;	
	}*/
	
	#header .header-main .header-right{
		padding-top: 24px;
    	padding-bottom: 14px;
	}
	.proionta-categories div.h22{
		width: 350px;
	}
	
	.page-top {
    	padding: 0px 0px;
	}
	
	/*span.rev-btn:after, a.rev-btn:after {*/
		/*content: '';*//*
		position: absolute;
		width: 38px;
		height: 38px;
		top: 50%;
		right: -20px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}*/
	
	h1.page-title {
    	font-size: 30px !important;
	}
	
	body.page-id-11 .page-top:after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		opacity: 0.4;
		height: 142px;
		background: #fff;
	}
	
	.page-top:after{
		content:'';
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		opacity: 0.4;
		height: 110px;
		background: #fff;
	}
	
	#header > div.header-top.header-has-center.header-has-not-center-sm > div.header-row.container-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#header > div.header-top.header-has-center.header-has-not-center-sm > div > div.header-col.header-left{
		margin: 10px auto 10px;
	}
}

@media only screen and (max-width: 600px){
	.phone-image img {
    	margin-top: -60px;
	}
	
	.contact-form input[type="submit"] {
		width: 60%;
	}
	
	.proionta-categories button.slick-prev {
    	left: 84% !important;
	}
}

@media only screen and (max-width: 575px){
	#footer {
   	 	margin-bottom: 0px !important;
	}
	/*
	rs-arrow.tp-leftarrow.tparrows{
    	left: 40% !important;	
	}
	rs-arrow.tp-rightarrow.tparrows{
    	right: 40% !important;	
	}
	
	a.rs-layer.rev-btn {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}*/
}

@media only screen and (max-width: 480px){
	/*
	rs-arrow.tp-leftarrow.tparrows{
    	left: 37% !important;	
	}
	rs-arrow.tp-rightarrow.tparrows{
    	right: 37% !important;	
	}*/
	.container-fluid {
    	padding-left: 10px;
    	padding-right: 10px;
	}
	
	.language-wpml-mobile{
		width: 35%;
		height: 30px;
	}
	.proionta-categories button.slick-prev {
    	left: 81% !important;
	}
		
	.proionta-categories div.h22 {
   	 	width: 300px;
	}/*
	rs-layer-wrap.rs-parallax-wrap{
		left: 20% !important;
	}*/
	
	.header-top-left-grid {
    	grid-template-columns: repeat(1,1fr);
	}
	#header > div.header-top.header-has-center.header-has-not-center-sm > div.header-row.container-fluid{
		padding-left: 0px;
		padding-right: 0px;
	}
	#header > div.header-top.header-has-center.header-has-not-center-sm > div > div.header-col.visible-for-sm.header-right{
		margin: 0;
    	background: #1eae8d;
	}
	
	.custom-html {
		padding-right: 60px !important;
	}
}

@media only screen and (max-width: 479px){
	/*
	a.rs-layer.rev-btn {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	span.rev-btn:after, a.rev-btn:after {*/
		/*content: '';*//*
		position: absolute;
		width: 43px;
		height: 43px;
		top: 50%;
		right: -23px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}*/
}

@media only screen and (max-width: 440px){
	.proionta-categories div.h22 {
   	 	width: 200px;
	}
}

@media only screen and (max-width: 429px){
	.custom-html {
    	padding-right: 0px !important;
	}
	#header > div.header-top.header-has-center.header-has-not-center-sm > div > div.header-col.visible-for-sm.header-right{
		flex-direction: row-reverse;
	}
}

@media only screen and (max-width: 409px){
	.html-button {
		padding: 20px 5px 20px 10px;
	}
	
	div.custom-html a {
    	line-height: 52px;
	}
	.custom-html .html-button:after {
		content: '';
		position: absolute;
		width: 42px;
		height: 42px;
		top: 50%;
		right: -20px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}
	/*
	span.rev-btn:after, a.rev-btn:after {*/
		/*content: '';*//*
		position: absolute;
		width: 40px;
		height: 40px;
		top: 50%;
		right: -21px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}*/
}

@media only screen and (max-width: 405px){
	div.custom-html{
		text-align: center;
	}
	a.html-button{
		float: none;
	}
	
	div.custom-html a {
		line-height: 22px;
	}
	.html-button {
    	background: #1eae8d;
    	padding: 10px 5px 10px 10px;
	}
	
	.custom-html .html-button:after {
		width: 48px;
		height: 48px;
		right: -24px;
	}
	.proionta-categories button.slick-prev {
    	left: 78% !important;
	}
	.custom-html {
   	 	padding-right: 0px !important;
	}
	
	div.custom-html {
    	padding: 14px 15px;
	}
	#header > div.header-top.header-has-center.header-has-not-center-sm > div > div.header-col.visible-for-sm.header-right{
		flex-direction: row-reverse;
	}
}

@media only screen and (max-width: 360px){
	.language-wpml-mobile{
		width: 40%;
		height: 30px;
	}
	
	.proionta-categories button.slick-prev {
    	left: 72% !important;
	}
	/*
	span.rev-btn:after, a.rev-btn:after {*/
		/*content: '';*//*
		position: absolute;
		width: 37px;
		height: 37px;
		top: 50%;
		right: -20px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}*/
}

@media only screen and (max-width: 320px){
	/*
	span.rev-btn:after, a.rev-btn:after {*/
		/*content: '';*//*
		position: absolute;
		width: 33px;
		height: 33px;
		top: 50%;
		right: -18px;
		background: inherit;
		z-index: -1;
		transform: scaleX(.6) translateY(-50%) rotate(45deg);
	}	*/
	
	.padding-zero.tablepress td, .padding-zero.tablepress th{
		padding: 2px !important;
	}
}







.header-left  .custom-html{
max-width: 170px;	
}