@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,300);
@font-face {
  font-family: "Bebas Neue";
  src: url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.otf') format('opentype');
}
@font-face {
  font-family: "Lekton";
  src: url('../fonts/Lekton.ttf') format('truetype');
}

/*Font styles*/
p, a, h1,h2,h3,h4,h5,h6, a{
	font-family: "Open Sans";
}
h1 {
	font-family: "Bebas Neue";
	font-size: 3.5rem;
	line-height: 3rem;
}
h2 {
	font-family: "Lekton";
	font-size: 1.5rem;
}
h3 {
	font-family: "Bebas Neue";
	font-size: 1.5rem;
}
h4 {
	font-size: 1.2rem;
}
p em {
	font-size: 0.8em;
}
a.button {
	font-weight: normal;
	font-size: 1.7em;
	padding: 0.8em 1em 0.6em 1em;
}
a.active {
	opacity: 1 !important;
}
.text-center { 
	text-align: center;
}
.spacer {
	margin-top: 2em;
}
.greybar {
	height: 1px;
	background-color:#CCC;
}
table.table-data th, table.table-data td{
	font-size: 0.6em !important;
}
/*Font styles end*/
/*HEADER*/
#main_menu {
	float: right;
	padding-top:16px;
}
#main_menu a {
	font-family: "Bebas Neue";
	color:#333;
	opacity: 0.6;
	transition-duration: 0.3s;
}
#main_menu a:hover {
	opacity: 1;
}
#global_header {
	position: absolute;
	width: 100%;
}
#header_logo {
	opacity: 0.6;
	transition-duration: 0.3s; 
}
#header_logo:hover {
	opacity: 1;
}
/*HEADER END*/
/*LANDING*/
#landing_block a.button {
	font-family: "Bebas Neue";
}
#landing_block {
	background-image: url("http://arc.apeco.ee/images/cover_1.png");
	min-height: 800px;
}
.whiteshadow {
	background-color: rgba(255,255,255,0.6);
	width: 100%;
	min-height: inherit;
}
.whiteshadow2 {
	background-color: rgba(255,255,255,0.95);
	width: 100%;
	min-height: inherit;
}
.shadow { 
	box-shadow: 2px 0px 3px rgba(0,0,0,0.3);
}
.blueback {
	background-color: rgba(91,134,197,1);
}
.blueback h1, .blueback h2, .blueback h3, .blueback h4, .blueback p, .blueback ul, .blueback li {
	color: #fff;
}
.blueback a.button {
	background-color: #f9f9f9;
	color: #0a0a0a;
}
.blueback a.button:hover {
	background-color: #fff;
}
#landing_first_line_start {
	margin-top: 6.3em;
}

/*/// right side ////*/
#info_block {
	margin-top: 15em;
}
#info_block .black-line {
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.3);
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
#info_block img {
	display: block;
	margin:15px auto 0 auto;
}
#info_block p {
	text-align: center;
}
#info_block a {
	width: 100%;
    height: 100%;
    padding-top: 19px;
    padding-bottom: 0px;
    background-color: rgba(0,0,0,0.6);
}
#info_block a:hover {
    background-color: rgba(0,0,0,0.8);
}

/*LANDING END*/
/*PRODUCT*/
#product_block {
	padding-top: 3em;
}
#product_block h2 {
	min-width: 0;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(91,134,197,0.7);
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
#product_block_frames img {
	display: block;
	margin: auto;
}
#product_block_frames h3, #product_block_frames p, #product_block_frames li {
	text-align: center;
}
#product_block_frames .frame-column-border{
	min-width: 0;
	border-style: solid;
	border-width: 0px;
	border-color: rgba(91,134,197,0.7);
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-right-width: 1px;
}
#product_extra_information ul.tabs a {
	font-weight: bold;
}
.tabs-title > a {
	font-size: 1.3em;
}
/*PRODUCT END*/
/*Enquiry*/
#enquiry_block h1 {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
#enquiry_block .input-group {
	margin-bottom: 0px;
}

#enquiry_block .input-group span {
	height: 39px;
}
#enquiry_block .button{
	width: 100%;
	font-weight: bold;
    /*margin-top: 24px;
    margin-bottom: 32px;*/
}
#enquiry_block textarea {
	margin-bottom: 21px;
}
/*Enquiry END*/
/*Company*/
#company_block h1 {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
#company_block h2 {
	min-width: 0;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(91,134,197,0.7);
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
/*Company END*/
/*contact*/
#map {
	height: 400px;
	width: 100%;
}

#contact_block .blueback a.button {
	font-family: "Bebas neue";
	font-size:1.5rem;
}
/*contact END*/


@media screen and (max-width: 1000px) {
  #landing_first_line_start {
  	margin-top: 2em;
  }
  #landing_block {
  	min-height: 100px;
  }
  .top-bar, .top-bar ul {
  	background-color: #fff;
  }
  a.button {
  	margin-bottom: 3em;
  }
}