h3{text-align: center; padding:8px 0; border-bottom: 1px dashed #344d65; border-top: 1px dashed #344d65; font-family: 'Roboto Slab', sans-serif; margin: 1em 0;}
h4 {margin: 1rem 0; color: #666666;}
main p{text-align: justify; font-family: "Proximanova", Arial;}
section img{max-width: 100%;}
/*разные стили*/
.smi-1 {margin-bottom: 8px;}
.smalli{font-size: 0.7em; font-weight: bold; color: #344d65;}
.accent{background-color: rgba(44, 66, 87, 0.95); color: white; margin: 0; font-size: 1.2em; padding: 24px 0 48px 0; box-shadow: 7px 7px 5px 0px rgba(100, 100, 100, 0.85);}
.accent a, .accent h2{color: yellow;}
.right{text-align: right;}
.centr {text-align: center;}
.floatleft{float:left; margin:0 1em 1em 1em;}
.round {border-radius:100%}
.blue-copp161{color:#0063AF;}

.cover {background-size:cover;}
.hidden {display: none;}
.bold {font-weight: bold;}
.s120 {font-size: 120%;}

/*сервисы*/
.services h3 {margin-bottom: 1em;}
.services p{text-align: left;}
.services .flexnews {margin-bottom: 4px; margin-top: 0; background-color: #eaebef; text-align: center;}
.services .flexnews p{ text-align: center;}
.services .flexnews:hover .service-item, #service-box .flexnews:hover  {background-color: #394959;}
@media screen and (max-width: 1400px) {
     .services .flexnews {font-size: 0.8em;}
     
   }
.main-bottom {margin-top: 6em; padding-top: 1em; border-top: 1px dashed #344d65; text-align: center;}
.autorize {padding: 1em; text-align: right;}
.constructor_link {width: 100%; padding: 1em; margin-bottom: 2em; border: 1px dashed #344d65; display: flex; background: #f6f6f5; font-size: 1.5em;}
.constructor_link:hover {background: #e9ecf7;}
.constructor_link img {margin: auto 0;}
.constructor_link a {margin: auto 0 auto 1em;}
.formbutton{ padding: 0.4em; margin: 1em 0; border: 1px solid #344d65; display: flex; background: #f6f6f5; font-weight: bold; cursor: pointer;}
.formbutton:hover {color: white; background: #00334E;}
/*borders*/
.border1 {border: 1px solid #CCC;}
.border-b {margin-bottom: 2em; padding-bottom: 2em; border-bottom: 2px solid #CCC;}
/*отступы*/
.padding2l{padding-left: 2em;}
.margin05 {margin: 0.5em 0;}
.margin2 {margin: 2em 0;}
.bottom2{margin: 0 0 2em 0;}
.padding-left2 {padding-left: 2em;}
.padding-right2 {padding-right: 2em;}
.padding8 {padding: 8px;}
.w100 {width: 100%;}


/*профориентация*/
#profitem {margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px dashed #CCC;}

/*компетенции*/
.competence_open {cursor: pointer; font-weight: normal; font-size: 1.2em; background: #666; color: #DDD; padding: 10px 15px; text-align: left; border-bottom: 1px solid #CCC;}

/*опросы*/
.votum-title{text-align: center; padding:8px 0; border-bottom: 1px dashed #344d65; border-top: 1px dashed #344d65; font-family: 'Roboto Slab', sans-serif; margin: 1em 0; font-size: 1.6em;}
.votum-item-box {margin-bottom: 2px;}
.votum-item-box label, .votum-item-box input[type="radio"] + label {padding: 0.5em; font-size: 1.2em;}
.votum-item-box .form-control::placeholder {color: #FF5959;}
.votum-submit input {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
display: inline-block;
padding: 8px 20px;
color: #535ba0;
border: 2px solid #535ba0;
transition: all 0.5s;}

.votum-submit input:hover{
    color: #fff;
background-color: rgba(83,91,160,1);
}
.votum-result-box{padding: 0.5em; font-size: 1.2em; background: #EEEEEE; display: flex; width: 100%; margin: 0.2em 0; flex-flow: row wrap; color: #00334E;}
.votum-item{width: calc(100% - 90px);}
.votum-result{width:90px}
.votum-owner-result{font-weight: bolder;}
.votum-diagram{width: 100%; margin: 0.6em 0 0.2em 0; height: 2px;}
.votum-line {border-bottom: 3px dotted #00334E; height: 1px;}
.poll_text {margin-bottom: 1em; text-align: justify;}
/*кнопки света*/
.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
}

/* Green */
.success {
  border-color: #003399;
   color: darkblue
}

.success:hover {
  background-color: #003399;
  color: white;
}

/* Blue */
.info {
  border-color: #003399;
  color: darkblue
}

.info:hover {
  background: #003399;
  color: white;
}

/* Orange */
.warning {
  border-color: #003399;
   color: darkblue
}

.warning:hover {
  background: #003399;
  color: white;
}

/* Red */
.danger {
  border-color: #003399;
   color: darkblue
}

.danger:hover {
  background: #003399;
  color: white;
}

/* Gray */
.default {
  border-color: #003399;
   color: darkblue
}

.default:hover {
  background: #003399;
  color: white;
}

/*Света Конфета*/

.column {
  float: left;
  margin-bottom: 16px;
  padding: 0 8px;
  width: 33.3%;  
}

@media screen and (max-width: 650px) {
  .card {
    width: 100%;
    display: block;
  }
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.container {
  padding: 0.6em 15px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  width: 160px;
  height: 80px;
}
.button {
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 8;
  color: #003399;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 400px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}