/*   



Theme Name: CLC National



Theme URI: 



Description: 



Author: 



Author URI:



Version: 1.0



*/



@charset "utf-8";



/* CSS Document */







/* header */

img{max-width:100%; height:auto}

body{font-family: 'Lora', serif; font-size:15px;}



header{text-align:center; margin-top:20px;}



.logo{display:block;}







a,a:visited,a:hover{color:#ab0534;}



/* global */



.global{border-bottom:1px dashed #a80031; margin-bottom:10px; padding-bottom:6px}



.global ul{list-style:none; padding-left:0; margin-left:0}



.global ul li{ display:inline-block; padding:0;}



.global ul li:first-child{border-right:1px solid red; padding-right: 9px; margin-right:4px; line-height: 1em;}



.global ul li a{font-size:16px; color:#000000}



.global ul li.button a{background:#a80031;color: #fff; padding: 8px 17px; display:inline-block; margin-top:5px}



.global ul li a:hover{text-decoration:none; color:#CCC;}







/* social */











.social{padding:0px; margin-top:0 auto; display: inline-block;}



.social h3{font-size:17px; font-weight:bold; margin: 0 auto; display: inline-block}



.social ul{list-style:none; padding-left:0; display:inline-block}



.social ul li{ display:inline-block; padding:0 0 3px;}















/* navigation */



.navi{background:#a80031;}



.navi .navbar-nav > li > a {



     font-size: 15px; color:#fff; font-family: 'Open Sans', sans-serif;}















/************************* banner ***************************/



.banner{float:left; width:100%; position:relative;}



.banner img{width:100%;}



.bg_text{background-color:rgba(42,92,132,0.80); padding:5px 15px;}






@media(max-width:767px){



	.bg_text{margin-left:-15px; margin-right:-15px}



	



	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{top:10%!important}



	}



.bg_text h1{ color:#fff; margin:0 auto; font-size: 22px; font-weight: bold; line-height: 33px}







ul.nail{list-style:none; padding: 0 ; margin:10px 0;}



ul.nail li{background:url(images/chick.png) no-repeat 2px 8px; padding: 6px 0 0 23px;}



ul.nail li a{color:#ffffff; font-size:15px;}



ul.nail li a:hover{text-decoration:none; color:#CCC;}











.buttn{text-align:center; padding:10px; border-radius:6px; display:inline-block;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfee7+0,e8ebd1+47,d7dcc0+100 */



background: #fdfee7; /* Old browsers */



background: -moz-linear-gradient(top, #fdfee7 0%, #e8ebd1 47%, #d7dcc0 100%); /* FF3.6-15 */



background: -webkit-linear-gradient(top, #fdfee7 0%,#e8ebd1 47%,#d7dcc0 100%); /* Chrome10-25,Safari5.1-6 */



background: linear-gradient(to bottom, #fdfee7 0%,#e8ebd1 47%,#d7dcc0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfee7', endColorstr='#d7dcc0',GradientType=0 ); /* IE6-9 */}



.buttn a{padding:0px; line-height:21px; color:#000000;}



.buttn a:hover{text-decoration:none;}



.buttn span{font-size:20px; font-weight: 500;}







.bg_oreg{background:#ffb428; padding:20px 15px; border-radius:6px; border-bottom:4px solid #e69700;}



@media(min-width:768px){



.bg_oreg .col-sm-4+.col-sm-4{border-left:2px solid #FFF}



.bg_oreg .col-sm-4{min-height:200px}



}



.gride1{text-align:center; margin-bottom: 20px;}



.gride1 img{display:inline-block;}



.gride1 a{color:#000000; font-size:14px; text-decoration:underline; font-style:italic; font-weight:bold;}



.gride1 h4{color:#a80031; font-size:22px; font-weight:bold;}







.gride2{text-align:center; margin-bottom: 20px;}



.gride2 img{display:inline-block;}



.gride2 a{color:#000000; font-size:14px; text-decoration:underline; font-style:italic; font-weight:bold;}



.gride2 h4{color:#a80031; font-size:22px; font-weight:bold;}







.gride3{text-align:center;}



.gride3 img{display:inline-block;;}



.gride3 a{color:#000000; font-size:14px; text-decoration:underline; font-style:italic; font-weight:bold;}



.gride3 h4{color:#a80031; font-size:22px; font-weight:bold;}















.service{margin: 41px 0;} 







/************************* testimonial ***************************/



.testimonial{color:#fff;}











.bg_blue{background:#00386b; border-radius: 9px 9px 0 0; padding: 10px;}



.bg_blue h2{font-size:24px; border-bottom:dashed 1px #FFF; padding-bottom: 14px; margin-left:15px; margin-right:15px}











.pstin ul{list-style:none; padding:0px;}



.pstin ul li{padding:0 4px 0 15px; background:url(images/arro-1.png) no-repeat 1px 7px;}



.pstin ul li a {color: #fff; display: inline-block; padding-left: 13px}



.pstin ul li a:hover{text-decoration:none; color:#ccc;}







.text_right{border:1px solid #bdbcbd; color:#000; margin-top: 25px; border-radius:5px; padding: 15px 10px;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+75,f1f1f1+100 */



background: #ffffff; /* Old browsers */



background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 75%, #f1f1f1 100%); /* FF3.6-15 */



background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 75%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */



background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 75%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */



}



.alphen{border-bottom:1px solid #c9c9c9; padding-bottom: 29px;}



.alphen h1{font-size:24px; font-family: 'Lora', serif; font-weight:bold;}



.alphen p{font-family: 'Lora', serif; font-style:italic;}



.alphen h3{font-size:16px; font-weight:bold;}



.alphen a{color:#ab0534; text-decoration:underline; font-weight:bold; font-size:14px; font-family: 'Lora', serif;}







.news{font-family: 'Lora', serif;}



.news h1{font-size:24px; font-family: 'Lora', serif; font-weight:bold;}



.news h3{font-size:16px; font-weight:bold;}



.news a{color:#ab0534; text-decoration:underline; font-weight:bold; font-size:14px; font-family: 'Lora', serif;}







.discover{font-family: 'Lora', serif; margin:35px 0;}



.discover h3{font-size:16px; font-weight:bold;}



.discover a{color:#ab0534; text-decoration:underline; font-weight:bold; font-size:14px; font-family: 'Lora', serif;}







.donat_img{text-align:center; padding: 5px 0;}







.contact-us-bottom{background:#a80031; border-radius:0 0 9px 9px; text-align:center; padding:10px 9px 7px; font-family: 'Lora', serif;}



.contact-us-bototm p{font-size:16px; font-weight:bold;}



.contact-us-bottom h3{margin: 8px 0 0; padding:0;} 



.contact-us-bottom a{font-size:20px; color:#fff; text-decoration:underline;}



.contact-us-bottom a:hover{text-decoration:none; color:#CCC;}







.vedio-section{display:inline-block; margin-top: 24px;}



.vedio-section p{color:#000; font-size:14px; font-family: 'Lora', serif; padding: 25px 0; text-align:center;}



.vedio-section img{width:100%;}











/*************************footer***************************/



.footer{background:#a80031; float:left; width:100%; padding: 27px 0 23px; margin-top: 29px;}



.footer-nav{}



.footer-nav ul{list-style:none; padding: 0; text-align:center}



.footer-nav ul li{display:inline-block; line-height:15px}
.footer-nav ul li{vertical-align:top}

.footer-nav ul li+li:before{content:"|"; display:inline-block; color:#FFF; vertical-align:top; margin-right:6px}


.footer-nav ul li a{color:#ffffff; font-size:15px; text-decoration:none; font-family: 'Open Sans', sans-serif;}



.footer-nav ul li a:hover{color:#ccc;}







.copyright{padding:0; text-align: center;}



.copyright p{color:#fff; font-size:16px;}







/*************************about-us inner-page***************************/







.select-region select{margin-top: 13px; padding:7px 38px 7px 17px;}



.select-region {margin-top: 13px;}











.about-us-left{float:left; width:100%;margin-top:20px;}



.main-about-us{float:left; width:100%;}



.about-us-bg{background:#ffb428; border-bottom:4px solid #e69700; border-radius:8px;}



.about-us-bg h1{padding:11px 0 11px 25px; margin-bottom:0; font-weight:600; letter-spacing:-1px; color:#000000; font-size:22px;  font-family: 'Open Sans', sans-serif;}
h2{font-size:20px}
h3{font-size:18px}
.about-left{float:left; width:100%;}



.about-us-banner{width:100%;}



.about-us-banner img{width:100%;}







.about-text-left{font-family: 'Lora', serif; float:left; width:100%;}



.about-text-left h3{font-size:15px; color:#000000; font-weight: bold;}



.about-text-left p{font-size:14px; color:#000000;}







.left-box{background:#00386b; border-radius:7px; float:left; width:100%; padding: 11px 15px;color:#fff;}



.left-box ul{list-style:none; padding:0px;}



.left-box ul li{background:url(images/arro-1.png) no-repeat 0 15px;padding:12px 0 0 14px;}



.left-box ul li a{color:#fff; font-size:13px; font-family: 'Lora', serif; padding:12px 0 0 14px; display: inline-block;}



.left-box ul li a:hover{text-decoration:none; color:#ccc;}











.our-histry{font-family: 'Lora', serif; float:left; width:100%;}



.our-histry h3{font-size:15px; color:#000000; font-weight: bold;}



.our-histry p{font-size:14px; color:#000000;}







.register-btn{float:left; width:100%; text-align:center; margin-top: 20px;}



.register-btn a{background:#ffb428; padding: 11px 19px; border-radius:6px; color:#000000; font-weight:bold; font-size:23px; font-family: 'Lora', serif;}



.register-btn a:hover{text-decoration:none; background:#FC3; color:#fff;}























/*************************about-us-right-inner-page***************************/











.right{padding-right:8px}



.about-us-right{float:left; width:100%}



.facebook{float:left; width:100%; border:1px solid #bdbcbd; border-radius:5px; padding: 8px 6px; margin-top: 33px;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+76,ececec+100 */



background: #ffffff; /* Old browsers */



background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 76%, #ececec 100%); /* FF3.6-15 */



background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 76%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */



background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 76%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */



}







.resent-activity{background:#3b5998; text-align:center; overflow-x:auto; width:100%; color:#fff; padding: 12px 18px 3px;}

.resent-activity #simple-facebook-widget{text-align:center!important}

.resent-activity p{font-size:15px; display:inline-block;}



.resent-activity img{float:right; display:inline-block;}







.facebk-1{float:left; width:100%; margin-top:10px; padding: 0 9px;}



.facebk-1 ul{list-style:none; padding:0px;}



.facebk-1 ul li{padding:6px 0 0 44px;}



.facebk-1 ul li a{text-decoration:none; font-weight:bold; color:#3b5998; font-size:13px;}



.facebk-1 ul li a:hover{color:#963;}



.facebk-1 ul li span{font-weight:lighter; font-size:12px; color:#808080;}



li.link-1{background:url(images/img1.jpg) no-repeat 0px 8px; margin-bottom: 7px;}



li.link-2{background:url(images/img2.jpg) no-repeat 0px 8px; margin-bottom: 7px;}



li.link-3{background:url(images/img3.jpg) no-repeat 0px 8px; margin-bottom: 7px;}



li.link-4{background:url(images/img4.jpg) no-repeat 0px 8px; margin-bottom: 7px;}



li.link-5{background:url(images/img5.jpg) no-repeat 0px 8px; margin-bottom: 7px;}







.facebook-plugin{float:left; width:93%; margin-left: 10px border-top:1px solid #c0c0c0; padding-bottom: 6px}



.facebook-plugin a{text-decoration:none; background:url(images/facebk1.jpg) no-repeat left center; color:#787878; font-size:10px; padding-left: 22px}



.facebook-plugin a:hover{color:#006; text-decoration:none;}







/***********upcoming-cource***************/



.upcoming-cource{float:left; width:100%; border:1px solid #bdbcbd; border-radius:5px; padding: 8px 14px; margin-top:27px;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f9ff+0,ffffff+0,fcfcfc+61,f4f4f4+83,e2e2e2+100 */



background: #ffffff; /* Old browsers */



background: -moz-linear-gradient(top, #ffffff 0%, #f0f9ff 0%, #ffffff 0%, #fcfcfc 61%, #f4f4f4 83%, #e2e2e2 100%); /* FF3.6-15 */



background: -webkit-linear-gradient(top, #ffffff 0%,#f0f9ff 0%,#ffffff 0%,#fcfcfc 61%,#f4f4f4 83%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */



background: linear-gradient(to bottom, #ffffff 0%,#f0f9ff 0%,#ffffff 0%,#fcfcfc 61%,#f4f4f4 83%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */}







.news-text{float:left; width:100%; font-family: 'Lora', serif;}



.news-text h1{font-weight:bold; font-size:24px; color:#000000; border-bottom:1px dashed; padding-bottom: 9px;}



.news-text h3{font-size:16px; font-weight:bold;}



.news-text a{color:#ab0534; text-decoration:underline; font-weight:bold; font-size:18px; font-family: 'Lora', serif;}

.news-text ul{list-style:none;
padding:0;
margin:0;}
.news-text ul li{padding:7px 0 7px 15px;}

.donate-now{float:left; width:100%; text-align:center; margin: 13px 0;}



.donate-now img{display:inline-block;}
















/*****************news-letter***********************/



.news-letter{float:left; width:100%; border:1px solid #bdbcbd; border-radius:5px; padding:9px 16px 31px; margin-top:27px;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f9ff+0,ffffff+0,fcfcfc+74,ededed+100 */



background: #ffffff; /* Old browsers */



background: -moz-linear-gradient(top, #ffffff 0%, #f0f9ff 0%, #ffffff 0%, #fcfcfc 74%, #ededed 100%); /* FF3.6-15 */



background: -webkit-linear-gradient(top, #ffffff 0%,#f0f9ff 0%,#ffffff 0%,#fcfcfc 74%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */



background: linear-gradient(to bottom, #ffffff 0%,#f0f9ff 0%,#ffffff 0%,#fcfcfc 74%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}



.join-us{width:100%; font-family: 'Lora', serif;}



.join-us h1{font-weight:bold; font-size:24px; color:#000000; border-bottom:1px dashed; padding-bottom:8px; margin-bottom: 20px;}







.buton {background: #a80031 none repeat scroll 0 0; font-family: "Lora",serif; font-size: 15px; padding: 5px 14px;}















@media(min-width:480px){
.about-us-bg h1{font-size:26px}
h2{font-size:22px}
h3{font-size:20px}	
}





@media(min-width:768px){



/************************header ***************************/	



	.logo{float:left; width:250px}



	.hdr-aside{float:right; text-align:right}



	.bg_text{text-align: center; min-height:100%;}



	ul.nail{text-align:left}



	.bg_text h1{text-align:left;}



	.navi .navbar-nav > li > a {font-size: 13px; padding: 13px 4px;}



/************************* banner ***************************/



.banner{position:relative;}



.bg_text{position:absolute; top:0; right:5%;}



.bg_text h1{font-size:19px; line-height:21px}



.buttn{padding:0 10px; margin-top:6px;}











/************************* .contact-us-bottom  ***************************/







.testimonial .col-sm-8{ border-right: 2px solid;}















.contact-us-bottom p{text-align:left;}



.contact-us-bottom a{font-size: 17px;}



.alphen{margin-top:0px;}



.vedio-section p{text-align:left;}















/************************* footer***************************/









.pstin ul li {background: rgba(0, 0, 0, 0) url("images/arro-1.png") no-repeat scroll 0 2px;}



.pstin ul li a {display: inline-block;  padding-left: 10px;}





.about-us-bg h1{font-size:30px}	

h2{font-size:24px}
h3{font-size:22px}
/************************* footer inner-page***************************/







.facebook{margin-top: 21px;}







.about-text-left p { font-size: 14px; line-height: 25px;}



.left-box ul li a{font-size: 14px; padding: 21px 0 0 14px;}



.left-box ul li{background: rgba(0, 0, 0, 0) url("images/arro-1.png") no-repeat scroll 0 17px;}



.our-histry p{font-size: 14px; line-height: 25px;}



.register-btn{text-align:left;}







.register-btn a{padding:12px 28px;}



.resent-activity{padding: 8px 18px 0;}	



.buton{background: #a80031 none repeat scroll 0 0; font-size: 17px; padding: 8px 26px; font-family: 'Lora', serif;}



.facebook-plugin a{font-size:12px;}







.left-box{margin-top:36px}	




/* Content Slider */
.bg_text{width:36%}
.content-slider{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
ul.nail{margin:5px 0}
.buttn{display:block; margin-left:15px}
.buttn a{font-size:14px}
.buttn span{font-size:17px}
}







@media(min-width:992px){

.logo{width:300px}


.about-us-bg h1{font-size:35px}	
h2{font-size:30px}
h3{font-size:24px}
.bg_text{padding:10px 20px;}



.bg_text{right:10%;}



.bg_text h1 {font-size: 22px; line-height:1.25em;}



.buttn span{line-height:1.5em; font-size: 28px;}



.buttn {margin-top: 22px; padding: 6px 10px;}



.navi .navbar-nav > li > a {font-size: 15px; padding: 13px;}




.text_right{margin-top:0px;}


/************************* .contact-us-bottom  ***************************/



.contact-us-bottom a {



    font-size: 20px;



    font-weight: bold;}



.text_right {padding: 15px 14px;}







/************************* footer***************************/	



.footer-nav ul li {padding:0 3px;}	







.copyright p{font-size:16px;}



/************************* footer inner-page***************************/











.navi .navbar-nav > li > a {padding: 17px 15px;}



.about-text-left p { font-size: 15px; line-height: 25px;}



.about-text-left h3 {font-size: 16px;}



.left-box ul li a{font-size: 14px; padding: 21px 0 0 14px;}



.our-histry p {font-size: 15px}



.our-histry h3 {font-size: 16px}







.news-text h1 {padding-bottom: 10px;}



.donate-now {padding:5px 0;}







.buton{background: #a80031 none repeat scroll 0 0; font-size: 17px; padding: 8px 26px; font-family: 'Lora', serif;}



.footer-nav ul{text-align:left}

.footer-nav ul li a{font-size:15px; text-decoration:none;}





.footer-nav ul li{padding:0px;}
.footer-nav ul li + li:before{margin-right:8px; margin-left:4px}


.copyright p{float:left; margin-top: 29px; font-size:13px;}



.copyright img{float:right;}






}









@media(min-width:1200px){



.bg_text h1 { margin-bottom: 19px;}



.bg_text{right:13%;}

ul.nail{margin-top:4px; margin-top:4px}





	







.buttn span{font-weight: bold;}



ul.nail li{padding: 10px 0 0 23px;}



.bg_text{padding: 25px 21px 35px;}



.buttn{margin-top:20px; padding:12px 28px 5px;}



.navi .navbar-nav > li > a {



    font-size: 15px;



    padding: 14px 15px; color: #fff;}



.bg_text {padding:15px 19px 16px;}







.contact-us-bottom p { line-height:19px;



    font-size: 18px;



    padding: 0 20px;}



	







.text_right {padding: 15px 17px;}



.left-box {margin-top: 17px;}



.register-btn{margin-top: 31px;}







.bg_blue{padding:18px;}



.pstin ul li {background: rgba(0, 0, 0, 0) url("images/arro-1.png") no-repeat scroll 0 6px;}



.register-btn a {padding: 15px 50px;}







.pstin ul li {display:inline-block; font-family: 'Lora', serif;}



.bg_blue h2{font-weight:bold;}







.footer-nav ul li a {font-size: 16px;}



.footer {margin-top: 41px;}	



}


@media(min-width:1300px){



}


/* =WordPress Core



-------------------------------------------------------------- */



.alignnone {



    margin: 5px 20px 20px 0;



}







.aligncenter,



div.aligncenter {



    display: block;



    margin: 5px auto 5px auto;



}







.alignright {



    float:right;



    margin: 5px 0 20px 20px;



}







.alignleft {



    float: left;



    margin: 5px 20px 20px 0;



}







a img.alignright {



    float: right;



    margin: 5px 0 20px 20px;



}







a img.alignnone {



    margin: 5px 20px 20px 0;



}







a img.alignleft {



    float: left;



    margin: 5px 20px 20px 0;



}







a img.aligncenter {



    display: block;



    margin-left: auto;



    margin-right: auto



}



.post{margin-bottom:20px;clear:both;}



.post-title{margin-bottom:5px;}



.post-title a{color:#000;font-size:15pt;text-decoration:none;}



.post-date{margin-bottom:10px;color:#aaa;font-size:10pt;}



.post-date a{color:#aaa;}



.post-content{margin:10px 0px 10px 0px;}



.read-more{text-align: right;



    text-decoration: underline;}



.alphen h1{font-size: 24px;



    font-family: 'Lora', serif;



    font-weight: bold;}



.testimonial_rotator_slide_title{display:none;}



.testimonial_rotator.template-default .testimonial_rotator_author_info{border-left:0px;}



.locations-list h2{font-size: 11pt !important;



    font-weight: bold;



    background: #ab0534;



    padding: 9px 5px;

    color:#fff

}



.locations-list ul{list-style:none;text-align:center;padding:0px;margin:0px;}



.locations-list ul li{margin-bottom:5px;font-size:10pt;padding-bottom:5px;border-bottom:1px dotted #aaa; text-align:left}

.locations-list ul li a{ color:#000 !important}



.course{margin-bottom:10px;padding-bottom:10px;font-size:10pt;}



.thead-inverse th {



    color: #fff;



    background-color: #373a3c;



}



.courseheading{font-size:14pt;font-weight:bold;margin-bottom:5px;}



.course-desc{margin-top:20px;}



pre{background:none;padding:15px;border:none;}



#wpmem_reg fieldset, #wpmem_login fieldset{margin-top:0px !important;}



#wpmem_reg legend, #wpmem_login legend{display:none !important;}



#wpmem_login{



}


@media(min-width:768px){
	#wpmem_login{margin-left: 130px}
}

@media(min-width:992px){
	#wpmem_login{margin-top: 30px;}
}


.buttons{background: #ffb428;



padding: 5px 15px;



border-radius: 6px;



color: #000000;



font-weight: bold;



font-size: 18px;



font-family: 'Lora', serif;



border: none;}



.text{font-weight:normal;}



.link_btn{  

    font-size: 13px;

    padding: 6px -2px;

    font-family: 'Lora', serif;

   

    margin-right: 10px;

    text-decoration: underline;

    font-weight: bold;}

	

	.alert-error{display:none;}





.home-bottom {text-align:center}

.home-bottom .grid1, .home-bottom .grid2{background:#f0f0f0; padding:10px; border-radius:5px}

.home-bottom .grid1 h5, .home-bottom .grid2 h5 {

    font-size: 20px;

    font-weight: bold;

}

.home-bottom .grid1 h6, .home-bottom .grid2 h6 {

    font-size: 14px;

}

.home-bottom .grid1 .btn-default, .home-bottom .grid2 .btn-default {

    background-color: #ab0534;

    border-color: transparent;

    color: #fff !important;

}

.rmrow select{max-width:100%; border:1px solid #eee}



/**********************accordian*****************/

.accordion-body{font-size:16px;}

.accordion-header{font-size:18px;}

.list-doc th{    background: #ffb428;
    border: 2px solid #ccc;
    padding: 7px;}
	
	.list-doc th:first-child{width:70%}
	
	.list-doc td:first-child{width:70%}
	
	.list-doc { border: 2px solid #ccc; margin-top:15px;width:100%;}
	.list-doc td{ border: 2px solid #ccc;}

.check li{position:relative; list-style:none}
.check li:before{content:"\f00c"; position:absolute; left:-20px; top:0; font-family: FontAwesome;}
.btn.btn-default {
    background: #ab0534;
    color: #fff;
    font-size: 15px;
    line-height: 1.7em;
    margin: 20px 10px;
}

.btn.btn-default span {
    font-weight: 700;
} .course_list_drop{     width: 260px;    margin-bottom: 20px;    display: block;}.course_list_drop select{ max-width:100%;}.record_no{ color:#ab0534; }


.responsive-iframe {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; border:none
}


/* Contact Form */
.cf7 .form-control{margin-top:5px; margin-bottom:20px}
.cf7 input[type="submit"]{margin-top:10px}

/* Recaptcha */
#rc-imageselect, .g-recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* About >> Gap */
.gapTB{margin-top:10px; margin-bottom:10px}

@media(max-width:650px){

.about-us-left img.alignleft, .about-us-left img.alignright{float:none!important; margin:10px auto!important; text-align:center!important; display:block!important}	
	
}

@media(max-width:767px){
	
.main-about-us .left.col-md-8, .main-about-us .right.col-md-4, .main-about-us .left.col-sm-8, .main-about-us .right.col-sm-4{padding-left:0; padding-right:0}
	
	
.home-bottom .col-sm-6{margin-top:5px; margin-bottom:5px}
#wpmem_reg label.text, #wpmem_reg label.checkbox, #wpmem_reg label.textarea, #wpmem_reg label.select, #wpmem_login label{display:block!important}
#wpmem_reg .button_div, #wpmem_login .button_div{text-align:left!important}
.main-about-us .container .left.col-sm-8, .main-about-us .container .left.col-sm-4{padding-left:0; padding-right:0}

.ui-tabs .ui-tabs-nav li{font-size:13px!important}
.accordion-header{font-size:15px}
.accordion-body{font-size:13px}


ul.nail li{display:inline-block; width:48%}
.bg_text h1{text-align:center}
.buttn{display:table; margin:0 auto}
.carousel-indicators{display:none}




.gride2{border-top:2px solid #FFF; border-bottom:2px solid #FFF; padding-top:25px; padding-bottom:25px}
.contact-us-bottom h3{margin-bottom:7px}


.gapTB {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}


.main-about-us{float:none}
div.rmfield, div.rminput{float:none!important; margin:0!important; padding:0!important}
}

@media only screen and (min-width:479px) and (max-width:767px){
.logo img{max-width:350px}	

}



@media(min-width:768px){
	
.about-us-left{margin-top:45px}	


.content-slider{font-size:11px}
.bg_text h1{font-size:1.556em}
.buttn a{font-size:1em; display:block; padding-left:10px; padding-right:10px}
.buttn span{font-size:1.389em}
.buttn{display:inline-block}

/* About >> Gap */
.gapTB{margin-top:5px; margin-bottom:5px}
}


@media(max-width:479px){
.accordion-body{ padding:0!important}
#map_canvas{height:250px!important; overflow:auto!important}
}

@media(max-width:991px){
.course-details .thead-inverse{display:none}
.course-details .table tbody tr{ border:1px solid #ccc; padding:10px; display:block; margin-top:10px; margin-bottom:10px}
.common-data{display:block; text-align: left;  width: 100%; border:none!important}
.common-data:before {content: attr(data-title); padding:5px 0;font-size: 14px; font-weight:bold;  display:block}
.course-details .table tbody td.common-data{overflow:hidden}
.course-details .table tbody{display:block}

#demo_wrap{min-height:1px!important}
}

@media only screen and (min-width:400px) and (max-width:991px){
.common-data:before { padding: 5px 30px 15px 10px;  display:inline-block; min-width:150px; float:left}	
}

@media(min-width:992px){
	.course-details .table > tbody > tr > td, .course-details .table > tbody > tr > th, .course-details .table > tfoot > tr > td, .course-details .table > tfoot > tr > th, .course-details .table > thead > tr > td, .course-details .table > thead > tr > th{padding:6px}
	
	.content-slider{font-size:16px}
	ul.nail li a{font-size:1em}
}


@media(min-width:1100px){
.content-slider{font-size:17px}
}

@media(min-width:1200px){
.content-slider{font-size:18px}
ul.nail li{background-position:2px 15px}
.buttn{padding-bottom:12px}
}

@media(min-width:1300px){
.bg_text{width:33%}
.content-slider{font-size:19px}
}

@media(min-width:1500px){
.content-slider{font-size:22px}
.bg_text{padding-left:30px; padding-right:30px}
}

@media(min-width:1700px){
.content-slider{font-size:24px}
}

@media(min-width:1900px){
.content-slider{font-size:26px}
}

@media(max-width:991px){
.course-detail-td .btn.btn-default, .register-course-td .btn.btn-default{margin:0}
}

.list_menu1 ul li{    float: left;
   
    /* color: #fff; */
       margin-right: 7px;
    list-style: none;}

.list_menu1 ul li a{    color: #fff;
    font-size: 15px; padding: 10px;
    background: #000;}

.list_menu1 ul{padding:0; margin:0;}
.list_menu1 ul li:last-child{display:none;}

.list_menu1 ul li.current-menu-item a{ background: #a80031;}

.list_menu1 h1{display:none;}
.list_menu1{ margin-top:25px;}


