html{margin: 0px; padding: 0px; font-family: 'Noto Sans', sans-serif; color: #333333; }
.view{margin: 50px auto 350px;}
.tFont, .name_imaSMI{ font-family: 'Cinzel', serif;}
.color1{color: #005dbc;}
.color1bg{ background-color: #005dbc;}
.color2{color: #e7322f;}
.color2bg{background-color: #e7322f;}
.color3{color: #ffd700;}
.color3bg{background-color: #ffd700;}
.color4{color: #ffffff;}
.color4bg{background-color: #ffffff;}
.color5{color: #000000;}
.color5bg{background-color: #000000;}
.list{width: 70%; margin: 50px auto 120px;}
.blanket{ margin: 0 auto; display: block; position: relative;}
.blanketBGR{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffffff; opacity: 0.4;}
.blanketContainer{position: relative; z-index: 1;}
.button{ padding: 8px 28px; border-radius: 20px; cursor: pointer; transition: 0.3s; display: inline-block; text-decoration: none; border: none; outline: none;}
.button:hover, #contacts .button:hover, .contactButton .button:hover{ background-color: #005dbc;}
.contactButton .button{background-color: #e7322f; color: #ffffff;}
.textLine{ height: 3px; width: 60px; border-radius: 2px; margin: 30px auto;}
.credit_system{color: #ffffff; display: inline-block; margin-left: 30px; vertical-align: top; line-height: 40px;}
.name_system{color: #ffd700; text-decoration: none;}

/*header*/
#header a{ text-decoration: none; color: inherit;}
#header .menu a:hover{ color: #ffd700;}
#header .image{ width: 100%; height: 100%; background-size: contain;}
#header #logo{ position: absolute; height: 140px; width: 117px; z-index: 2; top: 21px; left: 20px;}
.menu .mobileIcon{width: 42px; height: 42px;}
.menu .mobileClose{font-size: 40px;}
#firstContact{ text-align: right; font-size: 14px; padding: 3px 0px;}
#firstContact span{  margin: 0px 20px;}
#firstSeparator{ height: 1px;  background-image: linear-gradient(to left, #555, 30%, #fff);}
#menuLine{ text-align: center; position: relative;}
#header #logo3D{ width: 32px; height: 42px; position: absolute; left: 86px; top: 0; z-index: 3;}
#sociaLog{ text-align: right; padding: 20px;}
#sociaLog .logger, .languages{  display: inline-block; margin: 0px 15px 0px 30px; vertical-align: top;}
#sociaLog .logger a{ font-size: 14px; line-height: 16px; display: block;}
.languages a{ font-size: 14px; line-height: 16px;  margin: 0px 3px;}
#sociaLog .social{ display: inline-block; width: 35px; height: 35px; margin: 0px 2px;}

/*menu*/
.menu{display: inline-block; vertical-align: top; margin: 0px; padding: 0px;}
#header .menu li{display: inline-block; position: relative; transition: 0.5s; list-style-type: none;}
#header .menu li a{ padding: 10px 0px; display: block; font-weight: bold; margin: 0 20px;}
.subMenu{ display: none; position: absolute; left: -20px; top: 100%; z-index: 6; padding: 0px; transition: 0.5s;}
.subMenu li{background-color: #005dbc; padding: 0px 20px;}
.subMenu li a{color: #ffffff;}
.menu li:hover > .subMenu, menu li .subMenu:hover{ display: block;}
.subMenu ul{ left: 100%; top: 0px;}

/*footer*/
#footer{position: relative;}
#footer .menu li{display: block;}
#footer .menu li a{color: inherit;}
#containers{ width: 490px; height: 655px; position: absolute; right: 0px; bottom: -20px;}
#containers .image{ width: 100%; height: 100%; background-size: contain; background-position: right;}
#mainFoot{width: 100%; height: 260px; position: relative;}
#mainFoot #footLogo{ width: 117px; height: 140px; padding: 90px 0px 0px 30px; position: relative; display: inline-block;}
#mainFoot #footLogo .image{ width: 100%; height: 100%;}
#mainFoot #toper{padding: 20px 0px 0px 200px; display: inline-block; vertical-align: top;}
#mainFoot #toper .footExt a{text-decoration: none;}
#mainFoot #toper .footExt{ width: 170px; display: inline-block; vertical-align: top; margin-right: 30px;}
#mainFoot #toper .footExt .footAddress{ height: 95px;}
#mainFoot #toper .footExt a{ font-weight: bold; font-size: 14px;}
#mainFoot #toper .textLine{ width: 100%; margin: 20px 0px; height: 1px;}
#footSoc{ display: inline-block;}
#footSoc .image{ width: 100%; height: 100%;}
#footSoc .logger{  display: inline-block; margin: 0px 15px 0px 30px;}
#footSoc .logger a{ font-size: 14px; line-height: 16px; display: block;}
#footSoc .social{ display: inline-block; width: 35px; height: 35px; margin: 0px 2px;}
#mainFoot #boter{text-align: center;}
#smallFoot{width: 100%; height: 105px; position: relative;}
#smallFoot h2{display: inline-block; margin-right: 50px; width: 500px;}
#smallFoot .blanketContainer{ width: 960px; margin: 0 auto;}

@media only screen and (max-width: 1440px){#mainFoot #toper{padding: 20px 0px 0px 100px;}}
@media only screen and (max-width: 1340px){
    #mainFoot #toper{padding: 20px 0px 0px 30px;}
    #containers{width: 390px; height: 525px;}
}

@media only screen and (max-width: 1180px){
    #containers{width: 290px; height: 400px;}
}

@media only screen and (max-width: 1080px){
    #mainFoot{ height: 380px;}
    #mainFoot #toper #footExtMenu{display: block; width: 100%;}
    #footer .menu li{display: inline-block; margin: 0px 10px;}
    #header .menu li{display: block;}
    #footer #toper{ max-width: 470px;}
    #smallFoot{text-align: center; height: auto;}
    #smallFoot .blanketContainer{ width: 90%;}
    #smallFoot h2{width: 100%; display: block; margin-right: unset;}
}

@media only screen and (max-width: 880px){
    #mainFoot{height: 550px;}
    #mainFoot #toper .footExt{display: block; margin: 0 auto; text-align: center;}
    #mainFoot #footLogo{display: block; float: right; padding: 10px 20px 0px 0px;}
}

@media only screen and (max-width: 690px){
    #mainFoot{height: 700px;}
    .list{ width: 85%;}
    .texter{ padding: 10px;}
    #containers{width: 190px; height: 273px; }
    #mainFoot #toper{padding: unset; margin: 0 auto; display: block;}
    #mainFoot #footLogo{float: none; margin: 0 auto; padding: 20px 0px; width: 90px; height: 110px;}
    #boter{text-align: center; margin-top: 10px;}
    #mainFoot #boter #credit{ margin: 0px;}
    #footSoc{ display: block; text-align: center; float: unset; padding: 0px}
}

@media only screen and (max-width: 530px){
        #mainFoot{height: 1040px;}
        #containers{width: 300px; height: 383px;}
        #firstContact span{  display: none;}
}