/* Стилі для кнопки */
    .portfolio-button {
      display: inline-block;
      padding: 5px 10px;
      background-color: #f5f5f5;
      border: none;
      border-radius: 2px;
      color: #fe5e00;
      text-align: center;
      text-decoration: none;
      font-size: 16px;
      font-family: 'OpenSans', sans-serif;
      cursor: pointer;
      transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* Змінюйте колір при наведенні миші */
    .portfolio-button:hover {
      background-color: #fe5e00;
      color: #f5f5f5;
    }
    /* Основний стиль для іконки */
    .icon {
        margin-right: 5px;
        font-size: 40px;
        transition: transform 0.3s ease;
    }

    /* Анімація для ховеру */
    .icon:hover {
        transform: scale(1.4);
    }


@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-Bold.ttf);
    font-weight: bold;
}
@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-Italic.ttf);
    font-style: italic;
}
@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-BoldItalic.ttf);
    font-style: italic;
    font-weight: bold;
}@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-ExtraBold.ttf);
    font-weight: 900;
}
@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: OpenSans;
    src: url(/fonts/OpenSans-Semibold.ttf);
    font-weight: 600;
}
body{
    font-family: 'OpenSans', sans-serif;  
    overflow-x: hidden;
}
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.carousel-control{
    z-index: 50;
}
img.img{
    width: 100%;
}
img.img_h{
    height: 100%;
    width: auto;
}
.head .logo{
    width: 170px;
    margin-top: 10px;
    margin-left: 60px;
}
.head .col-xs-8{
     padding: 0px;
}
.head ul.menu{
    margin: 0px;
    padding: 0px;
}
.head ul.menu li{
    display: block;
}
.head ul.menu li a{
    text-decoration: none;
}
.head ul.menu li .menu_item{
    color: black;
    padding: 45px 30px 15px;
    text-transform: capitalize;
    font-weight: 300;   
}
.head ul.menu li .menu_item:hover{
    color: #ff8659;
}
.head ul.menu li.active .menu_item{   
    color: #fe5e00;
}

.head ul.menu li .sub_menu{
    z-index: 10;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-left: 0px;
    position: absolute;
    margin-top: -11px;
    margin-top: -5px; 
    height: 0px;
    z-index: -1;
    padding: 10px 40px 20px 10px;
    background: white;
    border-bottom: 4px solid rgb(254, 94, 0);
    border-bottom-left-radius:  5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius:  5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    display: none;
}
.head ul.menu li:hover .sub_menu{
    z-index: 100;
    display: block;
}
.head ul.menu li .sub_menu .sub_menu_item{
    color: #333333;
    font-weight: 300;
    line-height: 1.5;

}
.head ul.menu li .sub_menu a:hover .sub_menu_item{
    color: rgb(254, 94, 0);
}
.head ul.menu li:hover .sub_menu{
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 150px;
}

.visible-xs{
    float: right;
}
.visible-xs .small_menu{
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
    width: 100%;
    top: 59px;
    left: 0px;
    padding: 0px;
}
.visible-xs label{
    padding: 21px 15px 10px 10px;
}
.visible-xs input{
    display: none;
}
.visible-xs input#show_small_menu:checked ~ ul.small_menu{
    display: block;
}
.visible-xs .small_menu li{
    display: block;
    width: 100%;
    text-align: center;
}
.visible-xs .small_menu li a{
    text-decoration: none;
}
.visible-xs .small_menu li .menu_item{
    color: black;
    text-transform: capitalize;
    font-weight: 300;   
}
.visible-xs .small_menu li .menu_item:hover{
    color: #ff8659;
}
.visible-xs .small_menu li.active .menu_item{
    background-color: rgb(254, 94, 0);
    color: white;
}




#carousel-example-generic .carousel-inner{
    overflow: hidden;
    height: 100%;
}
#carousel-example-generic .carousel-inner .item{
    width: 100%;
    height: 100%;

}
#carousel-example-generic .carousel-inner .item .description{
    font-size: 25pt;
    font-weight: 900;
    width: 470px;
    letter-spacing: 5px;
    word-wrap: break-word;
    bottom: 190px;
    position: absolute;
    color: white;
    left: 270px;
    text-transform: uppercase;
}
#carousel-example-generic .carousel-inner .item .read_more {
    position: absolute;
    width: 200px;
    height: 40px;
    left: 280px;
    bottom: 100px;
}
#carousel-example-generic .carousel-inner .item .read_more .button{
    background-image: url('/images/rm_btn.png');
    width: 100%;
    height: 100%;
}
#carousel-example-generic .carousel-inner .item .read_more .button:hover{
    background-color: white;
}
#carousel-example-generic .carousel-inner .item .read_more .button:hover .text{
    color: #ff7d30;
}
#carousel-example-generic .carousel-inner .item .read_more .button .text{
    color: white;
    font-size: 16pt;
    margin-left: 15px;
    margin-top: 5px;
    text-transform: uppercase;
}
#carousel-example-generic .carousel-inner .item .read_more .button:hover .plus{
    color: #ff7d30;
    background-position: 0px 0px;
}
#carousel-example-generic .carousel-inner .item .read_more .button .plus{
    margin-top: 10px;
    margin-right: 10px;
    background-image: url('/images/plus.png');
    width: 19px;
    height: 19px;
    background-position: 0px -19px;   
}
#carousel-example-generic .carousel-control .glyphicon-chevron-left:before{
    content: '';
}
#carousel-example-generic .carousel-control .glyphicon-chevron-left:hover{
    background-color: rgba(255, 94, 0, 0.75);
}
#carousel-example-generic .carousel-control .glyphicon-chevron-left{
    background-image: url('/images/left_arrow.png');
    height: 125px;
    margin-top: -62px;
    padding: 45px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0px;
}
#carousel-example-generic .left.carousel-control{
    background-image: none; 
}
#carousel-example-generic .carousel-control .glyphicon-chevron-right:before{
    content: '';
}
#carousel-example-generic .carousel-control .glyphicon-chevron-right:hover{
    background-color: rgba(255, 94, 0, 0.75);
}
#carousel-example-generic .carousel-control .glyphicon-chevron-right{
    background-image: url('/images/right_arrow.png');
    height: 125px;
    margin-top: -62px;
    padding: 45px;
    background-repeat: no-repeat;
    background-position: center;
}
#carousel-example-generic .right.carousel-control{
    background-image: none; 
}
#carousel-example-generic .carousel-control{
    width: 0%;
} 
.statistic{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.statistic .vision{
    width: 100px;
    margin: 0px auto 29px;
}
.statistic .mission{
    width: 100px;
    margin: 0px auto 20px;
}   
.statistic .total_project{
    font-size: 55pt;
    margin-top: -19px;
    color: #fe5e00;
    font-weight: 300;
}  
.statistic .title{
    color: #333333;
    font-size: 13pt;
    font-weight: 600;
    margin: 0px auto 20px;
    text-transform: capitalize;
}
.statistic .text{
    color: #cfcfcf;
    font-size: 11pt;
    margin: 0px auto 20px;
}


.about{
    width: 100%;
    background-color: #fe5e00;
}
.bg_orange{
    width: 50%;
}
.bg_white{
    width: 50%;
    background-color: white;
}

.about_us .title{
    color: #333333;
    font-size: 25pt;
    font-weight: 900;
    margin: 30px 0px;
}
.about_us .text{
    color: rgb(35, 35, 35);
    font-size: 11pt;
    margin-bottom: 15px;
}
.about_us .title_2{
    color: #fe5e00;
    text-transform: uppercase;
    font-size: 25pt;
    font-weight: 900;
    margin-bottom: 15px;
}
.about_us .read_more{
    margin-top: 10px;
    margin-bottom: 40px;
}
.about_us .read_more .button:hover{
    background-color: #fe5e00;
}
.about_us .read_more .button{
    width: 200px;
    height: 40px;
    left: 280px;
    bottom: 100px;
    background-image: url(/images/rm_btn_o.png);    
}
.about_us .read_more .button:hover .text{
    color: white;
}
.about_us .read_more .button .text{
    color: #fe5e00;
    font-size: 16pt;
    margin-left: 15px;
    margin-top: 5px;
    text-transform: uppercase;
}
.about_us .read_more .button:hover .plus{
    background-position: 0px -19px;
}
.about_us .read_more .button .plus{
    margin-top: 10px;
    margin-right: 10px;
    background-image: url(/images/plus.png);
    width: 19px;
    height: 19px;
}


.we_use .title{
    font-size: 25pt;
    color: white;
    font-weight: 900;
    margin: 30px 0px;
}
.we_use .under_title{
    color: white;
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
.we_use .pictures{
    margin-bottom: 10px;
    
}
.we_use .icon:nth-child(1) {
    width: 30px;
    margin-left: 0px;
}
.we_use .icon{
    width: 30px;
    margin-left: 30px;
}
.we_use .pictures_1{
    margin-bottom: 30px;
}
.we_use .pictures_2{
    margin-bottom: 60px;
} 
.we_use .icon_h:nth-child(1){
    width: 40px;
    margin-left: 0px;
}       
.we_use .icon_h{
    width: 40px;
    margin-left: 10px;
}
.our_specialist{
    background-color: #fe5e00;
}
.our_specialist .text{
    color: #fefffd;
    font-size: 16pt;
    padding-top: 160px;
}
.our_specialist .photo{
    width: 50%;
}


.portfolio_view .title{
    color: #333333;
    font-size: 25pt;
    font-weight: 900;
    margin: 30px 0px;
}
.portfolio_view .under_title{
    color: #6a6a6a;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 20px;
}
.portfolio_view .text{
    color: #6a6a6a;
    font-size: 13px;
    margin-top: 20px;
}
[data-child-frame] {
    border: none!important;
}
[data-carousel-3d] {
    border: none!important;
    background: none!important;
}
[data-carousel-3d] [data-prev-button]{
    background-color: white;
}
[data-carousel-3d] [data-next-button]{
    background-color: white;
}
[data-carousel-3d] [data-prev-button]:hover:before{
    content: url("/images/activ_left_arrow.png")!important; 
    height: 111px!important;
    width: 25px!important;
}   
[data-carousel-3d] [data-prev-button]:before{
   content: url('/images/deact_left_arrow.png')!important; 
   height: 111px!important;
   width: 25px!important;
}
[data-carousel-3d] [data-next-button]:hover:before{
    content: url("/images/activ_right_arrow.png")!important;
    height: 111px!important; 
    width: 25px!important;
}
[data-carousel-3d] [data-next-button]:before{
    content: url("/images/deact_right_arrow.png")!important;
    height: 111px!important; 
    width: 25px!important;
}


.container-fluid.portfolio{
    width: 100%;
    height: 700px;
}
.container-fluid.portfolio .active{
    z-index: 30!important;
}

.container-fluid.portfolio .data{
    overflow: hidden;
    height: 100%;
    position: relative;
}
.container-fluid.portfolio .box{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: black;
}
.container-fluid.portfolio .red{
    background-color: red;
}
.container-fluid.portfolio .green{
    background-color: green;
}
.container-fluid.portfolio .blue{
    background-color: blue;
}
.container-fluid.portfolio .arrow{     
   background-position: -45px 0px;      
}
.container-fluid.portfolio .arrow_left{
    background-image: url(/images/left_arrow.jpg);
    height: 100px;     
    background-color: #e60000; 
    /*rgba(255, 255, 255, 0.75);*/
    width: 45px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 0px;
    position: absolute;
    z-index: 30; 
    top: 50%;  
    cursor: pointer;
    transition: all 0.4s;
}
.container-fluid.portfolio .arrow_left:hover{ 
    transition: all 0.4s;  
    background-position: -45px 0px;         
}

.container-fluid.portfolio .arrow_left .hover .little_photo{

    height: 100%;
    float: left;
    overflow: hidden;
}
.container-fluid.portfolio .arrow_left .hover .title_prev{
    background-color: white;
    height: 100%;
    padding: 20px;
}
.container-fluid.portfolio .arrow_left .hover .text span{
    font-size: 24px;
    line-height: 25px;    
    color: #000;
    font-weight: 400;      
}

.container-fluid.portfolio .arrow_right:hover .next_data{
    transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
    -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
    transform-origin: right center 0px; 
    transition: all 0.7s ;
    -webkit-transform-origin: right center 0px; 
    -webkit-transition: all 0.7s ;
    height: 100px;
    margin-top: 0px;
}
.next_data{
    transform: matrix3d(0,0,-1.00,-0.02,0.00,1,0.00,0,1,0,0,0,0,0,0,1);
    -webkit-transform: matrix3d(0,0,-1.00,-0.02,0.00,1,0.00,0,1,0,0,0,0,0,0,1);
    transform-origin: right center 0px; 
    transition: all 0.7s ;
    -webkit-transform-origin: right center 0px; 
    -webkit-transition: all 0.7s ;
    position: absolute;
    margin-left: -350px;
    margin-top: -11px;
    height: 30px;   
}
.container-fluid.portfolio .arrow_left:hover .prev_data{
    transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
    -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
    transform-origin: left center 0px; 
    transition: all 0.7s;
    -webkit-transform-origin: left center 0px; 
    -webkit-transition: all 0.7s;
    height: 100px;
    margin-left: 45px;
}
.prev_data{
    transform: matrix3d(0,0,1.00,0.02,0.00,1,0.00,0,-1,0,0,0,0,0,0,1);
    -webkit-transform: matrix3d(0,0,1.00,0.02,0.00,1,0.00,0,-1,0,0,0,0,0,0,1);
    transform-origin: left center 0px; 
    transition: all 0.7s;
    -webkit-transform-origin: left center 0px; 
    -webkit-transition: all 0.7s;
    position: absolute;
    margin-left: 40px;
    margin-top: -0px;
    height: 50px;
}
#p_slider .arrow img.img{
    width: auto!important;
    height: 100%;
    margin-left: -31px;
}

.container-fluid.portfolio .arrow_right{  
    background-image: url(/images/right_arrow.jpg);
    height: 100px;      
    background-color: #e60000;
    /*rgba(255, 255, 255, 0.75);  */
    width: 45px;
    background-repeat: no-repeat;
    background-position: -45px 0px;
    position: absolute;
    z-index: 30; 
    right: 0px;
    top: 50%; 
    cursor: pointer;
    transition: all 0.4s;
}
.container-fluid.portfolio .arrow_right:hover{
     background-position: 0px 0px;
     transition: all 0.4s;
}

.container-fluid.portfolio .arrow_left:hover .hover,
.container-fluid.portfolio .arrow_right:hover .hover{
    transition: all 0.7s;
    height: 100px;
    margin-top: 0px;  
    margin-left: 0px;
}
.container-fluid.portfolio .arrow_left .hover,
.container-fluid.portfolio .arrow_right .hover{
    height: 75px;
    width: 350px;
    margin-left: 15px;
    overflow: hidden;
    transition: all 0.7s;
    margin-top: 15px;
}
.container-fluid.portfolio .arrow_right .hover .little_photo{
 
    height: 100%;
    float: left;
}
.container-fluid.portfolio .arrow_right .hover .title_next{
    background-color: white;
    height: 100%;
    padding: 20px;
}
.container-fluid.portfolio .arrow_right .hover .text span{
    font-size: 24px;
    line-height: 25px;    
    color: #000;
    font-weight: 400;      
}

.container-fluid.portfolio .img img{
    position: absolute;
    width: 100%;
}
.container-fluid.portfolio .title_portfolio{
    font-size: 56px;
    line-height: 60px;
    color: rgb(255 255 255 / 0%);
    font-weight: 300;
    margin-top: 12%;
    margin-left: 16%;
    position: absolute; 
    transition: 1s;           
}
.container-fluid.portfolio  .description_portfolio{
    font-size: 20px;
    color: #FFF;
    width: 340px;
    margin-left: 22%;
    margin-top: 17%; 
    position: absolute;
}   
.container-fluid.portfolio .portfolio_list{
    position: absolute;
    z-index: 50;
    top: 140px;
    right: 90px;
    width: 120px;
} 
.container-fluid.portfolio .portfolio_list .text{
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #000;
}
.container-fluid.portfolio .portfolio_list .glyphicon-align-justify{
    color: #000;
    left: 95px;
    font-size: 18pt;
    top: -30px;
    cursor: pointer;
    background: none;
    border: none;
}
#portolio_list_popup .modal-content{
    border-radius: 0px;
}
#portolio_list_popup .item .name{
    position: absolute;
    z-index: 15;
    color: black;
    margin-top: 25px;
    margin-left: 15px;
    overflow: hidden;
    height: 30px;
    width: 50%;
    -webkit-background-clip: text; /* Для Safari та Chrome */
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 1px black; /* Ширина та колір обводки */
    text-stroke: 1px white;
    font-family: 'Arial', sans-serif;
    
}


#portolio_list_popup .item img{
    transition: all 1s ease-in-out;
}
#portolio_list_popup .item .big_photo:hover img{
    transition: all 1s ease-in-out;
    transform: scale(1.3);
    overflow: hidden;
    margin: 10px;
}
#portolio_list_popup .item .little_photo:hover img{
    transition: all 1s ease-in-out;
    transform: scale(1.3);
    overflow: hidden;
    margin: 10px;
}
#portolio_list_popup .item{
    width: 50%;   
    overflow: hidden;
}
#portolio_list_popup .item .photo .second_bloc .little_photo{
    margin: 0px;
}      
#portolio_list_popup .item .big_photo img{
    margin-left: -155px
}
#portolio_list_popup .item .big_photo {
    overflow: hidden; 
    height: 500px;
    margin: 5px;
}
#portolio_list_popup .item .photo .little_photo{
    overflow: hidden;       
}
.modal-dialog.modal-lg .modal-content{
    background: none!important;
    border: none!important;
    box-shadow: none;
}
.photo .small-photo.photo_left{
    
}
.photo .small-photo{
    width: 50%;
    padding-right: 5px;
    max-height: 150px;
    padding-left: 5px;
}
.mwl{
    margin-left: -2000px;
}
.next{
    z-index: 5!important; 
}
.prev{
    z-index: 5!important; 
}
.next_view{
    z-index: 10!important;
}


#portolio_list_popup .item.pop_up{
    opacity: 1;  
    transition: all 1s; 
    margin-top: 0px;  
}
#portolio_list_popup .item{
    opacity: 0;  
    transition: all 1s;
    margin-top: 100px;      
}



#portolio_list_popup .item .name.retractable_text .text{
    margin-top: 0px;
    transition: all 1s;
    position: relative; /* Додаємо позицію relative для коректного позиціонування абсолютного елемента */
}

#portolio_list_popup .item .name.retractable_text .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    
    height: 50px; /* Встановіть бажану висоту для вашої плашки */
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5)); /* Градієнтний фон */
    transition: all 1s;
}





.testing .title{
    color: #ff5e00;
    font-size: 25pt;
    font-weight: 900;
    margin: 30px 0px;
    letter-spacing: 3px;
}
.testing .title #key_testing_title a{
    text-decoration: none;
    background-color: #ff5e00;
    color: white;
    cursor: pointer;
    padding: 0px 10px;
} 
.testing .first_bloc{
    margin-bottom: 30px;
}
.testing .bg_grey{
    background-color: #30333e;
}
.testing .bg_grey .text_title{
    color: #fefefe;
    font-size: 25pt;
    font-weight: 900;
    margin: 30px 0px;
    letter-spacing: 2px;
}
.testing .bg_grey .text_title span{
    text-align: left;
    display: block;
    width: 175px;
    margin: 0px auto;
}
.testing .bg_grey .white_bloc{
    background-color: white;
    margin-top: -1px;
    margin-bottom: -1px;
}
.testing .bg_grey .white_bloc .usual_text{
    color: #333333;
    font-size: 13px;
    margin-top: 35px;
    margin-bottom: 40px;
}
.testing .bg_grey .white_bloc .col-sm-4 .text{
    color: #b6b6b6;
    font-size: 10pt;
}
.testing .white_bloc .icon{
    height: 75px;
    text-align: center;
}
.testing .white_bloc .description{
    text-align: center;
    margin: 10px 0px;
    font-weight: 600;
}
.testing .white_bloc .text{
    text-align: center;
    margin-bottom: 20px;
}
.teasting .text{
    font-size: 13pt;
    font-style: italic;
    color: #333333;
}
.testing .second_bloc{
    margin-bottom: 30px;
}


.testimonials{
    margin-bottom: 50px;
}
.testimonials .first_bloc{
    width: calc(50% - 15px);
    margin-top: 50px;
}
.testimonials .second_bloc{
    width: calc(50% - 15px);
    background-color: #ff5e00;
    margin-left: 30px;
} 
.testimonials .first_bloc .title{
    color: #333333;
    font-size: 25pt;
    font-weight: 900;
}
.testimonials .first_bloc .text_1{
    margin: 50px 0px;
    font-size: 13pt;
}
.testimonials .first_bloc .text_2{
    margin-bottom: 50px;
    font-size: 13pt;
}
.testimonials .second_bloc .carousel-inner .item .qoutes{
    width: 50px;
    margin: 35px auto;
}
.testimonials .second_bloc .carousel-inner .item .text{
    text-align: center;
    color: white;
    font-size: 16pt; 
    font-style: italic;
    margin: 0px auto;
    width: 325px;
    margin-bottom: 20px; 
}
.testimonials .second_bloc .carousel-inner .item .harry{
    color: white;
    text-transform: uppercase;
    font-size: 17pt;
    text-align: center; 
    font-weight: 600;
}
.testimonials .second_bloc .carousel-inner .item .manager{
    font-style: italic; 
    color: white;
    font-size: 15pt;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 50px;
}
.testimonials .second_bloc .carousel-indicators {
    bottom: 10px;
}
#second-carousel-example-generic .carousel-control .glyphicon-chevron-left:before{
    content: '';
}
#second-carousel-example-generic .carousel-control .glyphicon-chevron-left{
    background-image: url('/images/left_arrow.png');
    height: 125px;
    margin-top: -62px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -42px;
}
#second-carousel-example-generic .left.carousel-control{
    background-image: none;
}
#second-carousel-example-generic .carousel-control .glyphicon-chevron-right:before{
    content: '';
}
#second-carousel-example-generic .carousel-control .glyphicon-chevron-right{
    background-image: url('/images/right_arrow.png');
    height: 125px;
    margin-top: -62px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: -43px;
}
#second-carousel-example-generic .right.carousel-control{
    background-image: none;
}
.carousel-indicators .active {
    width: 30px;
    height: 3px;
    border: none;
    border-radius: 0px;
    background: white;
}
.carousel-indicators li{
    border-radius: 0px;
    width: 30px;
    height: 3px;
    background-color: #f2a273;
    border: none;
    margin-left: 10px!important;
    margin: 0px;
}

.container-fluid.map{
   margin-top: -30px; 
}
.contact {
    margin-top: 30px;
}
.contact .grey_bg{
    width: 325px;
    margin: 0px auto;
    background-color: #cccccc;
    padding: 10px 50px;
    color: #fbfbfb;
    text-transform: capitalize;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}
.contact .first_bloc{
    padding-left: 0px;
    padding-right: 0px;
}
.contact .title{
    color: #626262;
    text-transform: capitalize;
    font-size: 16pt;
    margin-bottom: 30px;
}
.contact .elm{
    margin-bottom: 10px;
}
.contact .glyphicon{
    color: #9e9e9e;
}


.skype-container {
    display: flex;
}


.contact .text{
    word-wrap: normal;
    width: 210px;
    margin-top: -2px;
}
.contact .text span{
    color: #000;
    margin-left: 10px;
}
.contact .form-control{
    margin-bottom: 20px;
    color: #cecece;
    border-radius: 1px;
}
.contact textarea {
    width: 100%;
    height: 108px;
    margin-bottom: 20px;
    color: #cecece;
}
.contact .button input{
    background-color: #cccccc;
    padding: 10px 50px;
    color: #000000;
    text-transform: capitalize;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}
.contact .button{
     margin-bottom: 100px;
}
.contact input:focus.error, input.error{
    border: 1px #ff5328 solid;
}

.contact textarea:focus.error, textarea.error{
    border: 1px #ff5328 solid;
}

/* Змінювання кольору при наведенні миші */
.contact .button input:hover {
    background-color: #fe5e00;
    color: #f5f5f5;
}



.container-fluid.footer{
   background-color: #333333;  
}
.footer .col-sm-6{
    margin-top: 40px;
    margin-bottom: 40px;
}
.footer .first_bloc .logo_footer{
    width: 130px;
    text-align: center;
}
.footer .text{
    color: #6b6b6b;
    font-size: 11pt;
    margin-top: 20px;   
}
.footer .contact{
    color: #858585;
    text-align: center;
}
.footer .contact .addres{
    font-size: 14pt;
    margin-bottom: 15px;
    font-weight: 300;
}
.footer .contact .number_phone{
    font-weight: 300;
    font-size: 14pt;
}
.footer .email{
     margin-top: 15px;
     font-weight: 300;
     font-size: 14pt;
}

.under_footer{
    background-color: #252525;
    padding-bottom: 20px;
    padding-top: 20px;
}
.under_footer .qualityit{
    color: #666666;
    font-size: 12pt;
}
.under_footer .icons .sprite_icon{
    margin-left: 5px;
}
.under_footer .icons .fb .sprite_icon{
    width: 30px;
    height: 30px;
    background-image: url('/images/fb.png');
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-position: 0px -31px;
}
.under_footer .icons .fb .sprite_icon:hover{
    background-position: 0px 0px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.under_footer .icons .tw .sprite_icon{
    width: 30px;
    height: 30px;
    background-image: url('/images/tw.png');
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-position: 0px -31px;
}
.under_footer .icons .tw .sprite_icon:hover{
    background-position: 0px 0px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-position: 0px 0px;
}
.under_footer .icons .in .sprite_icon{
    width: 30px;
    height: 30px;
    background-image: url('/images/in.png');
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-position: 0px -31px;
}
.under_footer .icons .in .sprite_icon:hover{
    background-position: 0px 0px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.under_footer .icons .google .sprite_icon{
    width: 30px;
    height: 30px;
    background-image: url('/images/google.png');
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-position: 0px -31px;
}
.under_footer .icons .google .sprite_icon:hover{
    background-position: 0px -30px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-position: 0px 0px;
}