@import url("animate.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

/************** Essentials ****************/

.pad{ padding:25px !important; }
.no-pad{ padding:0px !important; }
.no-marg{ margin:0px !important; }
.pad-img-left {margin-left:20px; margin-bottom:20px;}
.pad-img-right {margin-right:20px;  margin-bottom:20px;}

.title {
    font-family: Roboto, serif;
font-size: 20px;
font-weight: normal;
}

div#uclogo img{
    position: absolute;
    right:5px;
    top:72px;
    height:50px;
}

.-rt-sirocco-home #rt-showcase {
    background: url(../../../images/Head_image.jpg) center no-repeat;
    background-size: cover;

}

div#fp_slider {
    max-height: 554px;
}

/*home page style*/
.menu-home div#mijoshop .container_oc .row .col-sm-3 {
    display:none;
}

.menu-home div#mijoshop .container_oc:nth-child(3){
    display:none;
}

.menu-home .mijoshop .col-sm-9 {
    width: 100%;
}


.menu-home #rt-mainbody-surround {
    padding: 32px 0px;
}

.menu-home #rt-mainbody-surround {
    color:white;
    padding: 45px 0px;
 /*   background: url(http://scienceblogs.com/startswithabang/files/2013/04/night-sky-stars.jpeg);*/
 /*   background: url(http://pxpod.com/i/2015/03/clouds-night-sky-stars.jpg);*/
     background: url(http://static1.squarespace.com/static/54d580a7e4b07fb2cbff9701/t/54d58518e4b0a9c4926aaa18/1423279388391/computer-closeup.jpg?format=1500w);
    background-position: 50% 11%;
    text-shadow: 1px 1px black;
    background-repeat:no-repeat;
    background-size:cover;
}

.menu-home .component-content {
    background: rgba(255, 255, 255, 0);
}


.menu-home section#rt-mainbody-surround:before {
    content:"Search Our Courses";
    display:block;
    text-align:center;
    font-size:30px;
    line-height:30px;
}

.menu-courses div#mijoshop label.control-label:nth-child(2) {
   font-size: 162%;
}


/*end of home page styling */

.menu-block .gf-menu.l1 > li.item234.parent > .item .menu-item-wrapper:before {
    font-family: FontAwesome;
    content: "\f0c9";
    line-height: normal;
}

.menu-block .gf-menu.l1 > li.item234.parent > .item .menu-item-wrapper:after {
    font-family: FontAwesome;
    content: "";
    line-height: normal;
}


.menu-block .gf-menu.l1 > li.item228 > .item .menu-item-wrapper:before {
    font-family: FontAwesome;
    content: "\f007";
    line-height: normal;
    margin-right:5px;
}






.rt-mainbody-wrapper.rt-grid-9.rt-push-3 .rt-component-block.rt-block {
    border-left: 1px solid #DDDDDD;
    margin-top:0px;
        margin-bottom: 0px;
}

.mijoshop .product-thumb .caption {
    min-height: 240px !important;
}

/*article image*/
span.portrait-image img{
    display:block;
    margin:0 auto;
}

.menu-courses .mijoshop .col-sm-4 {
    width: 49.333333%;
}




/*******************************************/

.module-title .title {
    font-family: arial;
}
.title {
    text-transform: capitalize;
}

#rt-header {
    color: #FFF;
    background: #FF4F02;

}

#rt-header .menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
    color: #fff;
    font-weight:bold;
}

#rt-header .menu-block .gf-menu.l1 > li > .item {
    height: 60px;
}

#rt-header .menu-block .gf-menu.l1 > li:hover > .item {
    background: #F79266;
}



div#rt-header ul.gf-menu.l1 li {
    border-left: 1px solid #FFAB86;
}

div#rt-header ul.gf-menu.l1 li:last-child {
    border-right:1px solid #FFAB86 ;
}


div#rt-top  ul.gf-menu.l1 {
    float:right;
}

#rt-top {
    color: #000;
    background-color: #FFF;
    height: 185px;
    background: url(../../../images/head_bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
}
.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
    color: #FFFFFF ;
}



h3.course_headers {
    background: #093D71;
    color: #FFF;
    padding: 5px;
    border-radius: 2px;

   /* font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
font-size: 18px;
    font-weight: 500;
    text-indent: 4px;
    line-height: 26px;
}

table.info_table {
    width: 100%;
}


td.th-stdate, 
td.th-crleg, 
td.th-crstim, 
td.th-teach {
    background-color: #093D71;
    text-indent: 5px;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    line-height: 28px;
    border-radius: 2px;
    font-size: 14px;
}

td.td-stdate,
td.td-crstim,
td.td-teach,
td.td-crleg {
    text-indent: 10px;
    font-size: 15px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
}

.btn-primary { 
    background-color: #FF4F02;
    background-image: -moz-linear-gradient(top,#08c,#0044cc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF4F02),to(#FF4F02));
    background-image: -webkit-linear-gradient(top,#FF4F02,#FF4F02);
    background-image: -o-linear-gradient(top,#08c,#0044cc);
    background-image: linear-gradient(to bottom,#FF4F02,#FF4F02);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0);
    border-color: #FF4F02 #FF4F02 #FF4F02;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.mijoshop #top {
    background-color: #FFF;
        border-bottom: 1px solid #E2E2E2;
}

ul.nav.nav-tabs li.active a:before {
    content:"Course ";
}


a.fp_button {
    display: inline-block;
    color: white;
    width: 99%;
    background: #00336C;
    text-align: center;
    border-radius: 3px;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 auto;
}

a.fp_button:hover {
    background:#FF4F02;
}


.-rt-sirocco-home .product-thumb.transition .image {

}





.-rt-sirocco-home .container_oc .row .caption {
    height: 169px !important;
}





.mijoshop .list-group a.active, .mijoshop .list-group a.active:hover, .mijoshop .list-group a:hover {
    color: #000;
    background: #f3f3f3;

    text-shadow: 0 0 0 #FFF;
    border: 1px solid transparent;
        border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}


.mijoshop .list-group a {
border: 1px solid transparent;
}

.mijoshop .list-group-item {

    border: 1px solid transparent;
}


a {
    color: #FF4F02;
}



/*Menu */

.menu-block .gf-menu.l1 > li > .item {
    height: 30px;
        /*padding-top: 20px;*/
}

li a.item:hover {
    color:#093D71;
}

.menu-block .gf-menu li:hover > .item .menu-item-wrapper, .menu-block .gf-menu li:focus > .item .menu-item-wrapper {
    color: #FF4F02;
}


div#rt-top .menu-block ul.gf-menu.l1 {
    margin-top:20px;
    position:relative;
}

div#rt-top .menu-block .gf-menu li.active {
    border-bottom: 2px solid #093D71;
    border-radius: 0px;
}



div#rt-top .menu-block .gf-menu li.active > .item .menu-item-wrapper {
    color: #FF4F02;
    font-weight:bold;
}

div#rt-top .menu-block .gf-menu li.active > .parent {
    border-bottom: 0px solid #093D71;
}

div#rt-top .menu-block .gf-menu li.active .parent > .item .menu-item-wrapper {
    color: #FFF;
    font-weight: bold;
}

.gf-menu.l1 > li > .dropdown {
    margin-top: 0px; 
}



.menu-block .gf-menu li:hover > .item .menu-item-wrapper, .menu-block .gf-menu li:focus > .item .menu-item-wrapper {
    color: #FF4F02;
}

.menu-block .gf-menu .dropdown {
    background: #FF4F02;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

}


.menu-block .gf-menu .dropdown .menu-item-wrapper {
    color: #fff;
    padding: 5px !important;
}



div#rt-top .menu-block .gf-menu li.active .l2 .active, div#rt-top .menu-block .gf-menu li.active .l2 .active a span{
    border-bottom: 0px solid #F7966B;
    color:white !important;
    background: #F7966B;

}

/*.menu-block .gf-menu .dropdown:hover {
    background: #F7966B;
}
*/

.menu-block .gf-menu .dropdown {

    border: 1px solid #fff); 
    padding: 0 0px;
}


.menu-block .gf-menu .dropdown .columns-1 {
    border: 1px solid #fff); 
    padding: 0 0px;
}



.menu-block .gf-menu .dropdown li:hover {
    background: #FFAB86;
}

.menu-block .gf-menu .dropdown{

border: 1px solid #fff;
border-top:0px;
border-bottom: 3px solid #093D71;
}

.menu-block .gf-menu .dropdown {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

}

/*Contact Us */

.erln_period .col1:before {
    content:'TERM';
    display:block;
    font-weight:bold;
}

.rt-block.no-pad.no-marg.enr_inf {
    border-top: 1px solid #DDD;
}


/******************************************* Page Styling ********************************************/

.sticky {
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    border-top: 0;
}

/*footer styling*/
div#rt-footer .rt-flex-container {
    background:#093D71;
}

/*.menu-home #rt-footer {
    color: #fff;
    background-color: #fff;

}*/

#rt-footer {
    color: #fff;
    background-color: #093D71;
/*    margin-top: -41px;*/
}

div#rt-footer .rt-container {
    background:red;
}


#rt-breadcrumbs .rt-block {
    padding: 7px 5px !important;
}

.menu-home footer#rt-footer-surround {
    margin-top: 0px;
}

/*paralax */
/*.-rt-sirocco-home .uk-width-9-10.uk-width-small-4-5.uk-width-medium-2-3.uk-width-large-1-2.uk-panel {
    background: rgba(255, 79, 2, 0.66);
    padding: 20px 30px;
    border-radius:4px;
    margin-top: -40px;
        width: 37%;

}*/


.uk-width-9-10.uk-width-small-4-5.uk-width-medium-2-3.uk-width-large-1-2.uk-panel .uk-text-large {
    font-size:30px;
}



/*fp styling*/

div#maximenuck332 ul.maximenuck {
    clear: both;
    position: relative;
    z-index: 999;
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    list-style: none;
    margin: 0 auto;
    height: auto;
    padding: 0px 20px 0px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0;
    filter: none;
    background: rgba(1, 68, 100, 0);
    background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(1, 57, 83, 0)));
    background: -webkit-linear-gradient(top, rgba(2, 114, 167, 0) 0%,rgba(1, 57, 83, 0) 100%);
    background: -o-linear-gradient(top, #0272a7 0%,#013953 100%);
    background: -ms-linear-gradient(top, #0272a7 0%,#013953 100%);
    background: linear-gradient(top, #0272a7 0%,#013953 100%);
    border: 1px solid rgba(21, 21, 21, 0);
    -moz-box-shadow: inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow: inset 0px 0px 1px #EDF9FF;
    box-shadow: none;;
    text-align: left;
    zoom: 1;
}



/*How To Enrol Page*/
.erln_period {
    background: #F1F1F1;
    height: 53px;
    margin: 25px 0px;
    padding: 5px 0px;
    border-radius: 3px;
}

.erln_period .col1, .erln_period .col2, .erln_period .col3 {

    background: rgba(0, 0, 0, 0);
    border-right: 2px solid #FFF;
    text-align: center;
}


.erln_period .col1 {
    width:10%;

}
.erln_period .col2 {
        width:44%;
}
.erln_period .col3 {
        width:44%;
            border-right: 0px solid #FFF;
}



.erln_period > div {
    float: left;
    /* padding: 5px; */
    min-height: 53px;
}


/*Contact Image*/

.menu-contact #rt-maintop {
    color: #000;
    background-color: #FFF;
}


.menu-contact section#rt-thirdfullwidth {
   /* margin-top: -50px;*/
}

.menu-contact  div#rt-maintop .rt-container {
    background:white;
    z-index:3
}

textarea#message {
    height: 150px;
}



.button, .readon, .readon2, a.readmore, button.validate, p.readmore a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .sprocket-readmore, .roksearch_results a.clr, .search .btn, #finder-search .btn, .content_vote .btn, .filters .btn {
    font-family: 'roboto', Verdana, Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    border: 0px solid #EA3E5C;
    display: inline-block;
    padding: 10px 20px;
    line-height: normal;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    border-radius: 3px;
    background: #06336D;
    background-image: none;
    text-shadow: none;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    width: 47%;
    height: 40px;
    font-weight: bold;
    letter-spacing: 1px;
}

/******************************************* Courses Styling ********************************************/

.categ_head{
  border: 0px;
}



td {
    border: 1px solid black;
}


.menu-courses div#rt-content-bottom {
    margin-top:-60px;
}


i.fa.fa-shopping-cart:before {
    content:"\f067";
}
/******************************************* SHOP Styling ********************************************/

.mijoshop .product-thumb .button-group button {
    background-color: #FF4F02;
    color: #FFF}


.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #FFF;
    background-color: #F14D05;
}

/*page styling*/
.two_col .col {
    width: 46%;
    float: left;
    padding: 10px;
    min-height: 220px;

}

div#rt-breadcrumbs {
    border-bottom: 1px solid #E6E6E6;
    color: #000;
    background: #F9F9F9;
}

.-enrl_inf .rt-component-block.rt-block, 
.-payme_cls .rt-component-block.rt-block
{
    border-left: 1px solid #E6E6E6;
    margin-top: 0px;
   /* margin-bottom: 40px;*/
}


/*Footer*/

.fp-footer-b li a, .ct_fpus p{
    color: #fff;
    font-size: 85%;
}




/*experimental*/
.term_bx{
    background: #F1F1F1;
    height: 53px;
    margin: 25px 0px;
    padding: 5px 0px;
    border-radius: 3px;
}

.term_bx > div{

    float:left;
/*  padding:5px */
    min-height:53px;

}

.term_bx .col1 {
    width:10%;
    background: transparent;
    border-right: 2px solid white;
    text-align:center;
}

.term_bx .col1:before {
    content: "TERM";
    color: black;
    font-weight: bold;
    display: block;
}


.term_bx .col2 {
    width:20%;
    background: transparent;
    text-align:center;    
}
.col2:before {
    content: "Published Online";
    color: black;
    font-weight: bold;
    display: block;
}

.term_bx .col3 {
    width:50%;
    background: transparent;
    text-align:center;    
}

.col3:before {
    content: "In-Person Enrolment Period";
    color: black;
    font-weight: bold;
    display: block;
}

.term_bx .col4 {
    width:19%;
    background: transparent; 
    text-align:center;  
}

.col4:before {
    content: "Start";
    color: black;
    font-weight: bold;
    display: block;
}




/*
.info_table tbody tr:nth-child(1) td:nth-child(1){
    width: 23%;
}

.info_table tbody tr:nth-child(1) td:nth-child(3) {
    width: 21%;
}

.info_table tbody tr:nth-child(1) td:nth-child(2) {
    width: 25%;
}
*/

.info_table tbody tr:nth-child(1) td:nth-child(1){
    width: 25%;
}

.info_table tbody tr:nth-child(1) td:nth-child(3) {
    width: 21%;
}

.info_table tbody tr:nth-child(1) td:nth-child(2) {
    width: 21%;
}

/*courses*/
.menu-courses input#button-search {
    top: 25px;
    position: absolute;
    right: 15px;
}

.menu-courses .mijoshop #content_oc {
    min-height: 170px;
}

.menu-courses  #mijoshop header, div#mijoshop nav#top{
    display: none;
}

.menu-courses  div#content_oc h1:first-child{
    display:none;
}

.menu-courses div#content_oc p:last-child{
    display:none;
}


.menu-courses #rt-extension {
    color: #000;
    background-color: #F9F9F9;
    border-top: 1px solid #E6E6E6;
}


.menu-courses .sprocket-tabs .sprocket-tabs-panels {
    background: #F9F9F9;
}

/******************************************* Responsive Styling ********************************************/



/*{source}
<head>
<style>
tr {
border: 1px solid black;
}
td {
border: 0px solid black;
text-indent:5px;
}
</style>
</head>
{/source}
*/


/* Smartphones */
@media (max-width: 480px) { 
table.info_table tr td{
    display:block;
    width:100%
}
}
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { 
table.info_table tr td{
    display:block;
    width:100%
}
}
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { 
	div#enrl_no {
    margin-top: 170px;
}
}
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { 
	div#enrl_no {
    margin-top: 170px;
}
}
/* Large Display */
@media (min-width: 1200px) { 
	div#enrl_no {
	    margin-top: 170px;
	}
}





/*mijoshop*/
label.control-label {
    display: none;
}

input#input-quantity {
        display: none;
}



/*how to enrol page*/
a.enrl_btn {
    background: #FF4F02;
    color: white;
    padding: 20px 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 23px;
    width: 170px;
    display: block;
    margin-left: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

/*.menu-courses .rt-mainbody-wrapper .row > div:nth-child(3) {
  display:none;
}*/

div#mijoshop .container_oc:nth-child(3) .row div:first-child .row:nth-child(3) div:nth-child(3) {
	  display:none;
}


.menu-courses label.control-label {
    display: block; 
    clear:both;
    font-weight: bold;
    /*font-size: 162%;*/
font-family: roboto, Verdana, Helvetica, Arial, sans-serif;
text-transform:capitalize;
}




.sprocket-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner, .sprocket-tabs .sprocket-tabs-nav > li.active:hover > .sprocket-tabs-inner {
    color: #ffffff;
    font-weight: bold;
    background: #0C4277;
    font-family: arial;
}

.sprocket-tabs .sprocket-tabs-nav > li:hover > .sprocket-tabs-inner {
    background: #FF4F02;
    color: white;
}

.menu-courses ul.sprocket-tabs-nav {
    border-bottom: 2px solid rgba(12, 66, 119, 0.22);
}

#rt-extension a:not(.readon) {
    color: #FF4F02;
   }

   .rt-block.cp_dt {
    margin-top: 15px;
    padding-left: 0px;
}

div#we_act img {
    width: 70px;
    display: block;
    float: left;
    margin: 5px;
    margin-bottom: 20px;
    min-height: 50px;
    }  

    .customfp-footer-a {
        color: #fff;
    font-size: 85%;
    line-height:20px;
}


.menu-hom #rt-feature {
    padding-bottom: 100px;
}

.menu-hom div#rt-footer {
    margin-top:-200px !important;
}

.carousel-controls {
    position: absolute !important;
    display: block !important;
    bottom: 9px !important;
    width: 100% !important;
}

div#uclogo {
    margin-top: 20px;
}

/*fp_btn*/
div#enrl_no {
    position: relative;
    width: 600px;
    margin: 0 auto;
    text-align: center;
        margin-top: 310px;
}




div#enrl_no .col, div#enrl_no .col a {
    background: rgba(255, 79, 2, 0.71);
    line-height: 50px;
    font-size: 23px;
    text-decoration: none;
    display: block;
    color: white;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    /* font-family: arial; */
}

div#enrl_no .col{
    margin:5px;
}





div#enrl_no .col:nth-child(1) {
width:350px;
position:absolute;
left:0px;
claer:both;
bottom:0px;
}

div#enrl_no .col:nth-child(2) {

width:350px;
position:absolute;
right:0px;
top:0px;

}

div#enrl_no .col a:hover  {
    background: rgba(9, 61, 113, 0.72);
}

 div#enrl_no .col a  {

    background: rgba(255, 79, 2, 0.3);


}

#rt-header {

    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    -webkit-transition: all 00s5s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}


.menu-home #rt-thirdfullwidth {
    height: 230px;

}



.pro_cor {

    color: white;
    padding: 10px;

}

.pro_cor a{
    background: #FF4F02;
    color: white;
    padding:20px;
        border-radius: 10px;

}

.menu-home .owl-item .item .product-layout .product-thumb.transition .button-group button:nth-child(3), .menu-home .owl-item .item .product-layout .product-thumb.transition .button-group button:nth-child(2) {
    display:none !important;
}

.menu-home .mijoshop .product-thumb {
    border: 1px solid #F1F1F1;
    margin-bottom: 20px;
    padding: 0px;
    margin:5px;
}

.menu-home .owl-carousel {
    margin: 0 0 0px;
    background: #FFF;
    border: 4px solid #FFF;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
    -o-box-shadow: 0 0px 0px  rgba(0,0,0,.2);
    box-shadow: 0 0px 0px  rgba(0,0,0,.2);
    zoom: 1;
}

button.btn  {
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #FF4F02;
    background-image: -moz-linear-gradient(top,#FF4F02,#FF4F02);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF4F02),to(#FF4F02));
    background-image: -webkit-linear-gradient(top,#FF4F02,#FF4F02);
    background-image: -o-linear-gradient(top,#FF4F02,#FF4F02);
    background-image: linear-gradient(to bottom,#FF4F02,#FF4F02);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4F02', endColorstr='#DBDBDB', GradientType=0);
    border-color: #FF4F02 #FF4F02 #FF4F02;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 0px solid #FF4F02;
    border-bottom-color: #FF4F02;
    border-radius: 3px !important;
    margin-right:5px;
}

button.btn:hover  {
    color:#fff;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #093D71 ;
    background-image: -moz-linear-gradient(top,#093D71 ,#093D71 );
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#093D71 ),to(#093D71 ));
    background-image: -webkit-linear-gradient(top,#093D71 ,#093D71 );
    background-image: -o-linear-gradient(top,#093D71 ,#093D71 );
    background-image: linear-gradient(to bottom,#093D71 ,#093D71 );
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#093D71 ', endColorstr='#DBDBDB', GradientType=0);
    border-color: #093D71  #093D71  #093D71 ;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-bottom-color: #093D71 ;
}


.sprocket-tabs .sprocket-tabs-nav li .sprocket-tabs-inner {
    color: #000000 ;

}

a#enrln_btn {
    float: right;
    padding: 10px;
    color: white;
    background: #FF4F02;
    font-size: 130%;
    font-weight: bold;
    border-radius: 3px;
    line-height: 50px;
    margin-right: 20px;
    margin-bottom: 20px;
}





/*courses page*/

input#home_phone,
input#work_phone,
input#mobile, 
input#address {
    width: 90%;
}


div#ce-cf-container-11 {
    width: 50%;
}

div#ce-cf-container-9 {
    width: 50%;
}

div#ce-cf-container-13 {
    width: 70%;
}

div#ce-cf-container-17 {
    width: 30%;
}

input#postcode {
    width: 98%;
}

.ce-checkbox-mon-lbl.span12, .ce-checkbox-tue-lbl.span12, .ce-checkbox-wed-lbl.span12, .ce-checkbox-thu-lbl.span12, .ce-checkbox-w-end-lbl.span12 {
    width:33%;
    float:left;
}


input#fp_srch {
    width: 89%;
}

button#srch_btn {
    width: 9%;
    line-height: 39px;
}


input#full_name,
input#email,
input#course_titie {
    width: 100%;
}

textarea#course_description {
    width: 100%;
    height: 150px;
}

textarea#biographical_note {
    width: 100% !important;
    height: 150px !important;
}

input#mobile {
    width: 97%;
}

input#home_phone, input#address {
    width: 98%;
}

.menu-class-enrolment-summary .container_oc #accordion .panel.panel-default:nth-child(3) {
    display:none;
}




































@media (max-width: 480px) {
    div#rt-header .rt-block.menu-block.no-marg.no-pad {
    display: none;
}


.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
    margin: 0 5px;
    font-size: 87%;
}

.mb_canmen{
    margin-top:-10px;
}

/*Homepage*/

    div#rt-top {
        background:black;
    }

    div#rt-top img{
        width: 225px;
        height:115px;
        display:block;
        margin:0 auto;
        

    }

    div#uclogo{
        display:block;
    }

    div#uclogo img {
        position: relative;
        margin: 0 auto;
        width:165px;
        height:auto;
        top:0px;
        left:auto;
        right:auto;
    }

    .menu-home div#rt-utility h1 {
        text-align: left !important;
        line-height: 20px;
        font-size: 113%;
    }

    .menu-home  h1, .menu-home h2, .menu-home  h3, .menu-home  p {
        font-size: 100% !important;
        text-align:left !important;;

    }
    input#fp_srch {
        width: 100%;
    }
    button#srch_btn {
        margin-top:10px;
        width: 100%;
        line-height: 20px;
    }

    .menu-home #rt-mainbody-surround {
        color: white;
        padding: 20px 0px;
        padding-bottom:0px;

    }

/*End of fp*/


/*courses*/
.menu-courses .mijoshop .col-sm-4,  .menu-courses .mijoshop .col-sm-3 {
    padding: 0px 0px;
    width: 99.4%;
    margin-bottom:5px;
}

.menu-courses div#rt-main 

.rt-flex-container 

.rt-mainbody-wrapper.rt-grid-12 

.rt-block {
    padding:0px;
    margin:0px;
}

.menu-courses input#button-search {
    top: inherit;
    position: relative;
    right: inherit;
    margin-top:5px;
    width:100%;
    height:30px;
}



 }





/* ipad landscape */
@media (min-width: 960px) and (max-width: 1025px) { 

    .menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {
    margin: 0 5px;
    font-size: 87%;
}

}















/*acordion menu*/

#accordian {
    background: #093D71;
    width: 100%;
    margin-top:-10px;
/*    margin: 100px auto 0 auto;*/
    color: white;
    /*Some cool shadow and glow effect*/
/*    box-shadow: 
        0 5px 15px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}

.gf-menu-toggle {
    background-color: #FF4E03;
    border: 1px solid #FF4E03;

}

/*heading styles*/
#accordian h3 {
    font-size: 90%;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    /*fallback for browsers not supporting gradients*/
    background: #FF4E03; 
    margin-bottom:0px;
    color: white;
}
/*heading hover effect*/
#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
    font-size: 16px;
    margin-right: 10px;
}
/*list items*/
#accordian li {
    list-style-type: none;
    padding: 5px 0px;
}

#accordian li:first-child {

    padding: 0px 0px;
}



/*links*/
#accordian ul ul li a {
    color: white;
    text-decoration: none;
    font-size: 100%;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    /*transition for smooth hover animation*/
    transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
    background: #003545;
    border-left: 5px solid #FF4E03;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
    display: none;
}

#accordian li.active ul {
    display: block;
}

#accordian h3:after {
    font-family:FontAwesome;
    content:"\f0d7";
    display:block;
    position:absolute;
    right:10px;
    top:0px;
    transition: all 0.30s;
        -webkit-transition: all 0.30s; /* Safari */

}

#accordian ul ul li a:before {
    font-family:FontAwesome;
    content:"\f0da";
    display:block;
    position:absolute;
    right:10px;
        transition: all 0.20s;
        -webkit-transition: all 0.30s; /* Safari */

}

/*#accordian ul li:first-child:before {
    font-family: FontAwesome;
    content: " ";
}
*/



div#accordian ul{
    margin-bottom:0px;
    margin-left: 0px;
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
    .rt-block.menu-block.no-marg.no-pad {
        display:none;
    }

    div#accordian ul {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    }

    div#rt-top  .rt-grid-9.rt-omega {
        position: absolute;
        left: -10px;
        width:100%;
    }

    div#rt-top .menu-block ul.gf-menu.l1 {
        margin-top: 10px;
        position: relative;
    }


    .lg_tpa {
        margin-top:50px !important; 
    }

    div#uclogo img {
        position: absolute;
        right: 5px;
        top: 90px;
        height: 37px;
    }
}


/* Smartphones to Tablets */
@media (max-width: 480px) { 

    a#enrln_btn {
        width: 100%;
        margin: 0px;
        float: none;
    }


    .two_col .col {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .two_col .col p{
        text-align:left !important;
    }

    .rt-mainbody-wrapper.rt-grid-9.rt-push-3 .rt-component-block.rt-block {
        border-left: 0px solid #DDD;

    }
     .-mb_sol section#rt-mainbody-surround .component-content {
        padding: 0px;
    }

     .-mb_sol section#rt-mainbody-surround .rt-block {
        margin: 0px;
        padding: 0px;
    }

    .enr_inf {
        padding: 10px !important;
    }

    .info_table td {
        width: 100% !important;
    }



    /*terms page*/
    .term_bx .col1, .term_bx .col2, .term_bx .col3, .term_bx .col4  {
        width: 100%;
        background: transparent;
        border-right: 2px solid white;
        text-align:center;
    }

    .term_bx > div {
        float: left;
        padding: 0px; 
        min-height: auto;
    }


    .term_bx .col1:before, .term_bx .col2:before, .term_bx .col4:before  {
        display: inline;
        margin-right:5px;
    }

    .term_bx {
        height: 170px;
    }

    .pro_cor a {
        margin:0 auto;
        padding: 20px 10px;
        border-radius: 10px;

    }

    .pro_cor img {
        width:40px;
    }

    .pro_cor{
        float:left !Important;
        margin:0 auto;   
        width:100%;
    }

    div#ce-cf-container-11, div#ce-cf-container-9, div#ce-cf-container-13,div#ce-cf-container-17    {
        width: 100%;
    }


}

/*landscape phone*/
@media screen and (max-device-width: 678px) and (orientation:landscape) {
     .rt-mainbody-wrapper.rt-grid-9.rt-push-3 .rt-component-block.rt-block {
        border-left: 0px solid #DDD;
}
    
    .rt-block.menu-block.no-marg.no-pad {
    display: none;
    }

    .custom.no-pad.no-marg.lg_tpa {
        width: 300px;
        margin: 0 auto !important;
    }

    .info_table td {
        width: 100% !important;
    }


    input#fp_srch {
        width: 79%;
    }

    button#srch_btn {
    width: 18%;
    }   
}


.rt-logo-block.rt-offline-logo {
    display: none;
}

.menu-home  .portrait-image {
    margin-bottom: 50px;
}


span.menu-item-wrapper {
    font-size: 14px;
    padding: 0 5px;
}
.menu-home .moduletable > h3 {
    display: none;
}
@media (min-width:768px) {
.menu-home div#fp_carousel_0 .item {
    width: 20%;
    float: left;
    margin-top: 25px;
}
}

button#button-cart, #cart {
    display: none !important;
}
.product-thumb .button-group {
    display: none !important;
}