

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/************************************************
***************   Global   **********************
*************************************************/
html{
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	/* padding-bottom: 20px; */
}
img{
	opacity: 1 !important;
}

hr {
	margin-top:10px;
	margin-bottom: 0;
}
#mainbody{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	/* font-family: 'Didact Gothic', sans-serif; */
	/* font-family: 'Comfortaa', cursive; */
	/*font-family: "Open Sans", "Helvetica Neue", sans-serif;	font-weight: 400;*/
	text-rendering: optimizeLegibility;
	padding: 0 15px;
}
.container{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	/* font-family: 'Didact Gothic', sans-serif; */
	/* font-family: 'Comfortaa', cursive; */
	/*font-family: "Open Sans", "Helvetica Neue", sans-serif; font-weight: 400;*/
	text-rendering: optimizeLegibility;
}

::selection {
	/* background: rgba(214, 0, 0, 1); */ /* Safari, Chrome */
	background: #a80532;
	color: #fff;
	}
::-moz-selection {
	background: #a80532; /* Firefox */
	color: #fff;
}

*{
	outline: none;
}

iframe{
	width:100%; 
	height:100%; 
	border: none; 
	margin-left: 2.3em; 
	padding-right: 1.7em;
}

#colorbox iframe{
	margin-left: 0;
	padding-right: 0;
}

.page-content iframe{
	box-shadow: 0px 0px 5px #666;
}

.errorMessage, span.required, .errorSummary{
	color: #D60000;
}

#lang-popup img, #lang-selector img{
	vertical-align: initial;
}

#company-subnav{
	display: none;
	position: absolute;
	top: -.2em;
	left: 18.5em;
	z-index: 2;
	width: 116%;
	background-color: #FFF;
	border: 1px solid #666;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav #company-subnav li{
	border-bottom: none;
	line-height: 3em;
	
}

#nav #company-subnav li a{
	padding: .2em .6em .2em 1.2em;
}

#company-menu-item{
	position: relative;
}

li#company-menu-item li a:hover {
	background-color: #0089D6;
	color: #FFF;
	text-decoration: none;
}

#partner-subnav{
	display: none;
	position: absolute;
	top: -.2em;
	left: 18.5em;
	z-index: 2;
	width: 116%;
	background-color: #FFF;
	border: 1px solid #666;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav #partner-subnav li{
	border-bottom: none;
	line-height: 3em;
	
}

#nav #partner-subnav li a{
	padding: .2em .6em .2em 1.2em;
}

#nav #partner-menu-item{
	position: relative;
	border-top: 0;
	border-bottom: 0;
}

#nav #partner-menu-item>a{
	background-color: #D60000;
	color: #fff;
	margin-left: -1em;
	padding-left: 1em;
}

li#company-menu-item li a:hover, li#partner-menu-item li a:hover {
	background-color: #0089D6;
	color: #FFF;
	text-decoration: none;
}

.right-caret {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #000000;
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
    position: absolute;
	left: 18em;
	top: 1.4em;
}

#partner-menu-item .right-caret{
	border-left: 4px solid #fff;
}

.panel{
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: arial, sans-serif;
}

.panel.order-post{
	position: relative;
}

.panel .orderstatus{
	width: 79px;
	height: 94px;
	position: absolute;
	top: 4em;
	left: 1em;
}

#order-view .panel .orderstatus{
	width: 117px;
	height: 107px;
	position: absolute;
	top: 4em;
	left: 1em;
}

#documents .well:hover{
	background-color: #807474;
	color: #fff;
	text-shadow: 2px 2px 2px #333;
}

#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom: 5rem;
    right:.75rem;
    overflow:hidden;
    width:43px;
    height:43px;
    border:none;
    z-index:100;
}

#toTopHover {
    display:block;
    overflow:hidden;
    float:left;
}

#toTop:active,#toTop:focus {
    outline:none;
}

.media a{
	position: relative;
}

.media a span.glyphicon.glyphicon-search{
	display: none;
}

.media a:hover span.glyphicon.glyphicon-search{
	display: block;
	position: absolute;
	top: inherit;
	bottom: .5em;
	right: .5em;
}

ul#languages{
	list-style-type: none;
}
ul#languages li{
	display: inline;
}
ul#languages li a{
	text-decoration: none;
}

/************************************************
***************   Header   **********************
*************************************************/

#topbar{
	margin-top: 1em;
	position: relative;
}
#logo{
	padding:0 1em 1em 1em;
	display: inline;
	width: 230px;
}
#logo-big{
	width:70%
}
blockquote#slogan{
	margin-bottom:10px;
	margin-left: -.9em;
	padding-left: .5em
}
blockquote#slogan p{
	font-size: 1em;
	font-weight: 300;
	color: #E2152E;
	line-height: 1;
	/* text-transform: capitalize; */
	text-shadow: -1px 1px 1px #AAA;
}
#fb-logo, #tw-logo{
	padding:2.5em 1em 0 0;
	height:23px;
}
#lang-selector{
	margin-top: 1.5em;
	padding: 0;
	font-size: 1.1em;
	text-transform: uppercase;
}
#home #lang-selector{
	margin-top: .5em;
}
.caret{
	vertical-align: 4px;
}
#lang-selector{
	
}
ul#lang-popup{
	position: absolute;
	list-style: none;
	top: 4.3em;
	right: 6%;
	border: 2px solid #666;
	z-index: 10;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}
#home ul#lang-popup{
	top: 3.5em;
}
ul#lang-popup li a{
	padding: .4em 2.3em .4em 1.2em;
	display: block;
	color: #000;
	font-size: 1.3em;
}
ul#lang-popup li a:hover{
	background-color: #0089D6;
	color: #FFF;
	text-decoration: none;
}
ul#lang-popup{
	display: none;
}

#social-icons-container{
	margin-top: 1.4em;
}
#social-icons-container .fa{
	color: #1381ba;
	margin-left: .3em;
}
#home #social-icons-container{
margin-top: .5em;
}


/************************************************
***************   Content   *********************
*************************************************/

#content #fifth{
	background-image: url("../img/hatzopoulos.jpg");
	background-repeat: no-repeat;
	background-position: 44% 37%;
	background-size: contain;
}
#content #second{
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-position: 50% 15%;
	background-size: 250px;
}
#home #content a#video{
	position: absolute;
	top: 38%;
	left: 41%;
	outline: none;
}
#content img#new-additions{
	position: relative;
	top: 22%;
	left: 16%;
}
#content img#new-additions.img-responsive {
max-width: 75%;
}
#content.home-content .row div{
	text-align: center;
}
#content .row #first span, #content .row #second span, #content .row #third span{
	font-size: 2.4em;
	color: white;
	position: absolute;
	font-weight: 100;
	text-transform: uppercase;
	top: 50%;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	left: 0;
}

#content .row #news-header{
	font-weight: 600;
}

#play{
	-webkit-filter: drop-shadow(-2px 2px 3px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-2, OffY=2, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-2, OffY=2, Color='#444')";
}

#content .row #fourth span, #content .row #fifth span{
	font-size: 2.4em;
	color: white;
	position: relative;
	top: 50%;
	font-weight: 100;
	text-transform: uppercase;
}

#content .row #fifth span{
	font-size: 1.9em;
	color: #d60000;
	position: relative;
	top: 66%;
	font-weight: 300;
	text-transform: uppercase;
}

#content .row #second span, #profile-popup span{
	color: #D60000;
}

#profile-popup{
	margin: 3em auto 0;
	text-align: center;
	width: 45%;
}
#profile-popup #logo-popup{
	width: 25%;
	position: relative;
	margin-bottom: 1em;
}
#profile-popup span{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

#content .row #first, #content .row #second, #content .row #third, 
#content .row #fourth, #content .row #fifth{
	padding: 0;
} 
#content .row #first a, #content .row #second a, #content .row #third a, 
#content .row #fourth a, #content .row #fifth a{
	padding: 0;
} 

#content .row #first{
	background-color: #000000;
	min-height: 250px;
}
#content .row #second{
	min-height: 250px;
}
#content .row #second span{
	color: #D60000;
	min-height: 250px;
}
#content .row #third{
	background-color: #D60000;
	min-height: 250px;
}
#content .row #fourth{
	background-color: #818181;
	min-height: 250px;
}
#content .row #fifth{
	min-height: 250px;
}
#content .row #sixth{
	background-color: #FC591A;
	min-height: 250px;
}

#content .row #first a, #content .row #second a, #content .row #third a, #content .row #fourth a{

}

#content .row a.link{
	color: #FFF;
	padding: .4em 1.5em;
	font-size: .9em;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	/* position: relative; */
	top:0%;
	text-transform: uppercase;
}
#content .row #second a.link{
	color: #D60000;
}
#content .row a.link:hover{
	text-decoration: none;
	color: #D60000;
}

#content .row #fourth a.link:hover{
	text-decoration: none;
	color: #000;
}

#content .row #second:hover a.link, 
#content .row #third:hover a.link, 
#content .row #fourth:hover a.link, 
#content .row #first:hover a.link{

}


/************************************************
*******************   Home   ********************
*************************************************/

#addedvalue-slider{
	position: absolute;
	margin: 0;
	width: 100%;
	bottom: 1em;
}
#addedvalue-slider .panel_container{
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 65px;
	clear: both;
	font-size: .9em;
}
#addedvalue-slider .panel_slider{
	width: 100%;
	position: absolute;
}
#addedvalue-slider .panel{
	width: 100%;
	position: absolute;
	border: none;
	background-color: transparent;
}
#addedvalue-slider .panel-content{
	padding: 0;
	position: relative;
	text-align: center;
	padding-left: 2em;
}
#addedvalue-slider .panel-content h3{
	font-family: Comfortaa, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	color: #FFF;
	text-transform: uppercase;
}
#addedvalue-slider .post_date{
	float: left;
	font-family: Arial, sans-serif;
	font-size: .8em;
	color: #fff;
}
#addedvalue-slider .panel-content p{
	font-size: 1em;
	font-weight: 300;
	text-align: left;
	clear: both;
	margin-top: 3em;
	color: #FFF;
}





#company-slider{
	position: absolute;
	margin: 0;
	width: 100%;
	bottom: 1em;
}
#company-slider .panel_container{
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 65px;
	clear: both;
	font-size: .9em;
}
#company-slider .panel_slider{
	width: 100%;
	position: absolute;
}
#company-slider .panel{
	width: 100%;
	position: absolute;
	border: none;
	background-color: transparent;
}
#company-slider .panel-content{
	padding: 0;
	position: relative;
	text-align: center;
	padding-left: 2em;
}
#company-slider .panel-content h3{
	font-family: Comfortaa, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	color: #000;
	text-transform: uppercase;
}
#company-slider .post_date{
	float: left;
	font-family: Arial, sans-serif;
	font-size: .8em;
	color: #fff;
}
#company-slider .panel-content p{
	font-size: 1em;
	font-weight: 300;
	text-align: left;
	clear: both;
	margin-top: 3em;
	color: #FFF;
}

#products-slider{
	position: absolute;
	margin: 0;
	width: 100%;
	bottom: 1em;
}
#products-slider .panel_container{
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 65px;
	clear: both;
	font-size: .9em;
}
#products-slider .panel_slider{
	width: 100%;
	position: absolute;
}
#products-slider .panel{
	width: 100%;
	position: absolute;
	border: none;
	background-color: transparent;
}
#products-slider .panel-content{
	padding: 0;
	position: relative;
	text-align: center;
	padding-left: 2em;
}
#products-slider .panel-content h3{
	font-family: Comfortaa, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	color: #FFF;
	text-transform: uppercase;
}
#products-slider .post_date{
	float: left;
	font-family: Arial, sans-serif;
	font-size: .8em;
	color: #fff;
}
#products-slider .panel-content p{
	font-size: 1em;
	font-weight: 300;
	text-align: left;
	clear: both;
	margin-top: 3em;
	color: #FFF;
}




#production-slider{
	position: absolute;
	margin: 0;
	width: 100%;
	bottom: 1em;
}
#production-slider .panel_container{
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 65px;
	clear: both;
	font-size: .9em;
}
#production-slider .panel_slider{
	width: 100%;
	position: absolute;
}
#production-slider .panel{
	width: 100%;
	position: absolute;
	border: none;
	background-color: transparent;
}
#production-slider .panel-content{
	padding: 0;
	position: relative;
	text-align: center;
	padding-left: 2em;
}
#production-slider .panel-content h3{
	font-family: Comfortaa, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	color: #FFF;
	text-transform: uppercase;
}
#production-slider .post_date{
	float: left;
	font-family: Arial, sans-serif;
	font-size: .8em;
	color: #fff;
}
#production-slider .panel-content p{
	font-size: 1em;
	font-weight: 300;
	text-align: left;
	clear: both;
	margin-top: 3em;
	color: #FFF;
}





#news-header{
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-size: 1.9em;
	font-weight: 300;
	float:left;
	margin-top: .5em;
}

#news-slider{
	position: relative;
	margin: 0;
}
#news-slider .panel_container{
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 265px;
	clear: both;	
}
#news-slider .panel_slider{
	width: 100%;
	position: absolute;
}
#news-slider .panel{
	width: 100%;
	position: absolute;
	border: none;
	background-color: transparent;
}
#news-slider .panel-content{
	padding: 0;
	position: relative;
	text-align: center;
	padding-left: 2em;
}
#news-slider .panel-content h3{
	font-family: Comfortaa, sans-serif;
	text-align: left;
	font-weight: lighter;
	font-size: 1.3em;
	color: #FFF;
	text-transform: uppercase;
}
#news-slider .post_date{
	float: left;
	font-family: Arial, sans-serif;
	font-size: .8em;
	color: #fff;
	width: 100%;
	text-align: left;
}
#news-slider .panel-content p{
	font-size: 1em;
	font-weight: 300;
	text-align: left;
	clear: both;
	margin-top: 3em;
	color: #FFF;
}


#sixth #arrow-nav{
	text-align: left;
}

#sixth a{
	color: #FFF;
	display: block;
	position: relative;
	z-index: 1;
}
#sixth a:hover{
	text-shadow: 0px 0px 1px #FFF;
	text-decoration: none;
}

#sixth #arrow-nav .right-arrow{
	position: absolute;
	width: 21px;
	height: 40px;
	top: 1em;
	right: 3em;
	cursor: pointer;
	z-index: 1;
}

#sixth #arrow-nav .left-arrow{
	position: absolute;
	width: 21px;
	height: 40px;
	top: 1em;
	right: 5.5em;
	cursor: pointer;
	z-index: 1;
}

#sixth #arrow-nav .right-arrow::before{
	content: '';
	position: absolute;
	width: 100%;
	top: 30%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sixth #arrow-nav .right-arrow::after{
	content: '';
	position: absolute;
	width: 100%;
	top: 65%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#sixth #arrow-nav .left-arrow::before{
	content: '';
	position: absolute;
	width: 100%;
	top: 30%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#sixth #arrow-nav .left-arrow::after{
	content: '';
	position: absolute;
	width: 100%;
	top: 65%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sixth #arrow-nav .left-arrow:hover::after, #sixth #arrow-nav .right-arrow:hover::after, 
#sixth #arrow-nav .left-arrow:hover::before, #sixth #arrow-nav .right-arrow:hover::before{
	background: #D60000;
}



/************************************************
**   Products/Production/Added Value Content   **
*************************************************/

#right-deco{
	position: absolute;
	right: 0;
	top: 0em;
	width: 20%;
	/* height: 100%; */
}
#right-deco span#first-line{
	border-bottom: 5px solid #EBEBEB;
	position: relative;
	top: 3.2em;
	width: 100%;
	right: 0;
	display: block;
}
#right-deco span#second-line{
	border-bottom: 7.25em solid #EBEBEB;
	position: relative;
	top: 6.8em;
	width: 100%;
	right: 0;
	display: block;
}
#right-deco span#third-line{
	border-bottom: 3px solid #EBEBEB;
	position: relative;
	top: 25em;
	width: 100%;
	right: 0;
	display: block;
}
#right-deco span#fourth-line{
	border-bottom: 3px solid #EBEBEB;
	position: relative;
	top: 28em;
	width: 100%;
	right: 0;
	display: block;
}

#maincontent{
	margin-top: 1.7em;
	background-color: #fff;
	min-height: 40em;
}

#maincontent .topmenu{
	margin-top:-3.2em;
	overflow: hidden;
	max-height: 16em;
}

#maincontent h1{
	text-align: left;
	margin-top: 10px;
}
#maincontent p{
	text-align: justify;
}

#container-fluid #maincontent .row-fluid{
	text-align: left;
}

.page-title{
	font-weight: 300;
	font-size: 5em;
	text-transform: capitalize;
	padding-left: .7em;
	color: #000;
	position: relative;
	z-index: 1;
	background: #FFF;
	top: 21px;
	min-height: 1em;
	white-space: nowrap;
}

#news .page-title{
	min-height: 2em;
	top: .4em;
}

#news .topmenu {
max-height: 10em;
border-bottom: 3px solid #fff;
}

#news ul#page-nav{
	list-style-type: none;
	overflow: hidden;
	background: #EBEBEB;
	min-height: 12em;
	position: relative;
	top: 4em;
}
#news ul#page-nav li {
	background-color: #EBEBEB;
	height: 6em;
	margin-top: 0em;
	padding: 0.5em 0 0 0;
	position: relative;
	border-left: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
#news ul#page-nav li:hover, #news ul#page-nav li.active{
	background-color: #D60000;
	margin-top: 0em;
	height: 6em;
	padding-top: 0.5em;
	color:#fff;
}

#news ul#page-nav li.active a{
	color:#fff;
}

#news ul#page-nav a span{
	font-family: arial;
	float: right;
	font-size: .8em;
	text-transform: capitalize;
	position: absolute;
	bottom: 0em;
	right: 1em;
}

#news ul#page-nav li a{
	color: #e83a34;
	font-size: 12px;
	font-weight: 500;
	display: block;
	padding: 0em .5em;
	padding-left: 15px;
	height: 100%;
	background-image: url("../img/newsletter.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position-y: 85%;
	background-position-x: 2%;
}
#news ul#page-nav li a:hover{
	color: #fff;
	background-image: url("../img/newsletter-white.png");
}


ul#page-nav{
	list-style-type: none;
	overflow: hidden;
	background: #EBEBEB;
	min-height: 12em;
	position: relative;
	top: -8em;
}
ul#page-nav li{
	float: left;
	text-transform: uppercase;
	
	transition: background-color 0.3s ease-out; 
    -webkit-transition: background-color 0.3s ease-out; 
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
	
	background-color: #1A1A1A;
	color: #FFF;
	height: 13.7em;
	text-align: center;
	line-height: 1.8em;
	font-weight: 300;
	margin-top: 3em;
	position: relative;
	z-index: 0;
	padding: 8.5em 0 0 0;
}
ul#page-nav li a{
	color: #fff;
	display: block;
	padding: 0 .5em;
	height:100%;
}
ul#page-nav li a:hover{
	text-decoration: none;
}
ul#page-nav li:hover, ul#page-nav li.active{
	background-color: #D60000;
	margin-top: 0em;
	height: 16.7em;
	padding-top: 11.5em;
}

#subtext{
	margin-left: 1.6em;
	margin-top: 0;
	width: 98%;
	line-height: 1.6em;
	color: #616161;
	font-size: 1.1em;
}
#subtext blockquote{
	padding: 5px 15px;
	margin: 1em 0 0 0;
	font-size: 13px;
	border-left: 4px solid #EEE;
}

#subtext.loading{
	color: #ccc;
}

#subcategories{
	margin-left: 1.7em;
	margin-top: 1em;
	width: 98%;
	line-height: 1.8em;
}
#subcategories a{
	text-transform: capitalize;
	margin-right: .3em;
	border-right: 1px solid #BEBEBE;
	padding-right: .5em;
}
#subcategories a:last-child{
	margin-right: 0;
	border-right: none;
	padding-right: 0;
}
#subcategories a:hover{
	text-decoration: none;
	color: #D60000;
}
#subcategories a.active{
	color: #D60000;
}

#subcategories.loading a{
	color: #ccc;
}

#subcategories a{
	color: black;
}

/************************************************
***************   News Content   ****************
*************************************************/

.news{
	margin: 1em 0 2em 1.7em;
	width: 90%;
}

#news_posts{
	min-height: 100px;
}

#news_posts .post{
	clear:both;
	margin-top: 1em;
}

#news_posts.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: top;
}

#news_posts.loading h1 a{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
}

#news_posts h1, #page_posts h1{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
}
#news_posts a{
	color: #D60000;
}

#news_posts a, #news_posts a:link, #news_posts a:active, #news_posts a:visited, #newsletter-page .page-content a {
     transition: color 0.3s ease-out; 
     -webkit-transition: color 0.3s ease-out; 
     -moz-transition: color 0.3s ease-out;
     -ms-transition: color 0.3s ease-out;
     -o-transition: color 0.3s ease-out;
     color: #e83a34;
}

#news_posts a:hover{
	color: #333;
	text-decoration: none;
}

#news_posts img{
	/* float: left; */
	margin-right:1em;
}

#news_posts .post_content{
	margin-top: .8em;
	overflow: hidden;
	text-align: justify;
	margin-bottom: 2em;
}

#news_posts .post_date, #page_posts .post_date, #newsletter-side .post_date{
	font-family: tahoma;
	font-size: .8em;
	color: #919191;
}

#news_posts .read_more{
	color: #D60000;
	text-transform: capitalize;
	float: right;
	margin-top: 1em;
}

#post_image{
	position: absolute;
	top: -19em;
	left: 22em;
	padding-right: 1em;
}
#post_image img{
	box-shadow: 3px 2px 6px #333;
}

.search{
	position: absolute;
	top: 3em;
	right: 0px;
	z-index: 1;
}

span#search-result{
	color: #C03200;
	padding-bottom: 1px;
	border-bottom: 1px solid #C03200;
}

.search .search-field {
	background: none;
	border: 0;
	border-bottom: 2px solid #737373;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	vertical-align: bottom;
	width: 17em;
	position: relative;
	top: -2px;
	padding: 3px 6px;
	color: #CC3C09;
	outline: 0;
}

#search-form{
	position: relative;
	right: 2em;
}

#ajaxSubmitBtn{
	font-size: .8em;
}

#newsletter-side{
	position: relative;
	z-index: 2;
	text-align: right;
	height: 100%;
}

#newsletter-side ul{
	margin: 0 1em 0 2em;
	padding: 0;
	list-style-type: none;
	position: absolute;
	bottom: 0;
}
#newsletter-side ul li{
	margin-bottom: 1em;
}

#newsletter-side a{
	color: #D60000;
}

#newsletter-side a, #newsletter-side a:link, #newsletter-side a:active, #newsletter-side a:visited {
     transition: color 0.3s ease-out; 
     -webkit-transition: color 0.3s ease-out; 
     -moz-transition: color 0.3s ease-out;
     -ms-transition: color 0.3s ease-out;
     -o-transition: color 0.3s ease-out;
     color: #D60000; 
}

#newsletter-side a:hover{
	color: #333;
	text-decoration: none;
}

#newsletter-side.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
}


#news_pagination{
	text-align: center;
}

@media screen
.screen-reader {
	position: absolute;
	top: -9999px;
	left: -9999px;
}


/************************************************
*************   Newsletter Content   ************
*************************************************/

#news_posts h2{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 2em;
}

#feedback-link{
	float: right;
}


/************************************************
*************   Products Content   **************
*************************************************/

.products{
	margin: 0 0 2em 1.7em;
	width: 90%;
}

.products div{
	margin-top: 0em;
}

#product_posts{
	min-height: 100px;
}

#product_posts .post{
	margin-top: 0;
}

#product_posts.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#vocabulary{
	margin-left: 0;
}

#addedvalue_posts hr{
	margin-bottom:10px;
}

#addedvalue_posts a h1{
	color: #000;
}
#addedvalue_posts a:hover{
	text-decoration: none;
}

.letter{
	margin-left:2px;
	margin-bottom:2px;
	padding: .5em 0;
	background: rgba(26, 26, 26, 0.5);
	
	transition: background 0.3s ease-out; 
    -webkit-transition: background 0.3s ease-out; 
    -moz-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
	
	color: #fff;
	font-weight:bold;
	text-align: center;
	cursor: pointer;
}

.letter:hover{
	background: #D60000;
	color: #fff;
	text-decoration: none;
}

#product_posts .post{
	clear: both;
}

.products h1{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
	margin-bottom: .5em;
}
.products a{
	color: #000;
}

.products img{
	float: left;
	width: 200px;
}


/************************************************
***********   Production Content   **************
*************************************************/

#production ul#page-nav li{
	/* width: 20%; */
	/* line-height: 3.5em; */
}

.production{
	margin: 0 0 2em 1.7em;
	width: 90%;
}

.production div{
	margin-top: 0em;
}

#production_posts{
	min-height: 100px;
}

#production_posts.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#production_posts .post{
	clear: both;
}

.production h1{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
	margin-bottom: .5em;
}
.production a{
	color: #000;
}

.production img{
	float: left;
	width: 200px;
	margin-right:1em;
}

/************************************************
***********   Added Value Content   *************
*************************************************/

#addedvalue ul#page-nav li{

	/* width: 20%; */
	line-height: 1.5em;
}

.addedvalue{
	margin: 0 0 2em 1.7em;
	width: 90%;
}

.addedvalue div{
	margin-top: 0;
}

#addedvalue_posts{
	min-height: 100px;
}

#addedvalue_posts.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#addedvalue_posts .post{
	clear: both;
}

.addedvalue h1{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
}


.addedvalue img{
	width: 200px;
}

.certificate{
	float:left;
	margin-right:1em;
}


/************************************************
****************   Contact Us   *****************
*************************************************/

#contactus ul#page-nav li{
	/* width: 33.3%; */
	line-height: 3.5em;
}

#contactus h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
}

#contactus .buttons.form-group{
	width: 28%;
	margin-left: 54%;
}

#contact_form {
	min-height: 100px;
	margin: 1em 0 2em 1.7em;
	width: 90%;
}

#contact_form.loading{
		color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#findus {
min-height: 100px;
margin: 4em 0 2em 2.7em;
width: 90%;
}

/************************************************
**************  Office Locations  ***************
*************************************************/

#offices-map{
	
}

#map-popup-container{
	display: none;
}

#contactus .popover{
	max-width: 600px;
}

#belgium-office, #france-office, #greece-office, #uk-office, #serbia-office, #bulgaria-office, #germany-office{
	width:6%;
	height:6%;
	display: block;
	position: absolute;
	z-index: 1;
}
a.flag{
	display:block;
	width: 50px;
	height: 50px;
}

.office_contact_info ul{
	list-style-type: none;
	padding: 0;
}

.office_contact_info li{
	float:left;
	margin-right: 1em;
}

.map-popup{
	background-size: 500px;
	background-repeat: no-repeat;
	width: 500px;
	padding: 25px;
	height: 325px;
	font-size: 1.2em;
}
.map-popup div{
	background-color: #fff;
	opacity: 0.8;
	display: block;
	padding: .4em;
	height: 275px;
}
.map-popup h3{
	font-size: 1em;
	color: #F00;
	font-weight: bold;
	margin: .2em 0 .3em 0;
}
.map-popup p{
	opacity: 1;
}

.map-popup ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.map-popup ul h3{
	color: #F00;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

.map-popup li{
	float: left;
}

/************************************************
****************   Feedback   *******************
*************************************************/

#feedback #right-deco{
	display: none;
}

#feedback .buttons.form-group{
	width: 28%;
	margin-left: 54%;
}

/************************************************
******************   Pages   ********************
*************************************************/

.pages{
	margin: 1em 0 1em 1.7em;
}
.page-content{
	line-height: 1.7em;
	text-align: justify;
}

.page-content img{
	/* margin-left: -2.8em;
	margin-top: 0em; */
}

#page_image {
	position: absolute;
	top: 0em;
	left: 21.4em;
	width: 69%;
	height: 20.6em;
}

#page_post{
	min-height: 2em;
}
.page-content #page_post.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

#responsibility-nav{
list-style: none;
overflow: hidden;
padding: 0;
}
#responsibility-nav li{
float: left;
margin-right: .5em;
padding-right: .5em;
border-right: 1px solid #BEBEBE;
}
#responsibility-nav li:last-child{
border-right: none;
}
#responsibility-nav li a{
	color: #000
}
#responsibility-nav li a.active{
	color: #D60000
}
#responsibility-nav li a:hover{
	color: #D60000;
	text-decoration: none;
}

#csr_policy{
	margin-left: 0;
}

#accordion {
    list-style: none;
    padding: 0;
    width: 80%;
}
#accordion div.accordion-heading {
	
	background-color: #F3F3F3;
	color: #606060;
	font-weight: 400;
	border: 1px solid #D9D9D9;
	border-width: 0 0 0 1px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    cursor: pointer;
    margin-bottom: 4px;
}

#accordion div.accordion-heading.open {
	background-color: #EDF3F7;
	color: #6EA6CC;
	font-weight: 700;
	border: 2px solid #6EAED1;
	border-width: 0 0 0 2px;
	
}
#accordion div.accordion-heading.open:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f078";
}

#accordion div.accordion-heading:hover {
background-color: #F6F6F6;
color: #438EB9;
text-decoration: none;
}

#accordion div.accordion-heading span {
	padding-left: 15px;
}

#accordion div.accordion-heading:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    content: "\f054";
}

#accordion .accordion-content .accordion-inner .accordion-heading{
	color: #438EB9;
	font-weight: 400;
	border-width: 0 0 0 1px;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	cursor: pointer;
	margin-bottom: 0px;
	background-color: #FFF;
	border: none;
}

#accordion .accordion-content .accordion-inner .accordion-inner{
	padding: 0 1em;
}

#accordion .accordion-inner{
	margin-bottom: 1em;
}
#accordion .accordion-content .accordion-inner.collapsed{
	background-color: #F3F3F3;
	color: #606060;
	font-weight: 400;
	border-width: 0 0 0 1px;
	border-color: #D9D9D9;
}

#accordion ul {
    list-style: none;
    padding: 0 0 0 0;
}
#accordion .accordion-content{
    display: none;
    padding: 9px 15px;
}
#accordion ul li {
    font-weight: normal;
    cursor: auto;
    background-color: #fff;
    padding: 0 0 0 7px;
}
#accordion a {
    text-decoration: none;
}
#accordion a:hover {
    text-decoration: underline;
}

#accordion table{
	width: 70%;
}
#accordion table tr td:first-child{
	width: 25%;
}

#accordion .awards-pdf{
	background-image: url("../img/newsletter.png");
	background-position: 0px 6px;
	background-size: 16px;
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
	clear: both;
}

.page-content #accordion img{
	margin: 1em 0 1em 1em
}

#accordion li .accordion-inner a{
	/* margin-left: 1em; */
}




/************************************************
******************   Career   *******************
*************************************************/

#career ul#page-nav li {
/* width: 33.3%; */
line-height: 3.5em;
}

.career-page {
margin: 1em 0 2em 1.7em;
width: 90%;
}

#career-page{
	min-height: 100px;
}

#career-page.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}


/************************************************
***************   History   *********************
*************************************************/

#history-page #maincontent{
	padding-left: 0;
}

#history-page .page-title{
    font-size: 4em;
	top: 1.3em;
	min-height: 2.7em;
	margin-left: .3em;
	padding-left: .4em;
}

#history-nav{
	list-style-type: none;
	overflow: hidden;
	position: absolute;
	top: -3.2em;
	z-index: 2;
	right: 1em;
}

#history-nav li{
	float: left;
	height: 5.1em;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-weight: 700;
	margin-right: .2em;
	position: relative;
	z-index: 0;
	padding: 1.3em 0 0 0;
	
	transition: border-top 0.3s ease-out; 
    -webkit-transition: border-top 0.3s ease-out; 
    -moz-transition: border-top 0.3s ease-out;
    -ms-transition: border-top 0.3s ease-out;
    -o-transition: border-top 0.3s ease-out;
	transition: border-bottom 0.3s ease-out; 
    -webkit-transition: border-bottom 0.3s ease-out; 
    -moz-transition: border-bottom 0.3s ease-out;
    -ms-transition: border-bottom 0.3s ease-out;
    -o-transition: border-bottom 0.3s ease-out;

	border-top: 1.5em solid #EBEBEB;
	border-bottom: 5px solid #EBEBEB;
}

#history-nav li a{
	color: #B3B3B3;
	text-decoration: none;
	font-size: .9em;
	padding: 2.2em 0.6em 1em;
}

#history-nav li.selected, #history-nav li:hover {
	border-top: 1.5em solid #D60000;
	border-bottom: 5px solid #D60000;
}
#history-nav li.selected a, #history-nav li a:hover {
	color: #000;
}

#history{
	position: relative;
	margin: 0;
}
#history .panel_container{
	overflow: hidden;
	position: relative;
	margin: 1em 0 0 0;
	width: 100%;
	height: 550px;
}
#history .panel_slider{
	width: 100%;
	position: absolute;
}
#history .panel{
	width: 100%;
	position: absolute;
	border: none;
}
#history .panel-content{
	padding: 0;
	position: relative;
	text-align: center;
	padding-left: 2em;
}

	#history .panel-content div{
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-clip: content-box;
		width: 85%;
		margin-left: 7%;
	}

#history .panel-content h2{
	color: #D60000;
	font-family: Comfortaa, sans-serif;
	text-align: left;
	font-weight: lighter;
	font-size: 37px;
    position: relative;
    top: 0em;
}
#history .panel-content p{
	font-size: 2em;
	font-weight: 300;
	position: relative;
	top: -.3em;
}

#arrow-nav .left-arrow{
	position: absolute;
	width: 21px;
	height: 40px;
	top: 18em;
	right: 1.5em;
	cursor: pointer;
	z-index: 1;
}

#arrow-nav .right-arrow{
	position: absolute;
	width: 21px;
	height: 40px;
	top: 18em;
	right: -1em;
	cursor: pointer;
	z-index: 1;
}

#arrow-nav .right-arrow::before{
	content: '';
	position: absolute;
	width: 100%;
	top: 30%;
	height: 2px;
	background: #2B2B2B;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#arrow-nav .right-arrow::after{
	content: '';
	position: absolute;
	width: 100%;
	top: 65%;
	height: 2px;
	background: #2B2B2B;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#arrow-nav .left-arrow::before{
	content: '';
	position: absolute;
	width: 100%;
	top: 30%;
	height: 2px;
	background: #2B2B2B;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#arrow-nav .left-arrow::after{
	content: '';
	position: absolute;
	width: 100%;
	top: 65%;
	height: 2px;
	background: #2B2B2B;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#arrow-nav .left-arrow:hover::after, #arrow-nav .right-arrow:hover::after, 
#arrow-nav .left-arrow:hover::before, #arrow-nav .right-arrow:hover::before{
	background: #777;
}

/************************************************
**************   Vocabulary   *******************
*************************************************/

.vocabulary{
	margin: 0 0 2em 1.7em;
	width: 90%;
}
#vocabulary .page-title{
	font-weight: 300;
	font-size: 3.5em;
	min-height: 2em;
}
#vocabulary #right-deco{
	display: none;
}
#vocabulary-letters{
	margin-left: .7em;
}
.vocabulary a h1{
	color: #000;
}
.vocabulary a:hover{
	text-decoration: none;
}

/************************************************
***************   Sidebar   *********************
*************************************************/

#sidebar{
	width: 300px;
	margin-left: 0px;
	padding-left: 30px;
	border-right: 5px solid #D60000;
	margin-top:-1.5em
}

#post_layout #sidebar, #page #sidebar{
    margin-top: -20.5em;
}

#news-page #sidebar {
	border-right: 5px solid #D60000;
	margin-left: 0px;
	margin-top: -20.5em;
	padding-left: 30px;
	padding-top: 0em;
	width: 300px;
}

#newsletter-page #sidebar-no-image {
	width: 300px;
	margin-left: 0;
	padding-left: 30px;
	border-right: 5px solid #D60000;
	margin-top: -1.5em;
}

#post_layout #sidebar-no-image {
	width: 300px;
	margin-left: 0px;
	padding-left: 30px;
	border-right: 5px solid #D60000;
	margin-top: -1.5em;
}

#post_layout #right-deco{
	width: 10%;
	top: 1em;
}
#news-page #right-deco, #newsletter-page #right-deco {
	width: 10%;
	top: 9em;
}
#newsletter-page #right-deco {
	width: 10%;
	top: 2.5em;
}


#left-deco{
background-color: #EBEBEB;
width: 20.9em;
position: absolute;
margin-left: -2em;
height: 20.5em;
}

#news-page #left-deco {
width: 22em;
border-top: 1.5em solid #ebebeb;
background-color: #fff;
position: absolute;
top: -20.5em;
left: 1.1em;
}

#newsletter-icon{
	position: absolute;
	top: 0;
	right: 0;
	font-family: Arial, sans-serif;
	color: #D60000;
	font-size: 1em;
	text-align: right;
	padding: 1em;
	line-height: 1.2em;
	text-transform: uppercase;
	z-index: 3;
}
#newsletter-icon a{
	display: block;
	overflow: hidden;
	color: #D60000;
}
#newsletter-icon img{
	width: 25px;
	float: right;
	margin-bottom: 0.5em;
}
#newsletter-icon span{
	float:right;
	clear: both;
}

#nav{
	list-style-type: none;
	margin-left: -3em;
	margin-top: 6em;
}
#nav li:FIRST-CHILD{
	border-top: 1px solid #A7A7A7;
}
#nav li{
	line-height: 3.3em;
	border-bottom: 1px solid #A7A7A7;
	text-align: left;
}
#nav li.active>a, footer div.active a, #footer div.active a{
	color: #D60000;
}
#nav a{
	color: #000;
	font-size: 1.1em;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
}
#nav a:hover{
	color: #D60000;
	text-decoration: none;
}

/************************************************
***************   Partners   ********************
*************************************************/

#partner .rememberme label{
	font-weight: 300;
}

#partner #right-deco, #order-view #right-deco, #mobileapp-page #right-deco{
	display: none;
}

#partner .page-title, #order-view .page-title, #mobileapp-page .page-title{
	min-height: 1.7em;
}

#mobileapp {
	max-width: 100%;
	padding: 15px;
	margin: 0 auto;
	text-align: center;
}
.appstore{
	margin-left: 5em;
}

.form-signin{
	max-width: 360px;
	padding: 15px;
	margin: 9% auto;
}
.form-signin h3{
	padding: 0 0 15px 15px;
	
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.form-signin .rememberme{
	padding: 0.5em 1em;
}
.form-signin .errorMessage{
	padding-left: 1em;
}
.form-signin .buttons.form-group{
	padding: 0 15px;
}
.form-signin #partner_login_btn{
	margin-top: 1em;
}

#orders, #stock{
	min-height: 15em;
	margin: 2em 0 2em 1.3em;
	width: 90%;
}

#orders.loading, #stock.loading{
	color: #ccc;
	/* zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3; */
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.order-post .status1{
	background-image: url("../img/1.png");
}
.order-post .status2{
	background-image: url("../img/2.png");
}
.order-post .status3{
	background-image: url("../img/3.png");
}
.order-post .status4{
	background-image: url("../img/5.png");
}
.order-post .status5{
	background-image: url("../img/5.png");
}
.order-post .status6{
	background-image: url("../img/4.png");
}

.order-post .panel-body{
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: 2em 3em;
}
.order-post .panel-body {
	padding-left: 7em
}

.order_details_btn{
	width: 23%;
}

#order-view .order-post .panel-body{
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: 2em 2em;
}
#order-view .order-post .panel-heading h3{
	font-weight: bold;
	font-size: 1.5em;
}
#order-view .order-post .panel-body {
	padding-left: 10em
}

a#back_to_orders_btn, a#back_to_orders_btn:link, a#back_to_orders_btn:active, a#back_to_orders_btn:visited{
     transition: color 0.3s ease-out; 
     -webkit-transition: color 0.3s ease-out; 
     -moz-transition: color 0.3s ease-out;
     -ms-transition: color 0.3s ease-out;
     -o-transition: color 0.3s ease-out;
     color: #cc3c09;
     text-decoration: none;
     margin-left: 1em;
}

a#back_to_orders_btn:hover{
	color: #333;
	text-decoration: none;
}

#order-view .well{
	margin-bottom: 2px;
	padding: 17px 17px 17px 65px;
	background-image: url("../img/pdf.png");
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 1em .8em;
}

#order-view #documents a{
	color: #424242;
	font-weight: bold;
	/* font-size: 1.2em; */
}

#order-view #documents a:hover{
	text-decoration: none;
}


/************************************************
*************   Google Map   ********************
*************************************************/

#map_canvas{
	margin-left: 1.8em;
	margin-top: 2em;
}

/************************************************
***************   Footer   **********************
*************************************************/

#footer > .container {
	width: 100%;
	height: 3.7em;
	background-color: #fff;
	margin: 0;
	padding-top: 6px;
	border-top: 1px solid #A7A7A7;
}

#home #footer > .container{
	border-top: none;
	clear:both;
	height: 4.2em;
}
#footer div{
	margin-top: .1em;
}
#footer a{
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
}
#footer a:hover{
	text-decoration: none;
	color: #D60000;
}

#footer span.copyright{
	color: #666;
	font-size: 11px;
	position: relative;
	top: -3px;
}
#footer span.powered{
	color: #666;
	font-size: 11px;
	position: relative;
	top: -3px;
}
#footer span.powered a{
	text-transform: none;
	color: #333;
}
#footer span.powered a:hover{
	color: #D60000;
}

footer{
	height: 3em;
	background-color: #fff;
	margin: 0;
	padding-top: 6px;
	margin-left: -15px;
	margin-right: -15px;
	border-top: 1px solid #A7A7A7;
}

#home footer{
	border-top: none;
}

#home footer > .container{
	border-top: none;
	clear:both;
	height: 4em;
}
#home footer .bottom-menu{
	margin-bottom: 1.1em;
}
footer div{
	margin-top: 0em;
}
footer a{
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
}
footer a:hover{
	text-decoration: none;
	color: #D60000;
}

footer span.copyright{
	color: #666;
	font-size: 11px;
	position: relative;
	top: -3px;
}
footer span.powered{
	color: #666;
	font-size: 11px;
	position: relative;
	top: -3px;
}
footer span.powered a{
	text-transform: none;
}

.bottom-menu{
	margin-bottom: .4em;
}
#home .bottom-menu{
	margin-top: .5em;
	margin-bottom: .5em;
}
.copyright-powered {
	background-color: #ddd;
}
.copyright-powered div{
	height: 16px;
}

#app-promo{
	width: 60%;
}


@media (max-width: 1125px){
	#history-nav li a {
		font-size: .8em;
	}
}

@media (max-width: 992px){
	
	#content .row a.link {
		display: inline;
	}
	#right-deco span#second-line {
		border-bottom: 12em solid #EBEBEB;
	}
	#career #right-deco span#second-line, #contactus #right-deco span#second-line {
		border-bottom: 6em solid #EBEBEB;
	}
	ul#page-nav{
		margin-top: 9.5em;
	}
	#career ul#page-nav, #contactus ul#page-nav{
		min-height: 6em;
	}

	ul#page-nav li:hover, ul#page-nav li.active{
		position: relative;
		margin-top: 0em;
		height: 6em;
		padding-top: 1.5em;
	}
	ul#page-nav li{
		height: 6em;
		margin-top: 0em;
		position: relative;
		padding: 1.5em 0 0 0;
	}
	#news #maincontent .topmenu {
		max-height: 17em;
		border-bottom: 10px solid #fff;
	}
	#news ul#page-nav{
		top: -5em;
	}
	#news ul#page-nav li {
		height: 6em;
		margin-top: 0em;
		position: relative;
		padding: 0.5em 0 0 0;
	}
	#news-page #left-deco {
		display: none;
	}
	#news-page #post_image {
		position: absolute;
		top: -19em;
		left: 1em;
	}
	.products {
		margin: 0 0 2em 1.7em;
		width: 90%;
	}
	#topbar {
		margin-top: 5em;
	}
	#home #topbar{
		margin-top: 1em;
	}
	#content .row #fourth span{
		top: 50%;
	}
	#maincontent .topmenu {
		max-height: 21em;
	}
	#career #maincontent .topmenu, #contactus #maincontent .topmenu {
		max-height: 15em;
	}
	#contactus .page-title{
		white-space: nowrap;
	}

	.nav>li>a {
		padding: 15px 15px;
	}
	.navbar-default .navbar-nav>li>a {
	
		white-space:nowrap;
	}
	.nav li a{
		text-transform: capitalize;
	}
	#page_image {
		left: 0;
		width: 100%;
	}
	#history-page #maincontent .page-title, #mobileapp-page #maincontent .page-title{
		font-size: 4em;
		margin-top: 0em;
		margin-left: .5em;
	}
	#mobileapp-page .topmenu{
		min-height: 7em;
	}
	
	#history .panel-content h2, #history .panel-content p {
		top: 0em;
		margin-bottom: 0;
		text-align: left;
	}
	
	#history .panel-content img {
		max-width: 450px;
	}
	#history-page #arrow-nav .left-arrow {
		left: 2em;
	}
	#history-page #arrow-nav .right-arrow {
		right: 0.5em;
	}
	
}

@media (max-width: 768px){
	
	#logo-container, #logo-big-container, #lang-selector{
		text-align: center;
	}
	#logo-big-container img{
		max-width: 50%;
	}
	
	ul#lang-popup {
		position:absolute;
		top: 100%;
		right: 3%;
	}
	#maincontent .topmenu, #career #maincontent .topmenu, #contactus #maincontent .topmenu {
		max-height: 17em;
	}

	#topbar {
		margin-bottom: 1em;
	}
	#home ul#lang-popup {
		top: 5.5em;
	}
	
	
/* 	#sixth .left-arrow, #sixth .right-arrow{
		display:none;
	}
	#news-slider .panel-content h3{
		margin-top: 3em;
	}
	#news-slider .panel-content p{
		display: none;
	} */
	
	#subtext blockquote {
		margin: 1em 0 0 -2em;
	}
	
	.addedvalue, .production, .products, .career-page {
		margin: 0 0 2em 0.7em;
	}
	
	.career-page {
		width: 100%;
	}

	#right-deco span#second-line {
		border-bottom: 14em solid #EBEBEB;
	}
	#career #right-deco span#second-line, #contactus #right-deco span#second-line {
		border-bottom: 12em solid #EBEBEB;
		top: 5.35em;
	}

	.page-title {
		font-size: 3em;
		margin-left: 6px;
		padding-left: 0;
	}
	#vocabulary .page-title{
		font-weight: 300;
		font-size: 2.5em;
		margin-top: .3em;
		margin-left: .7em;
		padding-left: 0;
		min-height: 2.3em;
	}
	ul#page-nav{
		margin-top: 9.5em;
		min-height: 10em;
		font-size: .9em;
		-webkit-padding-start: 10px;
		-webkit-padding-end: 10px;
		-moz-padding-start: 10px;
		-moz-padding-end: 10px;
		-khtml-padding-start: 10px;
		-khtml-padding-end: 10px;
		-o-padding-start: 10px;
		-o-padding-end: 10px;
		padding-start: 10px;
		padding-end: 10px;
		padding-left: 10px;
		padding-right:10px;
	}
	ul#page-nav li:hover, ul#page-nav li.active{
		position: relative;
		margin-top: 0em;
		height: 4em;
		padding-top: .6em;
	}
	ul#page-nav li{
		height: 4em;
		margin-top: 0em;
		position: relative;
		padding-top: .6em;
	}
	
	#subcategories {
		margin-left: 0.7em;
	}

	.products h1, .addedvalue h1{
		font-weight: 400;
		font-size: 2em;
	}
	.addedvalue h1{
		margin-top: 0;
	}
	.products img{
		float:none;
	}
	#history .panel-content img {
		max-width: 315px;
	}
	
	.news {
		margin: 1em 0 2em 0;
		width: 95%;
	}
	#toTop {
		display: none;
	}
	.media-body{
		clear:both;
	}
	#news #maincontent .topmenu {
		max-height: 18em;
	}
	#news ul#page-nav{
		top: -2em;
	}
	#news .media-body{
		padding-top: 1em;
	}
	#news_posts .post {
		margin-top: 1em;
	}
	#news_posts .post_content{
		margin-bottom: 0em;
	}
	.search {
		position: absolute;
		top: 3em;
		right: 0px;
		z-index: 1;
	}
	.search .search-field {
		width: 14em;
	}
	#history .panel-content h2{
		margin-top: 10px;
		font-size: 2.5em;
	}
	#history .panel-content p{
		font-size: 1.5em;
	}
	#history-page #maincontent .page-title {
		margin-top: 0.1em;
	}
	#history-page .page-title {
		min-height: 1.6em;
		top: 0.3em;
	}
	#history .panel-content{
		padding-left: 1em;
	}
	#history-page #arrow-nav .right-arrow, #history-page #arrow-nav .left-arrow {
		top: 14em;
	}
	#history-nav{
		display: none;
	}
	
	#history-page #arrow-nav .left-arrow {
		left: 1em;
	}
	#history-page #arrow-nav .right-arrow {
		right: 1em;
	}
	
	#vocabulary{
		margin-left: -15px;
	}
	
	#map_canvas {
		margin-left: -1em;
		margin-top: 2em;
	}
	#page_image{
		background-repeat: no-repeat;
		background-position: 40% 96%;
		height: 240px;
	}
	#page #maincontent {
		margin-top: -1em;
	}
	#orders{
		margin: 2em 0 2em 0;
		width: 100%;
	}
	
	#accordion {
		width: 100%;
	}
	
}

@media (max-width: 620px){
	
	.pages{
		margin: 1em 0 1em 0em;
	}
	.career-page {
		margin: 0 0 2em 0;
	}
	#news_posts h1{
		font-size: 2em;
	}
	footer a{
		font-size: .9em;
	}
	footer .col-xs-3{
		padding: 0;
	}
	.appstore{
		margin-left: 0;
	}
	
}








