body {
	margin:0 auto;
 	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
  	text-decoration: none;
 	font-weight:none;
 	font-size: 1rem;
 	color:#30383f;
 	text-align:left;
	overflow-x: hidden;
}

/*************************for mobile applications body id=iphone_xml *****************/
#iphone_xml p{padding:10px;}


/**********accordion content***************/

.container{	/*width:970px !important;*/}
h1 {font-size:24px;}

a {color:#666; transition: all 0.2s linear;}
a:hover{color:#222; text-decoration:none;}

.accordion_head_in {text-decoration:none;font-size:20px;display:block;}
.accordion_content_in {display:none;}
.accordion_wrapper_in li {position:relative;overflow:hidden;}

.pagination li.inactive{ visibility:hidden;}
.pagination li { float:left;}
.pagination_wrapper{ text-align:center;}

.float_image{ float:left;}

.empty_row_10{display:block; height:10px}
.empty_row_20{display:block; height:20px}
.empty_row_30{display:block; height:30px}
.empty_row_40{display:block; height:40px}
.empty_row_50{display:block; height:50px}
 
.alpha{ margin-left:0;}
.omega{ margin-right:0;}

.alphap{ padding-left:0;}
.omegap{ padding-right:0;}

.invisible{ display:none; width:0; height:0; visibility:hidden;}

.row-centered {text-align:center;}
.col-centered {display:inline-block; float:none;text-align:left; /* inline-block space fix */margin-right:-4px;}

.shadow {
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	zoom: 1;  
}
.ce_gallery ul{ list-style:none; padding-left:0; display:inline-block;}
.ce_gallery ul>li{ float:left; clear:none;}
/***********
.ce_gallery ul>li.col_first{ clear:left; float:left;}
.ce_gallery ul>li.col_last { clear:right; float:left;}
***********/

.list_title{ font-size:24px}
.list_subtitle{ font-size:22px}

#srow_1{ background-image:url(../images/hero_bg.jpg); background-repeat:no-repeat; background-size:100% auto; background-attachment:fixed;}
#srow_1_inside {
	background-color: rgba(0, 0, 0,0.1);
}
#srow_1_inside #hero_logo > img{ max-height:105px; max-width:80px;width: auto;}
#srow_2{ min-height:750px; width:100%; padding-top:1px; font-size:1.3em; position:relative; padding-bottom:180px;}
#srow_2:after{ background-image:url(../images/greece_bg.jpg);}
#srow_3{ background-image:url(../images/nature_bg.jpg);background-repeat:no-repeat; background-size:cover; min-height:750px; padding-top:70px;}
#srow_4{ background-image:url(../images/footer-top_bg.jpg); background-repeat:no-repeat; background-size:100% auto;min-height:620px; background-position:bottom left; position:relative;padding-bottom:31%;background-color: #F0F0F0;}
#srow_4.inside{ background-image:url(../images/footer-top_bg_inside.jpg);background-color: #FFF;}
#srow_4 ul {
	font-size: 1.69em;}

#srow_5{ background-color:#212121;padding-left: 2%;padding-right: 2%;}
#headline1{ color:#fff;margin: 0 auto;position:relative;text-align: center; z-index:1;/*background-image:url(../images/concrete_texture.jpg); background-size:cover;*/ background-color:rgba(23, 37, 71, 0.8);}
.bold_headline h1{ font-weight:700;}
/*overlay mask in front of image*/
.dark, .light, .blue{position:relative;}
.blue{ background-color:rgba(40,75,145,0.8);}
.light {background-color:rgba(255,255,255,0.7);}
.dark {background-color:rgba(0,0,0,0.7);}
.overlay { -webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;}
.dark::after, .light::after,.blue::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.white{ color:#FFF;}
.black{ color:#30383f;}

.bold,.bold_headline h1{ font-weight:700 !important;}
.border_top{border-top:2px solid white; color:#FFF;}

/*hotnav menu spcific layout settings*/
/*default*/
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{ color:#274594; background-color:#fff}
/*active link*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color:#274594; color:#fff; font-weight:700;}
#leaf{ background-image:url(../images/leaf.png); background-repeat:no-repeat; }
#headline1>h1{ color:#FFF; font-size:4em;margin-bottom:20px;}
#srow_2{ color:#FFF;}
#srow_2 .image_container{ display:inline-block;}

.product_carousel{ color:#FFF; position:relative; /*!  */}
.product_carousel .ce_inside_wrapper h1{ margin-top:0; font-weight:700; position:relative;}
.product_headline h1{margin: 0;}


.slider-control .slider-menu b{ font-size:1em; color:transparent; /*!  */border-radius: 50%;height: 1em;width: 1em;background-color: #FFF;line-height: 1em;display: inline-block;margin: 0.2em;border: 0.15em solid #FFF;}
#srow_main{ background-color:#F0F0F0;}
.content-slider{ overflow:visible;}
.product_carousel .slider-wrapper{ overflow:visible !important;}
#xyma_tsimento .ce_inside_wrapper, #skyrodema .ce_inside_wrapper{color:#FFF;margin:0 auto; padding-top:10%;}
.read_more{ padding:5px 10px; background-color:#EA4148; color:#FFF;}


.overlay-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.overlay-bg {
	position:relative;
}

.overlay-bg.dark {
	background-color: rgba(0,0,0,0.1);
}

.overlay-bg.dark-40 {
	background-color: rgba(0,0,0,0.4);
}

.overlay-bg.dark-50 {
	background-color: rgba(0,0,0,0.5);
}

.overlay-bg.light {
	background-color: rgba(255,255,255,0.1);
}

.overlay-bg.light-50 {
	background-color: rgba(255,255,255,0.5);
}

.overlay-bg.dark-blue {
	background-color:rgba(3, 5, 50, 0.8);
}

/*.quality::before, .quality-top::before {
	background-image:url('../images/concrete_texture_v2.jpg');
}*/

#headline1 {
	background-color:transparent !important;
}

.quality {
	overflow:hidden;
	position:relative;
}

.quality::before {
	content: '';
	position: absolute;
	width: 1100%;
	height: 1100%;
	top: 20px;
	left: -589%;
	transform-origin: 54% 0;
	transform: rotate(-45deg);
	z-index: -1;
	background-color: rgba(3, 5, 50, 0.8);

}

.quality::after {
	content: '';
	position: absolute;
	width: 1100%;
	height: 1100%;
	top: 20px;
	left: -589%;
	transform-origin: 54% 0;
	transform: rotate(-45deg);
	z-index: -2;
	background-image:url('../images/concrete_texture_v4.jpg');
}

.quality-top-group {
	display:none;
}

.quality-top {
	height:2em;
	float: left;
	/*! top: -2em; */
}

.quality-top.main {
	width:95%;
	position: absolute;
	right: 0;
}

.quality-corner {
	float:left;
	width:6%;
	/*!  */
	transform: skew(-45deg, 0deg);
	overflow: hidden;
	z-index: -1;
	position: absolute;
	left: 1.4%;
	height: 2.1em;
}

.quality-top.left {
	width:100%;
	float:none;
	top:0;
	-webkit-transform: skew(45deg, 0deg);
	        transform: skew(45deg, 0deg);
	left: -27%;
}

.quality-top.left::before {
	background-position: 0% top;
	background-size:2000% auto;
}

.quality::before {
	background-position: right -2em;
}

.quality-top::before {
	background-position: 100% top;
	background-size:105.26% auto;
}


.quality h1 {
	padding: 1em 1em 1.2em;
	margin: 0;
	font-size: 3.9em;
}

.quality-top.left {
	width: 100%;
	float: none;
	top: 0;
	-webkit-transform: skew(45deg, 0deg);
	        transform: skew(45deg, 0deg);
	left: -27%;
}

.corner-overlay {
	background-color: rgba(3, 5, 50, 0.8);
	position: absolute;
	width: 100%;
	z-index: 10;
	height: 2em;
	-webkit-transform: skew(45deg, 0deg);
	        transform: skew(45deg, 0deg);
	left: -27%;
}

.quality-top-group {
    position: relative;
    height: 1.96em;
    z-index: 3;
}

.greece .image_container {
	width:60%;
}

.greece .bold_headline h1 {
	font-size: 1.5em;
}

.research-text h1 {
	font-size:1.95em;
}

.research-text p {
	font-size:1.69em;
}

.greece p {
	font-size: 1.3em;
	max-width: 37em;
}

.greece .big h1 {
	font-size: 1em;
}

.greece .bold_headline {
	padding-bottom: 3em;
}


.product_carousel .ce_inside_wrapper {
	position:relative;
}


.product_carousel .ce_inside_wrapper::before {
	background-image: url('../images/concrete_texture_v2.jpg');
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}


.cement_circle h1 {
	font-weight: 700;
}

.cement_circle a:hover, .product_carousel a, product_carousel a:hover, product_carousel a:visited, product_carousel a:active {
	color: #FFF;
}

.cement_circle img {
	max-width: 100%;
	height: auto;
}

.cement_circle .image_container {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.cement_circle p, .product_carousel .ce_inside_wrapper p {
	font-size: 1.2em;
	font-weight: 600;
}


.footer-left {
	padding-top:5em;
}

.footer-left img {
	margin-bottom:5em;
}

.location-info h3, .location-info h4 {
	font-weight: 700;
}

.stores p, .stores h4 {
	margin: 0;
	padding: 0;
}

.location-info p {
	font-size: 1.4em;
}

.stores .row > div {
	margin-bottom: 1em;
}

.social_wrapper h1 {
	font-weight: 700;
	font-size: 2.4em;
}

.social_wrapper a {
	font-size: 3em;
}

.footer-wrap a {
	color:#FFF;
}

.footer-wrap a:visited, .footer-wrap a:hover, .footer-wrap a:active {
	color:#FFF;
}

.HOTSoft_wrapper {
	font-size:1.2em;
	padding-top:8em;
	padding-bottom:3em;
}

.slider-control {
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.stores > h3, .factory h3 {
	border-bottom: 1px dotted rgba(255,255,255,0.5);
	padding-bottom: .5em;
	margin-left: 2em;
}

#srow_1_inside .nav.navbar-nav.lvl_1 {
	background-color: rgb(49, 85, 164);
}

article h1 {
	font-size: 3em;
	padding-top: 1em;
}

article .image_container.float_above, article .ce_image.block {
	padding-top: 2em;
	padding-bottom: 3em;
}

article p, article ul {
	font-size: 1.8em;
	max-width: 50em;
}

article a {
	font-size: 1.8em;
}

article p a {
	font-size: 1em;
}

article h4 {
	font-size: 2em;
	padding-top: 2em;
	padding-bottom: 1em;
	font-weight: 700;
}

.see_also {
	border-top: 1px solid rgba(0,0,0,0.2);
	margin-top: 6em;
}

/* Contact Form Css --START-- */
label {
	font-size: 1.8em;
	font-weight: 300;
	margin-top: 0.7em;
	margin-bottom: 0.4em;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	border-radius: 0;
	border: 1px solid #ccc;
	box-shadow: unset;
	font-size: 1.8em;
	padding: 0.5em;
	background-color: rgb(253,253,253);
	width: 100%;
	margin-top: 0.5em;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
	outline: 0;
	border-top-color: #3155a4;
	background-color:#FFF;
}
.form {
	padding: 3em 2em;
}
.form .invisible {
	display: none;
}
input[type="submit"], .button {
	display:inline-block;
	padding:1em;
	font-size:1.4em;
	/*background-color:#3155a4;*/
	border-radius:0.3rem;
	box-shadow: 0.4rem 0.7rem 0px 0px rgba(0,0,0,0.05);
	/*color:#3155a4;*/
	margin-top:1.5em;
	-webkit-transition:all 0.3s ease-out;
	/*transition:all 0.3s ease-out;*/
	text-decoration:none;
	margin-bottom:0.5em;
	border:0;
}
.contact-form .submit {
	width: 100%;
	font-size: 1.8em;
	transition:all 0.3s ease-out;
}

.captcha_text {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 1.8rem;
	color:#3155a4;
}
label {
	display: inline-block;
	margin-bottom: 0.5em;
	font-weight: 700;
	font-size: 1.8rem;
	margin-top: 1em;
	margin-right: 1.5em;
}
/* Contact Form Css --END-- */

/*large screens*/
@media (min-width:1367px){
	body {
		font-size:1.2rem;
	}
	#srow_5 {
	padding-left: 2%;
	padding-right: 2%;
}
}


/*tablets and PCs TVs*/
@media (min-width:768px){
	
	.product_headline h1{
		padding-left: 30%;
	}
	
	.quality.overlay-bg::before {
	background-size: 100% calc(100% + 2em);
}

	.logo_wrap {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
	.up_100{ margin-top:-100px;}
	.up_50{ margin-top:-50px;}
	.down_50{margin-bottom:-50px;}
	
	#srow_1{position:relative; padding-bottom:46.5%;}
	
	#srow_1_inside{ height:110px;padding-top:20px;}
	#srow_2{font-size:1.3em;}
	#mymenu{position:absolute; right:1em; top:2em; z-index:10}
	.navbar-nav > li > a{padding:.5em .7em;}
	.navbar-default .navbar-nav > li > a{color:#fff; font-weight:600;font-size: 1.4em;}
	.navbar-default{ background-color:transparent !important; border-color:transparent;}
	.navbar-header{ display:none;}
	
	#hero_logo{ /*! left: calc(100% / 2 - 37px); *//*! max-width: 50%; *//*! position: absolute; *//*! top: 43.5%; */ /*! width: 149px; *//*! z-index: 1; */}
	#hero_logo>img{ width:17%;}
	
	#headline1{	margin: 0 auto;max-width: 73%;transform: translateY(-50%);}
	#leaf{ position:absolute; top:-74px; background-image:url(../images/leaf.png); background-repeat:no-repeat;height:186px;left:99px; background-size:contain; width:87px;z-index: 5;}
	
	.cement_circle .ce_inside_wrapper{background-image:url(../images/concrete_texture_slider.jpg); border-radius:50%;width:340px; height:340px;}
	
	.big,.big h1{ font-size:39px;font-family:'Open Sans',sans-serif; font-weight:300; margin-bottom: 10px;}
	.medium,.medium h1{font-size:34px;font-family:'Open Sans',sans-serif; font-weight:300;}
	
	#triangle-up {border-bottom: 60px solid #526EA6; border-left: 80px solid transparent;border-right:0 none;height: 0;width:0;position:absolute;right:0;top:-60px;}
	#trapezoid{ position:absolute;left:20%; bottom:0;}
	#trapezoid {border-bottom: 100px solid white;border-left: 130px solid transparent;border-right: 0px solid transparent;height: 0;width: 80%;}	
	#trapezoid h1 {
	font-size: 3.6em;
	z-index: 5;
	padding-top: .5em;
}
	#shape_small{ background-image: url("../images/logo_shape_small_white.png");bottom: 99px;height: 10em;position: absolute;right: 0;width: 15em;background-size: 15em 10em;background-position: right 2em;background-repeat: no-repeat;}

	#srow_3 .product_headline{ position:relative; top:-100px;}
	.product_carousel .ce_inside_wrapper{/*!  */display:inline-block;width:340px;height:340px;border-radius:50%; overflow:visible;background-color: rgba(10,60,10,0.6);}
	.product_carousel .ce_mask{ position:relative;top:-50px;}
	.slider-control{ position:inherit !important;}
	.slider-control .slider-menu{ top:100%; z-index:1;padding-top: 0.7em;}
	.slider-control .slider-menu b.active{ background-color:#EA4148; /*!  */color: transparent;}
	.product_carousel .slider-next{ position:absolute; top:35%; color:#E94147;font-size:36px}
	.product_carousel .slider-prev{position:absolute;top:35%;color:#E94147; font-size:36px}



	#srow_3{ padding-bottom:130px; position:relative;}

	#trapezoid2{ position:absolute;right:44%; bottom:0;}
	#trapezoid2 {border-bottom: 75px solid #F0F0F0;border-right: 170px solid transparent;border-left: 0px solid transparent;height: 0;width: 56%;}
	
	#trapezoid3{ position:absolute;left:10%; bottom:0;}
	#trapezoid3{border-bottom: 140px solid #212121;border-left: 170px solid transparent;border-right: 0px solid transparent;height: 0;width: 90%;}
	#footer_logο{ position:absolute; left:60px; bottom:60px;}
	#footer_logο>img{ max-width:100%; height:auto;}
	
}
/*mobile vertical-horizontal*/
@media (max-width:767px){
	
	.greece .big h1, .product_headline h1, .research.container > h1 {
font-size: 3rem;
}
	
.slider-wrapper .ce_mask {
	position: relative;
	top: -4em;
	margin-top: 4em;
}	

.product_carousel {
	margin-bottom: 10em;
}

#trapezoid2 {
	display: none;
}

#srow_3 {
	padding-bottom: 8em;
}

#srow_4 {
	padding-top: 3em;
}

.text-right {
	text-align:left;
}

.quality h1 {
	font-size: 2em;
}
	#srow_1{position:relative; padding-bottom:50%;}	
	#srow_1_inside{}

	#mymenu{position:absolute; right:0px; top:0px; width:100%; z-index:10}	
	.navbar{ margin-bottom:0;}
	.navbar-default .navbar-toggle{border-color:#274594;}
	.navbar-toggle{background-color:#274594;}
	.navbar-default .navbar-toggle .icon-bar{ background-color:#FFF;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#FFF;}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color:#274594;}
	
	#srow_1_inside .navbar-brand{ background-image:url(../images/logo.png);background-repeat:no-repeat; background-size:contain; background-position:center; width:55px;}
	#srow_4 img{ max-width:100%; height:auto;}	
	.big{ font-size:20px;}
	#srow_1_inside #hero_logo{ display:none;}
	
	#hero_logo{ position:absolute; z-index:10;left:10px; width:20%; max-height:50px;}
	#hero_logo>img{ max-height:50px;}
	#headline1{top:-20px;}
	#headline1>h1{ display:inline-block; clear:right; font-size:1.3em;}
	#leaf{background-size: contain;display: inline-block;float: left;height: 90px;position: absolute;top: -47px;width: 50px;z-index:5;/*!  */left: calc(50% - 25px);}
	
	.slider-control a, .slider-control .slider-menu{}
	.slider-control .slider-menu{ z-index:1;}
	.slider-control .slider-menu b.active{ background-color:#EA4148; color:transparent;}
	.product_carousel .slider-next{ position:absolute; top:35%; color:#E94147; font-size:40px;}
	.product_carousel .slider-prev{position:absolute;top:35%;color:#E94147; font-size:40px;}
	
	#trapezoid{background-color: #fff;bottom: 0;display: block;position: absolute;width: 100%;z-index: 1;}
	#trapezoid h1{ font-size:26px;}
	#trapezoid2{ background-color:#f0f0f0;position:relative; padding-bottom:10px;}
	#trapezoid2 h1{ background-color:#f0f0f0; font-size:36px; text-align:center;}

	#srow_3 .product_headline{}
	.product_headline h1{padding-bottom: 2em;}
	
	#srow_4 .ce_text{}
	
	.product_carousel .ce_inside_wrapper {
	background-color: rgba(10,60,10,0.6);
	border-radius:50%;
}
	#footer_logο{ position:absolute;padding-bottom:6px; bottom:5px;left:30px;}
	#footer_logο>img{ max-width:100%; height:auto;}
	
	.slider-control .slider-menu {
	top: 100%;
	z-index: 1;
	padding-top: 0.7em;
}

.stores > h3, .factory h3 {
	margin-left: 0;
}

#srow_1_inside .navbar-default .navbar-nav > li > a {
	color: #FFF;
}

#mymenu .navbar-default .navbar-nav > li > a {
	font-size: 1.2em;
	padding-bottom: 1em;
	padding-top: 1em;
}

#srow_1_inside .navbar-default .navbar-nav > li > a:hover {
	color: #428bca;
}

#srow_1_inside .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

#srow_1_inside .navbar {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-top: 8px;
}

}

/* TABLETS ANDROID 7 to 9  */
/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px)
  and (orientation: landscape) {

}

/*apple IPADS 1,2,3,4*/
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	  
#srow_1 {
	position: relative;
	padding-bottom: 70.5%;
}
	  
}
/* landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
	  
}
/* TABLETS ANDROID 10+  */ 
/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}