@media (min-width: 768px) {
	  .feature {
		height: auto;
	}
}
@media (min-width: 1024px) {
	.feature {
		height: auto;
	}
}

@media (min-width: 1280px) {
	.feature {
        height: 540px;
	}
}


h1.site-header {
    font-size: 3.5rem;
}

h2, .h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
}
h2.block-heading {
    font-family: "Verlag A", "Verlag B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;

}

@media all and (max-width: 414px){
    h1.site-header {
        font-size: 2rem!important;
    }
    .main_bg {
      padding-top: 80px;
    }
}


img.left-banner-shape {
    position: absolute;
    top: -10px;
    width: 240px;
    left: 5%;
}
img.right-banner-shape {
    position: absolute;
    right: 0;
    width: 250px;
    top: 0;
}

@media (max-width:768px){
    img.left-banner-shape, img.right-banner-shape {
        display:none;
    }
}



.hero-showcase {
	position: relative;
}

.hero-showcase.bg-dark {
	background-color: #414042 !important
}

.hero-showcase .image-half {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

@media (min-width: 992px) {
    .hero-showcase .image-half {
    	position: absolute;
    	top: 0;
    	bottom: 0;
    	width: 50%
    }
    .hero-showcase .image-half.left {
    	left: 0
    }
    .hero-showcase .image-half.right {
    	right: 0
    }
}

@media (max-width: 991px) {
.hero-showcase .image-half {
	height: 300px;
	width: 100%;
  }
}


.btn.get-data {
    position: absolute;
    right: 0;
    top: 0;
}

.btn.btn-blue {
    background: #009ABC;
    color: #ffffff;
    padding: .5rem 1.5rem;
    border-radius: 20px;
}
a.btn.btn-white-rounded {
    border-color: #ffffff!important;
    margin-bottom: 15px;
    padding: .5rem 1.5rem;
    border-radius: 20px;
}
.blue-text {
    color:#036E9D;
}



.bg-light {
    background-color: #f5f5f5!important;
}
.bg-blue {
    background: #009ABC;
}

/*=====================================*/
/*   select2   */
/*=====================================*/

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 38px!important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    margin: 8px 0 0 6px!important;
}
 span.select2.select2-container.select2-container--bootstrap {
        margin-right: 40px;
    }
@media(max-width:414px){
    .btn.get-data {    
       right: 20px;
    }
    span.select2.select2-container.select2-container--bootstrap {
        margin-right: 60px;
    }
}




/*shapes*/

span.yellow-box {
    position: absolute;
    width:20%;
    padding-bottom:20%;
    display: block;
    background: #FFCC32;
    transform: rotate(-20deg);
    top: -16%;
    left: -7%;
}
span.vermillion {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
span.vermillion-box {
    position: relative;
    width: 22%;
    padding-bottom: 22%;
    display: block;
    background: #F15F5C;
    top: -16%;
    right: -7%;
    border-radius: 100%;
}
span.vermillion-box {
    position: relative;
    width: 22%;
    padding-bottom: 22%;
    display: block;
    background: #F15F5C;
    right: -89%;
    border-radius: 100%;
    margin-top: -5%;
}

span.vermillion-box:after {
    position: absolute;
    content: "";
    display: block;
    background: #ffffff;
    border-radius: 100%;
    margin-top: -6%;
    width: 60%;
    padding-bottom: 60%;
    left: 20%;
    top: 26%;
    z-index: 1;
}

/*offer data*/

p.number-offer {
    font-size: 4rem;
}

span.course-details-item {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}
span.course-details-item:not(.last):after {
    position: absolute;
    content: "";
    border-right: solid 1px #000000;
    height: 12px;
    right: -10px;
    top: 5px;
}

button.navbar-toggler:after {
    position: absolute;
    content: "in this section";
    font-size: 16px;
    color: #777777;
    left: 75px;
    top: 25px;
}