/*
file:	Main Style Sheet
year:	2015
author:	Boje Brojeva
email:	info@bojebrojeva.hr
site:	www.bojebrojeva.hr
*/

@charset "utf-8";

/* General HTML Styles */

html {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url("../img/background_pattern.png") repeat 0 0 #fff;
}

div, span, p, em, a, time, tr, th, td, label, input, select, button, textarea, option, iframe, ul, li, font, h1, h2, h3, h4, h5, h6 {
	font-family: "Alegreya", Arial, Tahoma, Calibri, Verdana, serif;
	font-size: 15px;
	color: #696969;
	font-weight: 400;
	text-decoration: none;
}
h1	{
	color: #464646;
	font-size: 24px;
	font-weight: normal;
	display: block;
	padding: 0;
}
h2	{
	color: #464646;
	font-size: 22px;
	font-weight: normal;
	display: block;
	padding: 0;
}
h3	{
	color: #464646;
	font-size: 20px;
	font-weight: normal;
	display: block;
	padding: 0;
}
h4	{
	color: #464646;
	font-size: 19px;
	font-weight: normal;
	display: block;
	padding: 0;
}
h5	{
	color: #464646;
	font-size: 18px;
	font-weight: normal;
	display: block;
	padding: 0;
}
h6	{
	color: #464646;
	font-size: 17px;
	font-weight: normal;
	display: block;
	padding: 0;
}
p {
	margin: 0;
	padding: 0 0 15px;
}
em {
	margin: 0;
	padding: 0 0 15px;
	font-style: normal;
	display: block;
	color: #555;
	font-size: 17px;
	font-weight: 700;
}
a {	
	font-size: 15px;
	color: #006db6;
	font-weight: 700;
	text-decoration: none;
}
a:hover {
	color: #414141;
	font-size: 15px;
	text-decoration: none;
}

fieldset {
	width: auto;
	border: 0;
}
legend { 
	color: #494949;
	font-size: 16px;
	font-weight: normal;
	padding: 0 5px;
}
input {
	background-color: #f2f2f2;
	border: 1px solid #c2c2c2;
	font-size: 13px !important;
	margin: 3px 0;
	padding: 5px;
	outline: none !important;
}
input:hover {
	background-color: #f4f4f4;
	border: 1px solid #c4c4c4;
	outline: none !important;
}
input:focus {
	background-color: #f4f4f4;
	border: 1px solid #c4c4c4;
	outline: none !important;
}
select {
	font-size: 13px !important;
	background-color: #f2f2f2;
	border: 1px solid #c2c2c2;
	padding: 3px 3px;
	outline: none !important;
}
select:hover {
	background-color: #f4f4f4;
	border: 1px solid #c4c4c4;
	outline: none !important;
}
select:focus {
	background-color: #f4f4f4;
	border: 1px solid #c4c4c4;
	outline: none !important;
}
option {
	font-size: 13px !important;
	background-color: transparent !important;
	padding: 0 5px;
	outline: none !important;
}
textarea {
	font-size: 13px !important;
	background-color: #f2f2f2;
	border: 1px solid #c2c2c2;
	padding: 5px;
	height: 150px;
	margin: 3px 0;
	outline: none !important;
}
textarea:hover {
	background-color: #f4f4f4;
	border: 1px solid #c4c4c4;
	outline: none !important;
}
textarea:focus {
	background-color: #f4f4f4;
	border: 1px solid #c4c4c4;
	outline: none !important;
}

/*wrapper*/

.wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
}

.wrapper a, img {
	outline: none !important;
}

.wrapper a:hover, a:visited, a:active {
	outline: none !important;
}

/*to top jQuery*/

#toTop {
	background:url("../img/ui.totop.png") no-repeat left top;
	z-index: 999999;
	bottom: 60px;
}

#toTopHover {
	background:url("../img/ui.totop.png") no-repeat left -40px;
}

/*header*/

header {
	width: 100%;
	margin: 0 auto;
	padding: 26px 0;
	clear: both;
	display: table;
	background: #006db6;
}

header section {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

/*logo*/

a.logo, a.logo img {
	max-height: 37px;
	margin: 0;
	padding: 0;
}

a.logo img {
	float: left;
	margin: 0;
	padding: 0;
}

/*main navigation*/

.slicknav_menu {
	display: none;
}

header nav {
	width: auto;
	float: right;
	margin: 0;
	padding: 5px 0;
}

header nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
}

header nav ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

header nav ul li:last-of-type {
	margin: 0;
}

header nav ul li a {
	font-size: 17px;
	color: rgba(255,255,255,0.45);
	font-weight: 700;
	margin: 0;
	padding: 0;
}

header nav ul li a:hover, header nav ul li a.active {
	font-size: 17px;
	color: #fff;
	font-weight: 700;
}

/*main container*/

.main_container {
	width: 100%;
	margin: 0 auto 60px;
	padding: 0;
	clear: both;
	display: table;
}

/*about container*/

.about_container {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 45px 0;
	clear: both;
	display: table;
	background: linear-gradient(rgba(0,109,182,0.10), rgba(255,255,255,0.0));
	background: -webkit-linear-gradient(rgba(0,109,182,0.10), rgba(255,255,255,0.0));
}

.about_container article {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.about_container h1 {
	margin: 0 0 10px;
	padding: 0;
}

.about_container h1, .about_container h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.about_container h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.about_container em, .about_container p {
	font-size: 15px;
	color: #5f5f5f;
	font-weight: 400;
	margin: 0 0 25px;
	padding: 0;
	line-height: 20px;
}

.read_more_button {
	font-size: 11px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 8px 15px;
	display: inline-block;
	
	background: linear-gradient(#34a025, #239313);
	background: -webkit-linear-gradient(#34a025, #239313);
	border-bottom: 2px solid #1b700f;
	transition: all .2s linear;
}

.read_more_button:hover {
	font-size: 11px;
	color: #fff;
	opacity: 0.75;
}

.about_container figure {
	max-width: 320px;
	max-height: 160px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 3px solid #fff;
	box-sizing: border-box;
	
	float: right;
	margin: 0 0 0 40px;
	padding: 0;
}

.about_container figure img {
	max-width: 320px;
	max-height: 160px;
	text-align: center;
	vertical-align: middle;
}

/*slider content*/

.slider_content {
	width: 960px;
	margin: 0 auto 70px;
	padding: 0;
	clear: both;
	display: table;
}

.bx-wrapper {
	margin: 0 auto !important;
}

.bx-wrapper .bx-pager {
	padding: 0;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: -25px;
	height: 10px;
	margin: 0;
	padding: 0;
}

.bx-wrapper .bx-viewport {
	border: none;
	background: none;
	left: 0;
	box-shadow: none;
}

.bxslider {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
}

.bx-wrapper img {
	margin: 0;
	padding: 0;
	max-width: 960px;
	max-height: 640px;
	border-radius: 0;
	
	border: 3px solid #fff;
	box-sizing: border-box;
}

.bx-wrapper .bx-caption {
	width: auto;
	margin: 0 auto;
	padding: 10px 40px;
	left: 3px;
	bottom: 3px;
	background: linear-gradient(#fff, #f0f0f0);
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	border-bottom: 2px solid #cdcdcd;
}

.bx-wrapper .bx-caption span {
	font-family: "Alegreya", Arial, Tahoma, Calibri, Verdana, serif;
	font-size: 15px;
	color: #414141;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #006db6;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d7d7d7;
	border-radius: 0;
	margin: 0 5px 0 0;
}

.bx-wrapper .bx-controls-direction a {
	z-index: 99;
}

.bx-wrapper .bx-controls-direction a {
	margin: 0;
}

/*bottom contact info content*/

.bottom_contact_info_content {
	width: 100%;
	margin: 0 auto 45px;
	padding: 40px 0 0;
	clear: both;
	display: table;
	background: rgba(0,175,240,0.08);
}

.bottom_contact_info_content section {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.bottom_contact_info_content section h1 {
	font-size: 27px;
	color: #2d2d2d;
	font-weight: 700;
	margin: 0;
	padding: 0 0 15px;
}

.bottom_contact_info_content section em {
	font-size: 17px;
	color: #5f5f5f;
	font-weight: 400;
	margin: 0 0 25px;
	padding: 0;
}

.bottom_contact_info_content section ul {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: table;
	list-style: none;
}

.bottom_contact_info_content section ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

.bottom_contact_info_content section ul li:last-of-type {
	margin: 0;
}

.bottom_contact_info_content section ul li img {
	float: left;
	margin: 0 10px 0 0;
	padding: 11px;
	background: #fff;
	box-shadow: 1px 0 1px rgba(0,0,0,0.15);
}

.bottom_contact_info_content section ul li p {
	font-size: 15px;
	color: #006db6;
	font-weight: 700;
	margin: 0;
	padding: 7px 0;
	float: left;
}

.bottom_contact_info_content section ul li a {
	font-size: 15px;
	color: #006db6;
	font-weight: 700;
}

.bottom_contact_info_content section ul li a:hover {
	font-size: 15px;
	color: #000;
}

.main_container .bottom_contact_info_content iframe {
	width: 100%;
	height: 320px;
	border: none !important;
	margin: 30px 0 -6px;
	opacity: 0.75;
}

/*links content*/

.links_content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.links_content h1 {
	font-size: 17px;
	color: #414141;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 25px;
}

.links_content section {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	clear: both;
	display: table;
	border-top: 1px dashed #cdcdcd;
	border-bottom: 1px dashed #cdcdcd;
}

.links_content section div {
	width: 320px;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 15px;
}

.links_content section div a {
	font-size: 17px;
	color: #006db6;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.links_content section div a:hover {
	font-size: 17px;
	color: #000;
}

.links_content section div em, .links_content section div p {
	font-size: 13px;
	color: #696969;
	font-weight: 400;
	margin: 0;
	padding: 0;
	
	line-height: 18px;
	overflow: hidden;
	height: 38px;
	min-height: 38px;
}

/*footer*/

footer {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	clear: both;
	display: table;
	background: linear-gradient(#f0f0f0, #fff);
	background: -webkit-linear-gradient(#f0f0f0, #fff);
	border-top: 2px solid #cdcdcd;
}

footer aside {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

footer aside section {
	width: auto;
	float: left;
	margin: 32px 0 0;
	padding: 0;
}

footer aside section:last-of-type {
	width: 640px;
	float: right;
	margin: 0;
}

footer aside p {
	font-size: 13px;
	color: #414141;
	font-weight: 400;
	margin: 0;
	padding: 0 0 5px;
}

footer aside p a {
	font-size: 13px;
	color: #006db6;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

footer aside p a:hover {
	font-size: 13px;
	font-weight: 400;
}

footer aside h1 {
	font-size: 15px;
	color: #555555;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 10px;
}

footer aside em {
	font-size: 13px;
	color: #7d7d7d;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

/*BASIC CSS*/

/*left submenu*/

.main_container nav {
	width: 220px;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0;
}

.main_container nav ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.20);
}

.main_container nav ul li {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d7d7d7;
}

.main_container nav ul li:last-of-type {
	border: none;
}

.main_container nav ul li a {
	font-size: 13px;
	color: #414141;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
	background: url("../img/arrow_icon_black.png") no-repeat center right rgba(255,255,255,0.60);
	display: block;
	box-sizing: border-box;
}

.main_container nav ul li a:hover, .main_container nav ul li a.active {
	font-size: 13px;
	color: #006db6;
	background-color: rgba(255,255,255,1);
}

/*submenu*/

.main_container nav ul li ul {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	background: rgba(25,55,75,0.080);
	box-shadow: none;
	border-top: 1px solid #d7d7d7;
}

.main_container nav ul li ul li {
	display: block;
	margin: 0 0 8px;
	padding: 0 0 8px;
}

.main_container nav ul li ul li:last-of-type {
	padding: 0;
	margin: 0;
}

.main_container nav ul li ul li a {
	font-size: 11px;
	color: #555;
	font-weight: 500;
	text-transform: none;
	padding: 0;
	margin: 0;
	background: none;
	display: block;
}

.main_container nav ul li ul li a:hover, .main_container nav ul li ul li a.active {
	font-size: 11px;
	color: #006db6;
	background: none;
}

/*contact form*/

.contact_form {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}

.contact_form dl {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	display: table;
}

.contact_form div {
	width: 310px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
}

.contact_form div:nth-of-type(3n) {
	margin: 0 0 15px;
}

.contact_form div:nth-of-type(7) {
	width: 100%;
	float: none;
	display: table;
	margin: 0 0 15px;
}

.contact_form dd div {
	width: auto;
	float: none;
	margin: 0;
}

.contact_form dt {
	width: 100%;
	display: table;
	margin: 0 !important;
	padding: 0 !important;
}

.contact_form dt label {
	font-size: 13px;
	color: #555;
	font-weight: 600;
	margin: 0;
	padding: 0 0 5px 5px;
	display: block;
}

.contact_form dd {
	width: 100% !important;
	display: table;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

.buttons_action input[type="reset"] {
	background: #a5a5a5 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	border: 1px solid #a5a5a5 !important;
	padding: 6px 9px 6px 9px !important;
	font-size: 11px !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	float: left;
	width: auto !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
	transition: all .2s linear !important;
	margin: 0 1px 0 0 !important;
}

.buttons_action input[type="reset"]:hover, .buttons_action input[type="reset"]:focus {
	opacity: 0.80;
}

.buttons_action input[type="submit"] {
	background: #006db6 !important;
	border: 1px solid #006db6 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 6px 9px 6px 9px !important;
	font-size: 11px !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	float: left;
	width: auto !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
	transition: all .2s linear !important;
	margin: 0 !important;
}

.buttons_action input[type="submit"]:hover, .buttons_action input[type="submit"]:focus {
	opacity: 0.80;
}

.contact_form dl a{
	color: #006db6;
}

.contact_form dd input, .contact_form dd textarea, .contact_form dd select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 11px;
	margin: 0 !important;
	
	background: linear-gradient(#fafafa, #f5f5f5);
	background: -webkit-linear-gradient(#fafafa, #f5f5f5);
	border-radius: 0;
	border: 1px solid #d7d7d7;
	box-shadow: none;
	
	transition: all .2s linear;
	color: #2d2d2d;
	font-size: 12px !important;
	opacity: 1;
}

.contact_form dd input:hover, .contact_form dd input:focus, .contact_form dd input:active {
	border: 1px solid #cdcdcd;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.10);
}

.contact_form dd textarea:hover, .contact_form dd textarea:focus, .contact_form dd textarea:active {
	border: 1px solid #cdcdcd;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.10);
}

.contact_form dd select:hover, .contact_form dd select:focus, .contact_form dd select:active {
	border: 1px solid #cdcdcd;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.10);
}

.contact_form dd textarea {
	min-height: 120px;
	max-height: 120px;
}

.contact_form div dd .formInfo:nth-child(2) {
	position: absolute;
	right: 5px;
	top: -22px;
}

.formInfo {
	margin: 0;
	color: #C20E24;
	font-size: 18px;
	cursor: help;
}

.FormButton{
	width: auto!important;
}

.CaptchaInput {
	float:left;
	width:70px !important;
}

#CaptchaImg2 {
	margin: 7px 0 0 5px;
	border: 1px solid #b4b4b4;
}

.contact_form dd img{
	border: none;
}

#reload_ecaptcha_contact{
	border: none;
}

.contact_form dd.buttons_action {
	padding: 20px 0 0 !important;
}

.contact_form dd div p {
	font-size: 13px;
	color: #555;
	font-weight: 600;
	margin: 0 0 8px;
	padding: 0;
	display: block;
}

.error_content {
	color: #2d2d2d !important;
	margin: 20px 0;
}

.msg_content {
	color: #2d2d2d !important;
	margin: 20px 0;
}

/*sorter*/

.sorter {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 0;
	clear: both;
	display: table;
}

.sorter form {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}

.sorter div {
	width: auto;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

.sorter div:last-of-type {
	margin: 0;
	float: right;
}

.sorter label {
	font-size: 11px;
	color: #414141;
	font-weight: 300;
	text-transform: uppercase;
	margin: 11px 15px 0 0;
	padding: 0;
	float: left;
}

.sorter div:last-of-type select {
	width: 90px;
	max-width: 90px;
}

.sorter select {
	width: 240px;
	max-width: 240px;
	box-sizing: border-box;
	margin: 0;
	padding: 7px 8px 8px;
	font-size: 11px !important;
	color: #696969;
	font-weight: 700;
	background: linear-gradient(#f5f5f5, #f0f0f0);
	background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
	border: 1px solid #d7d7d7;
}

/*paging content*/

.paging_content {
	width: 700px;
	float: right;
	margin: 30px 0 0;
	padding: 15px 0 0;
	border-top: 1px dashed #cdcdcd;
}

.paging {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}

.paging p {
	display: none;
	border-left: 1px solid #006db6;
	color: #8d8d8d;
	float: left;
	font-size: 12px;
	font-weight: 300;
	margin: 2px 10px 0 0;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
}

.paging a {
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 600;
	margin: 0;
	padding: 6px 12px 7px 12px;
	float: left;
	
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 0 rgba(0,0,0,0.0) inset;
	border-radius: 0;
	transition: all .2s linear;
}

.paging a:hover, .paging a.active {
	font-size: 12px;
	color: #fff;
	background-color: #006db6;
	border: 1px solid #fff;
}

.paging span {
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 600;
	margin: 0;
	padding: 6px 12px 7px 12px;
	float: left;
	
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 0 rgba(0,0,0,0.0) inset;
	border-radius: 0;
	transition: all .2s linear;
}

.paging span:hover, .paging span.active {
	font-size: 12px;
	color: #fff;
	background-color: #006db6;
	border: 1px solid #fff;
}

.paging_info {
	width: auto;
	margin: 0;
	padding: 10px 9px 9px;
	float: right;
	
	font-size: 10px;
	color: #6d6d6d;
	font-weight: 600;
	background: #fff;
}

/*basic site inner content*/

.basic_site_inner_content {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content article {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: table;
}

.basic_site_inner_content h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content h1, .basic_site_inner_content h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.basic_site_inner_content h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.basic_site_inner_content h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content h2, .basic_site_inner_content h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

.basic_site_inner_content article figure {
	max-width: 320px;
	max-height: 240px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	
	float: left;
	margin: 3px 15px 15px 0;
	padding: 0;
}

.basic_site_inner_content article figure img {
	max-width: 320px;
	max-height: 240px;
	text-align: center;
	vertical-align: middle;
}

/*basic site inner content about*/

.basic_site_inner_content_about {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_about article {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: table;
}

.basic_site_inner_content_about h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_about h1, .basic_site_inner_content_about h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.basic_site_inner_content_about h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.basic_site_inner_content_about h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_about h2, .basic_site_inner_content_about h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_about h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

.basic_site_inner_content_about article figure {
	max-width: 320px;
	max-height: 240px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	
	float: left;
	margin: 3px 15px 15px 0;
	padding: 0;
}

.basic_site_inner_content_about article figure img {
	max-width: 320px;
	max-height: 240px;
	text-align: center;
	vertical-align: middle;
}

/*employers content*/

.employers_content {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: table;
}

.employers_content section {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	clear: both;
	display: table;
	border-top: 1px dashed #cdcdcd;
	border-bottom: 1px dashed #cdcdcd;
}

.employers_content h1 {
	font-size: 17px;
	color: #414141;
	font-weight: 400;
	text-transform: uppercase;
	margin: 15px 0 0;
	padding: 0 0 15px;
}

.employers_content article {
	width: 320px;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 15px;
	box-shadow: none;
	border: none;
}

.employers_content article h2 {
	margin: 0;
	padding: 0;
}

.employers_content article h2, .employers_content article h2 a {
	font-size: 21px;
	color: #006db6;
	font-weight: 700;
	text-transform: none;
}

.employers_content article h2 a:hover {
	font-size: 21px;
	color: #414141;
}

.employers_content article em, .employers_content article p {
	font-size: 13px;
	color: #696969;
	font-weight: 400;
	margin: 0;
	padding: 0;
	
	line-height: 18px;
	
	/*
	overflow: hidden;
	height: 110px;
	min-height: 110px;
	*/
}

/*basic site inner content contact*/

.basic_site_inner_content_contact {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_contact article {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: table;
}

.basic_site_inner_content_contact h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_contact h1, .basic_site_inner_content_contact h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.basic_site_inner_content_contact h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.basic_site_inner_content_contact h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_contact h2, .basic_site_inner_content_contact h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_contact h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

/*right column contact*/

.right_column_contact {
	width: 100%;
	box-sizing: border-box;
	margin: 20px 0 0;
	padding: 0;
	clear: both;
	display: table;
}

.main_container iframe {
	width: 960px;
	height: 480px;
	box-sizing: border-box;
	margin: 60px 0 0;
	padding: 0;
	border: 1px solid #cdcdcd !important;
}

/*basic site inner content news*/

.basic_site_inner_content_news {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_news article {
	width: 700px;
	float: right;
	margin: 0 0 30px;
	padding: 0;
}

.basic_site_inner_content_news article:last-of-type {
	margin: 0;
}

.basic_site_inner_content_news article figure {
	max-width: 300px;
	max-height: 225px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.basic_site_inner_content_news article figure img {
	max-width: 300px;
	max-height: 225px;
	text-align: center;
	vertical-align: middle;
}

.basic_site_inner_content_news article h1 {
	margin: 0 0 10px;
	padding: 0;
	
	line-height: 25px;
	overflow: hidden;
	height: 52px;
	min-height: 52px;
}

.basic_site_inner_content_news article h1, .basic_site_inner_content_news article h1 a {
	font-size: 19px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_news article h1 a:hover {
	font-size: 19px;
	color: #006db6;
}

.basic_site_inner_content_news article em, .basic_site_inner_content_news article p {
	font-size: 13px;
	color: #696969;
	font-weight: 400;
	margin: 0;
	padding: 0;
	
	line-height: 18px;
	overflow: hidden;
	height: 74px;
	min-height: 74px;
}

.basic_site_inner_content_news article time {
	font-size: 12px;
	color: #006db6;
	font-weight: 700;
	margin: 0;
	padding: 0;
	display: table;
}

/*basic site inner content news details*/

.basic_site_inner_content_news_details {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_news_details article {
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_news_details article time {
	font-size: 12px;
	color: #006db6;
	font-weight: 700;
	margin: 0;
	padding: 0;
	display: table;
}

.basic_site_inner_content_news_details h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_news_details h1, .basic_site_inner_content_news_details h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.basic_site_inner_content_news_details h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.basic_site_inner_content_news_details h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_news_details h2, .basic_site_inner_content_news_details h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_news_details h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

.basic_site_inner_content_news_details article figure {
	max-width: 360px;
	max-height: 270px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	
	float: left;
	margin: 3px 15px 15px 0;
	padding: 0;
}

.basic_site_inner_content_news_details article figure img {
	max-width: 360px;
	max-height: 270px;
	text-align: center;
	vertical-align: middle;
}

/*basic site inner content catalog lists*/

.basic_site_inner_content_catalog_lists {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_catalog_lists h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_catalog_lists h1, .basic_site_inner_content_catalog_lists h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.basic_site_inner_content_catalog_lists h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.basic_site_inner_content_catalog_lists h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_catalog_lists h2, .basic_site_inner_content_catalog_lists h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_catalog_lists h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

.basic_site_inner_content_catalog_lists figure {
	max-width: 320px;
	max-height: 240px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	border: none;
	
	float: left;
	margin: 3px 15px 15px 0;
	padding: 0;
}

.basic_site_inner_content_catalog_lists figure img {
	max-width: 320px;
	max-height: 240px;
	text-align: center;
	vertical-align: middle;
}

.products_list_cnt {
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_catalog_lists article {
	width: 330px;
	float: left;
	margin: 0 40px 40px 0;
	padding: 0;
}

.basic_site_inner_content_catalog_lists article:nth-of-type(2n) {
	margin: 0 0 40px;
}

.basic_site_inner_content_catalog_lists article figure {
	max-width: 330px;
	max-height: 250px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	
	float: none;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_catalog_lists article figure img {
	max-width: 330px;
	max-height: 250px;
	text-align: center;
	vertical-align: middle;
}

.basic_site_inner_content_catalog_lists article h1 {
	margin: 15px 0 10px 0;
	padding: 0;
	background: none;
	
	line-height: 26px;
	overflow: hidden;
	height: 54px;
	min-height: 54px;
}

.basic_site_inner_content_catalog_lists article h1, .basic_site_inner_content_catalog_lists article h1 a {
	font-size: 20px;
	color: #2d2d2d;
	font-weight: 600;
}

.basic_site_inner_content_catalog_lists article h1 a:hover {
	font-size: 20px;
	color: #006db6;
}

.basic_site_inner_content_catalog_lists article em, .basic_site_inner_content_catalog_lists article p {
	font-size: 14px;
	color: #555555;
	font-weight: 400;
	margin: 0;
	padding: 0;
	
	line-height: 20px;
	overflow: hidden;
	height: 121px;
	min-height: 121px;
}

/*basic site inner content catalog details*/

.basic_site_inner_content_catalog_details {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_catalog_details article {
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_catalog_details h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_catalog_details h1, .basic_site_inner_content_catalog_details h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.basic_site_inner_content_catalog_details h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.basic_site_inner_content_catalog_details h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.basic_site_inner_content_catalog_details h2, .basic_site_inner_content_catalog_details h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_catalog_details h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

.basic_site_inner_content_catalog_details figure {
	max-width: 360px;
	max-height: 270px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	border: none;
	
	float: left;
	margin: 3px 15px 15px 0;
	padding: 0;
}

.basic_site_inner_content_catalog_details figure img {
	max-width: 360px;
	max-height: 270px;
	text-align: center;
	vertical-align: middle;
}

.basic_site_inner_content_catalog_details .send_request_button {
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	padding: 7px 10px 8px 10px;
	display: table;
	background: #a5a5a5;
	transition: all .2s linear;
}

.basic_site_inner_content_catalog_details .send_request_button:hover {
	font-size: 13px;
	color: #fff;
	background: #006db6;
}

/*basic site inner content companies*/

.basic_site_inner_content_companies {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.basic_site_inner_content_companies article {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 20px;
	padding: 20px;
	clear: both;
	display: table;
	
	background: #fff;
	box-shadow: 1px 0 1px rgba(0,0,0,0.15);
	transition: all .2s linear;
}

.basic_site_inner_content_companies figure {
	max-width: 200px;
	max-height: 150px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	box-shadow: none;
	border-right: 1px dotted #cdcdcd;
	
	float: left;
	margin: 0 15px 0 0;
	padding: 0 14px 0 0;
}

.basic_site_inner_content_companies figure img {
	max-width: 200px;
	max-height: 150px;
	text-align: center;
	vertical-align: middle;
}

.basic_site_inner_content_companies section {
	width: 690px;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_companies article section h1 {
	font-size: 14px;
	color: #006db6;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.basic_site_inner_content_companies article section h2 {
	margin: 0 0 5px;
	padding: 0;
	line-height: 26px;
}

.basic_site_inner_content_companies article section h2,
.basic_site_inner_content_companies article section h2 a {
	font-size: 22px;
	color: #414141;
	font-weight: 700;
	text-transform: none;
}

.basic_site_inner_content_companies article section h2 a:hover {
	font-size: 22px;
	color: #006db6;
}

.basic_site_inner_content_companies article em, .basic_site_inner_content_companies article p {
	font-size: 14px;
	color: #696969;
	font-weight: 400;
	margin: 0 0 10px;
	padding: 0;
	line-height: 19px;
}

.ext_link {
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	padding: 5px 8px 6px 8px;
	display: table;
	background: #a5a5a5;
	transition: all .2s linear;
}

.ext_link:hover {
	font-size: 12px;
	color: #fff;
	background: #006db6;
}

/*basic site inner content references*/

.basic_site_inner_content_references {
	width: 960px;
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 0;
	clear: both;
	display: table;
}

.reference_categ_info {
	width: 700px;
	float: right;
	margin: 0 0 25px;
	padding: 0;
}

.reference_categ_info h1 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.reference_categ_info h1, .reference_categ_info h1 a {
	font-size: 25px;
	color: #2d2d2d;
	font-weight: 700;
}

.reference_categ_info h1 a:hover {
	font-size: 25px;
	color: #006db6;
}

.reference_categ_info h2 {
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}

.reference_categ_info h2, .reference_categ_info h2 a {
	font-size: 23px;
	color: #414141;
	font-weight: 600;
}

.reference_categ_info h2 a:hover {
	font-size: 23px;
	color: #006db6;
}

.reference_categ_info figure {
	max-width: 225px;
	max-height: 170px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	
	float: left;
	margin: 3px 15px 15px 0;
	padding: 0;
}

.reference_categ_info figure img {
	max-width: 225px;
	max-height: 170px;
	text-align: center;
	vertical-align: middle;
}

.basic_site_inner_content_references article {
	width: 700px;
	float: right;
	margin: 0 0 30px;
	padding: 0;
}

.basic_site_inner_content_references article:last-of-type {
	margin: 0;
}

.basic_site_inner_content_references article figure {
	max-width: 300px;
	max-height: 225px;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.basic_site_inner_content_references article figure img {
	max-width: 300px;
	max-height: 225px;
	text-align: center;
	vertical-align: middle;
}

.basic_site_inner_content_references article h1 {
	margin: 0 0 10px;
	padding: 0;
	
	line-height: 25px;
	overflow: hidden;
	height: 52px;
	min-height: 52px;
}

.basic_site_inner_content_references article h1, .basic_site_inner_content_references article h1 a {
	font-size: 19px;
	color: #414141;
	font-weight: 600;
}

.basic_site_inner_content_references article h1 a:hover {
	font-size: 19px;
	color: #006db6;
}

.basic_site_inner_content_references article em, .basic_site_inner_content_references article p {
	font-size: 13px;
	color: #696969;
	font-weight: 400;
	margin: 0;
	padding: 0;
	
	line-height: 18px;
	overflow: hidden;
	height: 74px;
	min-height: 74px;
}

/*ecms gallery box*/

.ecms_gallery_box {
	width: 100%;
	box-sizing: border-box;
	margin: 15px 0 30px;
	padding: 15px 0 0;
	clear: both;
	display: table;
	border-top: 1px dashed #cdcdcd;
	border-bottom: 1px dashed #cdcdcd;
}

.ecms_gallery_box h1 {
	font-size: 17px;
	color: #555;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 10px;
}

.ecms_gallery_box a {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	width: 23.43%;
}

.ecms_gallery_box a:nth-of-type(4n) {
	margin: 0 0 20px;
}

.ecms_gallery_box a img {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

.ecms_gallery_box em {
	font-size: 14px;
	color: #555;
	font-weight: 700;
	margin: 0;
	padding: 5px 0 0;
	
	line-height: 18px;
	overflow: hidden;
	height: 38px;
	min-height: 38px;
}

/*catalog details ecms*/

.basic_site_inner_content_catalog_details .ecms_gallery_box {
	width: 700px;
	float: right;
}

.basic_site_inner_content_catalog_details .ecms_gallery_box a {
	width: 22.8%;
}

/*hist and social*/

.hist_and_social {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	clear: both;
	display: table;
	background: none;
	border-radius: 0;
}

.basic_site_inner_content_news_details .hist_and_social,
.basic_site_inner_content_catalog_details .hist_and_social {
	width: 700px;
	float: right;
	margin: 30px 0 0;
}

.hist_and_social .social_toolbar_inside {
	width: auto;
	float: right;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.social_toolbar_inside ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
}

.social_toolbar_inside ul li:first-of-type {
	font-size: 11px !important;
	color: #555 !important;
	font-weight: 600;
	margin: 8px 15px 0 0 !important;
}

.social_toolbar_inside ul li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
}

.social_toolbar_inside ul li a {
	display: flex;
}

.social_toolbar_inside ul li img {
	margin: 0;
	padding: 0;
	max-height: 32px;
	transition: all .2s linear;
	opacity: 1;
}

.social_toolbar_inside ul li img:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 1;
}

#hist {
	width: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	float: left;
}

#hist a {
	font-size: 11px;
	color: #414141;
	font-weight: 700;
	margin: 0;
	padding: 7px 8px 8px;
	background: linear-gradient(#f5f5f5, #f0f0f0);
	background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
	border: 1px solid #d7d7d7;
	border-radius: 0;
	display: table;
}

#hist a:hover {
	font-size: 11px;
	color: #414141;
	opacity: 0.75;
}

.document_category {
	width: auto;
	margin: 10px 0 0;
	padding: 0;
}

.document_category ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
}

.document_category ul li {
	display: table;
	margin: 0;
	padding: 0;
}

.document_category ul li div {
	float: left;
	margin: -4px 10px 0 0;
	padding: 0;
}

.document_category ul div img {
	max-height: 32px;
	margin: 0;
	padding: 0;
}

.document_category ul li a {
	font-size: 15px;
}