/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 .mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
.cf:after {
    content:" ";
    display:block;
    clear:both;
}
.course_box_left{
	float: left;
	margin-right: 2%;
	width: 41%;
}
.course_box_right{
	float: left;
	width: 57%;
}
.performance_gray_box{
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}
.performance_gray_box ul{
	padding-left: 20px;
}
.performance_gray_box a{
	color: #444;
	text-decoration: underline;
	font-size: 24px;
}
.performance_gray_box a:hover{
	color: #ff9c28;
}
.head_text{
	font-size: 24px;
	font-weight: bold;
}
.bl_pink{
	border-left: 6px solid #de187a;
	padding-left: 20px;
	margin-bottom: 20px;
}
.pink_band{
	background-image: url("pink_band_bg.png");
    padding: 1% 1% 1% 48px;
    color: #fff;
    font-size: 28px;
    position: relative;
}
.pink_band:before{
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	width: 12px;
	height: 100%;
	background-color: #FFF;
}
.tm-totop-scroller{
	background-color: #DE187A;
	-webkit-border-radius: 40px;
	        border-radius: 40px;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    color: #fff;
}
.tm-totop-scroller:hover{
	color: #FFF;
	opacity: .75;
}
a img:hover{
	opacity: .75;
}

@media screen and (max-width: 600px){
	.course_box_left,.course_box_right{
		float: none;
		width: 100%;
		}
	.course_box_left img,.course_box_right img{
		width: 100%;
		height: auto;
	}
	.pink_band{
		font-size: 20px;
	}
	.frontpage.theme3 .small-items-container .small-item-wrap.column-2 {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
}

}
@media screen and (max-width: 479px){
	#yoo-zoo .width20,#yoo-zoo .width25{
    width: 50%;
    }
}

