*{box-sizing:border-box}
@font-face {
  font-family: "Proximanova";
  font-style: normal;
  font-weight: 400;
  src: local("Proxima Nova Cn Rg"),
       url("/assets/fonts/proximanova.woff") format("woff");
}
body {margin: 0; font-family: "Proximanova", Arial;}
a, .a{color: #0063AF; text-decoration: none; padding-bottom: 2px; cursor: pointer;}
a:hover, .a:hover {text-decoration: none; color: #0590E5; border-bottom: 1px dashed #0590E5;}
a:hover img {border: 0;}
input, select {font-size: 110%; margin-bottom: 8px; font-family: "Proximanova", Tahoma;}
main {
    font-family: "Proximanova", Tahoma;
    font-size: 120%;
    margin: 8em 0;
}
.wrapper {max-width: 1200px; margin: 0 auto; padding: 0 1em;}
/*HEADER*/
.menubutton {position: fixed; right: 8px; top: 8px; color: #0063AF; cursor: pointer; z-index: 120; font-size: 200%;}
.header {position: fixed; width: 100%; background: white; z-index: 100; top: 0; padding: 0 1em;}
.top {display: flex; padding: 2em 0 1em 0;}
.top a{text-decoration: none;}
.top div {margin: auto;}
.logo {width: 240px;}
.logo img {width: 100%; height: auto;}
.cabinet {width: 120px; text-align: center; color: #0063AF;}
.cabinet .smalli{cursor: pointer; color: #0063AF;}
.menubox {width: calc(100% - 360px);}
/*FACE*/
.copp_face{width: 100%; height: 60vh; text-align: center; background: url('/img/copp/main_bg.jpg'); background-size:cover; background-position: center; margin:-1.2em 0 1em 0; display: flex; background-attachment: fixed; font-size: 1.6em; font-weight: bold; color: #556D7C; padding: 0 1em;}
.logo_face{width: 360px;}
.slogan {margin: 1.5em 0; padding-top: 1em; border-top: 6px solid #999; text-transform: uppercase;}
@media screen and (max-width: 480px) {
    .logo {width: 180px;}
    .logo_face{width: 320px;}
    .copp_face {font-size: 1.2em;}
    h1{font-size: 80%;}
}
/*INNER*/
.copp_inner{width: 100%; min-height: 25vh; text-align: center; background: url('/img/copp/main_bg.jpg'); background-size:cover; background-position: center; margin:0 0 1em 0; display: flex; background-attachment: fixed;  font-weight: bold; color: #556D7C; padding: 0 1em;}
.copp_title{margin: 1.5em 0;  text-transform: uppercase;}
/*MAIN*/
.main {margin-top: 3em; padding: 0 1em;}
.ornament{margin-bottom: -5px; z-index: 10; position: relative;}

/*FOOTER*/
#footer {background: #003974; color: #cceeFF; font-size: 150%; position: relative;}
#footer .wrapper {margin: 0 auto; padding: 0rem 1rem 0 1rem;}
@media screen and (max-width: 1000px) {
    #footer {font-size: 120%;} 
}
#footer a {color: white; text-decoration: none;}
#footer a:hover {color: #99CCFF;}
#footer h2 {text-transform: uppercase; color: white;}
#footer .icons {padding: 1em 0;text-align: center;}
#footer ul.icons {cursor: default; list-style: outside none none; padding-left: 0;}
#footer ul.icons li {display: inline-block;padding: 0 1em 0 0;}
#footer ul.icons li .icon::before {font-size: 2em;}
.icon::before {font-family: FontAwesome;font-style: normal; font-weight: normal;text-transform: none;}
#footer .icon.round {background: rgba(255, 255, 255, 0.15); border-radius: 100%; color: #fff; display: block; height: 6rem; line-height: 6rem; width: 6rem;}
#footer .icon {  border-bottom: medium none;  position: relative;text-decoration: none;}
#footer .icon > .label {display: none;}
.mainphone {text-align: center; font-size: 120%; margin: 1em 0;}
.innerlinks {font-size: 80%; background-color: #1D4068;}
.innerlinks .img-50 {padding-bottom: 3em;}
.innerlinks .img-50 div {border-right: 1px dotted #DDD;}
.innerlinks .img-50 div:nth-child(2n) {padding-left: 2em; border-right: 0;}
@media screen and (max-width: 900px) {
 .innerlinks .img-50 div {border:0; padding-left: 0;}
 .innerlinks .img-50 div:nth-child(2n) {padding-left: 0;}
 h1{font-size: 100%;}
}
.copyright {background: #333;  color: rgba(255, 255, 255, 0.5);font-size: 1rem; margin: 0;padding: 3rem 0 6rem 0; text-align: center;}
@media screen and (max-width: 400px) {
    #footer ul.icons li .icon::before {font-size: 1em;}
    #footer .icon.round {height: 3rem; line-height: 3rem; width: 3rem;}
}
@media screen and (max-width: 640px) {
#footer .right {text-align:left} 
.mainphone {text-align: center; font-size: 120%; margin: 1em 0;}
}
/*кабинет*/
.personal_menu{display: flex; margin: 1em 0 2em 0;}
.personal_menu_title {text-align: center; font-weight: bold; color: #555; position: relative; padding: 4px; border: 1px dotted #CCC;}
.employer_menu_title {text-align: center; font-weight: bold; color: #555; position: relative; padding: 4px; border: 1px dotted #CCC; display: flex;}
.personal_menu_title div{display: none; position: absolute; left: 0; top: 1.6em; background: white; z-index: 100; padding: 6px; font-weight: normal; width: 100%; text-align: left;}
.personal_menu_title div a {padding-bottom: 2px; margin: 8px 0; border-bottom: 1px dotted gray; display: block;}
.personal_menu_title:hover div {display: block;}
.employer_menu_title p {margin: auto; text-align: center;}
/* страница компании*/
.company_text img{width: 100%; height: auto;}