@font-face {
    font-family: "RalewayBold";
    src: url("/css/fonts/RalewayBold.eot");
    src: url("/css/fonts/RalewayBold.eot?#iefix")format("embedded-opentype"),
    url("/css/fonts/RalewayBold.woff") format("woff"),
    url("/css/fonts/RalewayBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../css/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../css/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../css/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../css/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../css/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../css/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.error {color:#e4012e;}
.zvonok {display: inline-block;
    background: #e4012e;
    border-radius: 5px;
    color: #fff;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;}
.zvonok:hover {background:#1e283a}
.zvonok-block {text-align: center; margin: 20px 0;}

.slider {position: relative;font-family:Arial; font-weight: bold;}
.slide-text {position: absolute; top: 40%; right: 0; line-height: 1; padding: 20px 20px 5px 20px; background-color: rgba(204, 204, 204, 0.45); color: #1e283a; border-top-left-radius: 20px;    border-bottom-left-radius: 20px;}
.slide-text span { font-size: 62px; }
.slide-text p {font-size: 34px;}

.slider .owl-pagination{margin-top: -36px;}
.slider .owl-buttons{display: none;}
.slider .owl-pagination span {border: 2px solid #fff; opacity: 0.9; background: none;}
.slider .owl-pagination .active span {background: #fff;}
.slider .item-slide {background-position: left top; background-size: cover!important;}

@media (min-width:1025px) {
.slide-text {top: 35%;}
.slide-text span { font-size: 54px;}
.slide-text p {font-size: 28px;}
}

@media (min-width:1400px) {
.slide-text {top: 35%;}
.slide-text span { font-size: 70px;}
.slide-text p {font-size: 40px;}
}

@media (max-width:1024px) {
.slide-text {top: 30%;}
.slide-text span { font-size: 45px;}
.slide-text p {font-size: 20px;    line-height: 1;}
}
@media (max-width:599px) {
.slide-text {top: 30%;}
.slide-text span { font-size: 25px;}
.slide-text p {font-size: 13px; line-height: 1;}
}
.zebra {border: 1px solid #ccc; width: 100%}
.zebra tr:nth-child(2n){background-color: #e0e0e0;}
.zebra th {background: #1e283a;color: #fff;padding: 10px 5px; font-weight: bold;}
.zebra th:first-child, .zebra td:first-child {
    text-align: left;
}
.zebra th:not(:first-child), .zebra td:not(:first-child) {
    text-align: center;
}
.img-news {float: left; margin-right: 10px; margin-bottom: 10px;  max-width: 250px;}
.shortnews {position: relative;
    border-bottom: 1px solid #e4012e;
    float: left;
    margin-bottom: 10px;
	width: 100%;}

#toTop {
width: 42px;
    height: 42px;
    background: #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
position:fixed;
bottom:13px;
right:10px;
cursor: pointer;
display:none;
}
#toTop:hover {
    opacity: 0.7;
}

#toTop:before {
    font-family: 'FontAwesome';
    content: "\f106";
    position: absolute;
    font-size: 28px;
    width: 100%;
    color: #1e283a;
    vertical-align: middle;
    text-align: center;
}
h2 {font-family:RalewayBold; color: #1e283a;}

.topmargin {background:#f5f5f5; padding-top: 2px; padding-bottom: 2px; width: 100%;}
.topline {padding: 10px 0; background: #1e283a; color: #fff;}
.navline{background:#f5f5f5; border-top: 1px solid #1E283A; color: #999999; font-size:11.5px;}
.padding-topline { padding-top: 15px; padding-bottom: 15px;}
.navline {margin-bottom: 20px;}
.padding-logo { padding-top: 20px; padding-bottom: 20px;}
.padding-menu {padding: 31px 0;}
.border-left {border-left: 1px solid #e2e6e7;}
.border-right {border-right: 1px solid #e2e6e7;}

nav {float: right;}
ul.menu {margin: 0;}
ul.menu li {list-style: none;position: relative; line-height: 18px;}
.menu li {float: left; margin: 0; margin-right: 20px;}
.menu li ul li {border-right: none;}
.menu li:last-child {border-right: none;}
.menu li a {color: #1e283a; display: block;
    padding: 20px 10px;  text-decoration: none; font-size: 23px; font-weight: bold;}
.menu li a.active, .menu li a:hover {background:   #e4012e; color:#fff;}



.menu > li.dropsub > a {
    padding-right: 19px;
}
.menu > li.dropsub {/*margin-right: -16px;*/}
.menu > li.dropsub > a:after {
    position: absolute;
    content: '\f107';
    font-family: 'FontAwesome';
    color: #e4012e;
    font-size: 15px;
    right: 5px;
    top: 50%;
    margin-top: -9px;
}
.menu > li.dropsub > a.active:after, .menu > li.dropsub > a:hover:after {color: #fff;}
.menu ul {display: none;
margin: 0;
padding: 0;
min-width: 170px;
position: absolute;
background: #ffffff;
transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
z-index: 100;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {display: block;
    color: #fff;
    font-size: 16px;
    padding: 10px 5px;
    text-decoration: none;
    text-transform: none;
    background: #e4012e;
    font-weight: 300;
    opacity: 1;
    border-top: 1px solid #E2E6E7;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#E2E6E7;
border-left:3px solid #e4012e;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}
/*����*/


.mobile-menu{display:none;
width:100%;
padding:5px;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
background: #e4012e;
text-align: center;
}
.mobile-menu:hover{
color:#ffffff;
text-decoration:underline;
}

@media (max-width:1200px) {

.menu > li.dropsub:after {display: none;}
.menu{display:none;}



.mobile-menu{display:block;}

nav{margin:0;
background:none;  width: 100%;}

.menu li{display:block;
margin:0;  float: none;  border-right: none;}

.menu li a {}

.menu li a:hover, .menu li:hover > a{
}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}
/*����� ����*/


.company {padding-top: 20px; padding-bottom: 20px}
.company h2 {margin-top: 15px;}
.companyreadmore {padding-top: 60px; padding-bottom: 23px; text-align:right;}
.company img {float: left; margin-right: 10px; border: 1px solid #E2E6E7; border-radius: 100%;}

.service {background:#f5f5f5;  padding-top: 30px;}
.catalog .col-md-4, .service .col-md-4 {padding-bottom: 30px;}
.catalog .product-el {border: 1px solid #1e283a;}
.reviews h2, .service h2 {text-align: center;font-size: 30px;}

.catalog p, .service p {text-align: center;}
.catalog p {font-size: 14px;}
.catalog h4, .service h4 {text-align: center;font-size: 20px; text-transform: uppercase;margin-top: 30px; padding: 0 35px;}
.catalog h4 {font-size: 18px; margin-top: 15px; padding: 0 15px;}
.text-justify{text-align: justify;}


a.readmore {    
	color: #FFF;
    font-family: RalewayBold;
    font-size: 12px;
    font-weight: 700;
    background: #e4012e;
    padding: 16px 23px 15px;
    text-align: center;
    cursor: pointer;
    line-height: normal;
    letter-spacing: 1px;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    border: 2px solid #e4012e;
	text-transform: uppercase;}
	
a.readmore:hover {
    color: #000;
    background: transparent;
    opacity: 1;
}
.product-el {background: #1e283a;color: #fff;padding-bottom: 5px;max-width: 336px; margin: 0 auto;}
.product-title {padding: 0 5px; height: 170px; overflow: hidden;}
.work, .product{position: relative; overflow: hidden; max-width: 400px;    margin: 0 auto;}
.work {margin: 0 10px;}
.awork {margin: 0 auto; display: block;}
.view
{
	position: absolute;
	top: 0;
	background: rgba(17, 75, 113, 0.5);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.work:hover .view, .product:hover .view
{
	opacity: 1;
}
.view p.description
{
	color: #FFF;
	margin-top: -20px;
	margin-bottom: 55px;
	font-size: 14px;
	line-height: 24px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	font-size: 25px;
}
.work:hover .view  p.description, .product:hover .view  p.description
{
	margin-bottom: 35px;
}
.vertical-align-table{
	display: table;
	width: 100%;
    height: 100%;}
.vertical-align-cell{    
	display: table-cell;
    vertical-align: middle;
	    text-align: center; padding: 0 5px;}
.work a.readmore, .product a.readmore {background: transparent; color: #fff;     border: 2px solid #fff;}
.work a.readmore:hover, .product a.readmore:hover {color: #fff; background: #e4012e; border: 2px solid #e4012e;}
.allwork {padding-top: 40px; padding-bottom: 10px; text-align: center;}
.allwork span{text-transform: uppercase; font-size: 20px;}
.maincompany{background: #fff; padding: 30px 0;}

.reviews{padding-top: 30px; padding-bottom: 30px}
.reviews .owl-prev, .reviews .owl-next {display: none!important;}
.reviews img {border-radius: 100%;}
.reviews h4 {font-size: 15px; margin: 25px 0;}
.reviews h4 span {font-weight: bold;}

.contact {padding-top: 20px; padding-bottom: 20px; background: #1e283a; color: #fff; font-size: 18px;}
.contact a {color: #fff; text-decoration: none;}
.contact a:hover {text-decoration: underline;}
a.mail {text-transform: lowercase;}
.contact ul {margin-left: 0; list-style: none;}

.contact li:before {font-size: 12px;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px 0 0;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: -2px; content: "\f0da";}
.contact li.map:before {content: "\f041";}
.contact span {color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold;}
.contact p {margin-top: 10px;}
/*.contact .col-md-4 {min-height: 88px;}*/
.footer {padding-top: 20px; padding-bottom: 20px; background-color: #141A25; color: #fff;}

.footer_develop {
    display: flex;
    justify-content: flex-end;
    margin-top: -5px;
}

.footer_develop_text {
    display: flex;
    margin-right: 5px;
    align-items: center;
}

.footer_develop a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

.footer_develop a svg {
    fill: #888;
    height: 34px;
}

.footer_develop a:hover svg {
    fill: #ed1945
}

.footer_develop a:hover {
    text-decoration: none;
}

.fa {
	font-size: 12px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px 0 0;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: -2px;
}
.tel {}
.email a {color: #fff; text-decoration: underline;}
.email a:hover {text-decoration: none;}

/*�������*/
.fa-phone:before {
  content: "\f095";
}
/*email*/
.fa-mail:before {
  content: "\f003";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-book:before {
  content: "\f02d";
}
.fa-question-circle:before {
  content: "\f059";
}
/*�����*/
.fa-map-marker:before {
  content: "\f041";
}
/*����*/
.fa-clock-o:before {
    content: "\f017";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vk:hover:before {
    color: #527498;
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook:hover:before {
    color: #3b5998;
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter:hover:before {
    color: #55acee;
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki:hover:before {
    color: #fa0;
}

.fa-search:before {
    content: "\f002";
}
.fa-search:hover:before{
	color: #e4012e;
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-map-marker:before {
    content: "\f041";
}

.searchbtn {background: #fff;}
.searchbtn .fa {font-size: 18px; padding: 0;}
.searchbtn:hover {color: #e4012e;}

.social .fa {font-size: 18px; margin-left: 5px;}
.social a {color: #999999;}


@media(max-width: 991px) {

.padding-logo {text-align: center;}
.padding-topline {padding: 5px 10px;}
.companyreadmore {padding-top: 0px; }
}