body { margin: 0; font-family: 'Roboto', sans-serif !important; font-size: 1rem; line-height: 1.5; color: #3d3d3d; background-color: #fff; min-width: 320px; overflow-y: visible !important; }
h1, h2, h3, h4, h5 { margin-bottom: 1.250rem; font-family: 'Roboto Condensed', sans-serif; }
.modal-open { padding-right: 0 !important; }
a { color: #0061BA; text-decoration: underline; cursor: pointer; }
a:hover, a:focus { color: #464646; }
.txt-cond { font-family: 'Roboto Condensed', sans-serif; }
/*========================outline link========================*/
a, a:focus, a:hover, a:active, button, button:hover, .btn, .btn:hover, .btn.focus, .btn:focus { outline: 0 !important; box-shadow: 0 !important; }
header { position: fixed; width: 100%; z-index: 50; }
.btn { border: none; border-radius: 0rem; }
a.btn { text-decoration: none; }
.icon.call-phon { fill: #fff; height: 20px; width: 20px; margin-right: 4px; }
.icon.phon-mob { fill: #ff680f; height: 26px; width: 26px; }
.icon.phon { fill: #579AFF; height: 23px; width: 26px; color: #579AFF; margin-right: 10px; margin-top: 6px; }
.icon.mail { fill: #000; height: 20px; width: 20px; margin-right: 6px; }
.icon.order { fill: #FFA620; height: 20px; width: 20px; margin-right: 6px; }
.icon.map { color: #579AFF; height: 21px; width: 20px; margin-right: 7px; margin-top: 4px; }
/*============================top info=========================*/
.topinfo { padding-top: 5rem; color: #FFFFFF; }
.topinfo .left { font-size: 0.875rem; }
.topinfo h4 { font-size: 1.6875rem; color: #579AFF; }
.topinfo img.logo { max-width: 104px; margin-right: 1.5rem; display: block; }
.topinfo blockquote { margin-bottom: 0rem; font-size: .8rem; color: #B7B7B7; font-style: italic; float: left; }
.topinfo .blockquote-footer { font-size: 85%; color: #8E9397; }
.topinfo .adres { color: #B7B7B7; font-size: 0.875rem; }
.bg-content .form-tip { margin-left: 3.5rem; }
.phon { }
.phon a { color: #FFFFFF; font-size: 1.3125rem; display: inline-block; text-decoration: none; }
.phon a:hover { color: #FFA620; }
a.tip { background-color: #FFA620; color: #000000; border-radius: 50px; font-size: 0.875rem; padding: 10px 20px; -webkit-box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.50); box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.50); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }
a.tip:hover { -webkit-box-shadow: 0px 0px 0px 12px rgba(255,255,255,0.20); box-shadow: 0px 0px 0px 12px rgba(255,255,255,0.20); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.topinfo a.tip { margin-top: -20px; }
/*=============== ===========header.small=================*/
header.small { font-size: 100%; background-color: rgba(0,0,0,0.40); }
header.small .topinfo { display: none; }
/*==========================form-tip=======================*/
.form-tip { background-color: rgba(255,255,255,0.50); }
.form-header { background-color: #FFA216; padding: 1rem 2rem; }
.form-header h4 { color: #FFFFFF; font-weight: normal; font-size: 1.3125rem; text-align: center; margin: 0px; text-shadow: 0px -1px rgba(0,0,0,0.30); }
.form-body { padding: 2rem; }
.form-group { margin-bottom: 1.3rem; }
.form-tip a.tip { font-size: 1.3125rem; text-transform: uppercase; padding: 14px 30px; }
/*==========================card==========================*/
.card { background-color: #F8F8F8; background-clip: border-box; border: none; border-radius: 0rem; }
.card:hover { -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.25); box-shadow: 0px 0px 16px rgba(0,0,0,0.25); background-color: rgba(255,255,255,1.00); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.card-img, .card-img-top { border-top-left-radius: 0px; border-top-right-radius: 0px; }
/*==========================top menu======================*/
.wsactive .wsmenu > .wsmenu-list { background-color: #414141; }
.wsmobileheader { background-color: #FFFFFF; }
.wsmenu > .wsmenu-list > li > a { color: #DEDEDE; border-top: 6px solid transparent; }
.wsmenu > .wsmenu-list > li > a.active { color: #FFA620; border-color: #FFA620; }
.wsmenu > .wsmenu-list > li:hover > a, .wsmenu > .wsmenu-list a:active, .wsmenu > .wsmenu-list a:focus { color: #FFA620; border-color: #FFA620; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > a { background-color: #4B7AC0; color: #fff; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { background-color: #4B7AC0; color: #fff; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover a { background-color: #4B7AC0; color: #fff; }
/*==============================service====================*/
.service { padding-top: 6rem; padding-bottom: 5rem; }
.service .card-body { padding: 0px; color: #636363; font-size: 0.875rem; }
p.card-text { padding: 1rem 2rem 2rem; line-height: 1.5rem; }
.service h2.card-title { background-color: #1A5DC0; font-size: 1.5rem; text-align: center; padding: 0.8rem; }
.service h2.card-title:hover { background-color: #0E4AA2; }
.service .card-title a { color: rgba(255,255,255,1.00); text-decoration: none; }
.service .card-title a:hover { color: #FFC46C; }
/*============================slider======================*/
.slidetops h3, .partners h3 { font-size: 1.9375rem; }
.icon.chevr-r2, .icon.chevr-l2 { height: 40px; width: 40px; fill: #6e6e6e; }
section.slidetops { padding-top: 4rem; padding-bottom: 4rem; background-image: url(../i/bg_slider.jpg); background-repeat: no-repeat; background-size: cover; }
.slidetops .card { min-height: 370px; }
.slidetops .card h5 { font-size: 1rem; font-weight: normal; text-align: left; line-height: 1.4rem; }
.slidetops .card a { text-decoration: none; }
.slidetops .card-body { padding: 1.5rem; }
.cards .carousel-inner .carousel-item.active, .cards .carousel-inner .carousel-item-next, .cards .carousel-inner .carousel-item-prev { display: flex; }
.slidetops .carousel-control-next, .slidetops .carousel-control-prev, .partners .carousel-control-next, .partners .carousel-control-prev { width: 10%; top: 0px; }
.slidetops .carousel-control-prev, .partners .carousel-control-prev { left: -100px; }
.slidetops .carousel-control-next, .partners .carousel-control-next { right: -100px; }
.slidetops .carousel-inner { padding-bottom: 1rem; padding-top: 1rem; }

@media only screen and (min-width : 992px) {
.cards .carousel-inner .carousel-item-right.active, .cards .carousel-inner .carousel-item-next { transform: translateX(25%); }
.cards .carousel-inner .carousel-item-left.active, .cards .carousel-inner .carousel-item-prev { transform: translateX(-25%); }
.cards .carousel-inner .carousel-item-right, .cards .carousel-inner .carousel-item-left { transform: translateX(0); }
}
/*==================================parners========================*/
.partners { padding-top: 4rem; padding-bottom: 4rem; }
.partners h3 { color: #3B7DE0; }
.partners { text-align: center; }
/*============================in-order=====================*/
.in-order { padding-top: 5rem; padding-bottom: 5rem; background-color: #ebebeb; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='223' height='223' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpolygon fill='%23ffffff' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23ffffff' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");/* background-repeat: repeat-x;*/ }
a.big { background: linear-gradient(180deg, #FFA216 0%, #FF8616 100%); border-radius: 50rem; background-clip: padding-box; display: inline-block; color: #FFFFFF; font-size: 1.5rem; text-shadow: 0px -1px 1px rgba(0,0,0,0.50); padding: 2rem 3rem; line-height: 1.9rem; -webkit-box-shadow: 0px 0px 0px 15px rgba(0,0,0,0.05); box-shadow: 0px 0px 0px 15px rgba(0,0,0,0.05); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }
a.big:hover { color: rgba(255,255,255,1.00); -webkit-box-shadow: 0px 0px 0px 22px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 22px rgba(0,0,0,0.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.03); }
/*=========================form-quest =====================*/
.form-quest { background-color: #EBEBEB; margin-bottom: 2rem; margin-top: 2rem; padding: 2rem 2rem 1rem; background-image: url(../i/bg_form.png); background-repeat: no-repeat; background-position: left center; color: #757575; }
.form-quest a.phon { font-size: 1.3125rem; white-space: nowrap; }
.form-quest h3 { color: #000000; font-size: 1.5rem; }
.form-quest a.btn { font-size: 1rem; padding-left: 2rem; padding-right: 2rem; }
.form-quest a.btn:hover { color: #000000; }
.phon-form { color: #000000; }
/*==============================forms=================================*/
.form-order .form-group { margin-bottom: 20px; }
.form-control { display: block; width: 100%; height: auto; border: 2px solid #FFFFFF; border-radius: 0px; box-shadow: none; background-color: rgba(255, 255, 255, 1.0); background-clip: border-box; }
.form-control:focus { border: 2px solid #4C92FD; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.form-control textarea { height: 100px; }
.required { background-image: url(../i/req.png); background-position: right top; background-repeat: no-repeat !important; }
/*=============================content-page================*/
.top-page { background-image: url(../i/bg_top_page.jpg); background-repeat: no-repeat; background-size: cover; padding-bottom: 2rem; }
.wrapper { padding-top: 3rem; padding-bottom: 5rem; }
.breadcrumb { padding: 0rem 0rem 1rem; margin-bottom: 0rem; background-color: transparent; border-radius: none; font-size: 0.875rem; }
.breadcrumb .active { color: #acacac; }
.uppercase { text-transform: uppercase; }
h1 { color: #000000; font-size: 1.9375rem; font-weight: normal; margin-bottom: 2rem; }
h1 .com { color: #3B7DE0; font-size: 1.5rem; display: block; margin-top: 0.5rem; }
h2 { color: #3B7DE0; font-size: 1.875rem; font-weight: normal; }
h3 { color: #3B7DE0; font-size: 1.75rem; font-weight: normal; }
h4 { color: #3B7DE0; font-size: 1.6875rem; font-weight: 700; }
h5 { color: #3B7DE0; font-size: 1.5rem; font-weight: 700; }
.works a { text-decoration: none; }
.works h3 { font-weight: normal; font-size: 1rem; line-height: 1.5rem; }
ul.bloktxt li { margin-bottom: 2rem; }
ul.bloktxt .contact { font-style: italic; color: #000000; font-size: 1.125rem; }
ul.bloktxt strong { color: #3B7DE0; font-size: 1.25rem; font-weight: normal; display: inline-block; margin-bottom: 10px; }
.contact-list dd { line-height: 1.8rem; margin-bottom: 2rem; }
.contact-list { margin-bottom: 1rem; }
.contact-list dt { padding-bottom: 1.5rem; color: #000000; font-size: 1.125rem; }
.contact-list a.phone { text-decoration: none; color: #F3554E; font-size: 1.5rem; }
.contact-list a.phone:hover { color: #000; }
ul.board li { padding-bottom: 1.2rem; border-bottom: 2px dashed #E0E0E0; padding-top: 1.2rem; }
ul.board h3 { font-size: 1.25rem; }
ul.board .bcont { color: #000000; font-style: italic; font-size: 1.125rem; }
ul.board .data { display: inline-block; background-color: #CCCCCC; font-size: 0.75rem; padding: 2px 10px; margin-bottom: .5rem; }
.img-row { max-width: 1000px; margin-left: auto; margin-right: auto; }
.img-row > div { display: inline-block; width: 100%; height: auto; margin-bottom: 1rem; position: relative; }
.img-row img { display: block; max-width: 100%; height: auto; }
ul.indexanons h2 { font-size: 1.5rem; }
ul.indexanons li { color: #8B8B8B; font-size: 0.875rem; padding-bottom: 2rem; }
/*===========================paginator==============*/
.paginator { margin-bottom: 2rem; }
.paginator a { padding: 0.3rem 0.7rem; text-decoration: none; }
.paginator a.active, .paginator a:hover, .paginator a:active, .paginator a:focus { color: #FFFFFF; background-color: #9C9C9C; }
/*===========================footer=====================*/
footer { background-color: #F8F8F8; padding-top: 5rem; padding-bottom: 4rem; font-size: 0.875rem; color: #858585; }
ul.link-footer li { margin-bottom: 1.5rem; }
.contact-footer { text-align: center; }
.contact-footer .adres { color: #000000; margin-bottom: 2rem; }
.contact-footer a.phon { color: #FF7A00; font-size: 1.5rem; display: inline-block; text-decoration: none; }
.contact-footer a.phon:hover { color: #000; }
a.site { color: #D4D4D4; font-size: 0.7rem; display: block; position: absolute; bottom: 0px; right: 0px; }
/*================================table============================*/
.table { color: #333; font-size: 0.875rem; }
/*=================================modal==================================*/
.modal.fade .modal-content { border-radius: 0px; background-color: rgba(234, 234, 234, 0.90); border: none; }
.modal.fade .modal-body { padding: 0.9rem 1.5rem 0rem; font-size: 1rem; }
.modal.fade .modal-content h5.modal-title { color: #fff; font-size: 1.25rem; font-weight: normal; margin-left: auto; padding-left: 2rem; }
.modal-footer { justify-content: center; }
.close { font-size: 1.5rem; color: #000; }
.close:focus, .close:hover { filter: alpha(opacity=100); opacity: 1.0; }
.close:hover, .close:focus { color: #000; }
.modal-header, .modal-footer { padding-top: 0px; border-bottom: none; border-top: none; text-align: center; border-radius: 0px; }
.modal-header { padding-bottom: 0.7rem; padding-top: 0.7rem; background-color: #ffa02a; }
.modal-footer { padding-bottom: 1rem; display: block; }
.modal-header .close { margin: -1rem -.8rem -1rem auto; }
.btn.focus, .btn:focus { box-shadow: 0 0 0 .8rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0 .8rem rgba(0, 0, 0, 0.1); }
.modal a.tip { font-size: 1.125rem; padding-left: 2rem; padding-right: 2rem; }
/*=============================scrollup=================================*/
.scrollup { width: 40px; height: 40px; opacity: 0.7; position: fixed; bottom: 2rem; right: 2rem; display: none; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../i/up.png); color: #FFFFFF; z-index: 90; background-size: cover; }
/*==============================vid-blok============================*/
.vid-blok { margin-left: auto; margin-right: auto; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
html.h-100 { height: auto !important; }
}
/*===========================video_bg===================*/
.bg-content { position: absolute; top: 0%; background-color: rgba(0,0,0,0.80); z-index: 2; width: 100%; }
.bg-content h1 { color: #ACACAC; font-size: 3.375rem; font-weight: 300; text-shadow: 0px -1px 1px #000000; }
.bg-content h1 span { color: rgba(255,255,255,1.00); font-weight: 500; }
#video-bg { overflow: hidden; background: url(../i/bg_k.jpg) no-repeat #000000; background-size: cover; height: 100vh; min-height: 900px; position: relative; }
#video-bg > video { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; }
 @supports (object-fit: cover) {
 #video-bg > video {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
}

@media screen and (max-device-width: 992px) {
#video-bg > video { display: none; }
}
.mouse { max-width: 2rem; width: 100%; height: auto; }
.scroll { animation-name: scroll; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.650, -0.550, 0.250, 1.500); animation-iteration-count: infinite; transform-origin: 50% 20.5px; will-change: transform, opacity; opacity: 1; }
.scroll-link { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 20; }
 @keyframes scroll {
 0%, 20% {
 transform: translateY(0) scaleY(1);
}
 100% {
 transform: translateY(36px) scaleY(2);
 opacity: 0;
}
}