/* 
	Table of Contents
	update on Fri Jul 17 2015 18:00:16 GMT+0300 (FLE Daylight Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	     03. Base -------------------------------------
	     04. Responsive -------------------------------
	     05. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Wrapper Secondary ------------------------
	     03. Container --------------------------------
	     04. Responsive -------------------------------
	     05. Shell ------------------------------------
	     06. Header -----------------------------------
	     07. Main -------------------------------------
	     08. Responsive -------------------------------
	     09. Footer -----------------------------------
	     10. Responsive -------------------------------
	     11. Content ----------------------------------
	     12. Content Secondary ------------------------
	     13. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Ad ---------------------------------------
	     02. Article ----------------------------------
	     03. Responsive -------------------------------
	     04. Aside ------------------------------------
	     05. Responsive -------------------------------
	     06. Breadcrumbs ------------------------------
	     07. Responsive -------------------------------
	     08. Button -----------------------------------
	         Menu Btn ---------------------------------
	     09. Responsive -------------------------------
	     10. Copyright --------------------------------
	     11. Responsive -------------------------------
	     12. Form Elements ----------------------------
	     13. Form Sign Up -----------------------------
	     14. Form Register ----------------------------
	     15. Responsive -------------------------------
	     16. Intro ------------------------------------
	     17. Responsive -------------------------------
	     18. Link Info --------------------------------
	     19. Link Name --------------------------------
	     20. Responsive -------------------------------
	     21. List -------------------------------------
	         List introduction ------------------------
	         List Nav ---------------------------------
	     22. Responsive -------------------------------
	     23. Logo -------------------------------------
	     24. Logo Blue --------------------------------
	     25. Logo Secondary ---------------------------
	     26. Responsive -------------------------------
	     27. Modal ------------------------------------
	     28. Responsive -------------------------------
	     29. Nav --------------------------------------
	     30. Nav Access -------------------------------
	     31. Nav Progress -----------------------------
	     32. Responsive -------------------------------
	     33. Section ----------------------------------
	     34. Section Primary --------------------------
	     35. Slider -----------------------------------
	     36. Responsive -------------------------------
	     37. Socials ----------------------------------
	     38. Responsive -------------------------------
	     39. Table of Contents ------------------------
	     40. Responsive -------------------------------
	     41. Table ------------------------------------
	     42. Updates ----------------------------------
	     43. Widget -----------------------------------
	     44. Widget Primary ---------------------------
	     45. Widget Secondary -------------------------
	     46. Responsive -------------------------------
 */

.footer-logo { background-image: url(images/TAU_Logo.png); background-repeat: no-repeat; width: 130px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-left { background-image: url(images/sprite.png); background-position: -224px -248px; width: 25px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-right { background-image: url(images/sprite.png); background-position: -253px -248px; width: 25px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-checkbox { background-image: url(images/sprite.png); background-position: -304px -22px; width: 15px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-close { background-image: url(images/sprite.png); background-position: -304px 0; width: 22px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(images/sprite.png); background-position: -153px -209px; width: 39px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-next { background-image: url(images/sprite.png); background-position: -153px -248px; width: 38px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-notification { background-image: url(images/sprite.png); background-position: -195px -248px; width: 25px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-previous { background-image: url(images/sprite.png); background-position: -239px -209px; width: 38px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(images/sprite.png); background-position: -196px -209px; width: 39px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-blue-small { position: absolute; z-index: 10; background-image: url(images/sprite.png); background-position: -153px -120px; width: 128px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-secondary { background-image: url(images/sprite.png); background-position: 0 0; width: 300px; height: 116px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background-image: url(images/sprite.png); background-position: 0 -120px; width: 149px; height: 171px; display: inline-block; vertical-align: middle; font-size: 0; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

body {
	background: #fff url(images/bg-main.png) repeat 0 0px; 
			background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover; 
            -o-background-size: cover;
}

img, iframe, video, audio, object { max-width: 100%; }

iframe, video {
	width: 100%;
	height: 600px;
}

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

.panel-body strong, .panel-body h3 {
	font-weight: normal !important;
}

.panel-body h3 strong {
	font-weight: bold !important;
}

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; border: transparent; }

nav ul,
nav ol { list-style: none outside none; margin: 0px; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

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

}

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

}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
body { min-width: 320px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.3; color: #000; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

ul { list-style: none; }

h1 { font-size: 24px; color: #d0ac54; text-transform: uppercase; font-weight: 600; }
h2 { font-size: 36px; color: #000; font-weight: 500;  }
h3 { font-size: 18px; color: #000; text-transform: uppercase;  }
h4 { font-size: ; }
h5 { font-size: ; }
h6 { font-size: ; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; margin-top: 0; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
.widget-body ol ol, .widget-body ol ul, .widget-body ul ol, .widget-body ul ul, .widget-body ul {
	margin: 25px !important;
}


.modal-backdrop { background: #fff; }
.modal-body {
	padding: 0 0 0 3px !important;
	line-height: 25px;
}

.modal-body .btn {
	margin-right: 10px;
}

.modal-body.terms {
	padding: 15px 0 !important;
}

.container-fluid {
	margin-left: 15px;
	margin-right: 15px;
}

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 460px){
	h1 { }
	h2 { font-size: 26px; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after,
.form-row:after,
.socials ul:after,
.footer:after,
.modal .modal-callout:after,
.bar:after,
.nav-access ul:after,
.header:after,
.section:after,
.tabs-inner:after,
.nav ul:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { height: 100%; }

/* ------------------------------------------------------------ *\
	Wrapper Secondary
\* ------------------------------------------------------------ */

.wrapper-secondary { min-height: 94%; }
.wrapper-secondary .footer { position: relative; }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/*.container { width: 1146px; }*/

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

/*@media(max-width: 1116px){
	.container { width: 100%; }
}*/

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1146px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { line-height: 95px !important; }
.header a { padding: 0 20px !important; }
.header a#logo {padding: 0px !important;}
.header img { width: auto; max-height: 62px !important;}
.header .navbar-nav > li > a { line-height: inherit; }
.header .navbar-nav > li > ul > li.menu-class a {
	padding: 15px 26px 15px 36px !important;
	border-bottom: 1px solid #eee;
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { 
padding-top: 41px; padding-bottom: 70px; 
}

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.main { background-position: 0 -200px; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #d0ac54; position: relative; left: 0; bottom: 0; width: 100%; color: #fff; padding: 18px 0; }

.footer a:hover { color: #80243A;  }

.footer .footer-logo { float: right; margin-right: 15px; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.footer { position: relative; bottom: auto; text-align: center; }

	.footer .footer-logo { float: none; margin: 20px auto 0; }

	.footer .text-right { text-align: center; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {
	@media(max-width: 1024px){
		img {
			height: auto !important;
		}
	}
}

/* ------------------------------------------------------------ *\
	Content Secondary
\* ------------------------------------------------------------ */

.content-secondary { float: right; width: 65.16%; background: #fff; border-top: 1px solid  #ccc; border-bottom: 1px solid  #ccc; border-right: 1px solid  #ccc; border-left: 3px solid  #80243a; padding: 0px 20px; }

@media(max-width: 768px){
	.content { margin-bottom: 20px; }
}

@media(max-width: 656px){
	.content-secondary { float: none; width: 100%; margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Ad
\* ------------------------------------------------------------ */

.ad img { width: 100%; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { border: 1px solid  #ccc; padding: 30px 25px 15px; background: #fff; overflow: hidden; }

.article h3 { text-transform: none; font-size: 18px; margin-bottom: 25px; }
.article p, .article ul li, .article ol li { font-size: 18px; line-height: 28px;  margin-bottom: 22px; }
.article b {font-weight: bold;}

.article ul li { margin-bottom: 0px; list-style: disc;}

.article ol li { margin-bottom: 0px;}

.article .article-body img[style*="float:left"], .article .article-body img[style*="float: left"] {
  margin: 0 25px 25px 0 !important;
  height: inherit !important;
}

.article .article-body img[style*="float:right"], .article .article-body img[style*="float: right"] {
  margin: 0 0px 25px 25px !important;
  max-width: 350px !important;
  height: inherit !important;
}


.article .article-body img {
	border: 1px solid #ccc;
	padding: 5px;
}

.article .article-body ul, .article .article-body ol {
	margin-left: 25px;
}

.article-head {
	display: none;
}

.article .article-body h2 {
	margin-bottom: 5px;
	margin-top: 30px;
}

.article .article-body h2:first-of-type {
	border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    margin-top: 0px;
    padding-bottom: 22px !important;
    font-size: 36px;
}

.article .article-body h2[style*="font-style:italic"] {
	font-size: 30px;
	font-style: italic;
}

.article .article-body hr {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
    float: left;
    width: 100%;
}

.article .article-body p < img {
	margin: 0px;
	padding: 0px;
}

.modal-callout {
	display: none;
}

.article .article-body.affiliate table {
	width: inherit;
}

.article .article-body.affiliate table tr td {
	padding: 5px 50px 5px 0px;
}

.resource-download {
	padding: 5px 0;
}

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 1200px){
	.article { padding-left: 45px; }
}

@media(max-width: 460px){
	.article { padding-left: 25px; }
}

/* ------------------------------------------------------------ *\
	Aside
\* ------------------------------------------------------------ */

.aside { float: left; width: 34.84%; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 656px){
	.aside { float: none; width: 100%; margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Breadcrumbs
\* ------------------------------------------------------------ */

.breadcrumbs { font-size: 20px; color: #999; font-weight: 500; padding-bottom: 35px; }

.breadcrumbs a { color: #d0ac54; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline;  }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 460px){
	.breadcrumbs { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px / 4px; background-color: #cfab53; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); color: #fff; font-size: 18px; text-shadow: 0 -1px 0 rgba(0,0,0,.23); text-transform: uppercase; text-decoration: none; font-weight: 600; padding: 2px 15px 0px; line-height: 40px; }
.btn:hover,
.btn:active,
.btn:focus { background: #b38d31; border: 1px solid  #a78228;  }

/*  Menu Btn  */

.btn-menu { display: none; height: 9px; padding-top: 9px; position: absolute; right: 30px; top: 127px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #fff; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #fff; content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
    transition: all .3s linear; 
 }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #d0ac54; }

.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
        -ms-transform: rotate(45deg) translate(2.5px, 6px);
    transform: rotate(45deg) translate(2.5px, 6px);

}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        -ms-transform: rotate(-45deg) translate(2.5px, -6px);
    transform: rotate(-45deg) translate(2.5px, -6px); 
}

a.tab {
	background: #fff;
	color: #80243a;
	padding: 10px 15px 7px;
	text-decoration: none;
	margin: 0px;
	display: inline-block;
	line-height: 20px;
	font-weight: 500;
}

a.tab.active {
	background: #80243a;
	color: white;
	text-decoration: none;
	margin: 0px;
	display: inline-block;
	line-height: 20px;
}


/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 720px){
	.btn-menu { display: inline-block; }
}

@media(max-width: 390px){
	.btn-menu { top: 111px; right: 15px; }
}

/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */

.copyright { float: left; padding-top: 30px; padding-bottom: 2px;  padding-left: 15px; font-size: 16px; }

.copyright a { text-decoration: none; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.copyright { float: none; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}

/* ------------------------------------------------------------ *\
	Form Sign Up
\* ------------------------------------------------------------ */

.form-signup { width: 332px; position: absolute; top: 119px; right: 381px; font-weight: 500;  }

.form-signup input[type=checkbox] { display: none;  }
.form-signup input[type=checkbox] + label span { display:inline-block; width:14px; height:14px; margin:-2px 4px 0 0; vertical-align:middle; background: #fff; cursor:pointer; border-radius: 2px; border: 1px solid  #d2d2d2;  }
.form-signup input[type=checkbox]:checked + label span { background-image: url(images/sprite.png); background-position: -304px -22px; background-color: #fff;  }

.form-signup .form-label { margin-top: 9px; margin-left: -3px; font-weight: 500;  }

.form-signup .form-head { display: none; background: #d0ac54; color: #fff; float: right; }
.form-signup .form-head h3 { margin-top: 0; padding: 12px 25px; text-transform: uppercase; font-size: 18px; text-shadow: 0 -1px 0 rgba(0,0,0,.23); }

.form-signup .form-body { overflow: hidden; background: #80243a; clear: both; padding: 30px 5px 20px 30px; color: #fff; margin-bottom: 100px;  }

.form-signup .form-body h3 { margin-bottom: 20px;  }

.form-signup .form-controls .field { background: #fff; border: 1px solid  #dbdbdb; border-radius: 2px; margin-bottom: 19px; color: #666; font-size: 18px; padding: 6px 7px 7px; width: 296px;  }

.form-signup .form-actions {  margin-top: -2px; }

.form-signup .form-btn { background: #d0ac54; border: 1px solid  #421225; border-radius: 3px; padding: 7px 32px 7px 35px; float: right; font-size: 14px; text-shadow: 0 -1px 0 rgba(0,0,0,.23); text-transform: uppercase; font-weight: 600; }
.form-signup .form-btn:hover { background: #b59443;  }

/* ------------------------------------------------------------ *\
	Form Register
\* ------------------------------------------------------------ */

.form-register .field { border: 1px solid #dbdbdb; border-radius: 2px; margin-bottom: 15px; padding: 10px 8px; width: 272px; font-size: 16px; color: #666; text-transform: uppercase; 
background-color:                       #fff;
background:linear-gradient(to top, #fff 0%, #f9f8f8 100%);
 }

.form-register .form-btn { border: 1px solid #caa022; border-radius: 3px; background-color: #cfab53; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); text-transform: uppercase; text-decoration: none; font-weight: 600; color: #fff; padding: 9px 23px;  }
.form-register .form-btn:hover { background: #b59443;  }

.form-register .form-body { margin-left: 15px; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.form-signup { position: relative; margin: auto; top: 15px; left: 0; width: 381px; }

	.form-signup .form-controls .field { width: 100%; }

	.form-signup .form-head { display: block; text-align: center; float: none; }

	.form-signup .form-body { margin-bottom: 0; }

	.form-register { margin-bottom: 20px; }
	.form-register .field { width: 100%; font-size: 12px; }
}

@media(max-width: 400px){
	.form-signup { width: 95%; }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { }
.intro h3 { color: #fff; }

.intro .intro-image { background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0;  }

.intro .intro-inner { background: #fff url(images/bg-main.png) repeat center top; width: 381px; text-align: center; position: fixed; top: 0; bottom: 0; height: 100%; right: 0; overflow: auto; border-left: 28px solid  #80243a; padding: 47px 20px 50px; }

.intro .intro-inner h1 { margin: 28px 0 20px; line-height: 29px;  }
.intro .intro-inner h1:after { content: ''; width: 268px; height: 1px; background: #d0ac54; display: inline-block;  }
.intro .intro-inner p { font-size: 14px; color: #000; margin-bottom: 50px; line-height: 1.71; font-weight: 400;  }

.intro .intro-inner .btn { margin-bottom: 100px; }

.intro-content img.brand-logo {
	max-height: 200px;
}

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.intro .intro-image { height: auto; }
	
	.intro .intro-content { padding-bottom: 50px; }

	.intro .intro-inner { position: relative; margin: auto; height: auto;  top: 25px; border: 0; margin-bottom: 60px;  }

	.intro .intro-inner .btn { margin-bottom: 0; }
}

@media(max-width: 400px){
	.intro .intro-inner { width: 95%; }
	.intro .intro-inner h1 { line-height: 1; }
}

/* ------------------------------------------------------------ *\
	Link Info
\* ------------------------------------------------------------ */

.link-info { font-size: 16px; color: #d0ac54; text-decoration: underline; float: right; margin: 16px 0 26px;  }
.link-info:hover { text-decoration: none; color: #d0ac54; }

/* ------------------------------------------------------------ *\
	Link Name
\* ------------------------------------------------------------ */

.link-name { display: block;  }
.link-name span { display: inline-block; margin-top: 0px; margin-left: -16px; margin-right: 24px;  vertical-align: middle; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 640px){
	.link-name { margin-left: 15px;  }
	.link-name span { margin-right: 5px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/*  List introduction  */

.list-introduction { font-size: 14px; color: #000; position: relative; padding-left: 1px; margin-left: 13px;  }

.list-introduction li { position: relative; min-height: 60px; padding-left: 59px; text-transform: uppercase; width:328px;  }
.list-introduction li.current { color: #0ab30e;  }
.list-introduction li.current:before { border-color: #0ab30e; box-shadow: inset 3px 3px 0px #fff, inset -3px -3px 0px #fff, inset -3px 3px 0px #fff, inset 3px -3px 0px #fff; background: #0ab30e;  }
.list-introduction li.current:after { content: ''; width: 5px; height: 38px; position: absolute; left: 19px; top: 42px; background: #0ab30e;  display: inline-block;  }
.list-introduction li a {
	vertical-align: middle;
	display: table-cell;
	height: 47px;
}

.list-introduction li:before { content: ''; width: 42px; height: 42px; border: 5px solid  #ccc; border-radius: 50%; background: #fff; display: inline-block; position: absolute; top: 0; left: 0; z-index: 1;  }

.list-introduction li:after { content: ''; width: 5px; height: 100%; background: #ccc; top: 0; left: 19px; bottom: 0; position: absolute;  }
.list-introduction li:last-child:after { background: none;  }

.list-introduction .list-introduction-single p { display: table-cell; vertical-align: middle; height: 47px; color: #aaa; }

/*  List Nav  */

.list-nav { border: 1px solid  #ccc; border-right: none; margin-top: -1px; }

.list-nav li { font-weight: 500; font-size: 18px; color: #80243a; border-bottom: 1px solid  #ccc; text-transform: uppercase; float: none; margin-bottom: 0;  }
.list-nav li:last-child { border-bottom: none;  }
.list-nav a { display: block; padding: 12px 12px 10px; text-decoration: none; border: none; border-radius: 0; margin: 0; outline:0; }
.list-nav > li > a { border-radius: 0; margin: 0; border: none;  }
.list-nav > li > a:hover { border: none;  }

.list-nav > li.active > a,
.list-nav > li.active > a:focus,
.list-nav > li.active > a:hover,
.list-nav > li:hover > a { background: #80243a; color: #fff !important; border: none;  }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 656px){
	.list-nav { border-right: 1px solid  #ccc; }

	.list-introduction li { font-size: 14px; }
}

@media(max-width: 460px){
	.list-introduction li:last-child { min-height: auto; margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { margin-bottom: 55px; }

/* ------------------------------------------------------------ *\
	Logo Blue
\* ------------------------------------------------------------ */

.logo-blue-small { margin-left: 13px; margin-top: 5px;  }

/* ------------------------------------------------------------ *\
	Logo Secondary
\* ------------------------------------------------------------ */

.logo-secondary { float: left; background: url(images/logo-secondary.png) no-repeat 0 0; width: 300px; height: 116px; display: inline-block; vertical-align: middle;  }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 390px){
	.logo-secondary { background-size: 220px 85px; width: 220px; height: 85px;  }
}

/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */

.modal:before {display: inline-block; vertical-align: middle; content: " "; height: 100%; }

.modal h4 { font-size: 34px; line-height: 1; text-transform: uppercase; font-weight: 500; color: #80243a; }
.modal h5 { font-size: 20px; line-height: 1; text-transform: uppercase; font-weight: 400; color: #80243a; }
.modal p { font-size: 14px; color: #626262; font-weight: 500; line-height: 1.43; }

.modal .modal-content { box-shadow: none; border-radius: 0; padding: 30px; }
.modal .modal-dialog { width: 731px; position: relative; display: inline-block; text-align: left; vertical-align: middle; left: 50%; margin-left: -365px;  }
.modal .row { margin-left: -30px; margin-right: -30px;  }
.modal .modal-callout { background: #d0ac54; padding: 12px 14px 12px; color: #fff; font-weight: 500; }
.modal .modal-callout ul { float: right;  }
.modal .modal-callout span { float: left;  }

.modal .modal-foot { position: absolute; right: 30px; bottom: 30px; }

#pass-modal .modal-content {
	border-radius: 25px 25px 25px 25px;
	padding: 0px;
	background: #ececec;
}

#pass-modal .modal-content h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 25px;
}

#pass-modal .modal-header {
	padding: 0px;
	border-bottom: none;
}

#pass-modal .course-image {
	display: block;
    height: 240px;
    width: 352px;
}

#pass-modal .modal-body {
	padding: 0 0px 35px 13px !important;
	border: none;
	overflow: hidden;
}

#pass-modal .course-content {
	padding: 0 15px;
}

#pass-modal .course-content p {
	font-size: 16px;
	color: #092745;
	text-align: center;
}

#pass-modal .course-content h3 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #092745;
	padding-bottom: 10px;
}

#pass-modal .course-content a.resources {
	background: #d1b484;
    color: #092745;
    display: block;
    font-weight: bold;
    padding: 10px 12px 9px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    right: -30px;
    margin-top: 25px;

    -webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#pass-modal .modal-footer {
	background-color: white;
	text-align: center;
}



#fail-modal .modal-content {
	border-radius: 25px 25px 25px 25px;
	padding: 0px;
	background: #ececec;
}

#fail-modal .modal-content h2 {
	color: white;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 15px 25px;
    text-transform: uppercase;
}

#fail-modal .modal-header {
	padding: 0px;
	border-bottom: none;
	background-color: #c73035;
	color: white;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#fail-modal .course-image {
	display: block;
    height: 240px;
    width: 352px;
}

#fail-modal .modal-body {
	padding: 0 0px 35px 13px !important;
	border: none;
	overflow: hidden;
}

#fail-modal .course-content {
	padding: 0 15px;
}

#fail-modal .course-content p {
	font-size: 16px;
	color: #092745;
	text-align: center;
}

#fail-modal .course-content h3 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #092745;
	padding-bottom: 10px;
}

#fail-modal .course-content a.close {
	background: #c73035;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-top: 25px;
    opacity: 1;
    padding: 12px 17px 9px;
    position: relative;
    right: -30px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;

    -webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#fail-modal .modal-footer {
	background-color: white;
	text-align: center;
}

p.noresources {
	background: white;
	padding: 10px 10px 8px;
	margin: 0px;
	border: 1px solid #ccc;
}

#resource-modal .modal-body {
	padding: 25px 0 !important;
}

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.modal { width: 100%; }
	.modal .modal-dialog { width: 100%; left: 0; margin-left: 0; }
	
	.modal.fade .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; top: 30px;  position: absolute; }

	.modal .modal-foot { width: 100%; bottom: 20px; left: 0; text-align: center; }

	.modal .modal-callout { margin-bottom: 30px; }
}

@media(max-width: 370px){
	.modal .modal-callout ul,
	.modal .modal-callout span { float: none;  }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

header .nav { float: right; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600;margin-right: 0px; line-height: 95px; }
header .nav.access { padding-top: 0;}
header .nav.access .dropdown-toggle.clear { color: #000;}
header .nav.access .hidden-sm.hidden-md { display:inline-block;}
header .nav li { float: left;}
header .nav a { color: #fff; text-decoration: none;  }

/*.nav li:hover a,
.nav .current a { color: #d0ac54; border-bottom: 2px solid  #d0ac54; }
.nav.access .nav li:hover a{
	border: none !important;
	color: #000 !important;
}*/
header .nav.access a:hover,
header .nav.access li:hover,
header .nav.access.dropdown-menu>li>a:hover { border-bottom: none !important; text-decoration: none !important;}


/* ------------------------------------------------------------ *\
	Nav Access
\* ------------------------------------------------------------ */

.nav-access { float: right; min-height: 67px;  }

.nav-access ul { display: table;  }
.nav-access li { display: table-cell; border-left: 1px solid  #eee; padding: 0px 34px; border-right: 5px solid transparent; }
.nav-access li:last-child { padding-right: 0px;  }
.nav-access img { margin-bottom: 1px;  }
.nav-access a { text-decoration: none; position: relative; display: inline-block;  }
.nav-access a:hover { color: #80243A;  }
.nav-access a span { font-size: 20px;  }
.nav-access a span:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 6.5px 0 6.5px; border-color: #201a17 transparent transparent transparent; position: relative; top: 18px; margin-left: 9px; }
.nav-access a span.notifications { width: 28px; height: 28px; font-size: 20px;  display: inline-block; background: #e40202; border-radius: 50%; vertical-align: middle; color: #fff; position: absolute; top: -13px; right: -17px; padding-left: 8px;  }
.nav-access a span.notifications:after { border: none;  }

/* ------------------------------------------------------------ *\
	Nav Progress
\* ------------------------------------------------------------ */

.nav-progress { margin: 68px 0 0; position: relative;  }
.nav-progress .progress-bar span { color: #fff; display: inline; left:0; right:0; }

.nav-progress .progress { width: 643px; max-width: 100%;  margin: auto; position: relative; height: 40px; border: 1px solid #999; border-radius: 5px; background-color: #fff; padding: 1px; }
.nav-progress .progress-bar-danger { border-radius: 5px 0 0 5px; 
	background-color:                       #7f2339;
	background:linear-gradient(to top, #7f2339 0%, #983049 100%);
	position: relative; 
	overflow:hidden;
 }
 .nav-progress span { position: absolute; top: 8px; left: 0; width: 100%; text-align: center; color: #401f38; font-size: 18px; font-weight: 500; text-transform: uppercase;  }
 
 .nav-progress .nav-progress-actions a { position: absolute; top: 6px; display: inline-block; vertical-align: middle; font-size: 22px; color: #80243a; text-transform: uppercase; font-weight: 600; text-decoration: none;  }
 .nav-progress .nav-progress-actions a:hover { opacity: .7;  }
 .nav-progress .nav-progress-actions a.progress-prev { left: 0;  }
 .nav-progress .nav-progress-actions a.progress-prev:before { content: ''; display: inline-block; vertical-align: middle; width: 38px; height: 32px; padding-left: 45px; margin-right: 6px; }
 .nav-progress .nav-progress-actions a.progress-next { right: 0;  }
 .nav-progress .nav-progress-actions a.progress-next:after { content: ''; display: inline-block; vertical-align: middle; width: 38px; height: 32px; padding-right: 45px; margin-left: 6px; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

/*@media(max-width: 1000px){
	.nav-progress { margin-top: 30px; }
	.nav-progress .nav-progress-actions { text-align: center; }
	.nav-progress .nav-progress-actions a { position: relative; margin: 10px 15px 0; }
}

@media(max-width: 720px){
	.nav ul { visibility: hidden; opacity: 0; z-index: -1; position: absolute; left: 0; top: 213px; background: #fff; width: 100%; transition: opacity .3s; }
	.nav ul.shown { visibility: visible; opacity: 1; z-index: 999;  }
	.nav ul.shown li { float: none; margin: 0; display: block; text-align: center; border-bottom: 1px solid #ccc; }
	.nav ul.shown li.current a,
	.nav ul.shown li:hover a { background: #80243A; color: #fff; border-bottom: none; }
	.nav ul.shown a { display: block; padding: 20px; color: #80243A; text-decoration: none;  }
}

@media(max-width: 520px){
	.nav-access li { padding: 0 15px; }
	.nav-access img { display: none;  }
	.nav-access a { display: block; padding: 19px 0;  }
	.nav-access a span { font-size: 15px;  }
	.nav-access a span:after { top: 15px; }
	.nav-access a span.notifications { font-size: 12px; width: 19px; height: 19px; right: -6px; top: 13px; }

	.nav-progress .nav-progress-actions a { font-size: 15px; }
}

@media(max-width: 390px){
	.nav ul { top: 181px; }

	.nav-access li { padding: 0 7px; border: none; }
}*/

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section h2 { margin-bottom: 0; }
.section h3 { margin-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary { margin-left: 5px; margin-bottom: 2px; }

.section-primary h2 { margin-bottom: 3px;  }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { margin-bottom: 24px; }

.slider img { width: 100%; }

.slider .slides { list-style: none outside none; }

.slider .carousel-control { background-image: none; text-shadow: none; top: 50%; margin-top: -6px; }
.slider .carousel-control.left { width: 0; height: 0; border-style: solid; border-width: 19.5px 34px 19.5px 0; border-color: transparent #ffffff transparent transparent; left: 38px;  }
.slider .carousel-control.right { width: 0; height: 0; border-style: solid; border-width: 19.5px 0 19.5px 34px; border-color: transparent transparent transparent #ffffff; right: 38px;  }

.slider .carousel-indicators { bottom: 17px;  }
.slider .carousel-indicators li { background: rgba(255,255,255,.5); border: 0; width: 15px; height: 15px; margin: 1px;  }
.slider .carousel-indicators li.active { background: #fff; width: 15px; height: 15px;  }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.slider .carousel-control.right { border-width: 9.5px 0 9.5px 18px;}
	.slider .carousel-control.left { border-width: 9.5px 18px 9.5px 0; }

	.slider .carousel-indicators { display: none; }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { clear: both; margin: 0 -4px; display: none; }

.socials ul { margin-left: 2px; }
.socials li { float: left; margin-right: 5px; }
.socials li:last-child { margin-right: 0;  }
.socials li:hover { opacity: .7;  }
.socials span { float: left; margin-right: 15px; font-size: 13px; text-transform: uppercase; margin-top: 9px;  }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 365px){
	.socials ul { margin-left: 0; margin-top: 5px;  }
	.socials ul,
	.socials span { float: none; }
}

/* ------------------------------------------------------------ *\
	Table of Contents
\* ------------------------------------------------------------ */

.success {
	
}

div.course-exam.alert-success { margin-left: 80px; }

.table-contents { position: fixed; left: -393px; top: 25%; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.35); width: 392px; z-index: 10; transition: left .3s; }
.table-contents.visible { left: 0;  }
.table-contents.visible .table-contents-trigger span#right i { background-image: url(images/sprite.png); background-position: -224px -248px;  }

.table-contents a { outline: 0; }

.table-contents h4,
.table-contents .table-contents-actions a span { color: #aaa; font-size: 14px; text-transform: uppercase; font-weight: 500; margin-bottom: 3px; }
.table-contents h2,
.table-contents .table-contents-actions a strong { color: #000; font-size: 18px; text-transform: uppercase; font-weight: 600;  }

.table-contents .table-contents-head { padding: 15px 20px; border-bottom: 1px solid  #ccc; }

.table-contents .table-contents-body { padding: 15px 10px; max-height:300px; overflow:hidden; overflow-y:auto;}

.table-contents-body::-webkit-scrollbar {background:#A84D63;}
.table-contents-body::-webkit-scrollbar-button {background:#80243A;}
.table-contents-body::-webkit-scrollbar-thumb {background: #A84D63;}
.table-contents-body::-webkit-scrollbar-thumb:hover {background: #A84D63;}
.table-contents-body::-webkit-scrollbar-thumb:active {background: #A84D63;}
.table-contents-body::-webkit-scrollbar-track {background: #EEEEEE;}
.table-contents-body::-webkit-scrollbar-track:hover {background: #EEEEEE;}
.table-contents-body::-webkit-scrollbar-track:active {background: #EEEEEE;}
.table-contents-body::-webkit-scrollbar-corner {background: transparent;}  

.table-contents .table-contents-actions a { background: #eee; display: block;  padding: 15px 20px 15px; text-decoration: none;  }
.table-contents .table-contents-actions a:hover { background: #f5f5f5;  }

.table-contents-trigger { line-height: 16px; }
.table-contents .table-contents-trigger { background: #80243a; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; color: #fff; text-decoration: none; font-size: 18px; height: 51px; font-weight: bold;  display: inline-block; padding: 17px 60px 13px 20px; position: absolute; top: 0; left: 100%; margin-left: 51px; width: 267px;  }
.table-contents .table-contents-trigger span#right { display: inline-block; background: #a84d63; position: absolute; bottom: 0px; right: 0px;  padding: 15px 16px 15px; }
.table-contents .table-contents-trigger span#right i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */


@media(max-width: 460px){
	.table-contents { position: relative; top: 15px; left: 0; border: 0; width: 100%; max-width: none; z-index: 1;  }

	.table-contents .table-contents-trigger { position: relative; top: 0; left: 0;  -webkit-transform: rotate(0deg);  -ms-transform: rotate(0deg);  transform: rotate(0deg); -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; margin: 0; width: 100%;  }
	.table-contents .table-contents-trigger span#right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

	.table-contents.visible .table-contents-trigger span#right i { background-image: url(images/sprite.png); background-position: -253px -248px; }

	.table-contents h4,
	.table-contents .table-contents-actions a span { font-size: 16px; }
	.table-contents h2,
	.table-contents .table-contents-actions a strong { font-size: 24px; }

	.table-contents .table-contents-trigger span { display: none; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

table {
	.content &, .sidebar & {
		display: block;
		width: 100%;
		overflow-x: auto;
	}
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: middle;
	padding: 15px 0px 10px;
}

/* ------------------------------------------------------------ *\
	Updates
\* ------------------------------------------------------------ */

.update-body ul {
	list-style: disc;
	padding: 0 0 15px 30px;
}
.updates { padding-left: 3px; padding-top: 1px;  }
.updates h4 { font-size: 20px; color: #000; margin-bottom: 11px; }
.updates h4 a { text-decoration: none;  }
.updates h4 a:hover { color: #80243A;  }

.updates p { font-weight: 500; font-size: 14px; color: #626262; line-height: 1.43; margin-bottom: 9px; }

.updates .update { border-bottom: 1px solid  #eee; padding: 15px 0;  }
.updates .update:last-child { border-bottom: 0;  }

.updates .update-actions a { color: #80243a; font-weight: 600; }
.updates .update-actions a:hover { color: #80243a; text-decoration: none;  }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

.widgets .widget { margin-bottom: 29px; }

/* ------------------------------------------------------------ *\
	Widget Primary
\* ------------------------------------------------------------ */

.widgets .widget-primary { background: #d0ac54; color: #fff; padding: 25px 30px 37px; }
.widgets .widget-primary h3 { color: #fff; margin-bottom: 14px; font-size: 24px; font-weight: 600;  }
.widgets .widget-primary p { font-size: 18px; line-height: 1.5; margin-left: 2px;  }

/* ------------------------------------------------------------ *\
	Widget Secondary
\* ------------------------------------------------------------ */

.widgets .widget-secondary { background: #aaa; color: #fff; text-align: center; width: 308px; max-width: 100%;  margin: auto; padding: 20px 15px 26px; }
.widgets .widget-secondary h3 { color: #fff; font-weight: 500; font-size: 21px; margin-bottom: 11px;  }
.widgets .widget-secondary p { line-height: 1.57; margin-left: -7px;  }
.widgets .widget-secondary .widget-actions { font-weight: 500; font-size: 18px; margin-top: 10px;  }
.widgets .widget-secondary a:hover { text-decoration: none; color: #fff; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 768px){
	.widgets .widget-secondary { width: 90%; }
}

/* ------------------------------------------------------------ *\
	Brand Header User Menu
\* ------------------------------------------------------------ */

.bg-danger {
  background-color: #f05050;
  color: #ffffff !important;
}

.badge.up {
  position: relative;
  top: -10px;
  padding: 3px 6px;
  margin-left: -10px;
}

.badge-sm {
  font-size: 85%;
  padding: 2px 5px !important;
}

.avatar img {
  border-radius: 500px;
  width: 100%;
  margin-top: 2px;
}

.thumb-sm {
  width: 40px;
  display: inline-block;
}

#brand-user-notify{
	height:67px !important;
	line-height:40px !important;
	padding: 15px !important;
}

#brand-user-nav {
	margin-right: 0px;
}

.global-bar.nav.access a span, #brand-user-nav a.dropdown-toggle span, #brand-user-nav a {
	font-family: "franklin-gothic-urw",sans-serif !important; 
}

.global-bar.nav.access a span,
#brand-user-nav a.dropdown-toggle span{
	font-size:14px !important;
	color:#363f44 !important;
	display: inline-block;
}

#brand-user-nav a.dropdown-toggle span.hidden-sm.hidden-md {
	display: inline-block;
}
.global-bar.nav.access li {
	padding: 0 !important;
}
.global-bar.nav.access .link a {
	height: 67px !important;
	padding-top: 13px;
}

.global-bar.nav.access .link a span {
	display: inline-block;
}
nav.navbar .navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}

#brand-user-nav li{
	margin-left:0px;
	border-left: 1px solid #eee;
}

#brand-user-nav ul.dropdown-menu{
	min-width:196px;
}

#brand-user-nav ul.dropdown-menu li{
	float:none;
	margin-left:0px;
}

#brand-user-nav ul.dropdown-menu li.divider{
	height: 1px !important;
	margin: 0 !important;
	overflow: hidden !important;
	background-color: #e5e5e5 !important;
}

#brand-user-nav .caret{
	margin-right:8px;
}

#brand-user-nav li a {
	display:block !important;
	color:#363f44 !important;
	padding: 0px 15px !important;
	line-height: 65px;
	text-decoration: none;
}

#brand-user-nav li a i {
	display: block;
	line-height: 65px;
}

#brand-user-nav li a.languages i {
	display: inline-block;
	line-height: 30px;
}

#brand-user-nav ul.dropdown-menu li a {
	display:block !important;
	color:#363f44 !important;
	padding: 5px 15px;
	line-height: 30px;
}

/*#brand-user-nav li:hover a,
#brand-user-nav ul.dropdown-menu li a:hover,
#brand-user-nav ul.dropdown-menu li a.current{
	color:#363f44 !important;
	border-bottom:none !important;
}*/
#brand-user-nav div.dropdown-menu .panel{
	min-width:300px !important;
	margin-bottom:0px !important;
	padding:0px !important;
}
#brand-user-nav div.dropdown-menu .panel .panel-heading{
  border-color: #edf1f2 !important;
  background-color: #edf1f2 !important;
  color: #58666e !important;
  border-radius: 2px 2px 0 0 !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid transparent !important;
}
#brand-user-nav div.dropdown-menu .panel .panel-footer{
  border-color: #edf1f2 !important;
  background-color: #ffffff !important;
  color: #58666e !important;
  border-radius: 2px 2px 0 0 !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid transparent !important;
  margin-top:16px !important;
}
#brand-user-nav div.dropdown-menu .panel .list-group{
	font-size:13px !important;
}
#brand-user-nav div.dropdown-menu .panel .list-group .list-group-item,
#brand-user-nav div.dropdown-menu .panel .list-group .list-group-item:hover {
  margin-bottom: -16px !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-left:none !important;
  border-right:none !important;
}
#brand-user-nav div.dropdown-menu .panel .list-group a{
	color:#363f44 !important;
}
#brand-user-nav div.dropdown-menu .panel .panel-footer a{
	font-size:13px !important;
	color:#363f44 !important;
}

#brand-user-nav.nav {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "franklin-gothic-urw",sans-serif;
}
.bar {
    height: 68px;
    background-color: white;
}

.row.landing {
	margin-top: 100px;
}

/* ------------------------------------------------------------ *\
	Points / Rewards
\* ------------------------------------------------------------ */

.nights-label {
	text-align: left;
	display: table-cell;
	width: 40%;
	padding-right: 20px;
	vertical-align: middle;
}

.nights-number {
	display: table-cell;
	width: 40%;
	text-align: left;
	font-size: 18px;
	border-radius: 5px;
	text-align: center;
}

.agent-rewards {
	border-radius: 5px;
}

.agent-rewards .col-sm-3 {
	width: 20%;
}

.rewards-wrapper {
	margin-top: -20px;
	margin-bottom: 15px;
}

.agent-rewards #redeem-nights {
	display: inline-block;
    font-size: 16px;
    line-height: 8px;
    margin: 8px 0 0;
    padding: 15px 15px 13px;
}

#agent-redeem-modal .modal-header {
		padding: 0px;
		border: none;
}

#agent-redeem-modal .modal-header h5.modal-title {
	font-size: 24px;
}

#agent-redeem-modal .modal-body p {
	margin: 10px 0;
}

#agent-redeem-modal .modal-body #resort {
	line-height: 16px;
	padding: 9px;
}

#agent-redeem-modal .modal-body #resort option {
	line-height: 16px;
}

#agent-redeem-modal .modal-body .col-sm-6 {
	margin: 0 2% 0 0;
	padding: 0px;
	float: left;
	width: 48%;
}

#agent-redeem-modal .form-group {
	overflow: hidden;
}


/* ------------------------------------------------------------ *\
	New Brand Structure
\* ------------------------------------------------------------ */

/*.header .container {
	display: table;
}*/

.header .vcenter {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.course a {
	height: 240px;
	border: 2px solid #eee;
	display: block;
}

.course .course-logo {
	background: white;
	width: 170px;
	height: 70px;
	display: block;
	border: 2px solid #eee;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -85px;

	-webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  transform-style: preserve-3d;
}

.course .course-logo img {
	position: relative;
	  top: 50%;
	  transform: translateY(-50%);
	  padding: 0 10px;
}

.course-list {
	margin-top: 30px;
}
.course-list > div {
	margin-bottom: 65px;
}

.course-listing h2 {
	font-size: 26px;
	color: #092745;
	font-weight: bold;
}

.landing-content {
	padding: 50px 0;
}

.course-caption {
	background: rgba(9, 39, 69, .75);
	text-align: center;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	opacity: 0;
	-webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
}

.course-caption p {
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: white;
	font-size: 16px;
}

.course-caption p span {
	font-size: 12px;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	display: block;
	width: 75%;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.course a:hover .course-caption {
	opacity: 1;
}

.course a.locked {
	filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    overflow: inherit;
}

#carousel-2 {
	width: 100%;
}

.full-width-slider {
	width: 100% !important;
}
.section .carousel {
    position: relative;
    width: 450px;
}

.section .carousel.left {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

.section .carousel.right {
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}

.section .carousel .carousel-indicators {
	bottom: 20px;
	left: 0px;
	margin: 0px !important;
	padding: 0px !important;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 15;
}

nav .nav a {
	text-transform: uppercase;
	color: white !important;
}

nav .nav a:hover {
	background: #eee;
}

nav .nav .open > a {
	background: transparent;
}

/*nav .nav a:hover, nav .nav a:active, nav .nav a:focus {
	background-color: transparent !important;
}*/


nav .nav a span.caret {
	border-right: 6px solid transparent;
	border-top: 9px dashed;
	border-left: 6px solid transparent;
	position: relative;
	top: -1px;
	left: 2px;
}

nav .nav ul.dropdown-menu li.menu-class {
	margin: 0px;
	width: 100%;
}

nav .nav ul.dropdown-menu {
	border-radius: 0px; 
	padding: 0px;
	left: -55px;
}

nav .nav ul.dropdown-menu .top.caret {
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px dashed white;
	border-top: none;
	position: absolute;
	right: 10px;
	top: -12px;
}

nav .nav ul.dropdown-menu li.menu-class a {
	padding: 15px 36px;
	white-space: normal;
}

nav .nav ul.dropdown-menu li.menu-class a span.class-number {
	font-weight: bold;
	font-size: 12px;
}

nav .nav ul.dropdown-menu {
    margin-top: 0px;
    line-height: 30px;
}

nav .nav ul.dropdown-menu li.menu-class a:hover {
    background-color: #f3f3f3 !important;
}

nav .nav ul.dropdown-menu li.menu-class .fa, nav .nav ul.dropdown-menu li.menu-class .class-number, .landing-content h2 {
    color: #ceaf78;
}

nav .nav ul.dropdown-menu li.menu-class .fa {
    margin-left: -18px;
    padding-right: 4px;
}

nav .nav ul.dropdown-menu li.menu-class .class-title {
    display: block;
    font-weight: bold;
    color: #092745;
}

.btn-info {
	border-color: transparent;
}

.widget-body h2 {
	font-size: 26px;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
}

.widget-body ul {
	margin-left: 25px;
}

.widget-body ul li {
	font-size: 18px;
    line-height: 1.57;
    list-style: disc;
}

/* tables */

table#users thead tr th {
	text-align: left;
	padding: 0px;
}

#users_length {
	margin-top: 15px;
}

#users_filter {
	margin-bottom: 15px;
}

#users_paginate {
	margin-bottom: 15px;
}

#users_paginate a {
	padding: 10px;
	text-decoration: none;
	cursor: pointer;
}

#users_info {
	font-size: 12px;
}


.panel-default > .panel-heading {
	background-color: transparent;
	padding: 0px;
}

.panel-default > .panel-heading .panel-title a {
	background-color: #284693;
	padding: 10px 15px;
}

.panel-default > .panel-heading .panel-title a.collapsed {
	background-color: #092745;
}

.panel-default .panel-title {
	font-size: 14px;
}

.panel-default > .panel-heading .panel-title a {
	color: white;
	text-decoration: none;
	display: block;
}

ul.nav.nav-tabs {
	margin-left: 0px;
	border-bottom: none;
}

ul.nav.nav-tabs > li > a {
	background-color: #092745;
	color: white !important;
	text-decoration: none;
	font-size: 16px;
}

ul.nav.nav-tabs > li.active > a, ul.nav.nav-tabs > li.active > a:hover {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #092745 !important;
}

.tab-content {
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	border-radius: 10px;
	border-top-left-radius: 0;

	margin-top: -1px;
	border: 1px solid #ccc;
}

.tab-content .tab-pane {
	padding: 20px;
}

#down {
	display: none;
}

#language-selection {
	width: 50%;
	margin: 20px auto;
}

@media (max-width: 767px) {
	header .nav li {
		width: 100%;
	}	

	header .nav {
		width: 100%;
	}

	header ul.nav.navbar-nav {
		margin: 0px;
		padding: 0px;
	}

	header ul.nav.navbar-nav li {
		margin: 0px;
		padding: 0px;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	    -webkit-background-clip: padding-box; /* for Safari */
	    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}

	header .navbar-collapse {
		padding: 0px;
	}

	header .col-md-6 {
		padding: 0px;
	}

	header .navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	header .navbar-nav > li > a:hover, header .navbar-nav > li.dropdown.open > a  {
		background: #d6b276 !important;
	}

	header .navbar-nav .open .dropdown-menu {
		background-color: white;
	}

	header .navbar-toggle {
		position: absolute;
		top: -75px;
		color: white;
		right: 10px;
	}

	.navbar-toggle .icon-bar {
		background-color: rgba(255,255,255,.5);
	}

	.row.course-list .course {
		margin-bottom: 50px;
	}

	/* bar */
	.bar .navbar-toggle {
		margin-top: 15px;
		margin-right: 25px;
	}

	.bar .navbar-toggle .icon-bar {
		background: #007baa;
	}

	.bar .navbar-collapse {
		background: white;
		position: relative;
		width: 100%;
		z-index: 100;
	}

	.navbar .navbar-collapse {
		padding-left: 0px;
		padding-right: 0px;
	}

	#brand-user-nav li {
		border: none;
		border-top: 1px solid #eee;
	}

	#brand-user-nav li a {
		text-decoration: none;
		display: block;
		padding: 0 30px !important;
	}

	#brand-user-nav li a:hover {
		background: #eee !important;
	}
	#brand-user-nav div.dropdown-menu .panel .panel-footer {
		margin-top: 0px !important;
		border-radius: 0px !important;
		padding: 0px !important;
	}
	#brand-user-nav div.dropdown-menu .panel .panel-heading {
		padding: 10px 30px !important;
	}
	#brand-user-nav .dropdown-menu {
		padding: 0px !important;
	}
	#carousel-1 {
		display: none;
	}
	#down {
		display: block;
	    padding: 16px;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.table-contents .table-contents-trigger span#right {
		display: none;
	}

	.table-contents {
		top: -20px;
	}
	.nav-progress-actions {
		top: 10px;
		position: relative;
	}
	.nav-progress {
		margin: 0px;
	}
	.article .article-body img[style*="float:left"], .article .article-body img[style*="float: right"] {
		width: 100% !important;
		margin: 25px 0px !important;
	}
	.header a#logo {
		padding: 0 20px !important;
	}

}
/* ------------------------------------------------------------ *\
	Section Register
\* ------------------------------------------------------------ */

.section-register { position: absolute; top: 400px; left: 0; width: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); -webkit-backface-visibility: hidden; }
<<<<<<< HEAD

.section-register .shell { max-width: 730px; }
.section-register .section-body { border: 1px solid #dcdcdc; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.08); padding: 22px 30px; position: relative; margin-top: 32px; }
.section-register .section-image { text-align: center; }

.section-register .section-actions { position: absolute; bottom: 100%; right: 25px; top: 22px; }
.section-register .section-actions .btn-yellow { width:224px; height: 35px; /*line-height: 35px;*/ font-weight: 800; font-size: 14px; margin-bottom: -17px; display: block; text-align: center; }

/* Mobile */

@media (max-width: 767px) {
	.section-register { position: static; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 10px; }
	.section-register .logo { width: 150px; height: 100px; background-size: 100% auto; }
	.section-register .section-body { margin-top: 20px; padding: 22px 15px; }
}
/* ------------------------------------------------------------ *\
	Section Profile
\* ------------------------------------------------------------ */

=======

.section-register .shell { max-width: 730px; }
.section-register .section-body { border: 1px solid #dcdcdc; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.08); padding: 22px 30px; position: relative; margin-top: 32px; }
.section-register .section-image { text-align: center; }

.section-register .section-actions { position: absolute; bottom: 100%; right: 25px; top: 22px; }
.section-register .section-actions .btn-yellow { width:224px; height: 35px; /*line-height: 35px;*/ font-weight: 800; font-size: 14px; margin-bottom: -17px; display: block; text-align: center; }

/* Mobile */

@media (max-width: 767px) {
	.section-register { position: static; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 10px; }
	.section-register .logo { width: 150px; height: 100px; background-size: 100% auto; }
	.section-register .section-body { margin-top: 20px; padding: 22px 15px; }
}
/* ------------------------------------------------------------ *\
	Section Profile
\* ------------------------------------------------------------ */

>>>>>>> origin/master
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	background-color: rgb(0,0,0); /* Black fallback color */
	background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay .section-register p {
	text-align: center;
	font-family: 'franklin-gothic-urw', sans-serif;
	font-size: 24px;
	line-height: 1.5;
	color: #2c2c2c;
}
/* Position the content inside the overlay */
.overlay .section-register {
	top: 40% !important;
}

.clear::after, .form-row::after, .socials ul::after, .footer::after, .modal .modal-callout::after, .bar::after, .nav-access ul::after, .header::after, .section::after, .tabs-inner::after, .nav ul::after