/*@import url(/css/fonts/stylesheet.css);
@import url(https://use.fontawesome.com/releases/v5.14.0/css/all.css);*/



BODY {
    background-color: #ffffff;
    /*background-repeat: no-repeat;*/
    /*background-size: contain;
    background-position:center;*/
    background-image: url(/i3/fon.png);
}




.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,91,157, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.custom-toggler.navbar-toggler {border-color: rgb(0,91,157);}

nav {z-index:100; margin:8px 0 0 20px; }
nav.navbar .dropdown:hover > .dropdown-menu {display: block;}
nav A { color:#171717 !important; font-weight: bold; font-size: 1.2rem; text-decoration: none;}
nav A:hover, nav A.active {color:#213474 !important;}
nav LI {padding:0 0 0 35px;}

.header { padding:20px 0 20px 0px;}
.tlogo IMG {max-width:176.5px;}
.tsoc {text-align: right;}
.tsoc I {color: #233e99; font-size: 2rem; padding: 24px 0 0 5px;}
.tsoc I:hover {color: #00a4e4;}
.tsoc2 {position:absolute; top:20px; left:45%; margin:20px 0 0 0; display: none;  z-index:300;}
.tsoc2 I {padding: 0;}

.ibg {
    border: 0px solid red;
    height: 1050px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    color: #FFF;
    padding:0;
    background-image: url('/i/mainimg.jpg');
    margin:0 0 80px 0;
}
.ibgsec {
    height: 400px;
    margin:0 0 0px 0;
    color: #FFF;
    padding:0;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}
.ibg2 {background:rgba(255,255,255,0.7);}

.ibg10 {
    border: 0px solid red;
    height: 500px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    color: #FFF;
    padding:0;
}
.bg--10 {background-image: url('/i/mainimg2.jpg');}

.imainbannertext {
    position:absolute;
    top:20%; right:14%;

    font-size: 4.8rem;
    width:80%;
    padding:10px 20px 10px 100px;
    line-height:5rem;
    background:rgba(0,0,0,0.2);
    text-align:right;
    text-shadow: black 0 0 10px;
    text-transform: uppercase;
}
.imainbannerfeedback {position:absolute; top:56%; right:16%;}
.imainbannerfeedback A {font-size: 2rem;}
.imainbannerfka {position:absolute; top:94%; right:50%;}
.imainbannerfka IMG {width:70.5px;}

.secmainbannertext {
    font-size: 4.8rem;
    width:100%;
    padding:10px 5px 10px 100px;
    line-height:5rem;
    background:rgba(0,0,0,0.2);
    text-align:right;
    text-shadow: black 0 0 10px;
    text-transform: uppercase;
    margin:30px 0 0 0;
}

.iblocks IMG {max-width:100%; border-radius: 10px !important;}
.iblocks DIV DIV {padding-bottom: 40px;}
.iblocks STRONG {font-family: 'Montserrat-Medium'; font-size: 22px; font-weight: normal;line-height: 25px; display: block; padding:10px 0 25px 0; min-height: 100px;}
.iblocks P {height:110px; padding: 10px;}
.iblocks .row {margin-bottom:15px !important;}
.iblocks A {text-decoration: none; color: #080808; display: block; position: relative;}
.iblocks A.btn1 {color: white !important;}
.iblocks SPAN {font-size: 15px; color: white; padding: 6px 30px; display: block; text-align: center; border-radius: 4px; background: linear-gradient(to right, #222a95, #4173d9); display: block; position: absolute; bottom: 40px; left: 20px;}

.iblocks A:hover SPAN {background: linear-gradient(to right, #4173d9, #222a95);}


.btn1 { font-size: 1.2rem; background-color: #233e99; color: white; padding:10px 20px; border-radius: 10px; text-decoration: none;}
.btn1:hover {background-color:#202020; text-decoration: none; color: white !important;}

.ilogos {min-height: 100px; background-color: silver; margin:80px 0 40px 0;}
.ilogos IMG {height: 80px;  margin: 20px ;}

.bsoc {margin:20% 0 0 0;}
.bsoc_bg {border: 0px solid red; padding:25px 10px 10px 70px; width:100%; height:230px; background:rgba(0,0,0,0.6); border-radius: 8px;}
.bsoc_bg A {display: flex; color:white;  font-size:1.2rem; text-decoration: none; margin:0 0 15px 0;}
.bsoc_bg I {margin:-4px 20px 0 0; font-size:1.1rem; padding: 10px; color:white; background-color: #223575; border-radius: 8px;}

.bform0 {margin:20% 0 0 0;}
.bform1 {width:100%; background:rgba(0,0,0,0.6); border-radius: 8px; margin:0 0 10px 0}
.bform1 INPUT { background:none; border:0; color:white; width:100%; padding:10px 20px;}
.bform1 INPUT::placeholder, .bform2 TEXTAREA::placeholder {color:white}


.bform2 {width:100%; background:rgba(0,0,0,0.6); border-radius: 8px; margin:0 0 10px 0}
.bform2 TEXTAREA { background:none; border:0; color:white; width:100%; height:123px; padding:10px 20px;}
.bform3 {text-align:right; margin:30px 0 0 0;}
.bform3 A { font-size:1.4rem; padding:6px 20px 10px 20px;}


.copy {background-color: #383838; padding:40px 0 0 0;}
.copy .logo2 IMG {height:70px;}
.copy .text { padding:0 0 0 40px;}
.copy .text STRONG {color:white; font-size:1.2rem; font-weight: normal;text-transform:uppercase; line-height:20px;}
.copy .text P { color:#d7d7d7;}
.copy .misha A {color:#606060;  font-size:0.7rem; text-decoration: none;}
.copy .misha IMG {height:35px; display:block;}

.path {padding:10px 0 10px 0; margin: 0 0 40px 0; color: #7497e4;}
.path A {text-decoration: underline; color: #7497e4;}


.smenu {text-align: center; padding: 0 0 30px 0;}
.smenu A { text-decoration: none; padding: 7px 24px 6px 24px; margin:0 14px 0px 0; line-height: 45px;  font-size: 15px; white-space:normal; border: 1px solid #4272d9; border-radius: 4px; }
.smenu A nobr {color: #4272d9 !important;}
.smenu A:hover, .smenu A.active {color: white !important;background: linear-gradient(to right, #222a95, #4173d9);}
.smenu A:hover nobr, .smenu A.active nobr {color: white !important; background: linear-gradient(to right, #222a95, #4173d9);}

.news {padding:0 0 40px 0;}
.news IMG {max-width: 100%; border: 1px solid #233e99;}
.news STRONG { font-size: 2rem; text-transform: uppercase; color: #233e99; font-weight: normal;}
.news I {display: block; font-style: normal; color: #717171; margin: 10px 0 20px 0;}
.news A {display: block;}

.pages {text-align: center; padding: 0 0 30px 0;}
.pages A {border-radius: 12px; border: 1px solid #233e99; text-decoration: none; padding: 6px 14px; margin:0 14px 0px 0; line-height: 45px;  font-size: 1.2rem; white-space:normal;}
.pages A:hover, .pages A.active {background-color: #233e99; color:white;}

.otz {padding: 0 0 50px 0;}
.otz IMG {border-radius: 6px; box-shadow: 0 0 10px rgba(122,122,122,0.4); max-width: 100%;}
.otz DIV {text-align: center; font-size: 2rem;}
.otz A {display: block; padding: 0 0 40px 0;}


.prod {padding: 0 0 50px 0;}
.prod IMG {border-radius: 10px;  max-width: 100%;}
.prod STRONG, .title99 {font-size: 22px; font-family: 'Montserrat-Medium'; line-height: 24px; font-weight: normal; min-height: 60px; padding: 20px 0 40px 0; display: block;}
.prod A {display: block; padding: 0px 0 0px 0;}
.prod DIV {padding-bottom: 20px;}

.project STRONG {float: right;   font-size: 2.2rem; text-transform: uppercase; color: #233e99; font-weight: normal;}
.project EM {clear: both; padding:15px 0;  display: block; font-size: 1.5rem; font-weight: bold; font-style: normal; text-transform: uppercase;  font-weight: normal;}
.project .text {padding:40px 0 20px 0;}
.project IMG {border-radius: 18px; max-width: 100%;}







@media (max-width: 1200px)
{
    .iblocks STRONG {font-size: 20px !important;}
    .prod STRONG, .title99 {font-size: 22px;}
}
@media (min-width: 992px) and (max-width: 1199.98px)
{
    nav LI {padding:0 0 0 10px;}

    .header {margin-bottom:50%;}

    .imainbannertext,.secmainbannertext {
        font-size: 3rem;
        line-height:3rem;
    }
    .secmainbannertext {padding-right:20px; }

    .imainbannerfka {display: none;}
    .imainbannerfeedback {position:absolute; top:40%; right:16%;}
    .btn1 {font-size: 0.5rem;}
    .bform0 {margin:10% 0 0 0;}
    .bform1 {margin:0 0 10px 0;}
    .copy .text STRONG {font-size:1.1rem;}
    .copy .logo2 IMG {height:60px; margin:0 auto;}
    .copy .logo2 {text-align: center;}
    .copy .text {text-align: center;}
    .copy .misha {text-align: center;}


}
@media (min-width: 768px) and (max-width: 991.98px)
{
    .tsoc2 {display: block;}

    nav A {font-size: 1.5rem;}
    .navbar-collapse {background-color: white; box-shadow: 0 0 10px rgba(122,122,122,0.4); opacity: 0.9;}

    .ibg {
        border-bottom: 1px solid white ;
        /*height: auto !important;*/
        /*background-position: bottom !important;*/
    }
    .header {margin-bottom:50%;}

    .imainbannertext,.secmainbannertext {
        font-size: 2.5rem;
        line-height:3rem;
    }
     .secmainbannertext {padding-right:20px; }

    .imainbannerfeedback {position:absolute; top:35%; right:16%;}
    .btn1 {font-size: 0.5rem;}
    .imainbannerfka {display: none;}
    .bform0 {margin:10% 0 0 0;}
    .bform1 {margin:0 0 10px 0;}
    .copy .text STRONG {font-size:1.1rem;}
    .copy .logo2 IMG {height:80px; margin:0 auto;}
    .copy .logo2 {text-align: center;}
    .copy .text {text-align: center;}
    .copy .misha {text-align: center;}
    .copy .misha IMG {margin: 0 auto;}

    .smenu A {padding: 6px 24px; margin:0 14px 0px 0; line-height: 40px; font-size: 1.2rem;}

      .iblocks STRONG {min-height: auto;}
    .prod STRONG, .title99 {min-height: 50px;}
}
@media (min-width: 576px) and (max-width: 767.98px)
{
    .tsoc2 {display: block;}

    nav A {font-size: 1.2rem;}
    .navbar-collapse {background-color: white; box-shadow: 0 0 10px rgba(122,122,122,0.4); opacity: 0.9;}

      .ibg {
        border-bottom: 1px solid white ;
        /*height: auto !important;*/
        /*background-position: bottom !important;*/
    }
    .header {margin-bottom:50%;}

    .imainbannertext,.secmainbannertext {
        top:15%;
        font-size: 1.5rem;
        line-height:2rem;
    }
    .secmainbannertext {padding-right:20px; font-size: 2rem !important; }

    .imainbannerfeedback, .imainbannerfka {display: none;}
    .bform0 {margin:15% 0 0 0;}
    .bform1 {margin:0 0 10px 0;}
    .copy .text STRONG {font-size:1.1rem;}
    .copy .logo2 IMG {height:80px; margin:0 auto;}
    .copy .logo2 {text-align: center;}
    .copy .text {text-align: center;}
    .copy .misha {text-align: center;}
    .copy .misha IMG {margin: 0 auto;}
    .smenu A {padding: 6px 24px; margin:0 14px 0px 0; line-height: 40px; font-size: 1.2rem;}
    .otz DIV {font-size: 1.5rem;}

     .iblocks STRONG {min-height: auto;}
     .prod STRONG, .title99 {min-height: 50px;}
}
@media (max-width: 575.98px)
{
    .tsoc2 {display: block; top:5px;}


    nav A {font-size: 1rem;}
    .navbar-collapse {background-color: white; box-shadow: 0 0 10px rgba(122,122,122,0.4); opacity: 0.9;}
    .tlogo IMG {max-width:120px;}

      .ibg {
        border-bottom: 1px solid white ;
        /*height: auto !important;*/
        /*background-position: bottom !important;*/
    }
    .header {margin-bottom:50%;}

    .imainbannertext,.secmainbannertext {
        top:15%;
        width:100%;
        font-size: 1.5rem;
        line-height:1.5rem;
    }
    .secmainbannertext {padding-right:20px;}

    .imainbannerfeedback, .imainbannerfka {display: none;}
    .bform0 {margin:25% 0 0 0;}
    .bform1 {margin:0 0 10px 0;}
    .copy .text STRONG {font-size:0.8rem; line-height: 10px;}
    .copy .logo2 IMG {height:60px; margin:0 auto;}
    .copy .logo2 {text-align: center;}
    .copy .text {text-align: center;}
    .copy .misha {text-align: center;}
    .copy .misha IMG {margin: 0 auto; height: 30px;}
    .smenu A {padding: 6px 18px; margin:0 14px 0px 0; line-height: 40px; font-size: 1.1rem;}
    .content {font-size: 1rem;}
    H1 {font-size: 2rem;}
    H2 {font-size: 1.5rem;}
    .otz DIV {font-size: 1.5rem;}

     .iblocks STRONG {min-height: auto;}
     .prod STRONG, .title99 {min-height: 50px;}
}