#logo img {width:360px;}

.purple {color:#91193C;}
.bgr-gray {background-color:#f4f4f4;}
.bgr-yellow {background-color:#fcf9f3;}
.bgr-darker {background-color:#7D7B77; color:#fcf9f3}
.bgr-purple {background-color:#91193C; color:white;}
.bgr-gray, .bgr-yellow, .brg-darker, .bgr-purple {padding:50px 0}
.k-mask {background-repeat: no-repeat;background-position:  -200px 20px; background-image: url(/web/images/k-mask.svg); background-size: 100% 40em;}
.k-mask-light {background-repeat: no-repeat;background-position: 300px -120px; background-image: url(/web/images/k-mask-light.svg); background-size: 100% 30em;}
.certificate-mask {background-repeat: no-repeat; background-position: 85% 40px; background-image: url(/web/images/certificate-mask-dark.svg); background-size: 230px; }
.certificate-mask>.wrapper {padding-right:300px;}
@media (max-width: 1000px) {.certificate-mask>.wrapper {padding-right:20px;}}

.centered {text-align:center;}
.margin-top {margin-top:35px;}
.margin-bottom {margin-bottom:35px;}
.bigger {font-size:1.2em}
.text .smaller, .text ul.smaller>li {font-size:14px;margin-bottom:0.8em;}

.section-title h2, .section-title .title {font-family: 'robotobold'; margin: 0; font-size: 36px; color: #000; font-weight: normal; text-transform:none;}

.attention {padding-left:50px; background:url(/web/images/attention.svg) top left no-repeat; background-size: 2% 5em;}

/*Обиране на падинг във футъра след скриване на футър менюто*/
.main-footer-content {padding: 0px 0 40px 0;}


.wrapper.price {max-width:600px; padding-right:80px; margin:0 auto; text-align: center; background:url(/web/images/arrow.svg) 100% 28% no-repeat;background-size: 90px;}
.price h2 {margin-right:-40px;}
.price span {font-size:1.6em; font-weight:600; color:#142f93; margin-left:10px;}

/* Профил на кандидат за безплатно обучение */
.candidate-profile {display: flex; margin: 50px 0;}
.candidate-profile div:first-child {width: 33%}
.candidate-profile div:last-child {width: 66%; margin-left:50px;}
.candidate-profile {padding:10px 30px 0; box-shadow: 0 0 0 rgba(204,169,44, 0.4);  background:none;
border: 5px solid; border-image: linear-gradient(160deg, #fcf9f3, #fcf9f3, #fcf9f3) 1; animation: moving-border 8s infinite;}
@keyframes moving-border {
	50% {border-image: linear-gradient(160deg, #fcf9f3, #fcf9f3, #fcf9f3) 1; background:none;} 
	60% {border-image: linear-gradient(160deg, #fcf9f3, #fcf9f3, #91193C) 1; background:#fcf9f3;} 
	70% {border-image: linear-gradient(160deg, #fcf9f3, #91193C, #91193C) 1; background:#fcf9f3; }
	80% {border-image: linear-gradient(160deg, #91193C, #fcf9f3, #fcf9f3) 1; background:none;}
}
.candidate-profile div:first-child p {margin-bottom:25px;}
.candidate-profile h2 {color:#91193C; }
.card p {margin-top:20px; }
@media (max-width: 1000px) {.candidate-profile {flex-direction: column;} .candidate-profile div:first-child, .candidate-profile div:last-child {width: auto; margin-left:0;}}

form fieldset legend {font-size: 30px; font-weight: bold;} 


/* Лента с линкове към видеа и статии на лектор */
.flex-container {clear:both; display: flex; justify-content: center;background:#fcf9f3; font-weight: 600; margin-bottom:30px;}
.flex-container > div {min-width: 300px; margin: 20px 30px 30px;}
@media (max-width: 1000px) {.flex-container {flex-direction: column;}}
.link-articles a, .link-video a, .link-video-light a {width:50px; height: 50px; display:inline-block; margin:0 3px -10px 3px;transition: transform 500ms;}
.link-articles a:hover, .link-video a:hover,.link-video-light a:hover {transform: scale(1.4) rotate(-5deg)}
.link-articles a {background: url(/web/images/statia.svg);}
.link-video a {background: url(/web/images/video.svg);}
.link-video-light a {background: url(/web/images/video-light.svg);}
 
/* Списък с цветни булети */
.text .colored-list {list-style: none; list-style-position: inside;}
.text .colored-list li::before {content: ''; display: inline-block; vertical-align: middle; margin-top: -8px; margin-right: 10px; background-color: #91193C; width: 12px; height: 12px; border-radius: 50%;}
.text ul>li {font-size:18px;break-inside: avoid-column;font-family: 'robotoregular';}

/* Номериран списък за учебния план */
ol.ordered-list {max-width: 800px; margin:0 auto; list-style: none;}
ol.ordered-list li {margin: 0 0 25px 0; counter-increment: my-awesome-counter; position: relative;}
ol.ordered-list li::before {
  content: counter(my-awesome-counter);
  color: white; background: #91193C;
  font-size: 1.2rem; text-align: center;
  position: absolute;
  --size: 35px;
  left: calc(-1 * var(--size) - 20px); top: 0;
  line-height: var(--size);
  width: var(--size); height: var(--size);
  border-radius: 50%; box-shadow: 2px 2px 3px #999;
}

/* Текст изливащ се в две колони */
.cols-2 {-webkit-columns: 2 200px;-moz-columns: 2 200px;columns: 2 200px;
  -webkit-column-gap: 4em;-moz-column-gap: 4em;column-gap: 4em;}
.cols-2 p:first-of-type {margin-top:0;}
.cols-2 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
@media (max-width: 1000px) {.cols-2 {-webkit-columns: 1;-moz-columns: 1;columns: 1;}}

/* Текст фиксиран в две колони */
.column {float: left; width: 50%; padding: 0 20px;}
@media (max-width: 1000px) {.bgr-yellow .column {float: none; width: 100%; padding: 0; border-left:none!important;}}
.bgr-yellow .column:nth-child(2) {border-left:3px solid white;}
.row:after {content: ""; display: table; clear: both;}


/* Фиксове за детайлната страница на преподавател */
.detailpage p {font-size:16px; margin:26px 0; line-height: 26px;}
.detailpage.stick-left .stick-photo {margin: 0 40px 20px 0; width: 400px;}
.detailpage h2 {margin:0px}
.detailpage small {font-weight:600;}


/* Отваряне на видео в модал */
.modal-button {padding: 5px; display: inline-block;}
.modal-button:hover {background:#ccc}
.modal-button img {width:220px; height: 124px;}

.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 1060}
.overlay:target {visibility: visible; opacity: 1;}
/*.popup {margin: 70px auto; padding: 10px 40px 20px; background: #fff; width: 600px; position: relative; transition: all 100ms ease-in-out; box-sizing: content-box;}*/
.popup {margin: 70px auto; padding-right: 40px; width: 600px; position: relative; transition: all 100ms ease-in-out; box-sizing: content-box; z-index: 1070}
/*.popup .close {position: absolute; top: 0px; right: 10px; transition: all 100ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333;}*/
.popup .close {position: absolute; bottom: 300px; right: 0px; transition: all 100ms; font-size: 40px; color:white; font-weight: bold; text-decoration: none; }
.popup .close:hover {color:red;}
.popup h3 {color:white; font-weight: 500}
.popup p {color:white; }
.popup video {margin-top:20px;}
@media screen and (max-width: 700px){
  .popup{padding:40px 0 0}
}

/* Страница "За обучението" */
.online-learning {margin:35px 0}
.online-learning img {width:240px; float:left; margin:0 100px 35px 0;}
@media (max-width:1000px) {.online-learning img {display:none;}}

/* Предстоящи курсове */
.upcoming {clear:both; display: flex; justify-content: center; margin-bottom:80px;}
.upcoming > div {min-width: 460px; margin: 10px; padding:50px;background-color:#f4f4f4;}
@media (max-width: 1000px) {.upcoming {flex-direction: column;}}
.upcoming ul {list-style: none; list-style-position: inside; margin-left:20px;}
.upcoming li::before {content: ''; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 15px; background-color: #91193C; width: 10px; height: 10px; border-radius: 50%;}
.upcoming h2, .upcoming h4, .upcoming p {text-align: center}
.upcoming span {font-size:0.8em; text-transform: lowercase}