@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'futura_ltregular';
    src: url('../fonts/futuralt-webfont.eot');
    src: url('../fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuralt-webfont.woff2') format('woff2'),
         url('../fonts/futuralt-webfont.woff') format('woff'),
         url('../fonts/futuralt-webfont.ttf') format('truetype'),
         url('../fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal; 
} 
@font-face {
    font-family: 'futura_ltbold';
    src: url('../fonts/futuralt-bold-webfont.eot');
    src: url('../fonts/futuralt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuralt-bold-webfont.woff2') format('woff2'),
         url('../fonts/futuralt-bold-webfont.woff') format('woff'),
         url('../fonts/futuralt-bold-webfont.ttf') format('truetype'),
         url('../fonts/futuralt-bold-webfont.svg#futura_ltbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, h5, h6 { margin:5px 0 10px;}

ul, ul li { list-style:none; margin:0; padding:0; }

/* Bootstrap Resets Starts */
.noPadding          { padding: 0 !important;}
.noPaddingLeft      { padding-left: 0 !important;}
.noPaddingRight     { padding-right: 0 !important;}
.noPaddingTop       { padding-top: 0 !important;}
.noPaddingBottom    { padding-bottom: 0 !important;}
.noMargin           { margin: 0 !important;}
.normalMargin           { margin: 15px !important;}
.normalPadding           { padding: 15px !important;}
.noMarginLeft       { margin-left: 0 !important;}
.noMarginRight      { margin-right: 0 !important;}
.noMarginTop        { margin-top: 0 !important;}
.noMarginBottom     { margin-bottom: 0 !important;}
.editMultiLineTxt   { height: 100px !important;}
.paddingLeft        { padding-left: 10px !important;}
.paddingTop         { padding-top: 10px !important;}
.paddingRight       { padding-right: 10px !important;}
.paddingBottom      { padding-bottom: 10px !important;}
.marginLeftNormal   { margin-left: 10px !important;}
.marginTopNormal    { margin-top: 10px !important;}
.marginRightNormal  { margin-right: 10px !important;}
.marginBottomNormal { margin-bottom: 10px !important;}

.width100percent    { width:100% !important;}
.widthAuto          { max-width: 220px !important; width: auto !important;}
.widthFix50         { width: 50px !important;}
.widthFix75         { width: 70px !important;}
.widthFix100        { width: 100px !important;}
.widthFix150        { width: 150px !important;}
.widthFix200        { width: 200px !important;}
.widthFix250        { width: 250px !important;}
/* Bootstrap Resets Ends*/

label { font-weight:500;}
.label { font-weight:700;}

.btn { font-weight:600;}
.btn-warning { background-color: #F3920A; border-color: #eea236; color: #fff; }
.txt-warning { color:#F3920A !important;}
.txt-black { color:#000 !important;}
.txt-greydark { color:#333 !important;}
.txt-greymedium { color:#777 !important;}
.txt-greylight { color:#ccc !important;}
.txt-white { color:#fff !important;}


*  { outline:none !important;}
body  { font:normal 16px/20px  "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif, "futura_ltregular", "Futura URW",FuturaBookCTT, "Futura URW Extra Bold",  "Futura T OT Demi", "Futura Book", "Futura (Light)"; padding-top:0px;}

.navbar { min-height:60px;}
.navbar .navbar-brand  { width:160px; height:auto; margin:0; padding:8px 10px 10px; max-height:100px;  float:left; background:#0D437A; border-radius:0 0 5px 5px; position:absolute; z-index:100;}

.navbar-default {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 0 !important;
    min-height: 60px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #fff; background-color:#0D437A;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#FB711A; background:none;}
  

.jumbotron { background:#4489BF url("../images/pattern_bg_white-01.png") no-repeat scroll center -70px; height:199px; position:relative; margin:0; }
.jumbotron h1 { position:absolute; bottom:0px; font-weight:bolder;}
 
.jumbotron.blue_contianer { background:#95B4DE; height:auto; padding:20px 0 20px; margin-bottom:20px; color:#fff; }
.jumbotron.blue_contianer h3 { font-size:25px; }
.jumbotron.blue_contianer p	 { font-size:14px; }

.searchHeader { padding-top:9px; }
.searchHeader label { font-size:12px;  }
.searchHeader input[type="text"] { border:none; background:none; border-bottom:2px solid #999; border-radius:0 !important; box-shadow:none; padding-left:5px; padding-right:5px; margin-left:5px; min-width:165px; }
 
.jumbotron.landing_slider { padding:0; height:auto;}
 
 
 
.cartHeader { width:60px; height:40px; float:right; margin-top:3px; background:url(../images/icon_add_to_cart.png) left bottom no-repeat; }
.cartHeader .badge {    background: #f60;  margin-left: 30px; }
  
.sidebar { width:100%; float:left;}
.sidebar h3 { width:100%; padding:0px 5% 10px; margin:0;  float:left;}
.sidebar ul { width:100%; padding:5px 5%;  margin:0; float:left;}
.sidebar ul li { padding:5px 0;}
.sidebar ul li,
.sidebar ul li a { color:#F3920A;}
 


.course_listing_Block { display:block; float:left; width:100%; padding:25px 0%; border-top:1px dotted #999;}
.course_listing_Container .course_listing_Block:first-child { border:none;  }

.course_listing_Block .imgMonitor {  position:relative;} 
.course_listing_Block .imgMonitor > img { width:100%;}
.course_listing_Block .imgMonitor .screenBlock {   margin:5%; width: 80%; height:65%; position: absolute; }
.course_listing_Block .imgMonitor .screenBlock h4 { font-size:25px; display:block; text-align:center; color:#fff; }
.course_listing_Block h3 { color:#F3920A;  }
.course_listing_Block h3 span.priceTag {   float:right; padding:5px 10px;   }
.course_listing_Block .imgMonitor .screenBlock img { max-width:40px;}
.course_listing_Block .imgMonitor .screenBlock .centreWrap { top:45%; position:relative; height:auto; transform: translateY(-50%); }

.course_listing_Block .imgMonitor .screenBlock.module_screen { margin:4.3% 4.5% 4.5%; width: 91%; height:66%; position: absolute; }
.course_listing_Block .imgMonitor .screenBlock.module_screen img.module_bg { max-width:100%; max-height:100%; z-index:-1; position:absolute; left:0; top:0;}
.course_listing_Block .imgMonitor .screenBlock.module_screen .centreWrap { max-height:99%; top:49.5%; position:relative; height:auto; transform: translateY(-50%); overflow-x: hidden;  overflow-y: auto;}
.course_listing_Block .imgMonitor .screenBlock.module_screen h4 { font-size:28px; margin:40px 0; font-weight:bold;}

 
 
.well.landing_right_block  p { font-size:18px; }


.footerWrapper { background:#193e79; padding:25px 0; color:#fff;}
.footerWrapper a { color:#fff;}
.footerWrapper h3 { margin-bottom:25px; color:#fff;}


.footerWrapper.landing { background:#fff; color:#333; padding:15px 0; margin:15px 0 0;  border-top:1px dotted #ccc;}

@media screen and (min-width: 768px) {
  }

@media screen and (max-width: 1170px) {
	.container { width:98%; margin:0 auto;}
}


@media screen and (max-width: 768px) {
 
}

.loginBlock { padding:10px 25px 0 0;}
.course_listing_Block h3 .priceTag { border:1px solid #ccc; border-radius:5px; font-size:.8em; background:#f6f6f6; color:#333; font-weight:bold;  }