html body       {
padding: 0px;
margin: 0px;
font-family: 'Roboto';
font-weight: 300;
font-size: 14px;
color: #666;
height: 100%;
overflow-y: scroll;
background-color: #fff;
overflow-x: hidden;
-webkit-tap-highlight-color: transparent;
}

img {
    max-width:100%;
    height:auto;
    border:0;
}

.vertical-align {
display: flex;
align-items: center;
}

.horizontal-align {
display: flex;
flex-wrap:wrap;
}

video {
  width: 100%;
  height: auto;
  max-height: 100%;
}

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

div.header-area {
	padding-top: 15px;
	padding-bottom: 15px;
}

div.header-layer {
max-width: 1280px;
margin: 0 auto;
}

.logo {
text-align: left;
}

.wtf {
text-align: left;
}

.name {
font-family: 'Rubik';
font-weight: 600;
color: #666;
font-size: 14px;
display: inline-block;
text-align: center;
}
.name span {
font-family: 'Rubik';
font-weight: 400;
color: #666;
font-size: 13px;
}

.mes {
	text-align: center;
}

.phone {
	text-align: right;
}

.phone a {
font-family: 'Rubik';
font-weight: 600;
color: #173143;
font-size: 16px;
}

.phone a.mail {
padding-top: 5px;
font-family: 'Roboto';
font-weight: 300;
color: #173143;
font-size: 12px;
display: inline-block;
}

.menu-btn {
  width: 36px;
  padding: 5px;
  background: #fff;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.menu-btn:hover {
  opacity: 0.6;
}

/********************* Top box ****************************/

div.top-header-area {
	border-bottom: 1px solid #f2f2f2;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.top-header-area div.top-header-layer {
	padding-top: 10px;
}

div.top-header-layer div.top-phone a {
font-family: 'Montserrat';
font-weight: 800;
color: #173143;
font-size: 18px;
}

div.top-header-layer div.top-text {
font-family: 'Rubik';
font-weight: 400;
color: #173143;
font-size: 14px;
}

/************************** Item banner box ***************************/

div.item-banner-area {
	background-color: #f9f9f9;
}

div.item-banner-text {
padding-top: 7%;
font-family: 'Rubik';
font-weight: 400;
font-size: 14px;
color: #333;
}

div.item-banner-text span {
font-family: 'Rubik';
font-weight: 600;
font-size: 16px;
color: #000;	
}

div.item-banner-text p a {
font-family: 'Rubik';
font-weight: 400;
color: #d51120;
font-size: 16px;
padding: 8px 18px;
border: 1px solid #d51120;
border-radius: 4px;
text-decoration: none;
background-color: #fff;
}

div.item-banner-text p a:hover {
font-family: 'Rubik';
font-weight: 400;
color: #0830a5;
font-size: 16px;
padding: 8px 18px;
border: 1px solid #0830a5;
border-radius: 4px;
text-decoration: none;
background-color: #fff;
}

div.item-banner-img {
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}

/*************************** Content box *********************************/

div.content-layer {
max-width: 1280px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

h1 {
color: #111;
font-family: 'Montserrat';
font-weight: 800;
font-size: 24px;
text-align: left;
display: inline-block;
}

h2 {
color: #111;
font-family: 'Montserrat';
font-weight: 800;
font-size: 20px;
text-align: left;
display: inline-block;
}

h3 {
color: #111;
font-family: 'Montserrat';
font-weight: 800;
font-size: 18px;
text-align: left;
display: inline-block;
}

h4 {
color: #111;
font-family: 'Montserrat';
font-weight: 800;
font-size: 18px;
text-align: left;
display: inline-block;
}

div.content-layer div.content {
font-family: 'Roboto';
font-weight: 400;
font-size: 14px;
color: #333;
line-height: 26px;	
}

div.content p a.catalog-menu {
color: #222248;
font-family: 'Roboto';
font-weight: 500;
font-size: 18px;
text-align: left;
padding-bottom: 5px;
display: inline-block;
}

div.content-layer div.content a {
color: #d91322;
font-family: 'Rubik';
font-weight: 400;
font-size: 14px;
text-align: left;
padding-bottom: 2px;
text-decoration: none;
}

div ul.list {
padding-left: 25px;
margin: 0px;
list-style: none;
}

div ul.list li {
	padding: 6px 0px;
	list-style-image: url(../images/li-ico.png);
}

div ul.list li {
font-family: 'Rubik';
font-weight: 400;
color: #111;
font-size: 14px;
}

div ul.list li p strong {
font-family: 'Rubik';
font-weight: 700;
color: #111;
font-size: 18px;	
}

li p.i {
font-family: 'Rubik';
font-weight: 500;
color: #000;
font-size: 14px;
background-image: url(../images/li-ico.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 15px;
display: block;
}


/******************************* Foto position *************************************/

@media (min-width: 200px) {
	img.foto-right {
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	}
}

@media (min-width: 700px) {
	img.foto-right {
	float: right;
	padding-left: 30px;
	width: auto;
	text-align: right;
	}
}

@media (min-width: 200px) {
	img.foto-left {
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	}
}

@media (min-width: 700px) {
	img.foto-left {
	float: left;
	padding-right: 30px;
	width: auto;
	text-align: left;
	}
}

/***************************Index news*********************************/

div.page-index-area {
padding: 10px 0px;
background-color: #f9f9f9;
}

div.page-index-layer {
max-width: 1280px;
margin: 0 auto;	
}


div.page-box {
	padding-bottom: 15px;
}

div.page-box span {
font-family: 'Rubik';
font-weight: 400;
color: #fff;
font-size: 13px;
background-color: #999;
padding: 3px 6px;
border-radius: 3px;
}

div.page-box a {
font-family: 'Montserrat'!important;
font-weight: 600!important;
color: #000!important;
font-size: 14px!important;
text-decoration-line: underline!important;
text-decoration-color: #aaa!important;
border-bottom: 0px!important;
}

/************************** Footer menu ********************************/

div.footer-menu-area {
padding-top: 20px;
padding-bottom: 15px;
background-color: #edf2f9;
}

div.footer-menu-layer {
max-width: 1280px;
margin: 0 auto;
padding-bottom: 5px;
}

div.footer-menu-layer div.footer-menu span {
display: block;
font-family: 'Montserrat';
font-weight: 800;
font-size: 14px;
color: #333;
text-transform: uppercase;	
}

div.footer-menu-layer div.footer-menu {
display: block;
font-family: 'Montserrat';
font-weight: 400;
font-size: 13px;
color: #000;
line-height: 22px;
padding-bottom: 10px;
}

div.footer-menu-layer div.footer-menu a {
font-family: 'Roboto';
font-weight: 400;
color: #333;
font-size: 13px;
display: block-inline;
line-height: 26px;
text-decoration-line: underline;
text-decoration-color: #aaa;
}

div.footer-menu-layer div.footer-menu a.t {
font-family: 'Montserrat';
font-weight: 700;
font-size: 14px;
color: #2a3548;
display: block-inline;
line-height: 26px;
text-decoration-line: none;
}

div.footer-area {
background-color: #edf2f9;
}

div.footer-layer {
max-width: 1280px;
margin: 0 auto;
padding: 20px 0px;
border-top: 1px solid #e2e2e2;
}

div.footer-layer div.footer {
font-family: 'Roboto';
font-weight: 400;
font-size: 13px;
color: #2a3548;
}

div.footer-layer div.footer a {
font-family: 'Rubik';
font-weight: 400;
font-size: 13px;
color: #2a3548;
}


div.info-area {
	padding: 30px 0px;
	background-color: #162937;
}

div.info-layer {
max-width: 1280px;
margin: 0 auto;
}

div.info-layer div.info {
font-family: 'Roboto';
font-weight: 300;
font-size: 11px;
color: #ddd;
}


/****************** Gallery Modul Mobile *****************/

.img_box_item {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box; /* Äëÿ Firefox */
  -webkit-box-sizing: border-box; /* Äëÿ Safari è Chrome */
  box-sizing: border-box; /* Äëÿ IE è Opera */
  border: 1px solid #f2f2f2;
  border-radius: 4px;
}

div.gallery-foto-box {
	margin-bottom: 15px;
}

div.gallery-foto-box div.box {
/*box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.1);*/
border-radius: 3px;
border: 0px solid #f2f2f2;
background-color: #fff;
height: 100%;
}

div.gallery-foto-box div.gallery-describe {
line-height: normal;
padding: 0px 10px 0px 0px;
text-align: left;
}

div.gallery-foto-box p {
font-family: 'Rubik',sans-serif;
font-weight: 700;
font-size: 16px;
color: #000;
}

div.gallery-foto-box span {
font-family: 'Rubik',sans-serif;
font-weight: 400;
font-size: 13px;
color: #666;
text-align: left;
}

/*********************************** Table ****************************************/

div.content-layer div.content table {
border: 1px solid #e2e2e2;	
}

div.content-layer div.content table tr:hover {
background-color: #f5f5f5;
}

div.content-layer div.content table td.tabname {
font-family: 'Rubik';
font-weight: 400;
font-size: 13px;
color: #000;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 6px 6px;
text-align: left;
line-height: 16px;
background-color: #faf2eb;
}

div.content-layer div.content table td {
font-family: 'Roboto';
font-weight: 400;
font-size: 14px;
color: #333;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 6px 6px;
text-align: center;
line-height: 16px;
}

/************* Page Navigation ******************/

span.page_navigation {
font-family: 'Rubik';
font-weight: 600;
color: #fff;
background-color: #46b4dd;
border: 1px solid #46b4dd;
font-size: 16px;
padding: 4px 10px;
margin-left: 5px;
margin-right: 2px;
border-radius: 3px;
}

a.pnav {
font-family: 'Rubik'!important;
font-weight: 600!important;
color: #222248!important;
font-size: 16px!important;
padding: 4px 13px!important;
padding-left: 7px!important;
padding-right: 7px!important;
border:1px solid #e2e2e2!important;
border-radius: 3px!important;
}

a.pnav:hover {
font-family: 'Rubik'!important;
font-weight: 600!important;
color: #222248!important;
font-size: 16px!important;
padding: 4px 13px!important;
padding-left: 7px!important;
padding-right: 7px!important;
border:1px solid #222248!important;
border-radius: 3px!important;
text-decoration: none!important;
}

/****************************** Contact Form **********************************/

div.mod_contact_left {
font-family: 'Roboto';
font-weight: 400;
font-size: 14px;
color: #333;
padding-top: 10px;
padding-bottom: 5px;	
}

div.mod_contact_left span {
color: #e22c3b;
font-family: 'Roboto';
font-weight: 600;
font-size: 18px;
}

div.mod_contact_right input {
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
color: #222a32;
padding: 6px;
border: 1px solid #ccc;
border-radius: 3px;
min-width: 300px;
}

div.mod_contact_right select {
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
color: #222a32;
padding: 6px;
border: 1px solid #ccc;
border-radius: 3px;
}

div.mod_contact_right textarea {
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
color: #222a32;
padding: 6px;
border: 1px solid #ccc;
border-radius: 3px;
min-width: 300px;
min-height: 100px;
}

div.mod_contact_right input.button,
div.mod_contact_left input.button {
font-family: 'Roboto',sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
background-color: #e52c3a;
padding: 6px;
border: 0px;
border-radius: 3px;
padding: 8px 24px;
text-align: center;
}

div.mod_contact_right input.button:hover,
div.mod_contact_left input.button:hover {
font-family: 'Roboto',sans-serif;
font-weight: 400;
font-size: 16px;
color: #222a32;
background-color: #f2f2f2;
padding: 6px;
border: 0px;
border-radius: 3px;
padding: 8px 24px;
text-align: center;
}


/********************************** Map & feed *************************************/

div.div-forma-box {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	margin: 0px 0px;
	background-color: #f5f5f5;
}

div.form-box {
	padding-left: 30px;
	padding-right: 30px;
}

div.forma-call {
	padding-top: 10px;
}

div.forma-call p {
font-family: 'Rubik';
color: #000;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}

div.forma-call div.forma-box {
padding-top: 10px;
padding-bottom: 10px;
}

div.forma-call div input {
font-family: 'Rubik';
color: #000;
font-weight: 400;
font-size: 16px;
padding: 10px 12px;
border:0px;
border-radius: 6px;
width: 230px;
border:1px solid #ddd;
background-color: #fefefe;
}

div.forma-call div.policy-send input.checkbox {
width: 5%;
float: left;
}

div.forma-call div.policy-send span {
float: right;
font-family: 'Rubik';
color: #666;
font-weight: 300;
font-size: 13px;
width: 95%;
}

div.forma-call div.policy-send span a {
color: #c40505;	
}

div.forma-call div input.button-send {
font-family: 'Rubik';
color: #fff;
font-weight: 500;
font-size: 16px;
padding: 10px 20px;
border:1px solid #fff;
border-radius: 6px;
background-color: #c40505;
text-transform: uppercase;
width: auto!important;
}

div.forma-call div input.button-send:hover {
font-family: 'Rubik';
color: #c40505;
font-weight: 500;
font-size: 16px;
padding: 10px 20px;
border:1px solid #c40505;
border-radius: 6px;
background-color: #fff;
text-transform: uppercase;
width: auto!important;
}

/***********************************************************************/

p.text-banner {
height: 100%;
border: 1px solid #f2f2f2;
-moz-box-sizing: border-box; /* Äëÿ Firefox */
-webkit-box-sizing: border-box; /* Äëÿ Safari è Chrome */
box-sizing: border-box; /* Äëÿ IE è Opera */
box-shadow: 0 4px 10px rgba(0, 0, 0, 5%);
border-radius: 4px;
padding: 15px 20px 20px 25px;

font-family: 'Rubik';
font-weight: 500;
font-size: 16px;
color: #000;	
}

/************************** PDF box ********************************/

div.pdf-box {
	padding-bottom: 40px;
}

div.pdf-box div {
border: 1px solid #f2f2f2;
border-radius: 4px;
padding: 20px 16px;
height: 100%;
line-height: 20px;
background-image: url(../images/pdf-box.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 55px;
text-align: left;
}

div.pdf-box div:hover {
border: 1px solid #e2e2e2;	
}

div.pdf-box div a {
font-family: 'Rubik';
font-weight: 400;
color: #333!important;
font-size: 14px;
text-decoration: none!important;
}

div.doc-box {
	padding-bottom: 40px;
}

div.doc-box div {
border: 1px solid #f2f2f2;
border-radius: 4px;
padding: 20px 16px;
height: 100%;
line-height: 20px;
background-image: url(../images/doc-box.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 55px;
text-align: left;
}

div.doc-box div:hover {
border: 1px solid #e2e2e2;	
}

div.doc-box div a {
font-family: 'Rubik';
font-weight: 400;
color: #333!important;
font-size: 14px;
text-decoration: none!important;
}

p.info-box {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 14px;
    color: #000!important;
    line-height: 20px;
    padding-left: 50px;
    padding-right: 15px;
    background-image: url(../images/info.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #f67106;
    border: 1px solid #d8d6c8;
    border-radius: 6px;
    background-color: #f4f3e9;
}