body{font-family: "Droid Sans", sans-serif; font-size: 16px; line-height: 1.4; color: #333;}
a, input{-webkit-transition: all .24s ease-in-out; -moz-transition: all .24s ease-in-out; -o-transition: all .24s ease-in-out; -ms-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
a:active, a:focus, button, button:active, button:focus{outline:none;}
a{text-decoration: none;}
textarea.form-control{border-radius: 0; font-size: 16px !important; resize: none;}
input.form-control{padding: 18px 12px; font-size: 16px !important; border-radius: 0;}
input:active, input:hover, input:focus, textarea:active, textarea:hover, textarea:focus{outline: 0; outline-offset: 0;}

.form-group{margin-bottom: 10px; font-size: 15px;}

.os-bold{font-family: "OpenSansBold"; font-weight: normal;}
.img-center img{margin: 0 auto; display: block;}
.y-video iframe{margin: 0 !important; display: none;}

header{padding: 15px 0;}
header .mail, header .phone{display: block; float: right; margin-left: 20px; margin-top: 17px; font-size: 15px; padding-left: 35px; position: relative; padding-top: 3px;}
header .mail:before{content: '\e98a'; font-family: 'icomoon'; width: 28px; height: 28px; border-radius: 50%; text-align: center; padding-top: 5px; line-height: 1; position: absolute; left: 0; top: 0; border: 1px solid #ddd; color: #1b1b1b;}
header .phone:before{content: '\e9a8'; font-family: 'icomoon'; width: 28px; height: 28px; border-radius: 50%; text-align: center; padding-top: 5px; line-height: 1; position: absolute; left: 0; top: 0; border: 1px solid #ddd; color: #1b1b1b;}

.navbar-topmenu{padding: 20px 0 0 0;}
.navbar-topmenu li{margin: 0 0 0 25px; padding-bottom: 8px; position: relative;}
.navbar-topmenu li a{color: #1b1b1b; text-decoration: none;}
.navbar-topmenu li a:hover{color: #147eb3;}
.wr_mainmenu{background: rgba(70, 70, 70, 0.1); margin-bottom: 20px;}
.wr_mainmenu .navbar{padding: 0;}
.wr_mainmenu li a{display: block; padding: 16px 0; margin-right: 30px; color: #1b1b1b; position: relative; text-decoration: none;}
.wr_mainmenu li a:hover{color: #147eb3;}

.navbar-topmenu .current-menu-item a:before, .navbar-topmenu .current-page-ancestor a:before{content: ' '; position: absolute; bottom: 0; left: 15%; height: 3px; width: 70%; background: #147eb3;}
.wr_mainmenu .current-menu-item a:before, .wr_mainmenu .current-page-ancestor a:before{content: ' '; position: absolute; bottom: 0; left: 15%; height: 3px; width: 70%; background: #147eb3;}

.navbar-brand{margin: 0;}
.navbar-toggler{border: 2px solid #168cc9; margin: 10px 0;}
.navbar-toggler i{font-size: 28px; color: #168cc9;}

.wr_callme{min-width: 280px; max-width: 400px; background: #efefef;}
.wr_callme h4{text-align: center; text-transform: uppercase; color: #168cc9; font-size: 20px; margin: 0 0 20px;}
.wr_callme label{font-weight: normal;}
.wr_callme button#gocall{background: #168cc9; color: #fff; border: none; margin-top: 20px; padding: 8px 25px; border-radius: 20px;}
.wr_callme p{font-size: 14px; margin-bottom: 10px;}

section.wr_slider{background: url('../images/bg-slider.jpg') repeat-x center top #f3f3f3; min-height: 500px;}
#slider{background: url('../images/parallax-slider.png') repeat-x; transition: background-position .5s ease-out; min-height: 500px;}
#slider .carousel{margin-top: 50px; min-height: 480px;}
#slider .carousel-item h5{font-size: 38px; font-weight: bold; margin-top: 20px;}
#slider .carousel-item p{font-size: 18px; margin: 40px 0 20px; padding-right: 100px;}
#slider .carousel-item a{display: inline-block; padding: 10px 40px; color: #fff; font-size: 15px; background: #168cc9; margin-top: 20px; border-radius: 20px; box-shadow: 2px 7px 4px -3px rgb(185, 214, 228);}

#slider .carousel-control{position: absolute; left: 0; bottom: 50px; z-index: 16;}
#slider .carousel-control a{display: inline-block; line-height: 1.5; text-decoration: none; background: #333; color: #fff; width: 30px; height: 30px; text-align: center; border-radius: 30px; margin-right: 15px; font-size: 22px;}
#slider .carousel-indicators li{background-color: #b3b3b3; height: 5px; width: 40px;}
#slider .carousel-indicators li.active{background-color: #147eb3;}


ol.breadcrumb{padding: 15px 0; background: transparent; font-size: 14px; margin: 0;}
ol.breadcrumb a{color: #6c757d;}
.breadcrumb-item.active{color: #c3c3c3;}
.breadcrumb-item+.breadcrumb-item::before{content: "\f105"; font-family: 'FontAwesome';}


.page_content{line-height: 1.7;}
.page_content h1{text-align: center; font-weight: bold; margin: 30px 0 40px 0;}
.page_content h2{color: #147eb3; margin-bottom: 20px; font-size: 24px;}

.page_content ul{list-style: circle; margin-bottom: 30px;}
.page_content ul>li{margin-bottom: 7px;}

.content{margin: 40px 0; line-height: 1.6;}
.gallery-nav{padding: 30px 0;}
.page-link{color: #168cc9;}
.page-item.active .page-link{background-color: #168cc9; border-color: #168cc9;}

.video-gallery{margin: 40px 0;}
.video-gallery .y-video{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-gallery .y-video iframe{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.contacty{margin: 40px 0; line-height: 1; padding: 25px 0; background: linear-gradient(to right, #fff 70%, #e2f3fd 30%);}
.contacty .map iframe{display: block; width: 100%;}
.contacty .textwidget p.inn{font-size: 24px; font-weight: bold; margin: 0 0 15px;}
.contacty .textwidget h4{font-weight: bold; margin: 40px 0 15px; font-size: 18px;}
.contacty .textwidget .icns{line-height: 1.3; padding: 0 0 0 30px; position: relative;}
.contacty .textwidget .icns:before{font-family: 'icomoon'; font-size: 18px; color: #168cc9; position: absolute; left: 0; top: 0;}
.contacty .textwidget .adress:before{content: '\e98c';}
.contacty .textwidget .mail:before{content: '\e98a';}
.contacty .textwidget .phone:before{content: '\e9a8';}


.main_company{margin-bottom: 40px;}
.main_company .block-img{float: right;}
.main_company .block-content{padding: 100px 100px 0 0;}
.main_company .block-content h1{margin: 0 0 20px; font-weight: bold; font-size: 34px;}

.main_service{margin-top: 60px; background: linear-gradient(to top, #e2f3fd 80%, #fff 20%);}
.main_service h2{text-align: center; margin: 0 0 30px; font-weight: bold; font-size: 30px;}
.main_service .service_card{padding-bottom: 60px; position: relative; height: 100%; background: #fff; box-shadow: 0px 5px 8px -3px rgb(185, 214, 228); z-index: 1;}
.main_service hr{margin: 15px 40px;}
.main_service h5{font-size: 17px; font-weight: bold; margin: 0 20px;}
.main_service ul{margin: 15px 0 0; padding: 0 20px; list-style: none; font-size: 13px; line-height: 1.2;}
.main_service ul li{padding: 0 0 12px 20px; position: relative;}
.main_service ul li:before{content: '\f10c'; font-family: 'FontAwesome'; font-size: 14px; position: absolute; left: 0; color: #168cc9;}
.main_service .wr_ser_btn{text-align: center; position: absolute; bottom: 15px; width: 100%;}
.main_service .wr_ser_btn a{display: inline-block; padding: 10px 30px; color: #fff; font-size: 14px; background: #168cc9; border-radius: 20px; box-shadow: 0px 5px 8px -3px rgb(185, 214, 228);}

.services{margin-top: 60px; background: linear-gradient(to top, #e2f3fd 90%, #fff 10%);}
.services .service_card{padding-bottom: 60px; position: relative; height: 100%; background: #fff; box-shadow: 0px 5px 8px -3px rgb(185, 214, 228); z-index: 1; border-radius: 3px; overflow: hidden; border: 1px solid #e5e5e5;}
.services hr{margin: 15px 40px;}
.services h5{font-size: 17px; font-weight: bold; margin: 0 20px;}
.services ul{margin: 15px 0 0; padding: 0 20px; list-style: none; font-size: 13px; line-height: 1.2;}
.services ul li{padding: 0 0 12px 20px; position: relative;}
.services ul li:before{content: '\f10c'; font-family: 'FontAwesome'; font-size: 14px; position: absolute; left: 0; color: #168cc9;}
.services p{margin: 15px 0; padding: 0 20px; font-size: 13px; line-height: 1.2;}
.services .wr_ser_btn{text-align: center; position: absolute; bottom: 15px; width: 100%;}
.services .wr_ser_btn a{display: inline-block; padding: 10px 30px; color: #fff; font-size: 14px; background: #168cc9; border-radius: 20px; box-shadow: 0px 5px 8px -3px rgb(185, 214, 228);}
.mrg_bot{margin-bottom: 60px;}

.service_info{padding-top: 30px; margin: 30px 0; background: linear-gradient(to right, #fff 70%, #e2f3fd 30%); line-height: 1.7;}
.service_info_page{padding: 0 0 20px 0; line-height: 1.7;}
.service_info_page h2{color: #147eb3; margin: 25px 0 10px 0; font-size: 24px;}
.service_info_page ul{list-style: circle;}
.service_info_page ul>li{margin-bottom: 7px;}
.img-service-page{margin-bottom: 30px;}

.main_portfolio{background: linear-gradient(to top, #fff 65%, #e2f3fd 35%); padding: 60px 0;}
.main_portfolio h2{margin: 0 0 5px 0; font-weight: bold; font-size: 30px;}
.main_portfolio .element{display: block; position: relative; margin-bottom: 20px;}
.main_portfolio .element span{width: 100%; color: #fff; position: absolute; bottom: 0; left: 0; background: rgba(41, 41, 41, 0.7); padding: 10px 15px;}
.owl-carousel{padding-top: 55px; position: relative;}
.owl-nav{position: absolute; top: 0; right: 0;}
.owl-prev i, .owl-next i{line-height: 1.3; display: inline-block; background: #333; color: #fff; width: 30px; height: 30px; text-align: center; border-radius: 30px; margin-left: 15px; font-size: 22px;}

a.gallery_page{display: block; position: relative; margin: 0 auto 30px auto; max-width: 350px;}
a.gallery_page span{width: 100%; color: #fff; position: absolute; bottom: 0; left: 0; background: rgba(41, 41, 41, 0.7); padding: 8px 10px; font-size: 14px; line-height: 1.2;}

.btn-white-center{text-align: center;}
.btn-white-center a{display: inline-block; background: #fff; color: #168cc9; padding: 12px 40px; border-radius: 25px; margin: 40px 0 30px; box-shadow: 0px 5px 8px -3px rgb(185, 214, 228);}
.border-blue{border: 2px solid #168cc9;}

footer{padding: 40px 0 30px 0; background: #333; color: #fff;}
footer p{font-size: 14px; margin: 0 0 10px 0;}
footer p i{margin-right: 4px;}
.footer-menu{list-style: none; padding: 0; margin: 0; font-size: 14px; webkit-columns: auto 2; -moz-columns: auto 2; columns: auto 2; -webkit-column-gap: 20px; -moz-column-gap: 20px;}
.footer-menu li{margin-bottom: 10px;}
.footer-menu a{color: #fff; border-bottom: 1px dashed #7b7b7b; text-decoration: none;}
.footer-menu a:hover{border-bottom-color: #fff;}
.copyright{padding: 6px 0; font-size: 13px; text-align: center; background: #292929; color: #7b7b7b;}
.copyright a{color: #7b7b7b; text-decoration: underline;}

.wdg_products{margin: 40px 0; background: url('../images/bg-block-t.png') no-repeat right bottom #ececec; background-size: 50%; padding: 20px; border-top: 3px solid #147eb3;}
.wdg_products h4{text-align: center; margin-bottom: 20px;}
.wdg_products ul{list-style: none; padding: 0; font-size: 13px; margin: 0;}
.wdg_products ul li{padding: 0 0 15px 20px; position: relative;}
.wdg_products ul li:before{content: '\f10c'; font-family: 'FontAwesome'; font-size: 14px; position: absolute; left: 0; top: 0; color: #168cc9;}
.wdg_products ul a{color: #333; line-height: 1;}
.wdg_products ul a:hover{color: #168cc9; text-decoration: underline;}

.wdg_mail_tell{padding: 15px 50px 0px 50px; border: 3px solid #147eb3; border-radius: 30px; text-align: center; margin-bottom: 30px;}
.wdg_prod{margin: 70px auto; max-width: 800px;}

ul.pagination{list-style: none;}

.wr_service_info_page{padding-top: 10px;}
.wr_service_info_page a{text-decoration: none;}
.mrg_bot_2{margin-bottom: 30px;}
.service_info_page_card{display: flex; height: 100%; padding: 7px; background: #e2f3fd;}
.service_info_page_card img{max-width: 150px; margin-right: 10px;}
.service_info_page_card h4{align-self: center; font-size: 16px; color: #4f4f4f; font-weight: bold; margin: 0;}
.service_info_page .wr_gallery_page .gallery_page>span{font-size: 12px; line-height: 1.1; padding: 6px 8px;}