/* CSS for the colors of the page */
.sbi_btn_text,.sbi_follow_btn a{
	color:white !important;
}
.searchbutton .fa-search{
	color:#61A6C2 !important;
}
.belowsearch{
	background:#61A6C2;
}
.title_topcourses,.title_categories,.title_videos,.title_teachers,.title_blogs,.title_qualifications,.title_campussen,.title_instagram{
	color:#61A6C2;
	font-size:24px;
	font-weight:bold;
}
.smallbub{
	background: #61A6C2; z-index:9;
}
.sbi_photo{
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
}
#sb_instagram{
	padding:0px 25px;
}
.coursetitle:hover,.campus_city:hover,.blogtitle:hover{
	color:#61A6C2;
	-webkit-transition:ease-out 0.2s;
}
.smallone:hover p,#bigone:hover p{
	color:#C0DBE7;
	-webkit-transition:ease-out 0.2s;
}
.btn1,.btn2,.btn3{
	background:#61A6C2;
}
.btn1,.btn2,.btn3,#btn4,#btn5{
	    border-radius: 10px !important; padding: 8px 40px 8px 40px; font-size: 18px; font-weight: bold;
}
.btn1:hover,.btn2:hover,.btn3:hover{
	background:white !important;
	border:1px solid #61A6C2 !important;
	color:#61A6C2 !important;
}
#btn4,#btn5{
	background:white;
	color:#61A6C2 !important;
	border:1px solid #61A6C2 !important;
}
#btn4:hover,#btn5:hover{
	background:#61A6C2 !important;
	border:1px solid white !important;
	color:white !important;
}
.firstp{
	color:#61A6C2;
}
.videos{
	background:#C0DBE7;
}
.testimonials .fa-quote-left{
	color:white;
}
.fa-quote-right{
	color:#C0DBE7; 
}
.testimonials{
	border-bottom: 2px solid #C0DBE7;
}
.bottompart{
	background:#EFF6F9;
}
.instagram{
	background:#C0DBE7;
}
.select2-results__option:hover,.select2-results__option--highlighted{
	background:#61A6C2 !important;
}
.socials{
	background:#61A6C2; text-align:center; padding:1% 20%; margin:50px 0px -20px 0px !important;
}
.socials .fa{
	color:white;
}
#cms-main{
	margin-bottom:-30px;
}
/* CSS for the searchengine2.php plugin */
#searchMe2{
	position:absolute; top:0;
}
:focus {
    outline: 0 !important;
}
.belowsearch{
	min-height:60px; display:flex; align-items:center; color:white;
}
.cms-page-title {
	display:none;
}
.moto{
	height:100%; text-align:center;
}
.forma .select2-selection{
	height:50px !important; border:0 !important; border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; max-width:650px; border-top-left-radius:5px !important;border-bottom-left-radius:5px !important; padding:12px !important;
}
.forma .select2-selection__arrow{
	display:none;
} 
.select2-search__field{
	min-height:40px;
} 
.select2-container{
	width:100% !important;
}
.input-group-addon{
	background:white;
	border:none;
}
/* CSS for the top_courses.php plugin */
.moto p{
	font-size:20px;
}
.image{
	height:30vh;
}
.image img{
	height:100%; width:100%; object-fit:cover;
}
.checked{
    color:rgb(245, 219, 92);
}
.btndiv{
	text-align:center; margin:20px 0px 20px 0px !important;
}
.smallbub{
	position: absolute;
    border-radius: 50px;
    min-width: 30px;
    min-height: 30px;
    width: 1.5vw;
    height: 1.5vw;
    text-align: center;
    left: 75%;
    margin-top: -15px;
}
.smallbub p{
	font-size:22pt;
	color:white;
    margin-top: -5px;
}
.smallbub:hover{
	cursor:pointer;
}
.pointer{
	top:5%;
	font-weight: bold;
    background: #3A9A47;
    width: 80px;
    position: absolute;
    text-align: center;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, .4);
}
.topcourses{
	padding:3% 8% 0% 8%;
}
.title_topcourses{
	padding:0% 0% 1% 2.3%;
}
.coursecard{
	padding:0% 2.5% 3% 2.5% !important; 
}
.desc1{
    padding: 0px 15px 15px 15px; color: black; font-size: 12px; min-height:81px;
}
.innercont{
  box-shadow: 0 1px 10px 2px rgba(0,0,0,.2); min-height: 427px;
}
.coursetitle{
  font-size:14px; font-weight:bold; color:#000; padding:15px; margin-bottom:0 !important; min-height: 75px;
}
.courseprice{
	font-size:20px; font-weight:bold; color:#000; padding:0px 0px 0px 15px; margin-bottom:0px;
}
.card-rating{
	padding:15px 0px 15px 0px; text-align:center;
}
.fa-star,.fa-star-half-o,.fa-star-o{
	padding:0px 5px 0px 5px;
}
.courselink:hover{
	text-decoration:none;
}
/* CSS for the categories_list2.php plugin */
#bigone{
	height:400px; 
}
#bigone img{
	height:100%; width:100%; object-fit:cover;
}
#smallcol,#smallcol2{
	padding:0 !important;
}
#smallcol2,#smallcol3{
	margin-top:20px;
}
.smallone{
	height:190px;  
}
.smallone img{
	width:100%; height:100%; object-fit:cover; 
}
.bigpicp,.smallpicp{
	background:rgba(0,0,0,0.4); text-align: center;  color: white;  position: relative; font-weight:bold;
}
.bigpicp{
    font-size: 22px; padding:16px; bottom: 57px; height:57px;
}
.smallpicp{
    font-size: 16px; padding:15px; bottom: 50px; height:50px;
}
.thematic img{
	box-shadow:0 1px 10px 2px rgba(0,0,0,.2);
}
.categorydiv:hover{
	cursor:pointer;
}
.thematic{
	padding:1% 10% 1% 10%; 
}
.title_categories{
	padding:1% 0% 1% 0%; 
}
/* CSS for the advantages.php plugin */
.advantages{
		padding:2% 10% 0% 10% !important;
}
.badges{
	padding:0 !important; text-align:center;
}
.text{
	margin-top:20px;
}
.secondp{
    margin-top:10px; font-size:14px;
    margin:0% 15% 0% 15%;
    min-height:200px;
    color:black;
}
.firstp{
	font-size:24px;
}
.badgeimage img{
	border-radius: 100px;
    width: 180px;
    height: 180px;
    object-fit: cover;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
}
/* CSS for the home_videos.php plugin */
.videos{
	padding:3% 10% 1% 10% !important; 
}
/* CSS for the testimonials.php plugin */
.testimonial p{
	font-size:16px; font-style:italic;
}
.name p, .name .rating{
	margin-bottom:0px !important;
}
.name{
	margin-top: 10px;
    margin-left: -25px;
}
.testimg img{
	border-radius: 50px;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
.testimg{
	min-width:100px;
}
.testimonials .fa-quote-left{
	position: absolute; top: -50px;
}
.fa-quote-right{	
	float: right; margin-right: 9vw; margin-top: -15px;
}
/* CSS for the our_teachers.php plugin */
.dozent img{
	width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 100px;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
}
.dozenttext{
	padding-top:20px;
	color:black;
}
.dozenttext a{
	color:#61A6C2 !important;
}
/* CSS for the recent_blogposts.php plugin */
.innerblog{
	box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
}
.blogcard img{
	width:100%; height:36vh; object-fit:cover;
}
.blogtitle{
	padding: 10px; font-size: 14px; font-weight: bold; text-align: left; color: #36454f; min-height:62px;
}
/* CSS for the our_qualifications.php plugin */
.certificate{
	text-align:center;
}
.certificate img{
	width:200px;
	height:200px;
	object-fit:contain;
}
/* CSS for the new_campussen.php plugin */
.campussen{
	padding:1% 8% 0% 8%;
}
.cardcol{
	padding: 0% 2% 0% 2%;
}
.bottompart{
	height:300px; box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2); left:5%; padding-bottom:5%; z-index:-1; 
}
.campuscard{
    padding:2%;
}
.campuscard img{
	width:100%; height:300px; object-fit:cover; box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2); margin-top:-220px;
}
.campus_city{
	padding: 20px 0px 20px 30px; font-size: 15px; font-weight: bold; text-align: left; color:black; position:absolute;
}
.campuscard a{
	margin-left:30px; position:absolute; text-decoration:none;
}
figure.snip1166 {
  font-family: 'Raleway', Arial, sans-serif; color: #fff; position: relative; float: left; margin: 10px 1.5%; min-width: 210px; max-width: 100%; max-height: 280px; width: 100%; background: #ffffff !important; color: #000000; text-align: left; font-weight:bold;
}
figure.snip1166 * { 
  -webkit-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;
}
figure.snip1166 img {
  opacity: 1; width: 100%; vertical-align: top; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; height:280px; object-fit:cover; box-shadow:0 1px 10px 2px rgba(0,0,0,.2);
}
figure.snip1166 figcaption {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
}
figure.snip1166 figcaption > div {
  height: 70%; overflow: hidden; width: 100%; position: absolute; bottom: 0;
}
figure.snip1166 h3, figure.snip1166 p {
  margin: 0; position: absolute; right: 0;
}
figure.snip1166 h3 {
  padding: 0 30px 0 15px; color: #ffffff !important; background-color: #61A6C2; display: inline-block; font-weight: 400; line-height: 40px; text-transform: uppercase; top: 75%; right: 0; left: 30px; z-index: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
figure.snip1166 h3 span {
  font-weight: 400;
}
figure.snip1166 h3:after, figure.snip1166 h3:before {
  border-style: solid; content: ''; position: absolute; left: 100%;
}
figure.snip1166 h3:after {
  border-width: 40px 0 0 12px; border-color: transparent transparent transparent #61A6C2; top: 0;
}
figure.snip1166 h3:before {
  border-width: 12px 12px 0 0; border-color: #61A6C2 transparent transparent transparent; top: 100%;
}
figure.snip1166 p {
  height:50px !important; padding: 8px 5px 8px 35px; opacity: 0; font-size: 0.9em; font-weight: 800; left: 0; -webkit-transform: translate3d(0%, 260%, 0) !important; transform: translate3d(0%, 260%, 0) !important; -webkit-transition-delay: 0s; transition-delay: 0s;
}
figure.snip1166 a {
  left: 0; right: 0; top: 0; bottom: 0; position: absolute;
}
figure.snip1166:hover img, figure.snip1166.hover img {
  opacity: 0.3 !important; -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
figure.snip1166:hover figcaption h3, figure.snip1166.hover figcaption h3 {
  -webkit-transform: translateY(-100%); transform: translateY(-100%);
}
figure.snip1166:hover figcaption p, figure.snip1166.hover figcaption p {
  opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}