html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 62.5%;
    line-height: 160%;
}
head{
    margin: 0;
    padding: 0;
}
body{
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Raleway", sans-serif;
    color: #565454;
    line-height: 180%;
    overflow-x: hidden;
    font-size: 1.5rem;
    font-weight: 500;
    float: left;
}
p{
    font-family: "Raleway", sans-serif;
    font-size: 1.5rem;
    line-height: 180%;
    margin: 0 0 20px;
}
a{
    text-decoration: none;
    outline: none;
    color: #ed2024;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover{
    /*text-decoration: none;*/
}
h1{
    font-size: 2.6rem;
    margin: 0px 0 30px;
    font-weight: 300;
    line-height: 140%;
    color: #000;
}
h2{
    font-size: 2.2rem;
    line-height: 130%;
    font-weight: 300;
    margin: 0px 0 20px;
    color: #000;
}
h3{
    font-size: 2rem;
    font-weight: 300;
    line-height: 130%;
    color: #000;
}
h4{
    font-size: 1.4rem;
    line-height: 130%;
}

strong{
    font-weight: 700;
}

::-webkit-input-placeholder {
    color: #bab8b8;
    opacity: 1 !important;
}
:-moz-placeholder {
    color: #bab8b8;
    opacity: 1 !important;
}
::-moz-placeholder {
    color: #bab8b8;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #bab8b8;
    opacity: 1 !important;
}
.alertBg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 1000;
}
.alertBox{
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 30px 30px 20px;
    max-width: 70%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    z-index: 1000;
    min-width: 500px;
}
.alertContentTitle{
    font-size: 25px;
    font-weight: 900;
    color: #df202f;
    margin-bottom: 15px;
}
.alertContentText{
    margin: 0 0 11px;
    font-size: 16px;
    line-height: 140%;
}
.alertContentText strong{
    font-weight: 900;
}
.alertContent hr{
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 25px 0 0;
}
.alertClose{
    float: right;
    color: #fff;
    background-color: #df202f;
    padding: 10px 50px;
    margin-top: 10px;
    font-weight: 900;
    cursor: pointer;
}
.Site{
    width: 100%;
    float: left;
    margin-left: 0;
    z-index: 1;
    position: relative;
}
.MainHeader{
    position: relative;
}
.Header{
    width: 100%;
    max-width: 1200px;
    float: left;
}
.HeaderLogo{
    margin: 34px 0 0 0;
    float: left;
    width: 300px;
}
.HeaderLogo a{

}
.HeaderLogo img{
    float: left;
    width: 100%;
}
.HeaderBtnMenu{

    display: none;
}
.HeaderBtnMenu img{
    width: 100%;
}
.HeaderMenu{
    float: left;
}

.HeaderMenu ul{
    margin: 0 auto;
    padding: 0px 0 0;
    list-style: none;
    text-align: center;
}
.HeaderMenu li{
    display: inline-block;
    margin: 0 11px;
    position: relative;
}
.HeaderMenu ul a{
    float: left;
    padding: 12px 1px 10px;
    font-family: "Mukta", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 100%;
    color: #000;

}
.HeaderMenu ul li a:after{
    content: '';
    width: 0%;
    height: 1px;
    background-color: #ed2024;
    position: absolute;
    left: 0;
    bottom: 0;
    transition-duration: .3s;
}
.HeaderMenu ul li:hover > a:after, .HeaderMenu > ul > li > a.active:after{
    width: 100%;
}
.HeaderMenu ul ul{
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #2b2b2b;
    width: 304px;
    padding: 10px 0 15px;
    display: none;
    z-index: 101;
}
.HeaderMenu ul ul ul{
    left: 100%;
    top: -10px;
    background-color: #000;
}
.HeaderMenu ul ul li{
    width: 100%;
    margin: 0px;
    float: left;
}
.HeaderMenu ul ul li:last-child a{
    padding-right: 15px;
}
.HeaderMenu ul ul a{
    font-size: 1.4rem;
    width: calc(100% - 30px);
    padding: 8px 15px;
    line-height: 140%;
    text-align:left;
    color: #ffffff;
    float: left;
}
.HeaderMenu ul ul li a:hover{
    background-color: #ed2024;
    color: #fff;
}
.HeaderMenu ul ul a:hover:after{
    width: 0;
}
.HeaderMenu1Center{
    float: left;
    width: 90%;
    margin: 40px 5%;
}
.HeaderMenu1Center h1{
    color: #ffffff;
    font-weight: normal;
    margin-left: 5%;
    padding: 30px 5% 15px 0;
    width: 90%;
    border-bottom: 1px solid #ffffff;
}
.HeaderMenuMainCenter{
    float: left;
    width: 100%;
    border-radius: 5px 0 5px 5px;
    overflow: hidden;
}
.MainCenter{
    position: relative;
    float: left;
    width: 100%;
}
.MainCenterContent{
    width: calc(100% - 60px);
    margin: 50px auto;
    max-width: 1200px;
}

.MainTextContent{
    width: 100%;
    padding: 0px 0 15px;
    float: left;
}
.MainTextContent h1{
    font-size: 3rem;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
    color: #000;
    margin: 13px 0 40px;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 35px;
}
.MainTextContent h1:after{
    content: '';
    width: 100px;
    height: 4px;
    background-color: #ed2024;
    position: absolute;
    bottom: 0;
    left: 0;
}
.MainTextContent h2{
    font-weight: 600;
}
.MainTextContent ul{
    list-style: none;
    padding-left: 29px;
}
.MainTextContent ul li{
    padding-bottom: 4px;
}
.MainTextContent ul li:before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #ed2024;
    display: inline-block;
    margin: 0 13px 1px -20px;
    border-radius: 5px;
}
.ColumnCenter{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.MainFooter{
    float: left;
    width: 100%;
}
.Footer{
    position: relative;
    width: 100%;
    float: left;
    background-color: #f6f6f6;
    margin-top: 30px;
}
.FormContentCol2{
    float: left;
    padding: 0px 0 0px;
    width: 100%;
    background-color: #1f2636;
    position: relative;
}
.FormContentCol2 img{
    position: absolute;
    margin: 10px;
}
.InputImg{
    position: absolute;
    left: 0;
    top: 0;
    margin: 10px;
    width: 23px;
    height: 22px;
    background-position: 0 0;
    transition-duration: .2s;
}
.InputImgFocus{
    background-position: 0 -100%;

}
.Pass{
    background-image: url(../../img/pass.png);
}
.Name{
    background-image: url(../../img/name.png);
}
.Mail{
    background-image: url(../../img/mail.png);
}
.Tel{
    background-image: url(../../img/tel.png);
}
.Message{
    background-image: url(../../img/message.png);
}
.FormContentCol2 label{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.FormContentCol2 span{
    font-size: 1.1rem;
    line-height: 140%;
    font-family: "Mukta", sans-serif;
    color: #555555;
    float: left;
    padding-left: 2px;
}
.FormContentCol2 p{
    font-weight: bold;
    color: #ED1E79 !important;
    margin: 0;
}
.FormContentCol3{
    float: left;
    margin-bottom: 3%;
    width: 99%;
}
.FormContentCol3 textarea{
    width: 89.4%;
    padding: 2% 3%;
    text-transform: none;
    font-size: 1.4rem;
    font-family: "Mukta", sans-serif;
    height: 100px;
    border: 0;
}
.SubmitContact{
    float: right;
    padding: 6px 30px;
    border: none;
    transition-duration: .3s;
    font-weight: 500;
    background-color: #ed2024;
    border-radius: 5px;
    margin-bottom: 0px;
    font-size: 1.8rem;
    color: #fff;
    font-family: "Mukta", sans-serif;
    cursor: pointer;
}
.SubmitContact:hover{
    background-color: #c6090d;
}
.ColumnRight{
    float: right;
    width: 380px;
    margin-bottom: 20px;
    margin-top: -30px;
}
.ColumnLeft{
    float: left;
    padding: 0 0 30px;
    width: 31%;
    background-color: #e29793;
}
.BoxP1{
    border: 1px solid #eaeaea;
    border-radius: 5px;
    float: left;
    padding: 20px 6% 0;
    width: 88%;
    background-image: url(../../img/bg_box_long.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.BoxPTextBtnLinkForm{
    float: left;
    width: 100%;
    background-color: #2387f6;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
}
.FormError{
    float: left;
    width: 100%;
    margin: -10px 0 18px;
}
.msgerrok{
    color: #1a8508 !important;
}
#scrolltop{
    background-image: url("../../img/scrolltop.png");
    bottom: 15px;
    cursor: pointer;
    height: 43px;
    position: fixed;
    right: 15px;
    width: 43px;
    z-index: 1000;
    opacity: 0;
}
.err{
    width: 100%;
    float: left;
    color: #ff0000 !important;
}
.HeaderTop{
    width: 100%;
    height: 123px;
    margin: 0 auto;
    max-width: 1200px;
}
.Langs{
    position: absolute;
    right: 0;
    top: 68px;
}
.LangList{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.LangList li{
    float: left;
    text-align: center;
    line-height: 100%;
    text-transform: uppercase;
    margin-left: 10px;
}
.LangList li a{
    float: left;
    border-radius: 50%;
    background-color: #cbcbcb;
    color: #fff;
    font-size: 1.6rem;
    padding: 13px 0;
    width: 42px;
}
.langSelected, .LangList li a:hover{
    background-color: #548235 !important;
}
#CookiesMessage{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 1000;
}
.CookiesContent{
    position: fixed;
    width: calc(100% - 130px);
    z-index: 1001;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 50px 76px;
    max-width: 800px;
    height: calc(100% - 130px);
    max-height: 380px;
}
.CookiesContentBox{
    height: 100%;
    width: calc(100% - 0px);
    padding: 0 15px;
    margin-left: -15px;
    overflow: auto;
}
.CookiesContentBox h2{
    color: #000;
    font-weight: 600;
}
.CookiesContentBoxInside{
    display: table-cell;
    font-size: 1.3rem;
}
.CookiesContentBox img{
    width: 250px;
}
.CookiesContentBox[data-tab="2"]{
    display: none;
}
.CookiesContentBox[data-tab="2"] h2{
    margin-top: 30px;
}
.CookiesContentBar{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 76px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}
.CookiesContentBarTop{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 47px;
    background-color: #fff;
    display: none;
    border-bottom: 1px solid #eee;
    border-radius: 5px 5px 0 0;
}
.CookiesContentBarTop p{
    font-weight: 500;
    text-align: center;
    margin: 13px 0;
}
.cookiesBack{
    position: absolute;
    left: 52px;
    top: 15px;
    font-weight: 500;
    cursor: pointer;
}
.cookiesBack:before{
    content: '<';
    float: left;
    margin-right: 10px;
    margin-top: 1px;
}
.CookiesContentShadow{
    position: absolute;
    bottom: 66px;
    width: 100%;
    height: 30px;
    left: 0;
    background-image: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))
}
.CookiesContentBarBtns{
    float: right;
    padding: 10px 50px 25px 0;
}
.CookiesContentBarBtns[data-tab="2"]{
    display: none;
}
.cookiesSettings{
    float: left;
    border: 2px solid #ed2023;
    border-radius: 5px;
    padding: 7px 30px;
    color: #000;
    margin-right: 25px;
    cursor: pointer;
}
.cookiesSave{
    float: left;
    border: 2px solid #ed2023;
    border-radius: 5px;
    padding: 7px 30px;
    color: #000;
    margin-right: 25px;
    cursor: pointer;
}
.cookiesAllow{
    color: #fff;
    padding: 7px 30px;
    float: left;
    border: 2px solid #ed2023;
    border-radius: 5px;
    background-color: #ed2023;
    cursor: pointer;
    font-weight: 600;
}
.cookiesAllow:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.SwitchCookie{
    float: right !important;
    margin-top: -37px;
}
.CookiesContentSettingBox {
    float: left;
    width: calc(100% - 0px);
}
.CookiesContentSettingBox h3{
    margin-top: 0;
    font-weight: 500;
}
.Switch{
    float: left;
    width: 50px;
    height: 20px;
    border-radius: 15px;
    cursor: pointer;
    background-color: #e9e9ed;
    border: 1px solid #aaa;
    transition-duration: .3s;
}
.SwitchBtn{
    float: left;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 50%;
    margin: 4px 5px;
    transition-duration: .3s;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.SwitchOn{
    background-color: #444 !important;
    border-color: #444 !important;
}
.SwitchOn .SwitchBtn{
    margin-left: 35px;
    background-color: #fff;
}
.HeaderBaner{
    float: left;
    width: 100%;
    position: relative;
}
.HeaderBaner{
    float: left;
    width: 100%;
    margin-top: -100px;
}
.HeaderMenu_Close{
    display: none;
}
.StartBg{
    width: 100%;
    float: left;
}
.StartBg2{
    width: 100%;
    float: left;
    background-image: url(../../img/bg.gif);
    background-position: center center;
    background-size: 100%;
    margin-bottom: 50px;
}
.StartCategories{
    float: left;
    width: 100%;
    margin: 30px 0 80px;
    text-align: center;
}
.StartCat{
    max-width: 33.33%;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    display: inline-block;
    margin: 0 -2px;
}
.StartCat:hover, .ProductListBox:hover{
    background-color: #eeeeee;
}
.StartCat img{
    max-width: 100%;
}
.StartCat p{
    max-width: 100%;
    font-size: 2.2rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 300;
}
.StartCat:nth-child(3n), .StartCat:last-child{
    border-right: 0;
}
.StartTextBg{
    float: left;
    background-color: #ececec;
    width: 100%;
}
.StartText{
    width: calc(100% - 30px);
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
}
.ProductListBoxContent{
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.ProductListBox{
    display: inline-block;
    width: calc(33.33% - 64px);
    padding: 0 30px 30px;
}
.ProductListBox img{
    max-width: 100%;
}
.ProductListBox p{
    text-align: center;
}
.CatContent{
    margin: 20px 0;
}
.ProductInfo{
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.ProductsDescDetails{
    float: left;
    width: 100%;
}
.ProductsDescDetails ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.ProductsDescDetails ul li{
    display: inline-block;
    margin: 0 20px;
    color: #548235;
}
.ProductsDescDetails ul li span{
    color:#000;
}
input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="tel"], input[type="email"], textarea, select{
    border: none;
    padding: 11px 0px;
    margin: 0 0 0px 0;
    max-width: 100%;
    -webkit-appearance: none;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    font-family: "Mukta", sans-serif;
    font-size: 1.5rem;
    background: transparent;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus{
    border-bottom: 1px solid #ed2024;
    outline: none;
}

/*::-webkit-input-placeholder { color:#bab8b8; }
::-moz-placeholder { color:#bab8b8; }  firefox 19+ 
:-ms-input-placeholder { color:#bab8b8; }  ie 
input:-moz-placeholder { color:#bab8b8; }*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    -webkit-box-shadow: 0 0 0 30px #1f2636 inset !important;
    -webkit-text-fill-color: #fdf793;

}
input.inputerror, textarea.inputerror{
    color: #ed2024;
}
.FormContentMail{
    float: left;
    width: 430px;
    position: absolute;
    right: 40px;
    top: 40px;
    background-color: #fff;
    padding: 35px 50px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.FormContentMail form{
    float: left;
    width: 100%;
}
.FormContentMail h2{
    font-size: 2.2rem;
    font-weight: 500;
    font-family: 'Mukta', sans-serif;
    color: #000;
    margin-bottom: 10px;
}
.FormContentCol2Text{
    float: left;
    position: relative;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 1.6rem;
}
.FormContentCol2Text .InputImg{
    top: 5px;
}
.FormContentCol2TextRODO{
    font-size: 1.2rem;
    line-height: 150%;
    margin-bottom: 11px;
    color: #999;
}
.FormContentCol2Text label{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.FormContentCol2Text textarea{
    width: 100%;
    height: 120px;
    margin: 0;
    float: left;
    line-height: 150%;
    background-color: #fff;
    border-bottom: none;
}
.HeaderContact{
    position: absolute;
    left: 0px;
    top: 32px;
    line-height: 100%;
    font-family: "Mukta", sans-serif;
}
.HeaderContactMail{
    float: left;
    font-weight: 500;
}
.HeaderContactMail a{
    color: #000;
}
.HeaderContactTel{
    float: left;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #c5c5c5;
}
.HeaderContactTel a{
    color: #393939;
    font-weight: 500;
}

.FooterBg{
    margin: 0 auto;
    max-width: 1250px;
    width: calc(100% - 30px);
}
.FooterCopyright{
    float: right;
    text-align: right;
    width: 465px;
    color: #fff;
    margin: 45px 0 0;
}
.FooterCopyright p{
    text-align: right;
    margin: 0;
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 1.3rem;
    font-weight: 400;
}
.FooterCopyright p span{
    color: #bababa;
    display: inline-block;
    margin: 0 15px;
}
.FooterCopyright a{
    color: #000;
}
.StartInfoP{
    float: right;
    background-color: #fff;
    padding: 50px 0 50px 50px;
    width: calc(100% - 250px);
    visibility: hidden;
}
.StartInfo{
    margin: 0 auto;
    max-width: 1060px;
    width: calc(100% - 30px);
}
.StartInfoBox{
    float: left;
    width: 100%;
    margin: 0px 0 70px;
    visibility: hidden;
}
.StartInfoBox h2{
    font-size: 3.2rem;
    font-weight: 500;
    font-family: 'Mukta', sans-serif;
    margin-bottom: 30px;
}
.StartInfoBoxImg{
    float: left;
}
.StartInfoBoxText{
    float: right;
    width: calc(100% - 540px);
    margin-top: 23px;
}
.StartInfoBoxLink{
    font-weight: 600;
    text-transform: uppercase;
    color: #ed2024;
}
.StartInfoBoxLink:before{
    float: left;
    content: '>';
    margin: -1px 10px 0 0;
    font-weight: 900;
}
.StartInfoBox:nth-child(2n) .StartInfoBoxImg{
    float: right;
}
.StartInfoBox:nth-child(2n) .StartInfoBoxText{
    float: left;
}
.StartInfoBoxCont{
    float: left;
    width: 100%;
    border-top: 1px solid #242534;
    margin-top: 36px;
    padding-top: 70px;
}
.StartInfoBoxContact{
    float: left;
    width: calc(40% - 20px);
    margin-right: 20px;
}
.StartOfferContent{
    float: left;
    min-width: 1700px;
    margin-bottom: 0px;
    text-align: center;
    width: 100%; 
}
.StartOfferContentCenter{
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 30px);
}
.StartOfferLine{
    float: left;
    width: 100%;
    border-top: 1px solid #1f202e;
    text-align: center;
}
.StartOfferLineContent{
    display: inline-block;
    max-width: 250px;
    padding: 15px 15px 50px;
    width: 250px;
    position: relative;
    text-align: left;
    overflow: hidden;
    visibility: hidden;
}
.StartOfferLineContent:hover .StartOfferLineBoxText{
    top: calc(60% - 34px);
}
.StartOfferLineContent:hover .StartOfferLineBoxText h2{
    color: #fff;
}
.StartOfferLineContent:hover .StartOfferLineBoxText p{
    opacity: 1;
}
.StartOfferLineContent:hover .StartOfferContentBg{
    opacity: 1;
}
.StartOfferLineBoxText{
    position: absolute;
    width: calc(100% - 75px);
    padding: 0 20px;
    top: calc(100% - 34px);
    transition-duration: .3s;
}
.StartOfferLineBoxImage{
    float: left;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    width: 100%;
}
.StartOfferLineBoxText h2{
    font-size: 2.5rem;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;
    font-weight: bold;
    line-height: 150%;
    transition-duration: .3s;
}
.StartOfferLineBoxText h2 a{
    color: #fff;
}
.StartOfferLineBoxText p{
    margin-bottom: 5px;
    color: #fff;
    line-height: 150%;
    font-size: 1.4rem;
    opacity: 0;
}
.StartOfferLink{
    float: left;
    width: 100%;
}
.StartOfferContentBg{
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 65px);
    background-color: #ed2024;
    border-radius: 5px;
    opacity: 0;
    overflow: hidden;
    transition-duration: .3s;
}
/*.StartOfferLineContent:hover .StartOfferContentBg{
    opacity: 1;
}
.StartOfferLineContent:hover .StartOfferLineBoxText{
    opacity: 1;
}
.StartOfferLineContent:hover .StartOfferLineBoxTitle{
    opacity: 0;
}*/
.StartOfferLink span{
    display: inline-block;
    padding: 14px 50px;
    transition-duration: .3s;
    font-weight: 500;
    color: #fdf793;
}
.StartOfferLineR{
    float: right;
    text-align: left;
}
.StartOfferLineRText{
    float: left;
    text-align: left;
}
.StartOfferLineRText .StartOfferLink{
    text-align: left;
    margin-top: 16px;
}
.StartCont{
    float: left;
    width: 100%;
    padding: 80px 0 60px;
}
.StartContCenter{
    margin: 0 auto;
    max-width: 870px;
    width: calc(100% - 30px);
}
.StartContCenter h2{
    font-size: 4rem;
    font-weight: 500;
    font-family: "Mukta", sans-serif;
    color: #124733;
    margin-bottom: 20px;
    margin-bottom: 40px;
}
.StartContInfo{
    float: left;
    width: calc(50% - 50px);
    margin-right: 50px;
}
.StartContInfo a{
    font-family: "Mukta", sans-serif;
    float: left;
    padding: 20px 50px;
    border: 1px solid #124733;
    text-transform: uppercase;
    transition-duration: .3s;
}
.StartContInfo a:hover{
    background-color: #124733;
    color: #fff;
}
.StartNews{
    float: left;
    width: 100%;
    margin: 80px 0;
}
.StartNewsCenter{
    margin: 0 auto;
    width: calc(100% - 30px);
    max-width: 1200px;
}
.StartNewsBox{
    float: left;
    width: calc(33.33% - 20px);
    margin-right: 30px;
}
.StartNewsBox:nth-child(3n){
    margin-right: 0;
}
.StartNewsBox img{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.StartPHeaderNews{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-family: "Mukta", sans-serif;
    color: #124733;
    font-size: 1.5rem;
    font-weight: 600;
}
.StartNewsBox time{
    float: left;
    width: 100%;
    color: #a6a6a6;
    margin-bottom: 7px;
    margin-top: -5px;
}
.StartNewsBox p{
    line-height: 160%;
    font-size: 1.4rem;
}
.StartInfoLink{
    float: left;
    width: 100%;
    text-align: center;
}
.StartInfoLink a{
    display: inline-block;
    padding: 14px 50px;
    border: 1px solid #000;
    text-transform: uppercase;
    transition-duration: .3s;
    font-weight: 500;
    color: #000;
}
.StartInfoLink a:hover{
    background-color: #000;
    color: #fff;
}
.BannerBox{
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
    height: 235px;
    background-image: url(../../img/baner.jpg);
    background-size: cover;
    background-position: center center;
}
.Gallery{
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.Gallery a{
    float: left;
    width: calc(28.33% - 26px);
    margin-right: 30px;
    margin-bottom: 20px;
}
.Gallery a:nth-child(4n), .Gallery a:last-child{
    margin-right: 0;
}
.Gallery img{
    width: 100%;
    float: left;
}
.NewsBox{
    float: left;
    width: calc(33.33% - 20px);
    margin-right: 30px;
    margin-bottom: 50px;
}
.NewsBox:nth-child(3n){
    margin-right: 0;
}
.NewsBox img{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.PHeaderNews{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-family: "Mukta", sans-serif;
    color: #124733;
    font-size: 1.5rem;
    font-weight: 600;
}
.NewsBox time{
    float: left;
    width: 100%;
    color: #a6a6a6;
    margin-bottom: 7px;
    margin-top: -5px;
}
.NewsBox p{
    line-height: 160%;
    font-size: 1.4rem;
}
.MainNewsContent{
    width: 100%;
    margin: 0px 0 15px;
    float: left;
}
.MainNewsContentBox{
    width: 100%;
    margin: 0px 0 15px;
    float: left;
}
.MainNewsContent h1{
    font-size: 4.5rem;
    font-weight: 500;
    font-family: "Mukta", sans-serif;
    color: #124733;
    margin-bottom: 30px;
}
.NewsBoxDesc{
    float: left;
    width: 100%;
}
.NewsBoxDesc time{
    float: left;
    width: 100%;
    margin: -20px 0 31px 2px;
}
.NewsBoxDesc img{
    float: left;
    max-width: 50%;
    margin: 0 30px 30px 0;
}
.BackToNews{
    font-family: "Mukta", sans-serif;
    display: inline-block;
    padding: 20px 50px;
    border: 1px solid #124733;
    text-transform: uppercase;
    transition-duration: .3s;
    margin-bottom: 50px;
}
.BackToNews:hover {
    background-color: #124733;
    color: #fff;
}
.NewsBoxDesc .Gallery img{
    width: 100%;
    max-width: 100%;
}
.BackToNewsBox{
    float: left;
    width: 100%;
    text-align: center;
}
.FooterSocial{
    float: right;
}
.FooterSocial p{
    font-size: 1.3rem;
    color: #000;
    float: left;
    margin: 0 0 6px;
}
.FooterSocial p a{
    margin: 0 0px 0 0;
    position: relative;
    padding-bottom: 16px;
}
.FooterSocial p span{
    color: #bababa;
    display: inline-block;
    margin-right: 15px;
}
.IN{
    float: right;
    width: 24px;
    height: 24px;
    background-image: url(../../img/in.png);
    background-position: 0 0;
    transition-duration: .2s;
    margin:-5px 0 0 15px !important;
    padding: 0 !important;
}
.IN:hover{
    background-position: 0 24px;
}
.Box4Gallery{
    float: left;
    width: 100%;
}
.Box4Gallery h2{
    text-align: center;
    font-size: 3.5rem;
}
.Box2Cont{
    margin: 0 auto;
    max-width: 800px;
}
.scriptSlideNav{
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
    height: 52px;
    padding: 30px 0 0 0;
    margin-top: 30px;
}
.scriptSlideNavBox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.FooterBox{
    float: left;
    margin: 55px 50px 47px 0;
}
.FooterBox img{
    width: 180px;
}
.Box1TitleText{
    float: left;
    padding-bottom: 21px;
    background-image: url(../../img/s.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 38px;
}

.BreadcrumbsBox{
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.BreadcrumbsView{
    font-size: 1.2rem;
    margin: -30px auto 0;
    width: 100%;
    float: left;
    text-align: center;
}

.Breadcrumbs{
    list-style: outside none none;
    margin: 0px 0px 0px 0;
    padding: 0;
    display: inline-block;
}
.Breadcrumbs li{
    float: left;
}
.Breadcrumbs li a{
    float: left;
    padding: 0 7px;
    color: #969696;
}
.Breadcrumbs li:first-child a{
    padding: 0 7px 0 0;
}
.Breadcrumbs li:last-child a{
    color: #969696;
}
.Breadcrumbs li .spanli {
    float: left;
    padding: 0 10px;
}
.Breadcrumbs li::after{
    content: " > ";
    color: #969696;
    margin: 0 4px;
}
.Breadcrumbs li:last-child::after{
    content: "";
}
.Breadcrumbs a:hover{
    text-decoration: none;
}
.BannerBoxContent{
    max-width: 1200px;
    width: calc(100% - 30px);
    margin: 69px auto 0;
}
.BannerBoxContent h1{
    font-size: 4.5rem;
    font-weight: 500;
    font-family: 'Marcellus SC', serif;
    color: #fff;
    margin-bottom: -10px;
}
.SubPageBoxes{
    float: left;
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
}
.SubPageBox{
    padding: 10px;
    display: inline-grid;
    width: calc(25% - 38px);
    margin-right: 15px;
}
.SubPageBox:hover{
    background-color: #f0f0f0;
}
.SubPageBox img{
    float: left;
    width: 100%;
}
.SubPageBox p{
    float: left;
    width: 100%;
    color: #616161;
    text-align: center;
    margin: 15px 0;
    line-height: 150%;
}
.SubPageBox p span{
    font-family: 'Marcellus SC', serif;
    font-size: 2rem;
    color: #000;
}
.PromoInfoBox{
    float: left;
    width: 100%;
    text-align: left;
    margin: 21px 0;
}
.PromoInfoBox p{
    margin-bottom: 5px;
    color: #616161;
}
.PromoInfoBoxHeader{
    font-family: 'Marcellus SC', serif;
    font-size: 2.4rem;
    color: #000 !important;
}
.sep{
    float: left;
    width: 100%;
    height: 1px;
}
.FileBg{
    float: left;
    width: 100%;
}
.File{
    float: left;
    width: calc(20% - 15px);
    margin-bottom: 20px;
    margin-right: 15px;
}
.File a{
    border: 1px solid #adadad;
    padding: 15px;
    float: left;
}
.File a:hover{
    border: 1px solid #000;
}
.File:nth-child(5n){
    margin-right: 0;
}
.File img{
    float: left;
    width: 100%;
}
.File p{
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.HeaderDown{
    bottom: 50px;
    top: auto !important;
}
.HeaderDown img{
    display: inline-block;
    float: none;
}
.StartBgContact{
    position: relative;
}
.HeaderLogoSub{
    height: auto;
    transform: none;
    top: 108px;
}
.HeaderLogoSub a{
    transform: translate(-50%, 0);
}
.HeaderLogoSub a img{
    width: 250px;
}
.LangsBox{
    float: left;
    line-height: 100%;
    margin: 12px 0 0 12px;
    position: relative;
}
.LangsText{
    padding: 0px 24px 8px;
    text-transform: uppercase;
    float: left;
}
.Langs{
    position: absolute;
    margin: 0;
    top: 100%;
    background-color: rgba(255,255,255,0.9);
    padding: 10px 10px 7px;
    border: 0;
    width: 50px;
    display: none;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    z-index: 1;
}
.Langs span, .Langs a{
    margin: 0 3px 3px;
    padding-bottom: 3px;
    font-weight: 300;
    color: #000;
    position: relative;
    float: left;
    text-transform: uppercase;
}
.Langs span{
    color: #ed2024;
}
.Langs a:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0%;
    top: 25px;
    left: 0;
    transition-duration: 0.3s;
    background-color: #fdf793;
}
.Langs a:hover{
    text-decoration: underline;
}
.Langs a:hover:after{
    width: 100%;
}
.Lang img{
    float: left;
    margin: 7px 8px 0px 0;
}


.SignIn{
    width: 400px;
    margin: 0;
    padding: 40px;
    position: absolute;
    left: 50%;
    top: calc(50% + 0px);
    transform: translate(-50%, -50%);
}
.SignInBoxTitle{
    float: left;
    width: 100%;
    font-size: 2rem;
    margin-bottom: 26px;
    color: #fff;
    font-weight: 400;
}
.SignInBox{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.SignInBox label{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}
.SignIn .error{
    text-align: left;
}
.RegBoxInputs{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.SignOption{
    font-weight: 500;
    float: left;
}
.SignSubmit{
    float: right;
    text-align: center;
    margin-top: -8px;
}
.Submit{
    background-color: #ed2024;
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 10px 45px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
}
.remindeForm{
    float: left;
    width: 100%;
}
.ReisterBox{
    float: left;
    width: 50%;
    margin: 20px 25% 50px;
}
.RegisterAgree{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.RegisterAgree input{
    float: left;
    margin: 5px 11px 0 0;
}
.RegisterAgree span{
    float: left;
    width: calc(100% - 30px);
    color: #fff;
}
.RegisterAgree p{
    margin-bottom: 7px;
    float: left;
    width: 100%;
}
.RegBox{
    float: left;
    width: calc(50% - 15px);
    margin-right: 30px;
}
.RegBox:nth-child(2n){
    margin-right: 0;
}
.RegBox label{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}
p.error{
    text-align: center;
    color: #df202f;
    font-weight: 600;
    margin: 30px 0;
}
.crmBefore{
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(../../img/baner_bg.jpg);
    background-position: center center;
    background-size: cover;
    left: 0;
    top: 0;
    background-color: #000;
}
.crmBefore .HeaderLogo{
    top: 0;
    width: 100px;
    height: auto;
    margin: 0;
    position: relative;
    left: 0;
}
.crmBefore .HeaderLogo a{
    left: 73px;
    top: 75px;
    width: 330px;
    transform: none;
    color: #2e3192;
    position: absolute;
}
.crmBefore .HeaderLogo a img{
    width: 100%;
    float: left;
}
.crmBefore .SignOption a{
    color: #fdf793;
    font-weight: 300;
}
.crmBefore .HeaderMenu{
    top: 71px;
    position: absolute;
    right: 75px;
}
.HeaderMenu ul li{
    margin: 0 15px;
}
.crmBefore .HeaderMenu ul li a:after{
    background-color: #fdf793;
}
.HeaderMenu ul li a:after{
    background-color: #ed2024;
}
.crmBefore .HeaderMenu a{
    color: #fff;
}
.crmBefore input[name=email], .crmBefore input[name=password]{
    border: none;
    padding: 13px 20px 13px 50px;
    margin: 0 0 0px 0;
    max-width: 100%;
    -webkit-appearance: none;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    background: rgba(255,255,255,0.3);
}
.HeaderMenuCont{
    float: right;
    margin-top: 39px;
}
.LangsBox:before{
    content: '';
    float: left;
    background-color: #c1c1c1;
    width: 1px;
    height: 10px;
    margin-top: 3px;
}
.Login{
    float: left;
    margin: 12px 0 0 0;
    line-height: 100%;
}
.Login a{
    padding: 0 0 0 22px;
    color: #5b5b5b;
}
.Login a:hover{
    color: #ed2024;
}
.Login:before{
    content: '';
    float: left;
    background-color: #c1c1c1;
    width: 1px;
    height: 10px;
    margin-top: 3px;
}
.HeaderAssessmentBox{
    margin: -350px auto 0;
    max-width: 1100px;
    width: calc(100% - 30px);
    z-index: 100;
    position: relative;
}
.HeaderAssessmentBoxContainer{
    float: left;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    width: calc(100% - 120px);
    padding: 55px 60px 65px;
    margin-bottom: 100px;
    visibility: hidden;
}

.HeaderAssessmentBoxText{
    float: left;
    width: calc(100% - 120px);
    padding: 0 60px;
}
.HeaderAssessmentBoxText h2{
    color: #fff;
    font-size: 3.7rem;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 600;
}
.HeaderAssessmentBoxText p{
    color: #fff;
    font-size: 1.5rem;
    text-shadow: 1px 1px 1px #000;
    font-weight: 500;
}
.HeaderAssessmentBoxTaskbar{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.HeaderAssessmentBoxTaskbar ul{
    float: left;
    margin: 0;
    list-style: none;
    padding: 0;
}
.HeaderAssessmentBoxTaskbar ul li{
    float: left;
    padding: 0 40px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 100%;
    cursor: pointer;
}
.HeaderAssessmentBoxTaskbar ul li:first-child{
    padding-left: 0;
}
.HeaderAssessmentBoxTaskbar ul li:after{
    content: '';
    height: 15px;
    width: 1px;
    background-color: #c1c1c1;
    float: right;
    margin: 1px -40px 0 40px;
}
.HeaderAssessmentBoxTaskbar ul li:last-child:after{
    display: none;
}
.HeaderAssessmentBoxTaskbar .selected{
    color: #ed2024;
}
.HeaderAssessmentBoxCont{
    float: left;
    width: 100%;
}
.Line{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.Line label{
    float: left;
    width: 150px;
    margin-top: 3px;
}
.Line select{
    float: left;
}
.Line .Select{
    width: 180px;
    padding: 12px 15px 12px 20px;
    background-color: #ebebeb;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1) inset;
}
.Select{
    float: left;
    width: 100%;
    position: relative;
    font-weight: 500;
    cursor: pointer;
}
.SelectInfo {
    float: left;
    width: 100%;
    background-image: url(../../img/select.png);
    background-position: right 0px center;
    background-repeat: no-repeat;
}
.SelectInfo img{
    float: left;
    box-shadow: 1px 2px 5px #999;
    width: 14px;
    border-radius: 8px;
    margin-right: 15px;
}
.SelectInfo span{
    float: left;
    width: calc(100% - 50px);
    margin: 0px 0px 0px 0px;
    font-size: 1.4rem;
    line-height: 100%;
}
.SelectList{
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    z-index: 100;
    overflow: auto;
    max-height: 270px;
    min-width: 150px;
    display: none;
}
.SelectList ul{
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.SelectList ul li{
    float: left;
    width: calc(100% - 20px);
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 1.3rem;
    cursor: pointer;
}
.SelectList ul li:hover{
    background-color: #eee;
}
.SelectList ul li img{
    float: left;
    box-shadow: 1px 2px 5px #999;
    width: 15px;
    border-radius: 8px;
    margin-right: 15px;
}
.SelectList ul li span{
    float: left;
    width: calc(100% - 30px);
    margin: 0px 0px 0px 0px;
    line-height: 100%;
}
.HeaderAssessmentBoxCont .Address{
    float: left;
    width: calc(100% - 385px);
    padding: 7px 15px 5px 20px;
    background-color: #ebebeb;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1) inset;
    line-height: 100% !important;
    margin-left: 20px;
}
.HeaderAssessmentBoxCont2{
    float: left;
    width: 100%;
}
.HeaderAssessmentBtn{
    float: right;
}
.HeaderAssessmentBtn input{
    border: 0;
    background-color: #ed2024;
    color: #fff;
    padding: 11px 25px 9px;
    font-size: 1.8rem;
    font-family: "Mukta", sans-serif;
    border-radius: 5px;
    line-height: 100%;
    font-weight: 600;
    cursor: pointer;
    transition-duration: .3s;
}
.HeaderAssessmentBtn input:hover{
    background-color: #c6090d;
}
.HeaderAssessmentContact{
    float: left;
    line-height: 100%;
    margin: 10px 0 0;
}
.HeaderAssessmentContactTel{
    float: left;
}
.HeaderAssessmentContactTel img{
    float: left;
}
.HeaderAssessmentContactTel span{
    float: left;
    color: #000;
    font-weight: 400;
    margin: 2px 35px 0 10px
}
.HeaderAssessmentContactMail{
    float: left;
}
.HeaderAssessmentContactMail img{
    float: left;
}
.HeaderAssessmentContactMail span{
    font-weight: 400;
    color: #000;
    float: left;
    margin: 2px 0 0 10px
}
.StartInfoPTop{
    color: #ed2024;
    font-weight: 600;
    text-transform: uppercase;
}
.StartInfoPTop:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    float: left;
    margin: 13px 15px 0 0;
    background-color: #ed2024;
}
.StartInfoP h2{
    font-weight: 600;
    font-size: 3.6rem;
}
.StartFaq{
    float: left;
    width: calc(100% - 100px);
    padding: 50px 50px 25px;
    border-radius: 5px;
    background-color: #f8f8f8;
    margin-bottom: 50px;
    visibility: hidden;
}
.StartFaq h2{
    text-align: center;
    font-size: 3.6rem;
    font-weight: 600;
}
.StartFaqTopText{
    text-align: center;
    color: #ed2024;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.StartFaqTopText span{
    display: inline-block;
}
.StartFaqTopText span:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    float: left;
    margin: 13px 15px 0 0;
    background-color: #ed2024;
}
.StartFaqCont{
    float: left;
    width: 100%;
}
.StartFaqLine{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}
.StartFaqLine:last-child{
    border-bottom: 0;
}
.StartFaqQuestion{
    float: left;
    width: 100%;
    font-weight: 500;
    padding: 20px 0;
    color: #ed2024;
    transition-duration: .3s;
    cursor: pointer;
}
.StartFaqQuestion:hover, .StartFaqHide .StartFaqQuestion:hover{
    color: #ed2024;
}
.StartFaqAnswer{
    float: left;
    width: 100%;
    color: #515151;
    padding-bottom: 25px;
    display: none;
    margin-top: -10px;
}
.StartFaqArrow img{
    float: left;
    transition-duration: .3s;
    transform: rotate(-180deg);
}
.StartFaqArrow{
    position: absolute;
    width: 13px;
    height: 7px;
    padding: 5px;
    right: 0;
    top: 25px;
}
.StartFaqHide img{
    transform: rotate(0deg);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.StartFaqHide .StartFaqQuestion{
    color: #000;
    cursor: pointer;
}
.SubPageInfoBox{
    float: left;
    width: 100%;
    margin-top: -35px;
}
.SubPageInfoBoxText{
    float: left;
    width: calc(50% - 50px);
    margin-right: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.SubPageInfoBoxTextSectors{
    float: left;
    width: calc(50% - 50px);
    margin-right: 50px;
    margin-bottom: 50px;
    margin-top: 0px;
}
.SubPageInfoBoxImg{
    float: right;
    width: calc(50% - 0px);
    margin-bottom: 50px;
}
.SubPageInfoBoxImg img{
    border-radius: 5px;
    width: 100%;
    float: left;
}
.SubPageBg{
    float: left;
    width: 100%;
    background-image: url(../../img/bg_offer.gif);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    margin-bottom: 50px;
}
.SubPageBg:nth-child(2n){
    background: none;
}
.SubPageBg:nth-child(2n) .OfferLineContent{
    background: none;
}
.SubPageBg:nth-child(2n) .OfferLineBoxText{
    width: calc(100% - 550px);
    margin-top: 50px;
}
.SubPageBg:nth-child(2n) .OfferLineBoxImage{
    margin: 0 0px 0 0px;
    float: right;
}
.SubPageBgCenter{
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 30px);
    visibility: hidden;
}
.SubPageBgCenter2{
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 30px)
}
.SubPageBg:nth-child(3n){
    background-position: left 1200px top;
    background-size: auto;
}
.SubPageBg:nth-child(3n) .OfferLineBoxImage{
    margin-left: 50px;
}
.SubPageBg:nth-child(3n) .OfferLineBoxText{
    margin-right: 0px;
}
.OfferContent{
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 30px);
    background-color: #f6f6f6;
    visibility: hidden;
}
.SubPageBg2{
    float: left;
    width: 100%;
}
.OfferLineBoxImage{
    float: left;
    margin: 50px 70px 50px 0;
    border-radius: 5px;
}
.OfferLineBoxText{
    width: calc(100% - 620px);
    float: left;
    margin: 100px 50px 100px 0;
}
.OfferLineContent{
    float: left;
    width: 100%;
    background-color: #f6f6f6;
}
.OfferLineBoxText h2{
    color: #000;
    font-size: 2.5rem;
    font-weight: 700;
}
.ConnectionsMap{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 50px);
    display: none;
}
.ConnectionsMap img{
    max-width: 100%;
    float: right;
}
.ConnectionsMapContainer{
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 30px);
    visibility: hidden;
}
.ConnectionsMapContainerText{
    float: left;
    width: 50%;
    display: none;
}
.hoverTextConnection{
    display: inline-block;
}
.MainHeaderText{
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    z-index: 1;
}
.SectorsCol{
    float: left;
    width: 100%;
}
.SectorsBox{
    width: calc(50% - 30px);
    margin-right: 25px;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}
.SectorsBox:nth-child(2n){
    margin-left: 25px;
    margin-right: 0px;
}
.SectorsBox h2{
    font-size: 3rem;
    font-weight: 700;
}
.CarrierCol{
    float: left;
    width: 100%;
}
.CarrierBox{
    width: calc(33.33% - 30px);
    margin-right: 25px;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}
.CarrierBox:nth-child(3n){
    margin-right: 0;
}
.CarrierBox h2{
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 13px;
}
.CarrierBox p{
    margin-bottom: 5px;
}
.CarrierBox a{
    color: #ed2024;
    font-weight: 600;
}
.CarrierBox a:hover{
    text-decoration: underline;
}
.SubPageInfoBoxTextContact{
    float: left;
    width: 390px;
    margin-right: 50px;
    margin-bottom: 50px;
    margin-top: 0px;
    background-color: #f6f6f6;
    padding: 33px 50px 12px;
}
.SubPageInfoBoxContactForm{
    float: left;
    width: calc(100% - 540px);
}
.SubPageInfoBoxContactForm .FormContentMail{
    position: relative;
    top: unset;
    right: unset;
    width: calc(100% - 0px);
    box-shadow: none;
    padding: 50px 0;
}
.SubPageBgDark{
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    padding: 50px 0 15px;
    margin-bottom: 50px;
}
.BusinessCard{
    float: left;
    width: calc(33.33% - 88px);
    padding: 34px 34px 14px;
    background-color: #fff;
    margin: 0 30px 30px 0;
    position: relative;
}
.BusinessCard:nth-child(3n){
    margin-right: 0;
}
.BusinessCard strong{
    color: #000;
}
.DataMain{
    float: left;
    width: 100%;
}
.DataMain p:first-child{
    line-height: 140%;
}
.DataMain p:first-child strong{
    font-size: 1.7rem;
}
.BusinessCard span{
    color: #827f7f;
    font-size: 1.2rem;
}
.BusinessCard .Img{
    position: absolute;
    top: 20px;
    right: 30px;
}
.BusinessCard .Img img{
    border-radius: 50%;
    width: 53px;
}
.LPContainerDark{
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    margin: 0px 0 0;
    padding: 50px 0 20px;
}
.LPHeader{
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    margin: -90px 0 0;
}
.LPHeaderContainer{
    margin: 0 auto;
    max-width: 1200px;
}
.LPHeaderContainerBox{
    float: left;
    width: 50%;
    padding: 50px 0;
}
.LPHeaderContainerMap{
    float: left;
    width: 50%;
}
.LPHeaderContainerMap img{
    max-width: 100%;
    float: right;
    margin: 50px 0;
    border-radius: 5px;
}
.LPHeaderContainerBox .MainTextContent{
    padding: 0;
}
.LPContactText{
    font-weight: 700;
    color: #000;
}
.LPContactText span{
    color: #ed2024;
    font-size: 2.6rem;
    font-family: "Mukta", sans-serif;
    display: inline-block;
    margin-left: 5px;
}
.LPHeaderContainerBox .MainTextContent h1{
    font-size: 1.6rem;
    font-weight: 700;
    padding-bottom: 25px;
    margin-bottom: 25px;
    line-height: 250%;
}
.LPHeaderContainerBox .MainTextContent h1 span{
    font-size: 4rem;
    text-transform: uppercase;
}
.LPHeaderContainerBox .MainTextContent h1:after{
    content: '';
    width: 100px;
    height: 3px;
    background-color: #e3e3e3;
    position: absolute;
    bottom: 0;
    left: 0;
}
.LPInfo{
    float: left;
    width: 100%;
}
.LPInfoContainer{
    margin: 0 auto;
    max-width: 1200px;
}
.LPInfoBox{
    float: left;
    width: 50%;
}
.LPInfoContact{
    float: left;
    width: 50%;
}
.LPInfoBox ul{
    list-style: none;
    margin-left: 0;
    padding: 50px 25px 50px 18px;
}
.LPInfoBox ul li strong{
    color: #000;
}
.LPInfoBox ul li{
    position: relative;
    margin-bottom: 10px;
}
.LPInfoBox ul li:after{
    content: '';
    position: absolute;
    left: -18px;
    top: 11px;
    width: 4px;
    height: 5px;
    background-color: #ed2024;
}
.LPInfoContact .FormContentMail{
    position: relative;
    left: unset;
    top: unset;
    float: right;
    margin: 87px 0;
    right: unset;
}
.LPInfoOffer{
    float: left;
    margin: 50px 0 -40px;
    width: 100%;
}
.LPInfoMapTitle{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.LPInfoMapTitle h2{
    font-size: 3.6rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.FooterBoxMenu{
    float: left;
    margin: 50px 0;
}
.FooterBoxMenu ul{
    padding: 0 50px 0 20px;
    margin: 0;
    list-style: none;
}
.FooterBoxMenu ul li a{
    color: #000;
    font-size: 1.3rem;
}
.FooterBoxMenu ul li a:hover{
    color: #ed2024;
}
.FooterBoxMenu ul li:before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #ed2024;
    display: inline-block;
    margin: 0 13px 1px -20px;
    border-radius: 5px;
}
.ConnectionsMapContainer h1{
    font-size: 3rem;
    font-weight: 600;
    font-family: 'Raleway', serif;
    color: #000;
    margin: 13px 0 0px;
    position: relative;
    padding-bottom: 0px;
}
.ConnectionsMapTypes{
    float: left;
    border-top: 1px solid #aaa;
    width: 55%;
    margin: 18px 0 15px;
}
.ConnectionsMapTypes a{
    float: left;
    margin: 12px 25px 5px 0;
    color: #000;
    cursor: pointer;
}
.ConnectionsMapTypes .hoverConnection, .ConnectionsMapTypes a:hover{
    color: #ed2024 !important;
}
.hoverConnection{
    display: inline-block;
}

@keyframes activated {
    0%   {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes activated {
    0%   {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.activated{
    visibility: visible;
    -webkit-animation-name: activated; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: activated;
    animation-duration: 0.5s;
}

@keyframes activated_x {
    0% {
        opacity: 0;
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        visibility: hidden;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        visibility: visible;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
@-webkit-keyframes activated_x {
    0% {
        opacity: 0;
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        visibility: hidden;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        visibility: visible;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
.activated_x{
    visibility: visible;
    -webkit-animation-name: activated; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: activated_x;
    animation-duration: 0.5s;
}
@keyframes activated_left {
    0%   {
        opacity: 0;
        transform: translate(-50px,0)
    }
    100% {
        opacity: 1;
        transform: translate(0px,0)
    }
}
@-webkit-keyframes activated_left {
    0%   {
        opacity: 0;
        transform: translate(-50px,0)
    }
    100% {
        opacity: 1;
        transform: translate(0px,0)
    }
}
.activated_left{
    visibility: visible;
    -webkit-animation-name: activated_left; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: activated_left;
    animation-duration: 0.5s;
}
@keyframes activated_right {
    0%   {
        opacity: 0;
        transform: translate(50px,0)
    }
    100% {
        opacity: 1;
        transform: translate(0px,0)
    }
}
@-webkit-keyframes activated_right {
    0%   {
        opacity: 0;
        transform: translate(50px,0)
    }
    100% {
        opacity: 1;
        transform: translate(0px,0)
    }
}
.activated_right{
    visibility: visible;
    -webkit-animation-name: activated_right; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: activated_right;
    animation-duration: 0.5s;
}
.HeaderAssessmentMessage {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: -40px 0 20px;
    text-align: center;
    color: #ed2024;
    line-height: 150%;
    font-size: 1.4rem;
}
.FormOrder{
    float: left;
    width: 100%;
}
.FormOrderText{
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.FormOrder h1{
    font-weight: 600;
    margin-bottom: 0px;
    text-align: center;
}
.FormOrder p{
    text-align: center;
}
.FormOrderNavi{
    float: left;
    width: 100%;
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}
.FormOrderNavi:before{
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ccc;
    height: 1px;
    top: 50%;
    left: 0;
}
.FormOrderNaviBox{
    position: absolute;
    top: 0;
    background-color: #fff;
    padding: 0 10px;
}
.FormOrderNaviBoxNr{
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: table-cell;
    text-align: center;
    font-size: 1.5rem;
    vertical-align: middle;
    font-family: Arial;
    font-weight: 600;
}
.FormOrderNaviBoxActived{
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.FormOrderNaviBoxCurrent{
    background-color: #ed2024;
    color: #fff;
    border-color: #ed2024;
}
.FormOrderNaviBox[data-nr="1"]{
    left: 0;
    padding-left: 0;
}
.FormOrderNaviBox[data-nr="2"]{
    left: 50%;
    transform: translate(-50%, 0);
}
.FormOrderNaviBox[data-nr="3"]{
    right: 0;
    padding-right: 0;
}
.InputBox{
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    float: left;
    border: 1px solid #ccc;
    margin-right: 20px;
    margin-bottom: 20px;
}
.InputBox input{
    margin-bottom: 0;
    border-radius: 5px;
    position: relative;
    background: transparent;
    width: calc(100%);
    float: left;
    color: #ed2024;
    border: 0;
    padding: 10px 15px 6px;
}
.InputBox select{
    margin-bottom: 0;
    border-radius: 5px;
    position: relative;
    background: transparent;
    width: 100%;
    float: left;
    background: transparent;
    color: #ed2024 !important;
    border: 0;
    padding: 10px 15px 6px;
    min-height: 41px;
}
.InputBox textarea{
    margin: 0;
    border-radius: 5px;
    float: left;
    min-height: 70px;
    border: 0;
    padding: 10px 15px 6px;
}
.InputBox input[type=date]{
    color: transparent;
}
.InputBox input:focus, .InputBox textarea:focus{
    border-color: transparent;
    border-bottom: 0;
}
.InputBox label{
    position: absolute !important;
    top: 10px;
    left: 15px;
    transition-duration: .2s;
    color: #777;
    z-index: 0;
    font-size: 1.3rem;
}
.InputFilled label{
    top: -14px;
    left: 8px;
    padding: 0 5px;
    font-size: 1.2rem;
    color: #777;
    z-index: 1;
    margin-right: 0 !important;
    background-color: #fff;
}
.InputFilled input[type=date]{
    color: #ed2024 !important;
}
.Inputfocus label{
    color: #ed2024 !important;
}
.Inputfocus input{
    color: #000 !important;
}
.InputBoxValidationMessage{
    color: red !important;
    display: none;
}
.unit{
    float: right;
    width: 30px;
    text-align: center;
    padding: 9px 10px 0 0;
    font-size: 1.4rem;
}
.InputBoxPackageType{
    width: 180px;
}
.InputBoxAmount{
    width: 100px;
}
.InputBoxAmount input{
    width: calc(100% - 40px);
    padding-right: 10px;
}
.InputBoxGoods{
    width: calc(100% - 326px);
    margin-right: 0;
}
.InputBoxWeight{
    width: 200px;
}
.InputBoxWeight input{
    width: calc(100% - 40px);
    padding-right: 10px;
}
.InputBoxLength{
    width: 200px;
}
.InputBoxLength input{
    width: calc(100% - 40px);
    padding-right: 10px;
}
.InputBoxWidth{
    width: 200px;
}
.InputBoxWidth input{
    width: calc(100% - 40px);
    padding-right: 10px;
}
.InputBoxHeight{
    width: 200px;
}
.InputBoxHeight input{
    width: calc(100% - 40px);
    padding-right: 10px;
}
.InputBoxDate{
    width: 200px;
}
.FormOrderNavBtn{
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 21px;
    text-align: center;
    margin-bottom: 30px;
}
.FormOrderNavBtn input{
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-family: "Raleway", sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
}
.PrevOrder{
    background-color: #fff;
    margin-right: 20px;
}
.NextOrder{
    background-color: #ed2024;
    border-color: #ed2024 !important;
    color: #fff;
}
.FormOrderAssessmentMessage {
    float: left;
    width: calc(100% - 40px);
    border: 1px solid #ed2024;
    padding: 10px 20px;
    margin: 0px 0 0px;
    text-align: center;
    color: #ed2024;
    line-height: 150%;
    font-size: 1.4rem;
    border-radius: 5px;
}
.FormOrderAssessmentBoxContainer{
    float: left;
    background-color: #fff;
    border-radius: 5px;
    width: calc(100% - 120px);
    padding: 0px 60px 65px;
}
.FormOrderDataContact {
    width: 800px;
    margin: 0 200px;
    float: left;
}
.InputBoxName{
    width: calc(50% - 12px);
}
.InputBoxSurname{
    width: calc(50% - 12px);
    margin-right: 0;
}
.StartOfferContentList{
    float: left;
    width: 100%;
    overflow: auto;
    margin-bottom: 60px;
    padding-bottom: 20px;
}