@font-face {
    font-family: Roboto Thin;
    src: url('../fonts/Roboto/Roboto-Thin.ttf');
    font-weight: 200;
}
@font-face {
    font-family: Roboto Light;
    src: url('../fonts/Roboto/Roboto-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: Roboto Regular;
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: Roboto Bold;
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
    font-weight: 700;
}
html{ height: 100%; }
body { font-family: "Roboto Regular"; color: #000; font-size: 16px; background-color: #FFF; position: relative; min-height: 100%; height: auto !important; width: 100%; padding:0; }
header { width: 100%; position: relative; z-index: 11; }
/*
h1 { font-family: "Roboto Regular";  font-size: 40px; color: #EB8C17; }
h2 { font-family: "Roboto Light";  font-size: 25px; color: #EB8C17; }
h3 { font-family: "Roboto Regular";  font-size: 20px; color: #17A5EB; margin: 0 0 10px; }
h4 { font-family: "Roboto Light";  font-size: 16px; color: #EB8C17; padding-left: 2px; }*/
a { outline: none!important; color: #17A5EB; }
a:hover { color: #EB8C17; text-decoration: none; }
.header_main_nav .social {display: inline-block; text-align: left;}
.offset-top1{ margin-top: 10px; }
.offset-top2{ margin-top: 20px; }
.offset-top3{ margin-top: 30px; }
.offset-top4{ margin-top: 40px; }
.offset-top5{ margin-top: 50px; }

.offset-bottom1{ margin-bottom: 10px; }
.offset-bottom2{ margin-bottom: 20px; }
.offset-bottom3{ margin-bottom: 30px; }
.offset-bottom4{ margin-bottom: 40px; }
.offset-bottom5{ margin-bottom: 50px; }
.scrolloff { pointer-events: none; }
#up_button {
    display: none;
    bottom:70px;
    font-size:0;
    line-height:0;
    margin-right:0 !important;
    position:fixed;
    right:40px !important;
    text-decoration:none;
    width:70px;
    height:70px;
    z-index:105;
    -webkit-transition: all 0.3s ease-out; 
       -moz-transition: all 0.3s ease-out; 
        -ms-transition: all 0.3s ease-out; 
         -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out;
}
.navbar-toggle {    margin-top: 12px;}

.navbar { margin-bottom: 7px; }
#up_button:hover { opacity: 0.8; }
.row-centered { text-align: center; font-size: 0; }
.col-centered { float: none!important; display: inline-block!important; vertical-align: top!important; }
.no_padding { padding: 0; }
.no_margin { margin: 0; }
footer { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); padding: 30px 0 10px; text-align: left; background: url('../img/fotter_fon_black.jpg');}
.about_btn { display: inline-block; padding: 10px 20px; background-color: #FFF; color: #17A5EB; text-decoration: none!important; font-family: "Roboto Regular"; font-size: 16px; margin-top: 30px; }
.about_btn:hover { background-color: #FFF; color: #EB8C17; }
.pagination > li > span, .pagination > li > a { color:#17A5EB; }
.pagination > li > span:hover, .pagination > li > span:focus, .pagination > li > a:hover, .pagination > li > a:focus { color:#EB8C17; }
.pagination > .active > span { background-color: #17A5EB; border-color: #17A5EB; }
.pagination > .active > span:hover, .pagination > .active > span:focus  { background-color: #EB8C17; border-color: #EB8C17; }
.pagination a,.pagination span { border-radius: 0!important; }
.fancy:hover .youtube { opacity: 1; }
.youtube { position: absolute; width: 36px!important; height: 36px!important; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; opacity: .7;}
.alert-success { display: none; }
.breadcrumb_goods_item { list-style: none; padding: 0; border-bottom: 1px solid #c0c0c0;padding-bottom: 5px;margin-bottom: 40px;}
.breadcrumb_goods_item li { display: inline-block; margin-right: 5px;  }
.breadcrumb_goods_item li a { color: #262626; padding-right: 5px;}
.breadcrumb_goods_item li a:hover { color: red; }
/* HEADER */
.header_main_nav>li>.active{    color:#f60015;}
.header_bg{    background-color: #f8f8f8;}
.header_contacts_small_box>a>i{    color: #f60015;}
.header_contacts_small_box>a{    color: #262626;    display: inline-block;    margin: 0 10px;}
.header_contacts_small_box{    font-size: 14px;    padding: 10px 0 0 0;}
.header_contact_link{    background-color: #555555;    color: #fff;    display: inline-block;    width: 100%;    height: 100%;    border-radius: 20px;    position: relative;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;   
}
.header_contact_link>i{    position: absolute;    top: 9px;    left: 10px;}
.header_links_list{    margin:0;    padding: 0;    list-style:none;}
.header_links_list>li{    display: inline-block;    width: 30px;    height: 30px;    margin: 0 4px;}
.header_contacts_box{    display: flex;    justify-content: space-between;}
.header_contact_link:hover{    color: #555555;    background-color: #f60015;;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;}
.header_main_nav{    padding: 0;    margin: 0;    list-style: none;}
.header_main_nav>li{    display: inline-block;        font-size: 18px;}
.header_main_nav>li>a{
    color: #262626;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;
            padding: 10px 12px;
            line-height: 50px;
}
.header_main_nav>li>a:hover{
    color: #f60015;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;
            background-color: #fff;
}
.header_main_nav>li>.home_page_link{
color: #f60015;
font-size: 30px;
}
.header_main_nav>li>.home_page_link:hover{    color: #262626;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;
}
.navbar-toggle{
    background-color: #f8f8f8;
}
.navbar-toggle .icon-bar{
    background-color: #000;
}
/* END OF HEAEDER */

/* MAIN PAGE ABOUT COMPANY BLOCK*/
.main_page_short_desc{
    display: inline-block;
    position: relative;
    font-size: 40px;

}
.short_desc{
    text-align: center;
    padding: 50px 0 0 0;
    margin-bottom: 50px;
}
.main_page_short_desc:after{content: '';position: absolute;width: 40%;height: 8px;background-color: #000;bottom: -10px;left: 30%;}
.main_page_box{    margin: 30px 0;}

/*  MAIN PAGE ACTIVITIES BLOCK*/

.activity_heading{margin-bottom: 30px;text-transform: uppercase;color: #fff;}
.activity_name{display: block;margin: 10px;color: #fff;
    -webkit-transition: color .35s;
    -moz-transition: color .35s;
    -ms-transition: color .35s;
    -o-transition: color .35s;
     transition: color .35s;}
.activity_name:hover,
.projects_name:hover{color: #f60015;
    -webkit-transition: color .35s;
       -moz-transition: color .35s;
        -ms-transition: color .35s;
         -o-transition: color .35s;
            transition: color .35s;
}
.activities_main_box{text-align: center;margin: 20px 0;padding: 20px 0;}
.activity_img{max-width: 200px;}
.activities-box{text-align: center;}
.activities_main_img_box{border: 1px solid hsla(0, 0%, 0%, 0.5);margin: 10px 0 10px 0;box-shadow: 0 1px 7px 0;}
.unit-tile {width: 33%;text-align: center;padding:10px;}
.activities_main_img{width: 100%;height: 100%;display: block;}
.activities_links{font-size: 18px;color: #000;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;}
.activities_links:hover,
.activities_secondary_links:hover{color: #f60015;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;}
.activity_page_long_desc{margin-top: 10px;color: #606060;text-align: justify;}
.activities_secondary_links{color: #101010;font-size: 14px;
    -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;}
.activity_date{display: block;font-size: 12px;text-align: left;padding-left: 20px;}
.block_link_hover{position: relative;display: inline-block;}
.block_link_hover:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;background-color: rgba(0,0,0,0.2);
        -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35;}
.block_link_hover:hover:after{opacity: 1;
        -webkit-transition: all .35s ;
       -moz-transition: all .35s ;
        -ms-transition: all .35s ;
         -o-transition: all .35s ;
            transition: all .35s ;}
/*  END OF MAIN PAGE ACTIVITIES BLOCK*/
/*  MAIN PAGE PROJECTS BLOCK*/
.projects_name{display: block;margin: 10px;color: #000;
    -webkit-transition: color .35s;
       -moz-transition: color .35s;
        -ms-transition: color .35s;
         -o-transition: color .35s;
            transition: color .35s;}
.projects_heading{margin-bottom: 30px;text-transform: uppercase;}
/*  END OF MAIN PAGE PROJECTS BLOCK*/
/*================CONTACTS======================*/
.contact_header_content {color: #fff;     padding:  5vh 17% 3%;     margin-bottom: 20px;}
.contact_header_content h1 { font-size: 60px; }
.contacts_block ul { list-style: none; padding: 0px;}
.contacts_block{display: flex;justify-content: space-around;flex-wrap: wrap;text-align: center;}
.submit_button  { margin-top: 20px; }
.contact_block_header { margin-top: 10px; }
.contacts_block a { color: #000; }
.contacts_block a:hover { color: #000; }
.contact_holder { width: 30%; margin: 30px 0;}
.form_content { width: 50%; position: relative;}
.form_content label { position: absolute; left: 0;right: 0;border: 0;bottom: -13px;font-size: 12px;color: red;width: 410px;z-index: 10; }
.form_content input { padding: 10px;border: none;border-bottom: 2px solid #7d7d7d;margin-bottom: 10px;width: 391px; }
.form_content textarea { padding: 10px;border: none;resize: none;border-bottom: 2px solid #7d7d7d;margin-bottom: 10px;width: 391px; height: 45px;}
.contact_form { display: flex;justify-content: space-around;flex-wrap: wrap;text-align: center;margin: 40px 0;}
.form_block .submit_butt { color: #fff; background: #606060; border-radius: 0;    padding: 10px 20px; }
.contact_form_comment { text-align: center; }
/*======================FOOTER======================*/
footer ul { list-style: none; padding: 0;}
#footer ul li { margin-bottom: 10px; }
#footer ul li a { color: #797979; }
#footer a { color: #797979; }
#footer { color: #797979; }
.footer_web_info {     border-top: 1px solid #79797a;    padding-top: 15px; margin-top: 10px;}
#footer h4 {    margin-bottom: 15px; color: #fff;}
.footer_phones_list ul li { margin-bottom: 1px; }
.social { text-align: center; }
.social > div { display: inline-block; }
.social > div > a{ height: 46px; width: 46px; display: inline-block; }
.social > div { margin-right: 10px; }
.social { margin-bottom: 18px; }

.facebook {  background-image: url('../img/facebook.png'); background-size: cover;}
.facebook:hover {  background-image: url('../img/facebook_over.png'); background-size: cover;}
.google { background-image: url('../img/google.png'); background-size: cover;transition: background 600ms;}
.google:hover { background-image: url('../img/google_over.png'); background-size: cover;transition: background 600ms;}
.youtube_footer { background-image: url('../img/yotube.png'); background-size: cover;transition: background 600ms;}
.youtube_footer:hover { background-image: url('../img/yotube_over.png'); background-size: cover;transition: background 600ms;}

.footer_phones_list ul:before { content: url('../img/phone.png'); position: absolute; left: -25px;}
.footer_mail_box p:before { content: url('../img/mail.png'); position: absolute; left: -25px;}
.footer_address_box:before { content: url('../img/adres.png'); position: absolute; left: -25px;}
.footer_box_main a:before { content: url('../img/home.png'); position: absolute; left: -25px;}
.footer_box_projects a:before { content: url('../img/photo.png'); position: absolute; left: -25px;}
.footer_box_articles a:before { content: url('../img/statji.png'); position: absolute; left: -25px;}
.footer_logo { text-align: center;     margin-bottom: 25px; margin-top: 20px;}
.footer_short_desc { margin-bottom: 25px;    font-size: 18px; }

/*----------------------------------------*/
.units_flex { display: flex;justify-content: space-around; flex-wrap: wrap;}
.units_flex > div { max-width: 250px; margin-bottom: 20px;}
@media (max-width: 991px) {
    .form_content {width: 100%;}
}
@media (max-width: 767px) {
#footer { text-align: center; }
.footer_phones_list ul { display: inline-block; position: relative; }
.footer_mail_box p {   position: relative;  display: inline-block; }
.footer_mail_box p:before {left: -35px;}
.footer_address_box {  display: inline-block; position: relative; }
.footer_box_main a{  position: relative; }
.footer_box_projects a{   position: relative; }
.footer_box_articles a{   position: relative; }
.footer_box_main a:before{left: -50px; }
.footer_box_projects a:before { left: -30px; }
.footer_box_articles a:before {left: -50px; }
.navbar-brand { width: 200px; }
} 
@media (max-width: 560px){
    .contact_holder {    width: 100%;}
    .contact_header_content {  padding: 5vh 5% 3%; }
    .contact_header_content h1 { font-size:  24px; margin-top: 0;}
    #slider .slide_title {    font-size: 30px!important;}
}