/*============================================ Start General Classes ============================================*/
body{color:#444;font-size:13px;margin:0;padding:0;line-height:20px;font-family:arial;background:#fff}

a, td, p, span, i, b, strong, input, select, textarea, button{-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in; transition: all .2s ease-in}

a:link,a:active,a:visited{color:#444;text-decoration:none;cursor:pointer!important}
a:hover{color:#444;text-decoration:underline}

a.more{text-decoration:none}
a.more:hover{text-decoration:underline}

ul, ol{width:100%;float:left;padding:0;margin:0;margin:0 0 15px 0;padding:0 0 0 15px}
p, div, form{margin:0px;padding:0px}
img, a img{border:0px}

/*h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:17px}h5{font-size:15px}h6{font-size:12px}*/
h1, h2, h3, h4, h5, h6{font-weight:normal}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{cursor:pointer!important}

h1{margin:0 0 8px 0;padding:0 0 5px 0px}
h2{margin:0 0 8px 0;padding:0 0 5px 0px}
h3{margin:0 0 8px 0;padding:0 0 5px 0px}
h4{margin:0 0 8px 0;padding:0 0 5px 0px}
h5{margin:0 0 8px 0;padding:0 0 5px 0px}
h6{margin:0 0 8px 0;padding:0 0 5px 0px}

h1, h1 a{color:#444}
h2, h2 a{color:#444}
h3, h3 a{color:#444}
h4, h4 a{color:#444}
h5, h5 a{color:#444}
h6, h6 a{color:#444}

input, textarea, select{}
textarea{resize:none}

.imageBorder{border:1px #aaa solid}
.imageBorder8px{border:8px #aaa solid}
.imageLeft{float:left;margin:0px 12px 0px 0px}  
.imageRight{float:right;margin:0px 0px 0px 12px}

.floatL{float:left}
.floatR{float:right}

.clr{clear:both;padding:0!important;margin:0!important}

a.readMoreBut, button, input[type="submit"], input[type="button"]{display:inline-block;padding:10px 26px;margin:0 5px;width:auto;border:0!important;border-radius:20px;font-size:14px;background:#b31b1b;color:#fff;cursor:pointer}
a:hover.readMoreBut, button:hover, input:hover[type="submit"], input:hover[type="button"], .btn-default:focus{text-decoration:none; background:#b31b1b !important;border-color:#b31b1b !important}
a.readMoreBut i{margin:0 10px 0 0}

a.yellowButColor, .yellowButColor{width:auto;border:1px solid #bfac7e;border-radius:20px;color:#2c2c2c;padding:8px 30px;display:inline-block}
a:hover.yellowButColor, .yellowButColor:hover{background:#bfac7e !important;color:#fff !important;text-decoration:none}

a.redButColor, .redButColor{background:#ff6767 !important}
a:hover.redButColor, .redButColor:hover{background:#ff7474 !important;color:#964444 !important}
a.greenButColor, button.greenButColor, input.greenButColor[type="submit"], input.greenButColor[type="button"]{background:#759d8d !important}
a:hover.greenButColor, button:hover.greenButColor, input:hover.greenButColor[type="submit"], input:hover.greenButColor[type="button"]{background:#85b2a0 !important;color:#496258 !important}

hr{border-color:#ddd;margin:20px 0 30px ;width:100%;float:left}

iframe{border-width:0px}

/*============================================ End General Classes ============================================*/

/*-- Start Loading Page --*/
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader{display:none}
.js #loader{display:block; position:absolute; left:100px; top:0}
.se-pre-con{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999; background:url(../images/loading-x.gif) center no-repeat #fff}
/*-- End Loading Page --*/

.container{width:1366px}




/*==================================================================== Start Banner ====================================================================*/
.homeBanner{width:100%;position:relative;text-align:center}
.full-screen{background-size:cover;background-position:center top;background-repeat:no-repeat}
.bannerImg{margin:0;padding:0}
.bannerImg img{background-attachment:initial}
/*==================================================================== End Banner ====================================================================*/



/*==================================================================== Start Footer ====================================================================*/
.footer01{width:100%;padding:0;margin:0;background:#232323;border-top:1px solid #fff;font-size:14px}
.innerFooter01{width:100%;padding:20px 0;border-bottom:1px solid #444}
.innerFooter01 img{float:left}

.innerFooter02{width:100%;padding:25px 0}
.innerFooter02>div{width:23%;float:left;margin:0 2% 0 0;color:#ccc}
.innerFooter02>div strong{width:100%;float:left;margin:0 0 10px;font-size:16px}
.innerFooter02>div a{width:auto;display:table;color:#ccc; margin:0 0 5px 0 }

.innerFooter02 .boxFooter01{width:16%}
.innerFooter02 .boxFooter02{width:31%}
.innerFooter02 .boxFooter03{width:27%}
.innerFooter02 .boxFooter04{width:18%}

.sosialIconsFooter{width:auto;display:inline-block;padding:0;margin:11px 0 0 0}
.sosialIconsFooter ul{width:100%;float:left;margin:0;padding:0;list-style:none}
.sosialIconsFooter ul li{width:32px;float:left;margin:0 0 0 7px;padding:0;display:inline-block}
.sosialIconsFooter>ul>li>a{display:block;text-align:center;font-size:16px;color:#ccc;width:32px;height:32px;line-height:32px;border:1px solid #666;border-radius:50%;}
.sosialIconsFooter>ul>li>a:hover{background:#b31b1b;color:#fff;border:1px solid #b31b1b}

.footer02{width:100%;padding:0;margin:0;background:#171717}
.footer02 a{width:auto;float:right}
.footer02 p{width:auto;float:left;text-align:center;padding:30px 0;color:#dee2e6}



.innerFooter{position:relative;margin:39px 0 0}
/*==================================================================== End Footer ====================================================================*/


/*==================================================================== Start Home Faq ====================================================================*/
.searchAllBox{width:100%;padding:0; margin:0 auto;position:absolute;top:32%;z-index:999999;text-align:center}
.searchAllBox>p{width:100%;float:left;text-align:center;color:#fff;font-size:28px;text-transform:uppercase;padding:25px 0}

.custom-select-program{width:35%;position:relative;margin:0 auto;text-align:left;display:inline-block}
.select-selected{background-color:rgba(255, 255, 255, 1)}

/*style the arrow inside the select element:*/
.select-selected:after{position:absolute;content:"";top:30px;right:20px;width:0; height:0;border: 6px solid transparent;border-color: #aaa transparent transparent transparent}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after{border-color:transparent transparent #aaa transparent;top:15px}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected{color: #888;padding:8px 16px; cursor:pointer}
.select-selected{padding:20px;font-size:17px; border-radius:6px}
/*style items (options):*/
.select-items{position:absolute; background-color:rgba(255, 255, 255, 1); top:95%; left:0; right:0; z-index:99;display:none; border-top:1px solid #ddd;padding:12px 0; border-radius:0 0 3px 3px;height:202px;overflow:auto}
/*hide the items when the select box is closed:*/
.select-items a{width:100%;float:left;padding:12px 20px;color:#666}
.select-items a:hover{text-decoration:none; background-color:rgba(0, 0, 0, 0.08)}
.is-active .select-items{display: block;}
/*==================================================================== End Home Faq ====================================================================*/



.innerBanner{width:100%;position:relative;padding:0;margin:0;overflow:hidden}

.breadcrumbDiv{width:100%;float:left;background:#f1f1f1;padding:0px;margin:0 0 40px}
.breadcrumb{background:none !important; margin-bottom:0 !important; color:#fff !important;padding:12px 0px !important;float:left!important;width:calc(100% - 31px) !important}
.breadcrumbDiv i{float:left;width:auto;font-size:22px;margin:0 10px 0 0;line-height:44px;color:#b1b1b1}

.breadcrumb>li{font-size:13px !important}
.breadcrumb>li+li:before{color:#838383!important;padding:0 8px!important}
.breadcrumb a{color:#707070 !important;font-size:14px}
.breadcrumb>.active{font-weight:bold;font-size:14px;color:#707070}

.innerContent{width:100%;float:left}
.innerContent h1, .loginSection h1{width:100%;float:left;padding:0 15px 15px;margin:0 0 30px;color:#363a3e;font-size:24px;font-weight:bold;border-bottom:1px solid #aaa}

.leftInnerContent{background:#fff}
.leftMenu{width:100%;float:left;background:#505050;padding:30px 0}
.leftMenu ul{width:100%;float:left;list-style:none;margin:0;padding:0 20px}
.leftMenu ul li{width:100%;float:left;border-bottom:1px dotted #808080}
.leftMenu ul li a span:before{content:"\f105";display:inline-block;font:normal normal normal 13px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;margin:0 8px 0 0;color:#909090}
.leftMenu ul li a{width:100%;float:left;padding:15px 18px;color:#fff;font-size:14px}
.leftMenu ul li a:hover{text-decoration:none;background:#606060}
.leftMenu ul li:last-child{border-bottom:0}
.leftMenu ul ul{width:100%;float:left;list-style:none;margin:0;padding:0 10px}
.leftMenu ul li li a{width:100%;float:left;padding:6px 18px;font-size:14px}
.leftMenu ul li li a span:before{content:"\f101";display:inline-block;font:normal normal normal 12px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;margin:0 8px 0 0}

.rightInnerContent{}
.rightInnerContent>div{width:100%;float:left;padding:0 5px}
.rightInnerContent h2, .rightInnerContent h3, .rightInnerContent h4, .rightInnerContent h5, .rightInnerContent h6{width:100%;float:left;margin:0;padding:0 0 10px;font-weight:bold}
.rightInnerContent h2{font-size:24px}
.rightInnerContent h3{font-size:22px}
.rightInnerContent h4{font-size:17px}
.rightInnerContent h5{font-size:16px}
.rightInnerContent h6{font-size:14px}

.rightInnerContent input, .leftInnerContent select, .md-content input, .md-content select{border-radius:0}
.rightInnerContent textarea{resize:none;width:100%;border-radius:0}
.rightInnerContent .btn, .md-content .btn{float:right;padding:8px 30px;background:#dc6231;border:0;font-size:14px;border-radius:0;margin:10px 0 0 10px}
.rightInnerContent .btn:hover, leftInnerContent .md-content .btn:hover{background:#c4572c !important;color:#fff !important;text-decoration:none}

.fqaQu{width:100%;background:#fff;margin:0 0 15px}
.fqaQu h1{width:100%;float:left;background:#e2e2e2;padding:15px 20px;margin:0;color:#565453;font-size:15px;font-weight:normal;border:0}
.fqaQu h1 i{margin:0 10px 0 0}
.fqaQu h1 a{color:#565453}

.blockAll{width:100%;float:left;padding:0;margin:0 0 25px}
.blockAll p{margin:0 0 25px;line-height:19px}
.blockAll ul{margin:0 0 25px;width:100%;float:left;list-style:none}
.blockAll ol{margin:0 0 25px;width:100%;float:left}
.blockAll ul li{margin:0 0 6px}
.blockAll ul li:before{content:"\2022"; font-weight:bold; display:inline-block; width:8px; margin-left:-13px;}
.blockAll ol li ol li{margin:0; list-style:circle; padding:0}
.blockAll p:last-child, .blockAll ul:last-child, .blockAll ol:last-child{margin-bottom:0}
.blockAll h4{width:auto;display:block;float:none}

.blockAll .table-responsive{width:100%;float:left;margin:0 0 25px}
.blockAll .table-responsive table{width:100%;border-top:1px solid; border-left:1px solid;border-bottom:1px solid;border-color:#f00;background:#fff}
.blockAll .table-responsive table td{border-right:1px solid;padding:10px 8px}
.blockAll .table-responsive table td:last-child{}
.blockAll .table-responsive table tr:first-child{border-bottom:1px solid;background:#d5d5d5 !important;color:#000000}
.blockAll .table-responsive table table tr:first-child{text-align:left}
.blockAll .table-responsive table, .blockAll .table-responsive table td, .blockAll .table-responsive table tr:first-child{border-color:#ccc}
.blockAll .table-responsive table tr:nth-child(odd){background:#e8e8e8}

.pagination{float:left!important;display:table;margin:20px auto 0!important;width:auto!important}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color:#b31b1b!important;color:#fff!important;border: 0;}
.pagination>li>a, .pagination>li>span{border-radius: 50%;color:#666!important;font-size:12px;margin:0 2px;background:none;border: 0}
.pagination>li:first-child>a, .pagination>li:last-child>a{border:0;font-size:20px;line-height:25px;padding:0 10px;color:#999!important}
.pagination>li:first-child>a:hover, .pagination>li:last-child>a:hover, .pagination>li:first-child>a:focus, .pagination>li:last-child>a:focus{background:none;}


/*==================================================================== Start Apply ====================================================================*/
.applyInnerBanner{width:auto;padding:25px; margin:0 auto;position:absolute;top:40%;z-index:100;text-align:center;color:#fff;}
.homeBanner .applyInnerBanner{width:100%}
.innerBanner .applyInnerBanner{background:#b20808}

.applyInnerBanner h1{width:100%;float:left;padding:0; margin:0 auto 30px ;text-align:center;color:#fff;font-size:40px;text-transform:uppercase}
.applyInnerBanner>div a{width:auto;display:inline-block;padding:17px 20px; margin:10px 20px ;text-align:center;color:#444;font-size:15px;background:#fff;border-radius:22px;text-decoration:none}
.applyInnerBanner>div a i{width:auto;padding:0; margin:0 0 0 20px ;font-size:17px}
.applyInnerBanner>div a:hover{background:#b31b1b;color:#fff}
.applyInnerBanner p{font-size:40px;width:100%;float:left;margin:0 0 10px;text-transform:uppercase;text-align:left;
line-height:26px}
.applyInnerBanner span{font-size:17px;width:100%;float:left;text-align:left;}

.ApllySteps{width:100%;padding:50px 0 0;text-align:center}
.ApllySteps>div{width:100%;text-align:center;border-top:1px solid #e5e5e5}
.ApllySteps ul{padding:0;margin:-20px auto 0;float:none;width:auto;display:inline-block}
.ApllySteps ul li{float:left;width:70px;list-style:none;padding:0;margin:0 20px}
.ApllySteps ul li a{width:40px;height:40px;line-height:40px;border-radius:50%;background:#e5e5e5;text-align:center;padding:0;margin:0;text-decoration:none;display:inline-block}
.ApllySteps ul li a:hover{background:#d5d5d5}
.ApllySteps ul li.active a{background:#b31b1b;color:#fff}
.ApllySteps ul li p{width:100%;float:left;text-align:center;padding:10px 0}

.mainContent{width:100%;float:left;background:#fff;padding:30px 15px 20px;margin:0;min-height:300px;position:relative}
.mainContent h2{width:100%;float:left;padding:20px 15px 15px;margin:0 0 25px 0;border-bottom:1px solid #b31b1b; color:#444; font-size:17px;background:#eee}
.mainContent>table{width:100%;float:left}

.tab-content{width:100%;float:left;}

.tabs{
	border-bottom: 2px solid #b20808;
	margin:30px 0 0 0;
	list-style:none;
}
.tabs li{
	float: left;
	padding: 10px 15px;
	background: #333;
	margin-left: 3px;
	cursor: pointer;
}

.tabs li.active, .firstAct{
	background: #b20808;
}
.tabs li a{
	color: #FFF;
	font-size:14px;
}

.applyArabicName .form-group:first-child, .applyEnglishName .form-group:first-child{margin:0}

.applyArabicName label{font-size:16px}
.applyArabicName .col-sm-3, .applyArabicName .col-sm-4{float:right}
.applyArabicName .col-sm-3 input, .applyArabicName .col-sm-4 input{text-align:right}

.form-control{height:40px!important;border-radius:0!important}
.form-row{margin:0 0 20px;width:100%;float:left}

label{font-weight:normal}
.form-horizontal .control-label{text-align:left}
.form-control{padding:6px}

.required label:after{content:"*";color:#a94442}
.form-group small{color:#a94442;margin:5px 0 0 0;width:100%;float:left}

.has-error {border-color: #a94442!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;}
.has-error:focus{border-color:#843534!important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483!important}

/*==================================================================== End Apply ====================================================================*/


/*==================================================================== Start Online Payment ====================================================================*/
.onlinePaymentInnerBanner{height:160px;background:#bd0c10}
.onlinePaymentInnerBanner .applyInnerBanner{top:44%}

.onlinePayment{width:100%;margin:40px 0 0}
.onlinePaymentImg img{width:140px;height:140px;border-radius:50%;border:6px solid #ddd;margin:0 auto}
.onlinePaymentPersonalData p{width:100%;float:left;margin:5px 0}
.onlinePayment hr{margin:30px 0}

.onlinePayment .table-responsive{width:100%; float:left}
.onlinePayment thead th{background:#303030;color:#fff;padding:12px!important}
.onlinePayment tbody td{padding:12px!important}
.onlinePayment .payButt{width:auto;padding:5px 25px;background:#bd0c10;color:#fff;display:inline-block;border-radius:4px;text-decoration:none}

.onlinePayment h3{width:100%;float:left}
.onlinePayment .applyNowBut{float:left}

.tableContentInnerBanner{height:160px;background:#bd0c10}
.tableContentInnerBanner .applyInnerBanner{top:44%}

.tableContent{width:100%;margin:20px 0 0}
.tableContentImg img{width:140px;height:140px;border-radius:50%;border:6px solid #ddd;margin:0 auto}
.tableContentPersonalData p{width:100%;float:left;margin:5px 0}
.tableContent hr{margin:30px 0}

.tableContent .table-responsive{width:100%; float:left}
.tableContent thead th{background:#303030;color:#fff;padding:12px!important}
.tableContent tbody td{padding:12px!important}
.tableContent .payButt{width:auto;padding:0;color:#0095ff;display:inline-block;border-radius:4px;}

.tableContent h3{width:100%;float:left}
.tableContent .applyNowBut{float:left}
/*==================================================================== End  Online Payment ====================================================================*/

.modal-content{background:#fff;float:left}
.TermsConditions li{float:left;width:100%;margin:0 0 6px}
.modal-footer{float:left;width:100%}
.modal-dialog .btn:hover{color:#fff}

.fileUpload{position:relative; overflow:hidden; margin-right:10px;float:left}
.fileUpload span{margin:0;padding:0px 30px;background:#aaa;color:#fff;font-size:12px;line-height:32px;border-radius:0px;transition:all .4s ease;border:0;width:auto;float:right;cursor:pointer!important}
.fileUpload input.upload{position:absolute; top:0; left:0px; margin:0; padding:0; font-size:22px; cursor:pointer; opacity:0; filter:alpha(opacity=0);cursor:pointer}
.browseButton{padding:5px!important; background:none!important;border:0!important;padding:8px 0!important}

.onlinePaymentVisaImg a{float:left;width:auto;margin:0 8px}
.onlinePaymentVisaImg a img{height:50px}

.table-striped>tbody>tr:nth-of-type(odd){background-color:#eee}

/* Attach File*/
.js .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.homeCenterBar .homeWritePost .addComment .box{float:left;width:auto;margin:15px 0 0}
.homeCenterBar .fa-paperclip{margin:0!important}
.inputfile-4 + label{width:32px;height:32px;border-radius:50%;background-color:#ddd;display:block;padding:0px;margin:0;text-align:center;line-height:32px;font-size:18px;cursor:pointer; transition:all .4s ease}
.inputfile-4.has-focus + label, .inputfile-4 + label:hover{color:#765810;background:#ffdc1c;border-radius:50%;}
@media screen and (max-width:50em){.inputfile-6 + label strong{display:block}}
/* Attach File*/

/*-- Start Cahnge Icon for radio and checkbox --*/
.checkbox label, .radio label{padding-left:0}
input[type="checkbox"], input[type="radio"]{display:none;margin:0}
input[type="checkbox"] + label, input[type="radio"] + label{margin:0;cursor:pointer;line-height:21px;padding:0 0 0 30px;min-height:21px}

input[type="checkbox"] + label{background:url(../images/check_sheet.png) left top no-repeat}
input[type="radio"] + label{background:url(../images/radio_sheet.png) left top no-repeat}
input[type="checkbox"]:checked + label{background:url(../images/check_sheet.png) left -600px no-repeat}
input[type="radio"]:checked + label{background:url(../images/radio_sheet.png) left -600px no-repeat}
/*-- End Cahnge Icon for radio and checkbox --*/

.printButt{position:absolute;right:23px;top:37px;margin:0!important;padding:8px 30px 8px 25px!important}
.printButt i{margin:0 8px 0 0;font-size:20px}

@media (min-width: 768px){
.modal-dialog {width: 650px!important;}
}

/* Start Popup*/
.modal-content{border-radius:0}
.modal-header{background:#ddd;padding:15px 20px;margin:0}
.modal-header h4{width:auto;float:left;margin:0;padding:0;font-size:20px}

.modal-header .close{margin:-2px 0 0 0; background:#fff !important; padding:0 10px !important; border-radius:50%; line-height: 30px;}
.modal-header .close:focus, .modal-header .close:hover{background:#fff !important}
.modal-body{display:inline-block;padding:25px;width:100%}
.modal-body a{cursor:pointer}
.modal-body .walletRow{float:left;width:100%;padding:14px 0;border-bottom:1px solid #ddd}
.modal-body .walletRow p{font-size:17px;float:left;width:auto;padding:8px 0}
.modal-body .walletBalance .otbSMS{width:100%;background:#eee;padding:10px;margin:8px 0;font-size:13px; border-radius:5px}
.modal-body .walletBalance .otbInput{width:100%}
.modal-body .walletBalance .otbInput input{border:1px solid #ccc}
.modal-body .walletRow button, .modal-body .walletRow a{margin:0;padding:8px 18px;border-radius: 20px;color:#fff}
.modal-body .walletRow .btn-success:hover{background:#4cae4c!important;text-decoration:none}
.modal-body .walletRow .btn-warning:hover{background:#d69a46!important;text-decoration:none}
.modal-body .walletRow .center-block h1, .modal-body .walletRow .center-block p{width: 100%;float: left;text-align: center;}
.modal-body span{width:100%;float:left;text-align:center;font-size:17px;background:#eee;padding:20px;margin:15px 0 0}
.modal-footer{padding:5px 15px}
/* End Popup*/


.bannerNewsPage{margin: 0 0 40px;}


.homeNewsPage h1{position:relative;padding-right:90px}
.homeNewsPage h1 a.applyNowBut{font-size:13px;font-weight: normal;margin:2px 0;background:#b31b1b;position:absolute; right:0; top:0}
.homeNewsPage h1 .newsDate{margin:5px 0 0;font-style:italic}

.main3News{border-bottom:1px solid #ddd}
.main3News .col-xs-12{margin-bottom:40px}
.main3News img{margin-bottom:20px;width: 100%!important;}
.main3News a, .main3News span, .main3News p{width:100%;float:left}
.main3News h4, .newsHomeList h4, .homeNewsList h4{margin:0; padding:0;font-size:15px;line-height:19px;color:#000}
.main3News a:hover h4{text-decoration: underline;}
.main3News a:hover span{text-decoration: none;}
.main3News a:hover p{text-decoration: none;}


.newsHomeList{width:100%;float:left;margin:0}

.newsHomeList>.col-xs-12{padding: 0;margin:20px 0 15px;height:131px;overflow: hidden;}
.newsHomeList img{width: 100%!important;margin-bottom:20px}

.homeNewsList{width: 100%;float: left;margin: 0 0 40px;}
.homeNewsList>div{width: 100%;float: left;padding: 0 0 22px 0; margin: 0 0 22px 0;border-bottom: 1px solid #ccc;}
.homeNewsList img{width: 100%!important;margin-bottom:20px;}
.homeNewsList a>span{width: 100%; float: left;margin:0 0 6px 0}
.homeNewsList p, .newsHomeList p{width: 100%; float: left;line-height:18px}
.homeNewsList a:hover h4, .newsHomeList a:hover h4{text-decoration: underline;}
.homeNewsList a:hover span{text-decoration: none;}
.homeNewsList a:hover p{text-decoration:none;}
.homeNewsList .applyNowBut{margin: 0; float: left;}

.newsDate{width:100%;float:left;color:#b31b1b;padding: 0;font-size:12px}
.newsDate span{width: auto;padding: 0;margin: 0 3px 0 0;font-weight: bold;}

.newsSearchButt{margin:0!important;}

.newsSearchResults{line-height: 44px;}
.newsSearchResults strong{color:#b31b1b}

.flexslider{overflow:hidden;margin: 0;}
.flex-control-nav{display:none}
.flexslider ul li:before, .flex-direction-nav a:before{display:none!important}
.flexslider .flex-direction-nav a{width:50px!important;height:50px!important;}
.flexslider .flex-direction-nav .flex-next{background: url(../images/arrow-02.jpg) no-repeat;}
.flexslider .flex-direction-nav .flex-prev{background: url(../images/arrow-01.jpg) no-repeat;}
.flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev{top:82px; outline:0}

.newsInnerBanner{top:auto;bottom:0}
.newsInnerBanner p{font-family:arial;font-size:28px;margin:0}

.newsGallerySlider{padding:20px 70px;background-color: #ddd;}
.newsGallerySlider ul li{margin: 0!important;}





/*============================================ Start Footer  ============================================*/


.footerWrapper01 .container-fluid, .footerWrapper02 .container-fluid, .loginSection .container-fluid{padding: 0 8.5%;}

.footerWrapper01 h1{font-size:15px;font-weight:bold;padding:0 35px 0 0;margin:0;background:url(../images/all-h1-lines.png) right top no-repeat;float:left;text-transform: uppercase;color:#161616;font-family:'arial';}

.footerWrapper01, .footerWrapper02{width:100%}
.footerWrapper01{background:#ba191c;padding-top:25px;padding-bottom:10px}
.footerWrapper01 .footerBody{float:left;width:100%}
.footerLogo, .footerAddress{float:left;width:23%;margin-right:2%}
.footerLogo a{float:left;width:100%}
.footerAddress .addressRow{float:left;width:100%;margin-bottom:24px}
.footerAddress .addressRow h3{float:left;width:100%;margin-bottom:4px;padding:0;font-size:15px;font-weight:bold;text-transform:uppercase;color:#eeeeee;font-family:'arial';line-height:20px}
.footerAddress .addressRow p{float:left;width:100%;font-size:15px;font-weight:bold;color:#fff;font-family:'arial';line-height:20px}
.footerAddress .addressRow p a{color:#fff}
.footerUseful{float:left;width:50%}
.footerUseful h1{color:#fff}
.footerUseful .socialIcons{float:left;width:100%;margin-top:20px}
.footerUseful .socialIcons ul{float:left;width:100%;list-style:none;color:#fff;padding:0;margin:0}
.footerUseful .socialIcons ul li{float:left;margin-left:10px;padding:0}
.footerUseful .socialIcons ul li:first-child{margin-left:0}
.footerUseful .socialIcons ul li a{color:#fff;width:56px;height:56px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:block;text-align:center;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; transition: .3s;}
.footerUseful .socialIcons ul li a:hover{background:#dd3232;border:1px solid #dd3232}
.footerUseful .socialIcons ul li a i{font-size:28px;color:#fff;line-height:52px}
.footerUseful .usefulMenus{float:left;width:100%;margin-top:30px}
.footerUseful .usefulMenus ul{float:left;width:30%;padding:0;margin:0;margin-left:5%;list-style:none}
.footerUseful .usefulMenus ul:first-child{margin-left:0}
.footerUseful .usefulMenus ul li{float:left;width:100%;padding:0;margin:0}
.footerUseful .usefulMenus ul li a{float:left;width:100%;color:#fff;font-size:14px;font-weight:bold;border-top:1px solid rgba(255,255,255,.3);padding:8px 0 8px 0;font-family:'arial';line-height:20px}
.footerWrapper02{background:#951416;padding-top:20px;padding-bottom:20px}
.footerWrapper02 p{font-size:14px;font-weight:bold;color:#fff;font-family:'arial';line-height:20px}

/*============================================ End Footer  ============================================*/

/*==================================================================== Start Apply Page Top Banner ====================================================================*/
.navbar-collapse{padding-left:0 !important; padding-right:0 !important}

.applyTopControlBar{width:100%;padding:0px;background:#f5f5f2;position:relative;-webkit-box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 16%);
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);}
.navbar-default{background:#f5f5f2}
.applyTopControlBar .container-fluid{padding-right:0;padding-left:0}

.applyTopControlBar .logo{width:auto;padding:26px 60px;text-align:left;float:left;background:#ba191c}
.applyTopControlBar .logo a{width:auto;float:left;margin:0}
.applyTopControlBar .logo a img{width:180px}

.topMenuWrap{float:left;width:calc(100% - 300px);position:relative}

.applyTopControlBar .applyMenu{float:left; width:auto;z-index:999;margin:0;position:relative}
.applyTopControlBar .applyMenu ul, .applyMenu ul li, .applyMenu ul li a, .applyMenu #menu-button{margin:0; padding:0; border:0; list-style:none; display:block; position:relative;width:auto}
.applyTopControlBar .applyMenu > ul > li {float:left; margin:0; padding:0; display:inline-block;position:relative}
.applyTopControlBar .applyMenu > ul > li > a{color:#000000;float:left; width:100%; line-height:106px; padding:0 70px 0; margin:0; font-size:16px; border-top:4px solid transparent ;-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in; transition:all .3s ease-in}
.applyTopControlBar .applyMenu > ul > li > a:hover, .applyMenu > ul > li:hover > a, .applyMenu > ul > li.active > a{color:#383838; border-top:4px solid #b12024; text-decoration:none;background:#f4f4ee}
.applyTopControlBar .applyMenu > ul > li:not(:last-child):after{content:"";width:1px;height:50px;background:#d4d5d2;position:absolute;right:0;top:30px}

.applyTopControlBar .applyMenu ul ul{background:#fff; float:left;width:300px; position:absolute; padding:12px 0; margin:0; font-size:12px; left:-9999px; opacity:0; border-top: 4px solid #ccc;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease-in;
  -moz-transition: top 0.3s ease, opacity 0.3s ease-in;
  -ms-transition: top 0.3s ease, opacity 0.3s ease-in;
  -o-transition: top 0.3s ease, opacity 0.3s ease-in;
  transition: top 0.3s ease, opacity 0.3s ease-in}

.applyTopControlBar .applyMenu > ul > li:hover > ul{top:107px; left:50%; opacity:1;margin-left:-150px}
.applyTopControlBar .applyMenu ul ul > li:hover > ul {top:0; left:258px; opacity:1}

.applyTopControlBar .applyMenu ul ul li{width:100%; float:left; padding:0 20px}
.applyTopControlBar .applyMenu ul ul li a {width:100%; float:left; padding:12px 0; color:#951416; border-top:1px solid #edeeee; text-decoration:none;text-align:center;font-size:15px;}
.applyTopControlBar .applyMenu ul ul li:first-child a{border-top:0}
.applyTopControlBar .applyMenu ul ul li:hover > a, .applyMenu ul ul li.active > a, .applyMenu ul ul li a:hover {text-decoration:underline}
.applyTopControlBar .applyMenu ul ul li.has-sub span{}

.applyTopControlBar .searchBox{width:100%;position:absolute;margin:0;z-index:1000;right:0;top:0;background:none;border-radius: 20px;}
.applyTopControlBar .searchBox input{width:300px;line-height:60px;font-size:17px;color:#222;padding:25px 50px 25px 50px;outline: none;background:#ecebe6;border:0;display:inline-block;position:absolute;top:0;right:0;z-index:10;border-radius:0px;
background-image: url(../images/apply-search-icon.png);
background-repeat: no-repeat;
background-position: right 50px center;
background-size: 25px;
transition:width .5s cubic-bezier(0.000, 0.795, 0.000, 1.000); /* For IE8 and earlier */ 
-moz-transition:all .3s ease-in; 
-o-transition:all .3s ease-in; 
-webkit-transition:all .3s ease-in; 
transition:all .3s ease-in}
.applyTopControlBar .searchBox input:hover{background-color:#fff;}
.applyTopControlBar .searchBox input:focus{width:100%;z-index:1;color:#222;background-color:#fff; cursor:text;opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */}
.applyTopControlBar .searchBox ::-webkit-input-placeholder{color:#aaa}
.applyTopControlBar .searchBox :-moz-placeholder{/* Firefox 18- */color:#aaa}
.applyTopControlBar .searchBox ::-moz-placeholder{/* Firefox 19+ */color:#aaa}
.applyTopControlBar .searchBox :-ms-input-placeholder{color:#aaa}

.login-btn{float:left;margin-top:35px}
.login-btn a, .login-btn input[type="submit"]{float: left;padding: 0 15px;margin:0 0 0 10px;font-size: 15px;line-height: 40px;cursor: pointer;color: #fff;background: #b12024;border-radius: 25px;
	-moz-transition: .3s;
	-o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.login-btn a:hover, .login-btn input[type="submit"]:hover{background:#dd3232 !important;text-decoration:none}
/*==================================================================== End Apply Page Top Banner ====================================================================*/


/*============================================ Start Apply Page Content  ============================================*/

.applyContentWrap{width:100%;float:left;padding:20px 0 0 0;background:#a31518;
background-image:url(../images/apply-page-bg-logo.png);
background-repeat: no-repeat;
background-position: right 150px top -100px;}
.applyContentWrap .container-fluid{padding:0 3%}

.applyContentWrap .container-fluid .row{float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;}

.applyContentWrap .container-fluid .row .applyContantData{padding-right:0}
.applyContentWrap .container-fluid .row .applyContantMenu{order: 2;float:right !important;padding-left:0}


.applyBreadcrumb{float:left;width:100%;margin-bottom:15px;padding:0 3%}
.applyBreadcrumb ul{list-style:none;float: left;width: 100%;margin:0;padding:0}
.applyBreadcrumb ul li{float:left;line-height:45px}
.applyBreadcrumb ul li a{color:#fff;font-size:13px;text-transform:uppercase;background:#921316;padding:15px 20px;line-height:36px}
.applyBreadcrumb ul li:first-child a{background:#831114}
.applyBreadcrumb ul li a:hover{background:#760f12;text-decoration:none}
.applyBreadcrumb ul li i{color:#d7c68a;margin-right:10px;font-size:20px}

.applyPageSide{width:100%;float:left}
.applyPageSide ul{float:left;width:calc(100% - 30px);list-style:none;margin:0;padding:0;border-bottom:1px solid #c55d5f;margin-bottom:50px;margin-left:30px}
.applyPageSide ul li{float:left;width:100%}
.applyPageSide ul li a{color:#fff;font-size:16px;float:left;width:100%;padding:18px 25px 18px 0;border-top:1px solid #c55d5f;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; transition: .3s;background-position: right 10px center;}
.applyPageSide ul li a:hover{background-color:rgba(0, 0, 0, 0.1);

background-image: url(../images/apply-page-menu-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
	padding-left:10px;
	text-decoration:none}


.applyPageSide .applySideBanner{float:left;width:100%;background:#fff;text-align:center;padding-bottom:30px;-webkit-box-shadow: inset 7px 0 5px -4px rgb(0 0 0 / 30%);
    box-shadow: inset 7px 0 5px -4px rgb(0 0 0 / 30%);}
.applyPageSide .applySideBanner img{width:100%;float:left}
.applyPageSide .applySideBanner span{background:#dd3232;padding:10px;font-size:14px;color:#fff}
.applyPageSide .applySideBanner h3{text-align:center;width:100%;color:#222;font-size:20px;margin:30px 0}
.applyPageSide .applySideBanner h3 strong{width:100%;float:left}
.applyPageSide .applySideBanner hr{height:2px;border:0;background:#b12024;width:110px;margin-top:20px !important;margin-bottom:20px !important;float:none;margin:0 auto}
.applyPageSide .applySideBanner p{float:left;color:#333;font-size:14px;margin:0 30px;margin-bottom:20px;border-bottom:1px solid #c3c3c3;padding-bottom:20px}
.applyPageSide .applySideBanner a{text-align:center;font-size:15px;color:#333;font-style:italic;text-decoration:underline}



.applyPageWelcome{width:100%;height:100%;float:left;background:#fff;padding:50px 50px}
.applyWelcomeTxt{float:left;width:60%;border-top:7px solid #b12024;margin-right:5%;padding:40px 50px}
.applyWelcomeTxt h1{font-size:45px;color:#b12024;width:100%;text-align:center}
.applyWelcomeTxt p{text-align:center;width:100%;color:#444;font-size:17px;margin:30px 0;line-height:22px}
.applyWelcomeTxt h2{font-size:24px;color:#333;text-align:center;border-top:7px solid #d7c68a;padding-top:30px;margin:0 auto;width:200px;font-style:italic}
.applyWelcomeBtn{float:left;width:100%;text-align:center;margin-top:36px}
.applyWelcomeBtn a{background:#dd3232;color:#fff;font-size:15px;border-radius:2px;padding:15px 20px}
.applyWelcomeBtn a:hover{background:#c22626;text-decoration:none;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; transition: .3s;}
.applyWelcomeImg{float:left;width:35%}
.applyWelcomeImg img{float:left;width:100%}

/*============================================ End Apply Page Content  ============================================*/



.QsTopBar{width:100%;float:left;text-align:center;background:#eee}
.QsTopBar .QsBar{padding:20px 0}
.QsTopBar .QsBar p{font-size:17px;font-weight:bold;text-transform:uppercase;color:#000}
.QsTopBar .QsBar p img{width:220px;margin-left:20px}

.titleOfpage{width:100%;float: left;position:relative;margin-top:30px}
.titleOfpage h1{width:100%;float:left;padding:0;margin:0 0 10px 0;border-bottom:0;color:#000;text-transform:uppercase;line-height:normal;font-weight:normal}
.titleOfpage h1 span{color:#b20808;}

.titleOfpage h2{width:100%;float:left;font-size:18px}
.titleOfpage p{font-size:14px}
.titleOfpage .menuIcon{margin-bottom:0;float:right}

.schoolLogo{width:200px;border-radius:0;margin-bottom:0;float:left;width:100%;border-top:1px solid #ccc;padding-top:20px;margin-top:10px}
.schoolLogo img{max-width:120px;border:2px solid #ddd;padding:10px;float:left;margin-right:20px}
.schoolLogo h3{font-size:18px}




/*============================================ Start Login  ============================================*/

.loginSection{width:100%;float:left}
.loginSection .container{padding:0 8.5%}
.loginContent{margin:60px 0;width:100%;float:left}
.loginContent h1{font-size:22px}
.loginContent .sidebar-listIcons{margin:20px;float:left;width: calc(100% - 40px);list-style:none;text-transform:uppercase;padding:0}
.loginContent .sidebar-listIcons li{float:left;margin:10px;width:calc(25% - 20px);background:#fff;border-radius:5px;-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 8%);box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 8%)}
.loginContent .sidebar-listIcons li:hover{background:#b12024;-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-webkit-transform: scale(1.03); 
	transform: scale(1.03);
	-webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
	-webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 25%), 0 2px 4px 2px rgb(0 0 0 / 15%);
    box-shadow: 0 2px 3px 0rgba(0,0,0,.25),0 2px 4px 2pxrgba(0,0,0,.15);}
.loginContent .sidebar-listIcons li a{float:left;width:100%;padding:30px 20px;}
.loginContent .sidebar-listIcons li a i{float:left;width:100%;text-align:center;color:#b12024;font-size:50px;}
.loginContent .sidebar-listIcons li a span{float:left;width:100%;text-align:center;color:#000;font-size:14px;font-weight:bold;margin-top:25px;line-height:15px;font-family:'arial';}
.loginContent .sidebar-listIcons li:hover a i, .loginContent .sidebar-listIcons li:hover a span{color:#fff}

.loginFormContent{width:500px;background:#fff;padding:30px 80px;margin:0 auto;text-align:center;-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 8%);box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 8%)}
.loginFormContent h1{width:100%;font-size:18px;margin-bottom:30px;padding:0;color:#000;text-transform:uppercase;border:0}
.loginFormContent i{width:100px;height:100px;background:#b12024;padding:0px;margin:0px auto 20px;border-radius:50%;line-height:110px;color:#fff;display:block;text-align:center;font-size:50px}
.loginFormContent .form-group{margin:0 0 10px 0 ; padding:0; width:100% !important;}
.loginFormContent .form-group>div{}
.loginFormContent .form-group input[type=text], .form-group input[type=password]{margin:0 0 10px 0;height:40px;text-align:center;border:1px solid #c3c3c3;border-radius:3px !important;background:#f9fbfa;box-shadow:none}
.loginFormContent button, .loginFormContent input[type="submit"]{margin:20px auto;padding:0px 36px;background:#b12024;color:#fff;font-size:14px;line-height:38px;border-radius:30px !important;transition:all .4s ease;border:0;width:auto;display:block}
.loginFormContent button:hover, .loginFormContent input:hover[type="submit"]{text-decoration:none;color:#fff;background:#dd3232 !important}
.loginFormContent a{margin:25px 0;width:100%;color:#666666;font-size:14px;cursor:pointer;text-align:center}
.loginFormContent .loginCaptcha{padding:15px 0 10px 0}

/*============================================ End Login  ============================================*/


/*============================================ Start Apply Page Videos  ============================================*/

.video-content{float:left;width:100%;background:#eee;padding:20px 15px 20px;margin:30px 0 0 0}
.video-content .video-item{float:left;width:100%;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd}
.video-content .video-item:last-child{border:0;margin:0}
.video-content .video-item h3{font-size:17px;margin-bottom:10px !important;padding-bottom:10px !important}
.video-content .video-item p{margin-top:15px;font-size:14px;text-align:justify}

/*============================================ End Apply Page Videos  ============================================*/







/*-- Start Media --*/

@media screen and (max-width: 1750px) {

.applyTopControlBar .searchBox input{width:240px}
.applyTopControlBar .applyMenu > ul > li > a{padding:0 60px 0}

}



@media screen and (max-width: 1680px) {/*(1600x1050)*/

.applyTopControlBar .applyMenu > ul > li > a{padding:0 50px 0}
.applyWelcomeTxt h1{font-size:35px}
.applyWelcomeTxt p{font-size:15px;margin:25px 0}
.applyWelcomeTxt {
    padding: 40px 30px;
}


}


@media screen and (max-width: 1600px) {/*(1600x900)*/

.applyTopControlBar .searchBox input{width:200px}

}


@media screen and (max-width: 1500px) {/*(1600x900)*/

.applyTopControlBar .searchBox input{padding:25px 50px 25px 30px;background-position: right 30px center;}
.applyTopControlBar .applyMenu > ul > li > a{padding:0 40px 0}

}


@media screen and (max-width: 1440px) {/*(1440x900)*/

.container{width:100%}
.applyTopControlBar .logo{padding:31px 40px}
.applyTopControlBar .logo a img{width:149px}
.topMenuWrap {width: calc(100% - 230px)}
.loginContent .sidebar-listIcons li a i{font-size:40px}
.loginContent .sidebar-listIcons li a span{font-size:13px}

}

@media screen and (max-width: 1400px) {/*(1440x900)*/

.footerLogo a img{width:190px}
.footerAddress .addressRow h3, .footerAddress .addressRow p{font-size:14px}
.footerUseful .usefulMenus ul li a, .footerWrapper02 p{font-size:13px}
.footerWrapper01 h1{font-size:14px}


}


@media screen and (max-width: 1366px) {/*(1366x768)*/

h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}h4{font-size:17px}h5{font-size:15px}h6{font-size:12px}

.applyInnerBanner{top:24%}
.applyInnerBanner p{font-size:32px}
.onlinePaymentInnerBanner {height:120px}

.newsInnerBanner{top:auto}
.newsInnerBanner p{font-size:22px;line-height:12px}

.applyTopControlBar .searchBox input{width:180px}
.applyTopControlBar .applyMenu > ul > li > a{padding:0 30px 0}
.applyPageWelcome{padding:30px}

.footerUseful .socialIcons ul li a{width:48px;height:48px}
.footerUseful .socialIcons ul li a i{font-size: 23px;line-height:48px}
.loginContent .sidebar-listIcons{margin:0;width:100%}
.loginFormContent i{width:80px;height:80px;font-size:40px;line-height:86px}
.loginFormContent h1{font-size:16px}



}

@media screen and (max-width: 1300px) {/*(1366x768)*/

.footerLogo a img {width: 180px}


}


@media screen and (max-width: 1280px) {/*(1280x800)*/

.applyTopControlBar .applyMenu > ul > li > a{font-size:15px;padding: 0 25px 0;}
.login-btn a, .login-btn input[type="submit"]{font-size:15px}
}

@media screen and (max-width: 1199px) {

.applyWelcomeBtn a{display:block;margin-bottom:10px}

.footerAddress{width:75%;margin-right:0}
.footerLogo a img {width: 190px}
.footerAddress .addressRow{width:31%;margin-left:3%}
.footerAddress .addressRow:first-child{margin-left:0}

.footerUseful{width:100%;margin-top:20px}
.loginContent{margin:40px 0}
.loginFormContent i{width:60px;height:60px;font-size:30px;line-height:62px;margin:0px auto 15px}
.loginFormContent h1{font-size:15px;margin-bottom:24px}


.QsTopBar .QsBar{padding:15px 0}
.QsTopBar .QsBar p img{width:180px}

.applyTopControlBar .searchBox input{width:90px;padding: 25px 50px 25px 40px;}

}


@media screen and (max-width: 1152px) {



}


@media screen and (max-width: 1100px) {



.applyTopControlBar .applyMenu{padding:0}
.applyTopControlBar .applyMenu > ul > li > a{padding:0 20px 0}

.footerLogo a img {width: 170px}
.footerUseful .usefulMenus ul li a{padding:8px 0 14px 0}

.login-btn{margin-top:38px}
.login-btn a, .login-btn input[type="submit"]{font-size:13px;padding:0 12px;margin:0 0 0 5px;line-height:36px}

}


@media screen and (max-width: 1024px) {/*(1024x768)*/

.custom-select-program{width:65%}
.searchBox{width:31%}

.innerBanner .searchAllBox{top:20%}

}


@media screen and (max-width: 1000px) {/*(1024x768)*/


.applyTopControlBar .applyMenu{padding:0 30px}


/*============================================ Start Convert bootstrap Menu from1024 ============================================*/
.navbar-header{float:none;height:82px;background: #c32528;}
.navbar-left,.navbar-right{float:none!important}
.navbar-toggle{display:block}
.navbar-collapse{border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important; margin-top:7.5px}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:10px; padding-bottom:10px}
.collapse.in{display:block!important}
/*============================================ End Convert bootstrap Menu from1024 ============================================*/

/*============================================ Start Drop Down Menu ============================================*/
.navbar-default{width:100%}
.navbar-toggle{margin:25px 10px!important}
.navbar-collapse{margin:0 0 15px}

.applyTopControlBar .applyMenu{width:100%;background:none;margin-right:0}
.applyTopControlBar .applyMenu #menu-button{display:block;text-decoration:none;font-size:12px;font-weight:bold;padding:12px 25px;cursor:pointer;color:#fff}
.applyTopControlBar .applyMenu > ul > li > ul{top:0px}

.applyTopControlBar .applyMenu > ul > li{float:left; width:100%; margin:0; padding:0; display:block;border-top:2px solid #c55d5f;margin-bottom:20px}
.applyTopControlBar .applyMenu > ul > li > a{height:40px;line-height:40px;padding:0; font-size:14px;color:#fff;border-top:0;font-size:16px}
.applyTopControlBar .applyMenu > ul > li > a:hover, .applyTopControlBar .applyMenu > ul > li:hover > a, .applyTopControlBar .applyMenu > ul > li.active > a{background:none;color:#fff; border-top:0}

.applyTopControlBar .applyMenu ul ul, .applyTopControlBar .applyMenu ul li:hover > ul, .applyTopControlBar .applyMenu > ul > li > ul, .applyTopControlBar .applyMenu ul ul ul, .applyTopControlBar .applyMenu ul ul li:hover > ul, .applyTopControlBar .applyMenu.align-right ul ul, .applyTopControlBar .applyMenu.align-right ul li:hover > ul, .applyTopControlBar .applyMenu.align-right > ul > li > ul, .applyTopControlBar .applyMenu.align-right ul ul ul, .applyTopControlBar .applyMenu.align-right ul ul li:hover > ul{left:0;top:0;opacity:1;width:100%;position:relative;display:block;background:none;border:0}
.applyTopControlBar .applyMenu  ul ul li a, .applyTopControlBar .applyMenu ul ul li:first-child a{border-top:1px solid #c55d5f;background:none}

.applyTopControlBar .applyMenu ul ul{padding:0 15px}
.applyTopControlBar .applyMenu ul ul li{width:100%;padding:0}
.applyTopControlBar .applyMenu ul ul li a{box-shadow:none;text-align:left;color:#fff}
.applyTopControlBar .applyMenu ul ul li:hover > a, #cssmenu ul ul li.active > a{}
.applyTopControlBar .applyMenu ul ul ul {width:100%}
.applyTopControlBar .applyMenu ul ul ul li:hover > a, #cssmenu ul ul ul li.active > a{}
.applyTopControlBar .applyMenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a{border-radius:0}
.applyTopControlBar .applyMenu ul ul li.has-sub span{font-size:13px}

.navbar-toggle{border:0 !important;position:absolute;right:0;top:0;z-index:102}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff !important}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:active .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color:#fff !important}
.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus{background-color:#c32528 !important}

/*============================================ End Drop Down Menu ============================================*/

.applyTopControlBar{background: #c32528 }
.applyTopControlBar .logo {
    padding: 17px 30px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
.topMenuWrap {
    width:100%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #dd3232 !important;
	position: absolute;
    top: 82px;
    left: 0;
    background: #c32528;
    z-index: 101;
	
}
.applyTopControlBar .applyMenu > ul > li:hover > ul{margin-left:0}
.applyTopControlBar .applyMenu > ul > li:not(:last-child):after{content:none}
.applyTopControlBar .searchBox{position:relative;padding:0 30px;margin:20px 0}
.applyTopControlBar .searchBox input{width:100% !important;padding: 10px !important;background-size:22px;position:relative;line-height:30px;background-color:#fff;font-size:14px !important;background-size:20px;background-position: right 20px center}


.login-btn{margin-left:0;margin-top:0;margin-bottom:20px}
.login-btn a, .login-btn input[type="submit"]{background:#fff;color:#222}
.login-btn a:hover, .login-btn input[type="submit"]:hover{background:#fff !important}

}








@media screen and (max-width: 991px) {

.applyInnerBanner{top:10%}
.newsInnerBanner{top:auto}

.homeNewsList img{margin-bottom: 20px;}

.newsHomeList>.col-xs-12{height:394px}

.applyContentWrap .container-fluid .row{display:block}
.applyBreadcrumb{display:none}
.applyPageSide ul{margin-left:0;width:100%;margin-top:20px}
.applyContentWrap .container-fluid .row .applyContantMenu{padding-left:15px}
.applyContentWrap .container-fluid .row .applyContantData{padding-right:15px}
.applyPageSide .applySideBanner{display:none}
.applyPageSide ul li a{text-align:center;}
.applyPageSide ul li a:hover{background-image:none;padding-left:0}
.footerWrapper01 h1 {font-size:14px}
.loginContent .sidebar-listIcons li {width: calc(50% - 20px)}
.loginContent .sidebar-listIcons li a{padding:20px 10px}
.loginContent h1{font-size:18px}


.QsTopBar .QsBar p{font-size:15px}




}

@media screen and (max-width: 950px) {

.footerLogo a img {width: 150px;}


}

@media screen and (max-width: 900px) {

.footerWrapper02{background: #ba191c}
.footerWrapper02 p {font-size: 12px}


}


@media screen and (max-width: 800px) {

.footerLogo a img {width: 130px;}



}


@media screen and (max-width: 767px) {/*(768x1024)*/

.innerBanner .searchAllBox{top:10%}
.innerBanner .searchAllBox>p{font-size:18px;padding:5px 0}

.applyInnerBanner{top:6%; padding:18px 25px}
.applyInnerBanner h1{margin:0 auto 15px}

.onlinePaymentImg img{margin:0}

.newsInnerBanner{top:auto}

.newsHomeList>.col-xs-12{height:auto}

.applyWelcomeTxt, .applyWelcomeImg{width:100%;margin:0}
.applyContentWrap .container-fluid{padding:0}
.applyContentWrap .container-fluid .row{margin:0}
.applyWelcomeTxt, .applyWelcomeImg{padding:20px 30px}
.applyContentWrap .container-fluid .row .applyContantMenu, .applyContentWrap .container-fluid .row .applyContantData{padding:0}
.applyWelcomeTxt, .applyWelcomeImg {padding: 20px 10px}

.innerContent h1{font-size:18px}
.titleOfpage h2{font-size:16px}
.titleOfpage{text-align:center}
.schoolLogo img{float:none;margin:0 0 15px 0;}
.schoolLogo h3{float:none}
.titleOfpage .menuIcon{float:none}
.titleOfpage .menuIcon img{width:130px}
.loginContent .sidebar-listIcons li a span{font-size:12px;margin-top:15px}
.loginContent .sidebar-listIcons li a i{font-size:36px}


.loginFormContent{width:80%;padding:20px 80px;-webkit-box-shadow:none;box-shadow:none}
.loginFormContent i{display:none}
.innerContent h1{font-size:15px}


.QsTopBar .QsBar p span{width:100%;float:left;text-align:center}
.QsTopBar .QsBar p img{margin-left:0;margin-top:10px}

.video-content .video-item{border:0;display:none;margin-bottom:0;padding-bottom:0}
.video-content .video-item:first-child{display:block !important}

.video-content .video-item p{margin-bottom:10px}



}


@media screen and (max-width: 750px) {

.searchBox{margin:28px 2px}
.searchBox input[type="text"]{width:80%;padding:6px 0px 6px 18px;font-size:12px}
.searchBox button, .searchBox input[type="submit"]{width:20%;padding:6px 0}
.searchBox button i{font-size:16px}

a.applyNowBut{padding:6px 15px; font-size:11px;margin:28px 2px}
a.arabicBut{font-size:15px}

.ApllySteps ul li{margin:0 6px}
.ApllySteps ul li p{font-size:12px}

.footer02 p{font-size:12px}
.sosialIconsFooter ul li{margin:0 0 0 4px}

.topControlBar .toplinks a{font-size:12px}



}

@media screen and (max-width: 690px) {

.footerLogo a img {width: 125px;}
.footerWrapper01 h1{font-size:14px}
.loginFormContent{width:90%}

.QsTopBar .QsBar p {font-size:14px}
.QsTopBar .QsBar p img{width:160px}



}

@media screen and (max-width: 670px) {

.innerFooter02{padding:20px 0 5px}
.innerFooter02>div{margin:0 0 20px}
.innerFooter02 .boxFooter01, .innerFooter02 .boxFooter02, .innerFooter02 .boxFooter03, .innerFooter02 .boxFooter04{width:96%}
.innerFooter02>div strong{margin:0 0 5px}
.innerFooter02>div a{margin:0 0 3px}
.footer02 p{padding:20px 0}

}


@media screen and (max-width: 650px) {


.footerWrapper01 .container-fluid, .footerWrapper02 .container-fluid, .loginSection .container-fluid{padding:0 2.5%;}
.footerWrapper01 .row, .footerWrapper02 .row, .loginSection .row{margin-right: -2.5%;margin-left: -2.5%}




}


@media screen and (max-width: 640px) {/*(640x960)*/

.mainContent{padding:0;margin:10px 0 0}

.topControlBar .logo{width:48%;margin:8px 0}
.topControlBar .logo a{margin:0 auto;float:none;display:inline-block}

.topControlBar .menuIcon{padding:32px 0 31px 15px}
.topControlBar .toplinks{margin:0 0 6px 0}
.topControlBar .menuIcon .notificationsMenu{top:60px}

.applyInnerBanner h1{font-size:28px;margin:0 auto 10px}

a.applyNowBut{margin:19px 2px 14px}
.searchBox{margin:0 2px 14px}

.searchBox{width:60%}

.innerBanner{background:#b20808}

.innerBanner img{display:none}
.innerBanner .searchAllBox{top:10%}
.innerBanner .searchAllBox>p{font-size:15px;padding:0}

.breadcrumb a, .breadcrumb>.active{font-size:11px!important}
.breadcrumb>li+li:before{padding:0 1px!important}

.blockAll img{width:100%;margin:0 0 10px}


.applyInnerBanner{position:relative;padding:25px 0;float:left}
.applyInnerBanner p{font-size:28px;margin:0 0 2px}
.applyInnerBanner span{font-size:14px}

.newsInnerBanner p{font-size:22px}



}


@media screen and (max-width: 603px) {


.footerLogo{width:100%;margin-right:0;margin-bottom:30px}
.footerLogo a{float:none;width:206px;margin:0 auto;display:block}
.footerLogo a img{width:100%}
.footerAddress{width:100%}
.footerAddress .addressRow{width:100%;margin-left:0;text-align:center}
.footerAddress .addressRow h3{text-align:center}
.footerUseful{text-align:center}
.footerUseful .usefulMenus ul{width:100%;margin-left:0}
.footerWrapper02 p{text-align:center}
.footerUseful .socialIcons{margin:20px auto 0;width:280px;float:none}
.footerUseful h1{width:120px;float:none;margin:0 auto}

.loginFormContent{width:100%;padding:20px 30px}


}



@media screen and (max-width: 540px) {

.topControlBar .logo{width:42%}

.searchAllBox{top:20%}
.select-selected{padding:15px}
.select-selected:after{top:24px}

.custom-select-program{width:90%}

.ApllySteps ul li{margin:0 4px}
.ApllySteps ul li p{font-size:11px}





}


@media screen and (max-width: 480px) {/*(480x800)*/

.searchBox{width:58%}
.searchAllBox>p{font-size:20px}

.ApllySteps ul li{margin:0; width:50px}
.ApllySteps ul li p{display:none}

.footer02 a{display:none}

.applyInnerBanner>div a{font-size:14px}

.sosialIconsFooter{float:left}


}


@media screen and (max-width: 320px) {/*(320x568)*/

.topControlBar .menuIcon .notificationsMenu{width:280px}

}


@media screen and (max-width: 240px) {



}