@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic,cyrillic-ext');

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;
}

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

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

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

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

div.header-menu-layer {
max-width: 990px;
margin: 0 auto;
border-bottom: 1px solid #f5f5f5;	
}

div.top-menu ul {
list-style: none;
padding: 0px;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

div.top-menu ul li {
display: inline-block;
padding: 0px;
margin: 0px;
}

div.top-menu ul.menu li {
border-right: 1px solid #f2f2f2;
padding-left: 15px;
padding-right: 15px;
}

div.top-menu ul.menu li a {
font-family: 'Roboto';
font-weight: 400;
color: #28333e;
font-size: 14px;
text-decoration: none;
}

div.top-menu ul.menu li a:hover {
	color: #e32c3c;
}


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

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

.logo {
padding-top: 5px;
padding-bottom: 5px;
}

.name {
font-family: 'Roboto';
font-weight: 300;
color: #173143;
font-size: 13px;
}

.name div.ico1 {
background-image: url(../images/ico_2.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 35px;
width: 140px;
display: inline-block;
}

.name div.ico2 {
background-image: url(../images/ico_1.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 35px;
width: 140px;
display: inline-block;
}

.phone {
	text-align: right;
}

.phone a {
font-family: 'Roboto';
font-weight: 500;
color: #173143;
font-size: 18px;
}

.phone a.button {
font-family: 'Roboto';
font-weight: 400;
color: #e32c3c;
font-size: 13px;
border-bottom: 1px dashed #e32c3c;
padding-bottom: 1px;
text-decoration: none;
}

/************************** Header Menu ********************************/

div.menu-layer {
max-width: 990px;
margin: 0 auto;
}

/**************************** Text Slider *****************************/
.banner-content {
    height: 100%;
    position: relative;
    color: #fff;
}
.slider-area .text-content {
    margin: auto 0;
    position: absolute;
    top: 35%;
    text-align: center;
    left: 0;
    right: 0;
    text-shadow: 4px 4px 10px rgba(0,0,0,0.9);
    color: #fff;
}

.banner-content p.title1 {
    animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
    font-size: 32px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #fff;
}

.banner-content p.title2 {
    animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
    font-size: 26px;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 500;
}

/**************************** Index icons *******************************/

.banner-area {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f8f5ef;
}

.banner-area-layer {
max-width: 990px;
margin: 0 auto;
font-family: 'Roboto';
font-weight: 300;
color: #000;
font-size: 13px;	
}

.banner-area-layer div.banner-1 div {
background-image: url(../images/user_1.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}

.banner-area-layer div.banner-2 div {
background-image: url(../images/user_2.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}

.banner-area-layer div.banner-3 div {
background-image: url(../images/user_3.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}

/************************ Content index ****************************/

.content-layer {
max-width: 990px;
margin: 0 auto;	
}

.content-layer h1 {
font-family: 'Roboto';
font-weight: 600;
color: #1868b1;
font-size: 26px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
}

.content-layer h2 {
font-family: 'Roboto';
font-weight: 500;
color: #173143;
font-size: 22px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 8px;
}

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

/******************************* Service index ********************************/

.service-area {
background-color: #f3f8f9;
}

.service-layer {
max-width: 990px;
margin: 0 auto;	
}

.service ul {
padding-left: 15px;	
}

.service ul li {
	border-bottom: 1px dotted #e2e2e2;
	padding-top: 7px;
	padding-bottom: 7px;
}

.service ul li a {
font-family: 'Roboto';
font-weight: 400;
color: #173143;
font-size: 14px;
text-decoration: none;
line-height: 18px;
}

.service ul li a:hover {
color: #e32c3c;
text-decoration: underline;	
}

.service h3 {
font-family: 'Roboto';
font-weight: 500;
color: #173143;
font-size: 22px;
}

/************************ Vrediteli ****************************/

.dez-area {
	padding-bottom: 25px;
}

.dez-layer {
max-width: 990px;
margin: 0 auto;
}

.dez-layer div.row {
	padding: 0px!important;
	margin: 0px!important;
}

.dez-layer h2 {
font-family: 'Roboto';
font-weight: 500;
color: #173143;
font-size: 22px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 5px;
}

.dez-layer .dez {
text-align: center;
font-family: 'Roboto';
font-weight: 300;
color: #666;
font-size: 14px;
	padding: 0px!important;
	margin: 0px!important;
}

.dez-layer .dez .box {
border: 1px solid #f8f5ef;
padding: 10px;
padding-top: 0px;
}


.dez a {
text-align: center;
font-family: 'Roboto';
font-weight: 600;
color: #e32c3c;
font-size: 20px;
}

.dez span {
text-align: center;
font-family: 'Roboto';
font-weight: 600;
color: #173143;
font-size: 24px;
display: inline-block;
}

/************************ Footer Copy****************************/

.footer-area {
background-color: #f3f8f9;	
padding-top: 15px;
padding-bottom: 15px;
}

.footer-layer {
max-width: 990px;
margin: 0 auto;	
}

.footer p {
font-family: 'Roboto';
font-weight: 500;
color: #173143;
font-size: 14px;
text-transform: uppercase;
}

.footer a {
font-family: 'Roboto';
font-weight: 400;
color: #666;
font-size: 13px;
text-decoration: none;
line-height: 24px;	
}

.copy-area {
background-color: #28333e;
padding-top: 15px;
padding-bottom: 15px;
}

.copy-layer {
max-width: 990px;
margin: 0 auto;
}

.copy {
font-family: 'Roboto';
font-weight: 300;
color: #ddd;
font-size: 13px;
text-decoration: none;
line-height: 18px;
}

/**************************** Tables ***************************/

.table-price {
border: 1px solid #e4ded2;
border-radius: 3px;
font-family: 'Roboto';
font-weight: 400;
color: #222a32;
font-size: 13px;
}

table.table-price td {
	padding: 6px;
	text-align: left;
	line-height: 16px;
	border-bottom: 1px solid #eeebe4;
	border-right: 1px solid #eeebe4;
}

table.table-price td.td-name {
font-family: 'Roboto';
font-weight: 400;
color: #000;
font-size: 14px;
border-bottom: 1px solid #e4ded2;
border-right: 1px solid #e4ded2;
}

/***************************** Forms *****************************/

/*

div.mod_contact_left {
font-family: 'Roboto';
font-weight: 300;
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 #e6e6e6;
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 #e6e6e6;
border-radius: 3px;
}

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

div.mod_contact_right input.button,
div.mod_contact_left input.button {
font-family: 'Roboto';
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #fff;
background-color: #173143;
padding: 6px;
border: 1px solid #e6e6e6;
border-radius: 3px;
max-width: 150px;
}

div.mod_contact_right input.button:hover,
div.mod_contact_left input.button:hover {
font-family: 'Roboto';
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #173143;
background-color: #e4ded2;
padding: 6px;
border: 1px solid #e6e6e6;
border-radius: 3px;
max-width: 150px;
}

*/

/******************* Forms ********************/

.mod_contact_left {
font-family: 'Roboto';
font-weight: 400;
color: #666;
font-size: 14px;
padding-top: 6px;
padding-bottom: 2px;
}

span.mod_contact_left_star {
color: #fa6a0a;
font-family: 'Roboto';
font-weight: 600;
font-size: 16px;
}

.mod_contact_right input {
text-align: left;
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 4px;
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
color: #000;
margin-top: 4px;
margin-bottom: 4px;
cursor: pointer;
width: 240px;	
}

.mod_contact_right select {
text-align: left;
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 4px;
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
color: #000;
margin-top: 4px;
margin-bottom: 4px;
cursor: pointer;
}

.mod_contact_right select option{
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
color: #000;
text-align: left;
}

.mod_contact_right textarea {
text-align: left;
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 4px;
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
color: #000;
margin-top: 4px;
margin-bottom: 4px;
cursor: pointer;
width: 260px;	
}

.mod_contact_left input.button,
.mod_contact_right input.button,
input.bbutton {
background-color: #4e3d30;
padding: 8px;
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
color: #fff;
border: 0px;
width: 200px;
border-radius: 3px;
cursor: pointer;
text-align: center;
}

/*************************** Video blok *********************************/

.videoWrapper{
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.videoWrapper iframe,.videoWrapper object, .videoWrapper embed{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

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

.img_box_item {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  -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;
}


/***************************** Adaptive Video Youtube ********************************/

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


video {
width: 100%;	
}