/*
css для главной страницы
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700,900&subset=latin,cyrillic);

@font-face {
    font-family: Roboto; /* Имя шрифта */
    src: url('https://fonts.googleapis.com/css?family=Roboto:400,500,300,700,900&subset=latin,cyrillic');
}
html,
body { overflow-x: hidden; }

body {font-family: 'Roboto', sans-serif;padding-right:0!important;}

.circle {fill: black !important;}


.icon-language {width: 26px;}
.navbar-default .navbar-brand{font-size: 30px;color:#383838;font-weight: 300;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {}
.navbar-default {border: none;background-color: #fff;margin: 0 0;}
.navbar-default .navbar-nav > li > a {color: #020000; font-size: 15px;}
.navbar-default .navbar-nav > .phone-number > a  {font-size: 17px;color:#383838;font-weight: 400;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background-color: #fff;}
.navbar-default .navbar-nav > .active > a {border-bottom: 3px solid #2DA2FF;background-color: #fff;}

.change-language{border: 1px solid #C1C1C1;border-radius: 3px;padding: 6px 9px !important;margin-top: 6px;}
.change-language .icons-flag {min-width: none !important;}
.container-fluid .banner{max-height: 620px;margin:0 auto;}

.navbar-collapse ul .dropdown-menu{max-width: none;min-width: 50px;}

.navbar-collapse .dropdown-menu > li > a {padding: 3px 15px;}
.container-fluid .slogan  {position: relative;top: 20%;}
.image-position{height: 550px;background-image: url(/assets/components/customtable/img/banner_background.png);background-position: 50% 50;background-repeat: no-repeat;background-size: cover;}
.container-fluid .slogan .col-xs-12 {background-color: rgba(0,0,0,0.32);color: #fff;padding: 20px 30px;}
.container-fluid .slogan .col-md-8 {background-color: rgba(0,0,0,0.32);color: #fff;padding: 20px 30px;}
.container-fluid .slogan .col-xs-12, .col-md-8 h3{font-weight: 900;font-size: 32px;line-height: 47px;margin-top: 0px;margin-bottom: 0px;}
.slogan .send-require{margin-top: 30px;background-color: #2DA2F0;border: 0;border-radius: 20px;font-size: 18px;padding: 6px 16px;margin-left: 18px;outline: none;}

.blue-background{background: rgb(45,162,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45,162,255,0.3) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(45,162,255,0.3) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(45,162,255,0.3) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da2ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.container .advantages{margin-top: 70px;margin-bottom: 70px;}
.container .row .card .thumbnail {height: 267px;text-align: center;margin-bottom: 34px;
    -webkit-box-shadow: 4px 4px 14px 0px rgba(168,168,168,1);
    -moz-box-shadow: 4px 4px 14px 0px rgba(168,168,168,1);
    box-shadow: 4px 4px 14px 0px rgba(168,168,168,1);
}

.container .row .card .thumbnail img{display: inline-block;padding-top: 34px;padding-bottom: 34px;}
.container h2 {margin: 60px auto;}

.parametrs .center-block{position: relative;left: 50%;margin-left: -217px;border-bottom: none;margin-bottom: 50px;}
.parametrs .center-block ul li {padding-left: 10px;padding-right: 10px;}
.active .tabs-parametrs{display: block;border-radius: 57px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(45,162,255,0.72);
    -moz-box-shadow: 2px 2px 10px 0px rgba(45,162,255,0.72);
    box-shadow: 2px 2px 10px 0px rgba(45,162,255,0.72);
    background-repeat: no-repeat;
}
.parametrs .tabs-parametrs{width: 114px;height: 114px;display: block;background-repeat: no-repeat;}
.parametrs .tabs-parametrs:hover{display: block;border-radius: 57px;background-repeat: no-repeat;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(45,162,255,0.72);
    -moz-box-shadow: 2px 2px 10px 0px rgba(45,162,255,0.72);
    box-shadow: 2px 2px 10px 0px rgba(45,162,255,0.72);
}
.parametrs #drop,
.parametrs #electricity,
.parametrs #energy,
.parametrs #heating{background: url(/assets/components/customtable/img/panel_sprite.png) no-repeat;}
.parametrs #drop{background-position: -114px 0;width: 113px;height: 113px;}
.parametrs #drop:hover,
.active #drop{background-position: -114px -114px ;}
.parametrs #electricity{background-position: 0 0;width: 113px;height: 113px;}
.parametrs #electricity:hover,
.active #electricity{background-position: 0 -114px ;}
.parametrs #energy{background-position: -228px 0;width: 113px;height: 113px;}
.parametrs #energy:hover,
.active #energy{background-position: -228px -114px ;}
.parametrs #heating{background-position: -342px 0;width: 113px;height: 113px;}
.parametrs #heating:hover,
.active #heating{background-position: -342px -114px ;}
.list-style{font-size: 17px;font-weight: 300;line-height: 2em;list-style-image: url('/assets/components/customtable/img/list-style.png');}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #555;cursor: default;background-color: #fff;border: none;}
.nav-tabs > li > a:hover {border-color: none;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #eee;}
.navbar-default .navbar-nav > li > .change-language{font-size: 14px;margin: 10px;}
.navbar-default .navbar-nav > li > .sign{margin: 10px 20px;background-color: #fff;border: 1px solid #2DA2F0;border-radius: 20px;font-size: 15px;padding: 6px 16px;color: black;box-sizing:border-box;}
.navbar-default .navbar-nav > li > .sign:focus {outline: none;}
.navbar-default .navbar-nav > li > .sign:hover{background-color: #2DA2F0;border: 1px solid #2DA2F0;border-radius: 20px;color: white;}

.parametrs .tab-content{height:  250px;}
.container h2 .decision{margin-bottom: 80px;margin-top: 60px;}
#blue-block{background-color: rgba(45, 162, 255, 0.05);margin-bottom: 50px;padding-top: 50px;}

.row .version .thumbnail{background-color: #2DA2FF;color: #fff;font-size: 18px;font-weight: 600;padding: 25px;border: none;margin-bottom: 70px;vertical-align: middle;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(112,108,112,0.67);
    -moz-box-shadow: 2px 2px 8px 0px rgba(112,108,112,0.67);
    box-shadow: 2px 2px 8px 0px rgba(112,108,112,0.67);
}
.thumbnail #computer {display: inline-block;float: left;padding-right: 28px;padding-left: 0px;}
.thumbnail #cloud {display: inline-block;position: relative;float: right;padding-left: 28px;padding-right: 0px;}

/* Применение систем */
.applicationSystems__slider{}
.applicationSystems__slider .item{margin: 0 50px;}
.applicationSystems__slider .item img{width: 100%;}

.applicationSystems__slider.slick-slider .slick-list{width: 90%;margin: 0 auto;}

.applicationSystems__slider .slick-prev i.glyphicon,
.applicationSystems__slider .slick-next i.glyphicon{width: 30px;height: 30px;font-size: 30px;color: #2DA2FF;text-shadow: 0 1px 2px rgba(0,0,0,.6);opacity: 0.5;}

.applicationSystems__slider .slick-prev,
.applicationSystems__slider .slick-next{width: auto;height: auto;z-index: 100;}

.applicationSystems__slider .slick-prev{left: 0;}
.applicationSystems__slider .slick-next{right: 0;}

.applicationSystems__slider .slick-prev:before,
.applicationSystems__slider .slick-next:before{display: none;}

.row .version .thumbnail p{line-height: 2em;margin: 0 0 0;}
.descript {margin-top: 20px;font-size: 14px;font-weight: 400;line-height: 1.6em;}
/*.carousel-inner {margin-left: 13%;}*/
.application {
    -webkit-box-shadow: 2px 2px 8px 0px rgba(112,108,112,0.67);
    -moz-box-shadow: 2px 2px 8px 0px rgba(112,108,112,0.67);
    box-shadow: 2px 2px 8px 0px rgba(112,108,112,0.67);
}
/*.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next,
.owl-next .glyphicon-chevron-right,
.owl-prev .glyphicon-chevron-left{color: #2DA2FF;}*/

.container .send-last {margin-top: 30px;background-color: #2DA2F0;border: 0;border-radius: 20px;font-size: 18px;padding: 6px 16px;margin-bottom: 50px;outline: none;}
.container .send-last:focus{outline: none;}

.footer-title {font-size: 16px;font-weight: 500;color: #fff;border-bottom: 2px solid #fff;line-height: 2em;}
.footer__webc-text {padding-right: 12px;color: #C2C2C2;font-size: 12px;}
.footer__webc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer__webc-img {max-width: 60px;height: 100%;min-height: 60px;fill: #C2C2C2;}
.footer__webc-img:hover .cls-1 {fill: #1678d1;}
.footer__webc-img:hover .cls-2 {fill: #ff141f;}
.footer {background-color: #475155;padding: 40px;color: #C2C2C2;font-weight: 300;}
.footer .nav {float: left;}
.footer .nav-pills:nth-child(2) {padding-top: 35px;padding-left: 15px;}
.footer .nav-pills:nth-child(3) {padding-top: 35px;padding-left: 15px;}
.footer ul .country {font-weight: 500;color: #fff;}
.footer .row .copyright{margin-top: 30px;}

.about_certificates {
    margin: 3.5rem 0; display: flex; justify-content: center ; gap: 3.5rem;
}

.aboutText {
    color: red;
}
#logo {
    display: flex;
    align-items: center;
}

#hero_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#logo_img {
    width: 250px;
}

.phone-number {
    padding: 5px!important;

}

.phone-number  a{
    padding: 1px!important;
    font-size: 15px!important;
    text-align: center;

}


 
@media (min-width: 768px){
    .modal-dialog {width: 400px;margin: 30px auto;}
}
.modal-header .modal-title {font-size: 19px;font-weight: 400;margin-top: 15px;margin-bottom: 2px;color: #020000;}
.modal-header {border-bottom: none;}
.modal-body{padding: 15px 50px;}
.form-group {margin-bottom: 33px;}
.form-control {border: 1px solid #2DA2FF;height: 46px;color: #666666;font-size: 14px;font-weight: 300;}
.modal-content {background-color: #FAFAFF;}
.modal-footer {padding: 15px 50px 35px 50px;text-align: center;border-top: none;}
.modal-footer .send-form{width: 100%;background-color: #2DA2F0;border: 0;border-radius: 2px;font-size: 18px;padding: 6px 16px;font-weight: 300;}
.send-message {color: #C2C2C2;font-weight: 300;background-color: none;}
.nav > li >.send-message {padding: 0 0;}
.nav > li >.send-message:focus {outline: none;}
.nav > li >.send-message:hover {text-decoration: underline;color: #C2C2C2;background: none;border-radius: none;cursor: pointer;}
.country-background{background-color: #fff;padding: 25px;}
.contact-country{line-height: 2em;font-size: 16px;}
.country-background h3{margin-bottom: 30px;}

@media (max-width: 768px) {
    .container-fluid .slogan  {}
    .image-position  {height: 340px;}
    .container-fluid .slogan .col-xs-12 {background-color: rgba(0,0,0,0.32);color: #fff;padding: 10px 20px;}
    .container-fluid .slogan .col-md-8 {background-color: rgba(0,0,0,0.32);color: #fff;padding: 20px 30px;}
    .container-fluid .slogan .col-xs-12, .col-md-8 h3{font-weight: 400;font-size: 20px;line-height: 25px;}
    .slogan .send-require{margin-top: 15px;}
}

@media (min-width:321px) and (max-width:768px){
    .image-position  {height: 340px;}
    .container-fluid .slogan .col-md-8{padding: 10px 20px;}
    .container-fluid .slogan .col-xs-12, .col-md-8 h3{font-weight: 400;font-size: 14px;line-height: 19px;}
    .slogan .send-require{margin-top: 10px;font-size: 14px;}
    .about_certificates{
        margin: 3.5rem 0; display: grid; grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 1200px) {
    .thumbnail .caption {padding: 9px 0;}
}

.webcenter{text-align: center; margin-top: 10px;}
.webcenter a{color: #fff;}
.webcenter a:hover{color: red;}