.border-gradient { background: #ed1c24; border-top: solid 2px -moz-linear-gradient(top, #ed1c24 0%, #ed1c24 100%); border-top: solid 2px -webkit-linear-gradient(top, #ed1c24 0%, #ed1c24 100%); border-top: solid 2px linear-gradient(to bottom, #ed1c24 0%, #ed1c24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#ed1c24', GradientType=0 );
}
.background-gradient { background: #ed1c24; background: -moz-linear-gradient(top, #ed1c24 0%, #ae010c 100%); background: -webkit-linear-gradient(top, #ed1c24 0%, #ae010c 100%); background: linear-gradient(to bottom, #ed1c24 0%, #ae010c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#ae010c', GradientType=0 );
}
/**/
body { font-family: 'Open Sans', sans-serif; }
/**/
.mobile-nav { display: none; }
.mobile-icon { display: none; }
/**/
.error { color: red; font-size: 12px; margin: 3px 0 0 0; display:none; }
.error-active { display:block; }
a { color: #fff; text-decoration: none; }
a:focus, a:visited {
    color: #fff;
}
a:hover { color: #fff; text-decoration: none; }
section { float: left; width: 100%; }
h2, .h2 { font-size: 30px; color: #191919; text-transform: uppercase; font-weight: 900; padding:10px; }
h3 { font-size: 20px; margin: 0; padding: 0; }
section .text { color: #797979; font-size: 14px; line-height: 30px; padding: 10px; }
section .text h2 { margin-bottom: 30px; }
section .before-images:before { width: 100%; height: 100%; background-color: #ed1c24; content: ""; position: absolute; left: -10px; top: -10px; z-index: -1; }
section .box-shadow { box-shadow: 0 7px 18px rgba(0, 0, 0, 0.13); }
section .arrow-up { background: url(../images/themes/slider-arrow.png) no-repeat -30px 0; width: 30px; height: 30px; left: 60px; }
.display-flex { display: flex; justify-content: center; flex-direction: column; }
.skew { content: ''; position: absolute; left: 0; bottom: 0; overflow: visible; width: 100%; height: 100%; background: #191919; z-index: -1; -webkit-transform: skewY(-2deg); -moz-transform: skewY(-2deg); -ms-transform: skewY(-2deg); -o-transform: skewY(-2deg); transform: skewY(-2deg); -webkit-backface-visibility: hidden; backface-visibility: initial; }
.bg-skaw { position: absolute; overflow: hidden; }
.bg-skaw.skew { background: url(../images/themes/why-bg.jpg) no-repeat center top / cover; width: 100%; height: 100%; }
.ticks { display: inline-block; line-height: 35px; color: #ed1c24; font-size: 18px; }
/*elements*/
.triple-line { width:50px; position:absolute; }
.triple-line .line { height:2px; background-color:#F00; margin-bottom:2px; }
.triple-line .line:nth-child(1) { width:100%; }
.triple-line .line:nth-child(2) { width:70%; }
.triple-line .line:nth-child(3) { width:50%; }
/*call*/
.order-call { position: absolute; right: 12%; top: 70%; transform: translateY(-50%); background-color: #fff; padding: 0 10px; border-radius: 4px; box-shadow: 0px 0px 13px #191919; }
.order-call h2 { margin: 0 0 9px; font-size: 27px; padding: 0; float: left; width: 100%; }
.order-call h3 { font-size: 14px; margin: 10px 0 6px; }
.order-call h4 { font-size: 14px; color: #191919; margin: 5px 0; display: block; float: left; }
.order-call p { }
.order-call .call-form { background-color: #fff; }
.order-call .call-form .phon-ico { width: 50px; height: 50px; background-color: #191919; text-align: center; display: inline-block; float: left; }
.order-call .call-form .phon-ico i { color: #FFF; font-size: 46px; line-height: 50px; }
.order-call .call-form input[type="number"] { border: none; height: 50px; vertical-align: baseline; padding: 0 10px; border-left: solid 1px #191919; border-top: solid 1px #191919; border-bottom: solid 1px #191919; float: left; }
.order-call .call-form input[type=number]::-webkit-inner-spin-button, .order-call .call-form input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
.order-call .call-form input[type="number"]:focus { outline: 0; }
.order-call .call-form input[type="submit"] { width: 100px; height: 50px; border: none; color: #fff; background-color: #e3000f; vertical-align: baseline; margin: 0; padding: 0; float: left; }
.order-call .call-form ::placeholder {
color:#191919;
}
.order-call .call-form input[type="submit"]:disabled { background-color: #7f7c76; }
.order-call .call-form focus .order-call .call-form .phon-ico i { color:#FFF; font-size:22px; }
.order-call .call-form .form { }
.order-call .call-form .form .phon-ico { }
.order-call .call-form .form .phon-ico .input { }
/*section.info*/
section.info { background-color: #191919; padding:10px 0; }
section.info .box-info { color: #e0e0e0; font-size: 12px; line-height: 16px; }
section.info .box-info .adress { font-size: 12px; }
section.info .box-info .maps-m { float: left; padding: 4px 10px 0 0; }
section.info .box-info .adress i, section.info .box-info .maps-m i { margin-left: 10px; margin-right: 5px; }
/*section.info*/ 
 
/*section.nav*/
section.nav nav.fixed { transition: ease-in-out 0.5s all; position: fixed; top: 0; z-index: 999999; background-color: #fff; width: 100%; left: 0; }
section.nav nav.fixed ul { display: flex; flex-direction: row; justify-content: space-around; height: 50px; border-bottom: 3px solid #e1000c; height:50px; }
section.nav nav.fixed.nav-up { transition: ease-in-out 0.5s all; top: -47px; }
/**/
section.nav { position: relative; background-color: #fff; border-top: solid 2px #e3000f; border-bottom: solid 10px #e3000f; height: 122px; }
section.nav .logo { position: absolute; z-index: 10; }
section.nav .logo img { width: 100%; }
section.nav nav { background-color: #fff; }
section.nav nav ul { display: flex; flex-direction: row; justify-content: space-around; height: 110px; }
section.nav nav ul li { justify-content: space-between; align-self: center; cursor: pointer; }
section.nav nav ul li a { text-decoration:none; position:relative; width: 100%; display: block; height: 100%; color: #222222; font-size: 16px; font-weight: 900; text-transform: uppercase; line-height: 16px; padding: 15px 0; transition: ease-in-out 0.5s all; }
section.nav nav ul li a .triple-line { opacity:0; left:-100%; }
section.nav nav ul li a:hover .triple-line { opacity:1; left:0; }
/*.trinagle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1000px 0 0 170px;
    border-color: transparent transparent transparent rgba(25, 25, 25, 0.86);
    content: "";
    right: -170px;
    position: absolute;
    left: inherit;
}*/
/*section.nav*/

/*section.header*/
section.header { }
section.header header { position: relative; }
section.header header .slider { position: relative; }
section.header header .slider h2 { padding:0; }
section.header header .slider .bx-wrapper { }
section.header header .slider .bx-wrapper ul li { width: 100%; height: 100%; overflow:hidden; }
section.header header .slider .bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; }
section.header header .slider .bx-wrapper .bx-next { left: 60px; background: url(../images/themes/slider-arrow.png) no-repeat -30px 0; }
section.header header .slider .bx-wrapper .bx-next:hover { background-position:-30px -30px; }
section.header header .slider .bx-wrapper .bx-prev { left: 0px; background: url(../images/themes/slider-arrow.png) no-repeat 0 0; }
section.header header .slider .bx-wrapper .bx-prev:hover { background-position: 0 -30px; }
section.header header .slider .bx-controls.bx-has-controls-direction { position: absolute; bottom: 5vh; width: 90px; right: 0; left: 20%; }
section.header header .slider ul { }
section.header header .slider ul li { }
section.header header .slider ul li h2, section.header header .slider ul li .h2 { color: #FFF; font-size:3vw }
section.header header .slider ul li h3, section.header header .slider ul li .h3 { font-size: 1.5vw; color: #fff; font-weight: 100; overflow: hidden; line-height: 32px; }
section.header header .slider ul li p { color: #FFF; font-size: 1.3vw; margin-top: 22px; line-height: 24px; height: 192px; overflow: hidden; }
section.header header .slider ul li img { width:100%; }
section.header header .slider ul li .info { position: absolute; width: 55%; background-color: rgba(25, 25, 25, 0.86); height: 100%; display: flex; justify-content: flex-end; transform: skewX(16deg); left: -5%; }
section.header header .slider ul li .info .slider-title { width: 85%; float: right; align-self: center; transform: skewX(-16deg); padding-right: 50px; }
/*section.bar*/
section.bar { }
section.bar .bar-text { color: #FFF; font-size: 18px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 15px 0px; }
/*section.bar*/

/*section.baner*/
section.baner { padding: 25px 0; }
section.baner img { width: 100%; }
section.baner a.button { position: absolute; right: 25px; bottom: 14px; border-radius: 3px; color: #fff; padding: 10px 20px; }
section.baner a.button:hover { opacity:0.8; }
section.baner a.button.facebook { background-color:#3b5999; }
section.baner a.button.google { background-color:#d0422c; }
/*section.baner*/

/*section.about*/
section.about { }
section.about a { color: #ed1c24; text-decoration: none; font-weight: 500; text-align: center; text-transform: uppercase; margin: 10px 0 -10px; float: left; font-size: 12px; }
section.about .offer { height: 305px; }
section.about .comment-slider { }
section.about .comment-slider .slider-box { position: relative; height: 225px; }
section.about .comment-slider .slider-box .bx-next { left: 40px; background: url(../images/themes/slider-arrow.png) no-repeat -30px -30px; }
section.about .comment-slider .slider-box .bx-next:hover { background-position:-30px 0; }
section.about .comment-slider .slider-box .bx-prev { left: 0px; background: url(../images/themes/slider-arrow.png) no-repeat 0 -30px; }
section.about .comment-slider .slider-box .bx-prev:hover { background-position: 0 0; }
section.about .comment-slider .slider-box .bx-controls-direction a { position: absolute; bottom: 10px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; }
section.about .comment-slider .slider-box .bx-wrapper .bx-viewport { overflow: visible !important; }
section.about .comment-slider .slider-box ul { }
section.about .comment-slider .slider-box ul li { }
section.about .comment-slider .slider-box ul li .slide { }
section.about .comment-slider .slider-box ul li .slide .user-images { position: absolute; right: 0; top: -30px; }
section.about .comment-slider .slider-box ul li .slide .about { margin-top: 0; float: left; width: 100%; }
section.about .comment-slider .slider-box ul li .slide .about .name { float: left; width: 100%; font-weight: 900; color: #000; }
section.about .comment-slider .slider-box ul li .slide .about .stars { float: left; }
section.about .comment-slider .slider-box ul li .slide .about .date { float: right; font-size: 12px; }
section.about .comment-slider .slider-box ul li .slide .comment { height: 120px; overflow: hidden; float: left; }
/*section.about*/

/*section.offer-one*/
section.offer-one { margin: 25px 0; }
section.offer-one .offer-box { max-width:360px; height:250px; }
section.offer-one .offer-box .offer-img { max-width: 360px; height: 250px; }
section.offer-one .offer-box .offer-img img { width:100%; }
section.offer-one .offer-box .offer-name { position: absolute; top: 50%; line-height: 40px; padding: 0 10px; color: #fff; }
section.offer-one .offer-box .offer-img section.offer-one .offer-box .offer-name { }
section.offer-one .col-xs-4 { margin-bottom: 2.5%; }
/*section.offer-one*/

/*section.why*/
section.why { margin: 80px 0; position: relative; }
section.why h2, section.why .h2 { color: #FFF; text-align: center; margin-top: 25px; }
section.why p { color:#FFF; text-align:center; }
section.why .text { color:#fff; }
section.why .why-images { position: relative; z-index: 0; margin: -40px 0; }
section.why .why-images img { width: 100%; }
/*section.why*/

/*section.offer-two*/
section.offer-two { }
section.offer-two .offer-box { position: relative; overflow: hidden; }
section.offer-two .offer-box img { width:100%; }
section.offer-two .offer-box .offer-title { position: absolute; bottom: 0; font-size: 25px; color: #fff; padding: 10px 5px; width: 100%; border-bottom: 3px solid #ed1c24; }
section.offer-two .offer-box .gradient-dark { background: -moz-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(38,38,38,0.6) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99262626', endColorstr='#000000', GradientType=0 );
}
section.offer-two .offer-box .offer-info { position: absolute; z-index: 10; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.83); bottom: -100%; transition: ease-in-out .5s all; border-top: 3px solid #ed1c24; }
section.offer-two .offer-box:hover .offer-info { bottom:0; }
section.offer-two .offer-box .offer-info .kategory-header { width: 40px; height: 100%; background-color: #ed1c24; display: flex; justify-content: center; flex-direction: column; position: absolute; }
section.offer-two .offer-box .offer-info .offer-name { color: #fff; font-size: 26px; justify-content: center; align-items: center; line-height: 40px; width: 100%; text-align: center; height: 40px; display: inline-flex; transform: rotate(-90deg); }
section.offer-two .offer-box .offer-info .offer-name i { padding-left: 15px; }
section.offer-two .offer-box .offer-info .text { color: #fff; font-size: 14px; line-height: 30px; padding: 10px; padding-left: 45px; margin: 10px 15px; }
section.offer-two .offer-box .offer-info .text p { margin: 0 0 7px; padding: 0; line-height: 15px; font-size: 12px; color: #ed1c24; font-weight: bold; }
section.offer-two .col-lg-4:nth-child(2) { margin-bottom: 30px; }
section.offer-two .col-lg-4:nth-child(3) { margin-bottom: 30px; }
/*section.offer-two*/

/*section.maps*/
section.maps { margin: 0 0 80px 0; }
section.maps .g-maps { max-width:555px; height:423px; overflow:hidden; }
section.maps .box-maps { position: relative; margin-top: 25px; }
section.maps .box-maps img { width:100%; }
section.maps .box-maps .maps-header { background-color: #ed1c24; position: absolute; bottom: 0; width: 100%; padding: 10px 15px; }
section.maps h2, section.maps .h2 { text-align: center; }
section.maps p { text-align: center; }
section.maps .box-maps .maps-header h3 { color:#FFF; line-height: 25px; }
section.maps .box-maps .maps-header p { color: #FFF; line-height: 25px; text-align:left; }
/*section.maps*/

/*section.cooperation*/
section.cooperation { background-color: #000; padding: 25px 0; }
section.cooperation h2 { color:#FFF; line-height: 25px; text-align:center; margin-top:25px; }
section.cooperation p { color: #FFF; line-height: 25px; text-align:center; margin-bottom:25px; }
section.cooperation .content-slider { margin: 25px 0 0; }
section.cooperation .content-slider ul.coop-slider { width:100%; }
section.cooperation .content-slider ul.coop-slider li { display: inline-block; width: 170px !important; height: 150px; }
section.cooperation .content-slider .bx-wrapper .bx-controls-direction { position: relative; margin: 25px 0 0; height: 30px; }
section.cooperation .content-slider .bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; }
section.cooperation .content-slider .bx-wrapper .bx-next { left: 60px; background: url(../images/themes/slider-arrow.png) no-repeat -30px 0; }
section.cooperation .content-slider .bx-wrapper .bx-next:hover { background-position:-30px -30px; }
section.cooperation .content-slider .bx-wrapper .bx-prev { left: 0px; background: url(../images/themes/slider-arrow.png) no-repeat 0 0; }
section.cooperation .content-slider .bx-wrapper .bx-prev:hover { background-position: 0 -30px; }
/*section.cooperation*/

/*section.recommendation*/
section.recommendation { width: 100%; height: 420px; float: left; margin: 80px 0; position: relative; }
section.recommendation h2, section.recommendation .h2 { color:#FFF; text-align:center; }
section.recommendation p { color:#FFF; text-align:center; }
section.recommendation .slider-content { margin-top: 25px; float: left; position: relative; width: 100%; }
section.recommendation .slider-content ul { }
section.recommendation .slider-content ul li { }
section.recommendation .slider-content ul li { display: inline-block; width: 170px !important; height: 150px; }
section.recommendation .slider-content ul li .company-logo { }
section.recommendation .slider-content ul li .company-logo img { width:100%; }
section.recommendation .slider-content ul li .text { background-color: rgba(23, 19, 19, 0.22); width: 84%; }
section.recommendation .slider-content .bx-wrapper .bx-next { left: 60px; background: url(../images/themes/slider-arrow.png) no-repeat -30px 0; }
section.recommendation .slider-content .bx-wrapper .bx-next:hover { background-position:-30px -30px; }
section.recommendation .slider-content .bx-wrapper .bx-prev { left: 0px; background: url(../images/themes/slider-arrow.png) no-repeat 0 0; }
section.recommendation .slider-content .bx-wrapper .bx-prev:hover { background-position: 0 -30px; }
section.recommendation .slider-content .bx-controls.bx-has-controls-direction { position: absolute; bottom: -32px; }
section.recommendation .slider-content .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; }
/**/
section.thanks { position: fixed; z-index: 999999; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; }
section.thanks .layer { background-color: #fff; width: 50%; left: 50%; position: absolute; transform: translateX(-50%) translateY(-50%); top: 50%; }
section.thanks .layer .layer-container { background-color: #fff; padding: 10px 25px 25px; }
section.thanks .layer .layer-container a.close { width: 25px; height: 25px; background-color: #000; position: absolute; right: 3px; top: 3px; border-radius: 50%; line-height: 25px; text-align: center; }
section.thanks .layer .layer-container a.close i { color:#FFF; }
section.thanks .layer .layer-container a.btn { }
section.thanks .layer .layer-container h2 { text-align: center; }
section.thanks .layer .layer-container h3 { text-align: center; font-size: 20px; line-height: 30px; }
/*section.recommendation*/
.comment-baner { }
.comment-baner img { width: 100%; }
section.baner .col-xs-12.col-sm-6.col-md-6.col-lg-6 { margin-bottom: 15px; }
.social-box {
    width: 390px;
    height: 300px;
    position: fixed;
    right: -340px;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99991;
}
.social-box .social-name { width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; }
.social-box .social-name.fb:hover { right:0; }
.fb { background-color:#3b5998; }
.google { background-color:#db4437; }
.social-box .social-name a { display:block; width:100%; height:100%; }
/*footer*/
section.footer { margin: 80px 0; display:none; }
section.footer .header { padding: 10px 0; color: #fff; text-align: center; }
section.footer .text { }
section.footer .text img { width:100%; }
/*footer*/

/*animacje*/
.animation-bounceIn { animation-name: bounceIn; animation-duration: 450ms; animation-timing-function: linear; animation-fill-mode: forwards; }
@keyframes bounceIn { 0% {
 opacity: 0;
 transform: scale(0.3) translate3d(0, 0, 0);
}
 50% {
 opacity: 0.9;
 transform: scale(1.1);
}
 80% {
 opacity: 1;
 transform: scale(0.89);
}
 100% {
 opacity: 1;
 transform: scale(1) translate3d(0, 0, 0);
}
}
/*animacje*/