﻿/* ========= Global styles ========== */
.heading {
  display: block;
}
.h-two {
  font-size: 24px;
}
.h-three {
  font-size: 20px;
}
.h-four {
  font-size: 16px;
}
/* ======= End Global styles ======= */
body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  justify-content: space-between;
}
.payment-methods-container {
  margin-top: 24px;
  display: grid;
  grid-template-columns: max-content max-content;
}
.payment-methods-container .payment-method {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px;
  border-radius: 4px;
  overflow: hidden;
}
.payment-methods-container .payment-method img {
  width: 100%;
  height: auto;
}
main {
  flex: 1;
}
img:not([src]) {
  visibility: hidden;
}
p,
ul,
ol {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
.content .main-container {
  padding-top: 40px;
}
.bottom-buffer-none {
  margin-bottom: 0;
}
.top-buffer-none {
  margin-top: 0;
}
.top-buffer-xs {
  margin-top: 5px;
}
.bottom-buffer {
  margin-bottom: 10px;
}
.top-buffer {
  margin-top: 10px;
}
.right-buffer {
  margin-right: 10px;
}
.left-buffer {
  margin-left: 10px;
}
.bottom-buffer-lg {
  margin-bottom: 20px;
}
.top-buffer-lg {
  margin-top: 20px;
}
.right-buffer-lg {
  margin-right: 20px;
}
.left-buffer-lg {
  margin-left: 20px;
}
.bottom-buffer-x-lg {
  margin-bottom: 40px;
}
.top-buffer-x-lg {
  margin-top: 40px;
}
.right-buffer-x-lg {
  margin-right: 40px;
}
.left-buffer-x-lg {
  margin-left: 40px;
}
.bolder {
  font-family: "LatoBlack", "Helvetica", "Arial", sans-serif;
}
.lighter {
  font-family: "LatoLight", "Helvetica", "Arial", sans-serif;
}
.regular {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
}
.primary-font {
  font-family: "Montserrat-Medium", "Helvetica", "Arial", sans-serif;
}
.block {
  display: block;
}
strong {
  font-family: "LatoBlack", "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}
.table-holder {
  display: table;
}
.cell {
  display: table-cell;
  vertical-align: middle;
}
.grow {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.grow:hover {
  transform: scale(1.1);
  transition-duration: 0.3s;
  transition-property: transform;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.text-white {
  color: #FFF;
}
label {
  font-size: 18px;
  font-weight: normal;
}
label.sm-label {
  font-size: 16px;
}
label.xs-label {
  font-size: 14px;
}
label.lg-label {
  font-size: 22px;
}
.section-title {
  text-align: center;
  margin-top: 23px;
  margin-bottom: 11.5px;
}
.section-title.bottom-buffer {
  margin-bottom: 10px;
}
.section-title.bottom-buffer-lg {
  margin-bottom: 40px;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title strong.heading {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  font-size: 24px;
  line-height: 1.25em;
}
.section-title h1:before,
.section-title h2:before,
.section-title h3:before,
.section-title h4:before,
.section-title strong.heading:before {
  content: "";
  width: 90%;
  height: 4px;
  position: absolute;
  bottom: -8px;
  left: 5%;
  background-color: #565656;
}
.section-title h4 {
  font-size: 18px;
}
.image-container {
  /*TODO: Add some other styles*/
  padding: 5px 25px;
  color: #FFF;
  background: url("/Content/images/home-page/background-home.jpg");
}
.image-container p {
  color: #FFF;
}
.white-transparent-container {
  padding: 5px 25px;
  background-color: rgba(255, 255, 255, 0.8);
}
.red-container {
  padding: 5px 25px;
  color: #FFF;
  background-color: #234465;
}
.red-container p {
  color: #FFF;
}
.red-transparent-container {
  padding: 5px 25px;
  color: #FFF;
  background-color: rgba(252, 76, 80, 0.8);
}
.grey-container {
  padding: 5px 25px;
  color: #FFF;
  background-color: #919191;
}
.grey-container p {
  color: #FFF;
}
.grey-transparent-container {
  padding: 5px 25px;
  color: #FFF;
  background-color: rgba(86, 86, 86, 0.8);
}
.grey-transparent-container p {
  color: #FFF;
}
.light-grey-container {
  padding: 5px 25px;
  color: #919191;
  background-color: #EBEBEB;
}
.blue-container {
  padding: 5px 25px;
  color: #FFF;
  background-color: #565656;
}
.blue-container a {
  color: #FFB401;
}
.blue-container a:hover {
  color: #FFA000;
}
.blue-container p {
  color: #FFF;
}
.blue-transparent-container {
  padding: 5px 25px;
  color: #FFF;
  background-color: rgba(63, 77, 90, 0.8);
}
.blue-overlay,
.red-overlay {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
}
.red-overlay {
  background: rgba(252, 76, 80, 0.7);
}
.red-overlay a.inversed:hover,
.red-overlay a.inversed:focus,
.red-overlay a.inversed:active {
  color: #FFA000;
}
.blue-overlay {
  background: rgba(63, 77, 90, 0.7);
}
.header-wrapper .apply-button-container {
  margin-left: 20px;
}
.header-wrapper .apply-button-container .apply-btn-wrap {
  height: 64px;
}
.header-wrapper .login-navigation {
  display: flex;
}
.header-wrapper .login-navigation #search-icon-container {
  position: initial;
  display: flex;
  align-items: center;
  z-index: 5;
  margin-right: 5px;
}
.header-wrapper .login-navigation #search-icon-container form {
  display: flex;
  width: 100%;
}
.header-wrapper .login-navigation #search-icon-container form button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.header-wrapper .login-navigation #search-icon-container .header-search-dropdown-link {
  display: flex;
  font-size: 15px;
  color: #FFF;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown {
  position: absolute;
  right: 0;
  left: 0;
  background: #162b40;
  color: #FFF;
  text-align: left;
  z-index: 9999;
  padding: 4px 0;
  display: none;
  opacity: 0;
  height: auto;
  transition: all 0.15s linear;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder {
  display: flex;
  color: #FFF;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap {
  display: flex;
  width: 100%;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap i {
  display: flex;
  align-items: center;
  font-size: 25px;
  padding: 0 5px;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap .search-field {
  display: flex;
  flex: 1;
  background: transparent;
  border: 0px;
  padding: 5px;
  font-family: "Lato", "Arial", "Helvetica", sans-serif;
  font-size: 25px;
  color: #FFF;
  box-shadow: 0 0 0;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap .search-field:-webkit-autofill,
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap .search-field:-webkit-autofill:hover,
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap .search-field:-webkit-autofill:focus,
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .search-wrap .search-field:-webkit-autofill:active {
  -webkit-text-fill-color: #FFF;
  -webkit-box-shadow: 0 0 0px 1000px #919191 inset !important;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder {
  display: flex;
  flex: 1;
  font-family: "Lato", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder .filter-wrap {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder .filter-wrap label {
  border: none;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder input [type=checkbox] + label:before,
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder input[type=checkbox] ~ label:before {
  top: -5px;
  left: 5px;
  color: #FFF;
}
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder label.k-checkbox-label,
.header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder label.checkbox-label {
  color: #FFF;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder {
    flex-direction: column;
  }
  .header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1036px) {
  .header-wrapper .login-navigation {
    display: flex;
    align-items: center;
  }
  .header-wrapper .login-navigation #search-icon-container {
    display: flex;
  }
  .header-wrapper .login-navigation #search-icon-container form {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .header-wrapper .login-navigation #search-icon-container .custom-dropdown {
    overflow: hidden;
  }
  .header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder {
    flex-direction: column;
  }
  .header-wrapper .login-navigation #search-icon-container .custom-dropdown .container-holder .filters-holder .filter-wrap {
    margin-bottom: 5px;
  }
}
.blue-transparent-container h1,
.grey-transparent-container h1,
.red-transparent-container h1,
.grey-container h1,
.blue-container h1,
.red-container h1,
.blue-transparent-container h2,
.grey-transparent-container h2,
.red-transparent-container h2,
.grey-container h2,
.blue-container h2,
.red-container h2,
.blue-transparent-container h3,
.grey-transparent-container h3,
.red-transparent-container h3,
.grey-container h3,
.blue-container h3,
.red-container h3,
.blue-transparent-container h4,
.grey-transparent-container h4,
.red-transparent-container h4,
.grey-container h4,
.blue-container h4,
.red-container h4,
.blue-transparent-container h5,
.grey-transparent-container h5,
.red-transparent-container h5,
.grey-container h5,
.blue-container h5,
.red-container h5,
.blue-transparent-container h6,
.grey-transparent-container h6,
.red-transparent-container h6,
.grey-container h6,
.blue-container h6,
.red-container h6 {
  color: #FFF;
}
.lead-header.image-background {
  padding: 5% 30px;
  width: 100%;
}
@media only screen and (max-width: 1036px) {
  .navbar-toggle {
    margin-bottom: 0;
    margin-top: 2px;
    margin-right: 0;
  }
}
.full-width-image {
  width: 100%;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.video-modal .modal-header {
  padding: 10px 15px 0;
  background: #000000;
}
.video-modal .modal-header.close {
  color: #E0E0E0;
}
.video-modal .modal-title {
  color: #b0b0b0;
}
.field-validation-error {
  color: #234465;
}
.lazy-logo {
  font-size: 14px;
  color: #FFF;
}
#global-logo {
  width: 115px;
  height: 39px;
  margin-left: 3px;
}
#softuni-logo {
  width: 124px;
  margin-left: 13px;
}
/* ======= End Initiatives hover dropdown specific styles ========== */
/* ======= Live button styles ======= */
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
/* ======= End Live button styles ======= */
/* ======= H-tags optimization for SEO styles ======= */
.heading {
  display: block;
}
.heading-margin {
  margin-top: 23px;
  margin-bottom: 11.5px;
}
.h-one {
  font-size: 2.25em;
}
.h-two {
  font-size: 24px;
}
.h-three {
  font-size: 20px;
}
.h-four {
  font-size: 16px;
}
h1.main-heading {
  color: #FFF;
}
h3.lecture-resources-header {
  font-size: 18px;
}
/* Home page slider styles */
.home-header .home-slider .slick-list .slick-track .title-wrap strong.heading {
  color: #565656;
}
.home-header .home-slider .slick-list .slick-track .title-wrap strong.heading span {
  color: #FF4350;
}
form .is-foreign-citizen-of-cpe-age-field {
  display: block;
}