@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	position:relative;
	color:#595959;
	 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}
body.mobile{
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'bebas_neueregular';
	color:#333;
	/* color:#f8931d; */
}
h1{
	border-bottom:1px solid #ccc;
}
p{
	line-height:25px;
}

a:hover{
	text-decoration:none;
}

.fancybox{
	display:block;
	text-align:center;
}
.fancybox img{
	width:100%;
}

.br_right{
	border-right:none;
}

/*	==================================================
	HEADER
	================================================== */
	/*.container{
		background:#fff;
	}*/
	
	.header_wr{
		padding-bottom:30px;
	}
	.header_wr.aboutus{ background:url(../images/color_strip01.jpg) no-repeat left bottom; background-size:100% 33px; }
	.header_wr.abacus{ background:url(../images/color_strip02.jpg) no-repeat left bottom; background-size:100% 33px; }
	.header_wr.program{ background:url(../images/color_strip03.jpg) no-repeat left bottom; background-size:100% 33px; }
	.header_wr.gallery{ background:url(../images/color_strip04.jpg) no-repeat left bottom; background-size:100% 33px; }
	.header_wr.franchise{ background:url(../images/color_strip05.jpg) no-repeat left bottom; background-size:100% 33px; }
	.header_wr.faq{ background:url(../images/color_strip06.jpg) no-repeat left bottom; background-size:100% 33px; }
	.header_wr.contact{ background:url(../images/color_strip07.jpg) no-repeat left bottom; background-size:100% 33px; }
	
	.header{
		position:relative;
		float:left;
		width:100%;
		padding:40px 0 25px 0;
	}
	.logo{
		display:block;
		float:none;
		width:200px;
		height:44px;
		/*margin-right:100px;*/
		background:url(../images/MAS-Abacus.png) no-repeat 0 0;
		text-indent:-1000em;
		margin:0 auto;
	}
	
	.nav_list{
		position:absolute;
		left:0px;
		top:50px;
		width:24px;
		height:24px;
		background:url(../images/nav_list.png) no-repeat 0 0;
	}
	.contact_no{
		position:absolute;
		right:20px;
		top:20px;
		color:#999;
	}
	.contact_no a{
		color:#999;
	}
	
	.main_nav{
		display:block;
		float:none;
		position:fixed;
		left:-100%;
		top:0;
		width:100%;
	}
	
	.main_nav .close {
		position:absolute;
		right:20px;
		top:10px;
		width:24px;
		height:24px;
		background:#666 url(../images/cloce_btn.png) no-repeat 0 0;
	}
	.main_nav ul{
		margin:0;
		padding:0;
		padding-top:40px;
		list-style:none;
		/*background:rgba(173,80,255,0.2);*/
		
		
	}
	.main_nav ul li{
	
	}
	
	.main_nav ul li a{
		display:block;
		color:#333;
		line-height:50px;
		border-bottom:1px solid #ccc;
		padding:0 20px;
		font-weight:bold;
		
		-webkit-transition:all 0.6s;
		-moz-transition:all 0.6s;
		-ms-transition:all 0.6s;
		transition:all 0.6s;
		
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
	}
	.main_nav ul li a:hover,
	.main_nav ul li a.active{
		background:rgba(173,80,255,1);
		color:#fff;
		text-decoration:none;
		
	}
		
	
	
/*	==================================================
	SLIDER
	================================================== */
	.slider img{
		width:100%;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.slider{
		position:relative;
	}
	.owl-prev,
	.owl-next{
		position:absolute;
		width:50px;
		height:50px;
		background:#333;
		top:50%;
		margin-top:-25px;
		text-indent:-1000em;
	}
	.owl-prev{
		left: 10px;
		background:rgba(0,0,0,0.3) url(../images/slider/previous.png) no-repeat 0 0;
		opacity:0.5;
	}
	.owl-next{
		right:10px;
		background:rgba(0,0,0,0.3)  url(../images/slider/next.png) no-repeat 0 0;
		opacity:0.5;
	}
	.owl-prev:hover,
	.owl-next:hover{
		opacity:0.8;
	}
	
	.desktop_item {
		position:relative;
		color:#fff;
	}
	.desktop_item h1{
		position:absolute;
		left:12%;
		top:50%;
		border:none;
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:50px;
	}
	.desktop_item p{
		position:absolute;
		left:12%;
		bottom:30%;
		border-bottom:6px solid rgba(0,0,0,0.5);
		font-size:20px;
		padding-bottom:10px;
		font-weight:normal;
	}
	.desktop_item p.second{ border-color:#f874d9; }
	.desktop_item p.third{ border-color:#f77b25; }
	.desktop_item p.fourth{ border-color:#ffa200; }
	.desktop_item p.fifth{ border-color:#05ca92; }
	
	.dwn_btn{
		 display:block;
		 margin-bottom:15px;
		 text-align:center;
	}
	.dwn_btn:first-child{
		margin-top:58px;
	}
	
	
/*	==================================================
	PAGE CONTENT
	================================================== */
	.page_content{
		background:#ffffff;
	}
	.page_content .container{
		background:#fff;
	}
	.seprator{
		border-top: 5px solid #ccc;
		margin:30px 0;
	}
	.footer{
		width:100%;
		/*background:url(../images/bg_footer_2.jpg) no-repeat 0 0;
		background-size:100% 48px;*/
		background:#ad50ff;
		color:#fff;
		font-size:0.85em;
		padding:10px 0;
	}
	.footer .container{ background:transparent; }
	.footer p{
		margin:0;
	}
	.footer_left{
		text-align:center;
	}
	.footer_right{
		text-align:center;
	}
	
	address p, address .lead{
		padding:0;
		margin:0;
	}
	
	.contactus_form{
		background:#e5e5e5;
		padding:5px;
		margin-top:30px;
	}
	.contactus_form h4{
		margin:-5px;
		margin-bottom:10px;
		padding:0 10px;
		font-family:Arial, Helvetica, sans-serif;
		
		line-height:40px;
		background:url(../images/bg_heading.jpg) repeat-x 0 0;
		color:#fff;
	}
	.contactus_form label{
		display:block;
	}
	.contactus_form input, textarea{
		width:100%;
		height:30px;
		margin-bottom:10px;
		border:1px solid #ccc;
		
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		-ms-border-radius:6px;
		-o-border-radius:6px;
		border-radius:6px;
	}
	.contactus_form textarea{
		height:100px;
	}
	.contactus_form input[type="submit"]{
		width:100px;
		height:auto;
	}
	
	.children img{
		width:100%;
		border:1px solid #ccc;
	}
	.table{
		border-top:5px solid #ccc;
		border-bottom:5px solid #ccc;
		background:#fff;
	}
	
	.well h2{
		margin-top:0;
	}
	/*
	address .heading{
		color:#666;
	} */
	/*.footer{
		width:100%;
		float:left;
		color:#fff;
		font-size:0.85em;
	}
	.footer p{
		padding:0;
		margin:0;
	}
	.footer .footer_left,
	.footer .footer_right{
		float:left;
		height:48px;
		padding:10px;
	}
	.footer .footer_left{ background:#fff200; width:45%; }
	.footer .footer_right{  background:#ad50ff; width:55%; position:relative; text-align:right}
	.footer .footer_right:before{
		content:'';
		position:absolute;
		left:-24px;
		top:0;
		width:24px;
		height:48px;
		background:url(../images/bg_footer.jpg) no-repeat 0 0;
	}*/
@media (min-width: 768px) {
	.br_right{
		border-right:1px solid #ccc;
	}
	.logo{
		float:left;
	}
	.main_nav{
		float:right;
		width:auto;
		margin-top:19px;
		position:relative;
		left:auto;
		top:auto;
		
	}
	.main_nav > ul{
		list-style:none;
		background:none;
		padding:0;
	}
	.main_nav > ul > li{
		float:left;
	}
	.main_nav > ul > li a{
		display:block;
		color:#a864a8;
		border:none;
		padding:0 8px;
		line-height:30px;
		font-size:12px;
	}
	.page_content .container{
		padding:30px 0;
	}
	.fancybox{
		display:inline-block;
		vertical-align:top;
		margin:10px;
		width:21%;
	}
	.footer p{
		margin:0;
	}
	.footer_left{
		text-align:left;
	}
	.footer_right{
		text-align:right;
	}
}
	
@media (min-width: 992px) {
	.main_nav > ul > li a{
		padding:0 13px;
		font-size:16px;
	}
	
	.fancybox{
		width:22%;
	}
	
}

@media (min-width: 1200px) {
	.main_nav > ul > li a{
		padding:0 20px;
	}
}