/*
 * Project Styles
 * 
 */

/* ==========================================================================
   Base styles and resets
   ========================================================================== */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust: none;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
text-size-adjust: 100%; -moz-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
li { list-style:none; margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix{}
.clearfix:before, 
.clearfix:after{display: table;content: "";line-height: 0;}
.clearfix:after{clear: both;}

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}

.row{  }
.row:before, .row:after {display: table;content: "";line-height: 0;}
.row:after {clear: both;}


/* ==========================================================================
   General styles
   ========================================================================== */
html { color: #696767; background: #f8f8f8; }
body { font-family: 'Lato', sans-serif; font-size: 13px; }

.inner { margin: 0 auto; padding: 0 0; }
.inner:before, .inner:after { content: ""; display: table; }
.inner:after { clear: both; }
.inner { *zoom: 1; }

a { text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
outline:none!important; color: #000000; }
a:hover{ color: #000000; text-decoration: none; }

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

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img {max-width:100%; height:auto;}
em{ font-style: italic; }

.table{ display: table; height: 100%; }
.table .table_cell{ display: table-cell; vertical-align: middle; }

.form-body button.btn {padding: 10px; line-height: 12px ;}
/* ==========================================================================
   Header
   ========================================================================== */
header{ position: relative; z-index: 2; background:#f8f8f8;  }
header .logo{ float: left; font-size: 24px; color: #767678; margin: 25px 0; } 
header .logo .subtitle{ margin-left: 25px; }

.header_btns{ float: right; margin-top: 30px; margin-right: 35px; }
.header_btns li.header_btns_li{ float: left; }
.header_btns li.header_btns_li + li.header_btns_li:before{ content: ""; display: inline-block; width: 6px; height: 30px; background: url(../images/sep.png) center no-repeat; float: left; margin: 0 32px; }
.header_btns a.header_btns_a{ display: block; position: relative; float: left; }
.header_btns .icon{ display: block; display: block; width: 30px; height: 30px; text-indent: -99999px; }
.header_btns .icon_notification{ background: url(../images/icon_notifications.png) center no-repeat; }
.header_btns .icon_profile{ background: url(../images/icon_profile.png) center no-repeat; }
.header_btns .icon_admin{ background: url(../images/icon_profile_admin.png) center no-repeat; }
.header_btns .icon_logout{ background: url(../images/icon_logout.png) center no-repeat; }
.dropdown-menu { border-radius: 0; }
.header_btns .dropdown { padding: 6px 0 0 0; text-transform: uppercase; }
.header_btns .dropdown a { color: #b6081a; text-decoration: none; font-weight: bold; font-size: 13px; }

.header_btns .num{ color: #fff; background: #b91222; font-weight: bold; font-size: 10px; width: 16px; height: 16px; text-align: center; line-height: 16px; display: inline-block; border-radius: 50%; position: absolute; top: -2px; right: -3px; }

/* ==========================================================================
   Nav
   ========================================================================== */
nav{ background: #b6081a; }
nav .menu{}
nav .menu li{ float: left; }
nav .menu a{ display: block; color: #fff; font-weight: bold; font-size: 17px; padding: 15px 30px; line-height: 1.2; }
nav .menu li:hover a{ background: #5d040e; }
nav .menu .active a{ background: #5d040e; }

#mobile_nav{ display: none; }

/* ==========================================================================
   Top Banner
   ========================================================================== */
.top_banner{ height: 285px; background: url(../images/banner.jpg) center no-repeat; background-size: cover; position: relative; }

/* ==========================================================================
   Main
   ========================================================================== */
.main{ padding: 35px 0; background: #f8f8f8; }
.main .content{ float: left; position: relative; }

.posts_list{ border-top: 1px solid #757575; }
.posts_list .post{ padding-top: 25px; margin-bottom: 50px; }
.posts_list .post_meta{ float: left; text-align: center; }
.posts_list .post_meta .date{ font-size: 15px; font-weight: bold; color: #b1b1b1; margin-bottom: 20px; }
.posts_list .post_meta .avatar{ display: block; margin: 0 auto 25px; }
.posts_list .post_meta .author{ font-size: 15px; color: #463f36; }

.posts_list .post_content{ float: right; position: relative; padding: 45px 24px 28px 24px; background: url(../images/post_bg.jpg) center repeat-y; background-size: 100% auto; }
.post_content:before, .post_content:after{
  z-index: -1; position: absolute; content: ""; bottom: 13px; left: 7px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); }
.post_content:after{ -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); right: 7px; left: auto; }
.posts_list .post_content .top_paper{ display: block; width: 169px; height: 49px; background: url(../images/paper_top.png) center no-repeat; position: absolute; top: -20px; left: 50%; margin-left: -84.5px; }

.post_content .title{ font-size: 19px; font-weight: 900; color: #b91222; margin-bottom: 15px; }
.post_content p{ line-height: 1.9; }
.post_content a{ color: #006cff; text-decoration: underline; }

.content .arrows{ position: absolute; right: -30px; bottom: 0; }
.content .arrows a{ display: block; width: 20px; height: 14px; margin: 7px 0; text-indent: -99999px; }
.content .arrows a.btn_up{ background: url(../images/chevron_up.png) center no-repeat; }
.content .arrows a.btn_down{ background: url(../images/chevron_down.png) center no-repeat; }

.main .sidebar{ float: right; }
.sidebar .widget{ padding-bottom: 40px; margin-bottom: 40px; position: relative; }
.sidebar .widget:after{ content: ""; border-top: 1px solid #757575; width: 110px; position: absolute; bottom: 0; left: 50%; margin-left: -55px; }
.widget .widget-title{ color: #b6081a; font-size: 15px; padding-left: 35px; border-bottom: 1px solid #958972; padding-bottom: 12px; margin-bottom: 12px; position: relative; }
.widget .widget-title:after{ content: ""; width: 13px; height: 7px; display: block; background: url(../images/chevron_down.png) center no-repeat; position: absolute; right: 20px; top: 8px; }

.widget .icon_tools{ background: url(../images/icon_tools.png) 3px 1px no-repeat }
.widget .icon_calendar{ background: url(../images/icon_calendar.png) 3px 1px no-repeat }
.widget .icon_colleague{ background: url(../images/icon_colleague.png) 3px 1px no-repeat }

.widget_tools{  }
.widget_tools li{  }
.widget_tools a{ color: #757575; font-weight: bold; font-size: 15px; display: block; padding-left: 38px; padding-top: 4px; padding-bottom: 4px; }
.widget_tools .icon_bookmark a{ background: url(../images/icon_bookmark.png) 15px center no-repeat; }
.widget_tools .icon_book a{ background: url(../images/icon_book.png) 12px center no-repeat; }
.widget_tools .icon_mail a{ background: url(../images/icon_mail.png) 10px center no-repeat; }
.widget_tools .icon_schedule a{ background: url(../images/icon_schedule.png) 10px center no-repeat; }


.widget_colleagues{}
.sidebar .widget_colleagues:after{ content: none; }
.widget_colleagues li{}
.widget_colleagues a{ display: block; font-size: 15px; color: #757575; padding: 7px 12px; background: url(../images/icon_comment.png) 97% center no-repeat }
.widget_colleagues a img{ margin-right: 20px; }
.widget_colleagues .divider{ border-top: 1px solid #958972; margin: 8px 0 18px; }
.widget_colleagues .more{ display: block; text-align: right; color: #757575; font-size: 16px; padding: 0 25px 0 0; background: url(../images/chevron_right.png) 98% center no-repeat; }

#datepicker { background: #f8f8f8; }
.ui-widget{ font-family: 'Lato', sans-serif; }
.ui-datepicker{ width: 100%; padding: 0; border-radius: 0; background: none; border: none; }
.ui-datepicker .ui-datepicker-header{ padding: 0; border-radius: 0; background: none; border: none; }
.ui-widget-header a{ display: none; }
.ui-datepicker .ui-datepicker-title{ margin-bottom: 14px; }
.ui-datepicker .ui-datepicker-title select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px; color: #757575; text-align: center; background: none; border: none; border-radius: 0; font-weight: normal; }
.ui-datepicker .ui-datepicker-title select option{ text-align: center; }
.ui-datepicker select.ui-datepicker-month{ width: 58%; margin: 0 1%; }
.ui-datepicker select.ui-datepicker-year{ width: 38%; margin: 0 1%; }

.ui-datepicker-calendar thead{ border-top: 1px solid #e9e8e6; border-bottom: 1px solid #e9e8e6; }
.ui-datepicker th{ padding: 8px 0; font-weight: bold; color: #757575; font-size: 10px; }

.ui-datepicker .ui-state-default{ background: none; font-size: 15px; color: #757575; font-weight: bold; width: 25px; height: 25px; text-align: center; border-radius: 50%; border: none; margin: 0 auto; line-height: 25px; padding: 0 }
.ui-datepicker .ui-datepicker-week-end .ui-state-default{ color: #b1b1b1; }
.ui-datepicker .ui-datepicker-week-end span{ color: #b1b1b1; }
.ui-datepicker .ui-state-active{ color: #fff; background: #b91222; }

.ui-datepicker-calendar tbody tr{ border-bottom: 1px solid #e9e8e6; }
.ui-datepicker td{ padding: 7px 0; }

.widget_calendar{}
.widget_calendar .today_events{ margin-top: 35px; }
.widget_calendar h4{ color: #757575; font-size: 15px; font-weight: 900; margin-bottom: 5px; }
.widget_calendar ul{ padding-left: 15px; }
.widget_calendar ul li{ list-style-type: disc; list-style-position: inside; font-size: 15px; color: #757575; }


/* ==========================================================================
   Lecture Hall
   ========================================================================== */
.top_banner.img2 { background-image: url(../images/banner1.jpg); }
.timeline { position: relative; background: #7d7d7d; height: 1px; margin: 70px 0 30px; }
.timeline .item { position: absolute; bottom: -8px; left: 0; text-align: center; width: 120px; }
.timeline .item span { font-size: 13px; color: #7d7d7d; text-transform: uppercase; font-weight: bold; display: block;cursor:pointer; }
.timeline .item .dot { width:9px; height: 9px; overflow: hidden; text-indent: -999999px; background: #7d7d7d; border-radius: 100%; display: inline-block; }
.timeline .item.item1 { left: 15%; margin-left: -60px; }
.timeline .item.item2 { left: 50%; margin-left: -60px; }
.timeline .item.item3 { left: 85%; margin-left: -60px; }
.timeline.first .item.item1 span { color: #b80e1f; }
.timeline.first .item.item1 .dot { background: #b80e1f; }
.timeline.first .line { height: 1px; width: 15%; position: absolute; top: 0; left: 0; background: #b80e1f; }

.mentors-profile { }
.mentors-profile h3 { font-size: 13px; color: #958972; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; }
.mentors-profile .item { margin-bottom: 50px; }
.mentors-profile .item h4 { font-size: 21px; font-weight: bold; color: #757575; margin-bottom: 10px; }
.mentors-profile .item h5 { font-size: 21px; font-weight: normal; color: #757575; margin-bottom: 25px; }
.mentors-profile .item p { font-size: 16px; color: #8e8e8e; }

.divider { height: 1px; background: #958972; margin: 30px 0; }

.course-info { min-height: 350px; position: relative; padding-left: 360px; }
.course-dots { width: 323px; height: 344px; background: url(../images/sticker.png); padding: 50px 40px; position: absolute; top: 0; left: 0; }
.course-dots h4 { font-size: 17px; color: #757575; font-weight: bold; margin-bottom: 25px; }
.course-dots ul { padding-left: 20px; }
.course-dots li { margin: 5px 0; color: #a65c5c; list-style: disc; }
.course-dots li span { font-size: 13px; color: #757575; padding-left: 4px; }
.course-info .descr { padding: 100px 0 0 0; float: left; }
.course-info .descr p { color: #8e8e8e; font-size: 16px; }

.lecture-videos { }
.lecture-videos h3 { font-size: 30px; color: #b80e1f; font-weight: 900; margin-bottom: 25px; }
.toggle-title { border: 1px solid #c9c9c9; padding: 14px 38px 14px 18px; background: url(../images/icon-arrow.png) 98% center no-repeat; font-size: 18px; position: relative; cursor: pointer; }
.locked .toggle-title { color: #979797; background: none; cursor: default; }
.lecture-videos .active .toggle-title { color: #b80e1f; background-image: url(../images/icon-arrow2.png); } /*changes here*/
.locked .toggle-title span { font-size: 12px; position: absolute; top: 18px; right: 10px; }
.instructors { padding: 25px 40px; }
.instructors p { display: block; line-height: 80px; font-size: 13px; color: #958972; font-weight: bold; margin-right: 35px; float: left; }
.instructors .item { width: 120px; text-align: center; float: left; margin-right: 20px; }
.instructors .item span { display: block; font-size: 14px; color: #757575; font-weight: bold; }

.video-wrap { margin-bottom: 40px; text-align: center; }

.toggle-cont { padding-bottom: 40px; display: none; }
.toggle-cont .text { position: relative; padding-right: 110px; }
.toggle-cont .text h3 { font-size: 21px; color: #b80e1f; margin-bottom: 20px; }
.toggle-cont .text p { font-size: 15px; color: #757575; margin-bottom: 10px; }

.likeit { position: absolute; top: 5px; right: 0; }
.likeit a { margin-left: 10px; }

/* ==========================================================================
   Start page
   ========================================================================== */
#bg-image { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg1.jpg); background-size: cover; z-index: 1; } 
#intro-page { position: relative; z-index: 2; }
#intro-page .title { padding: 35px 0; background: rgba(0,0,0,0.5); }
#intro-page .title h1 { font-size: 60px; color: #fff; line-height: 1em; }

.login-widget { padding: 35px 50px; max-width: 370px; width: 100%; background: rgba(0,0,0,0.7); margin-top: 100px; }
.login-widget h3 { color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.login-widget input[type="text"] { display: block; margin-bottom: 15px; width: 100%; height: 45px; border-radius: 5px; border: 0 none; padding: 0 10px; font-size: 13px; color: #6a6a6a; font-family: "Lato"; }
.login-widget input[type="password"] { display: block; margin-bottom: 15px; width: 100%; height: 45px; border-radius: 5px; border: 0 none; padding: 0 10px; font-size: 13px; color: #6a6a6a; font-family: "Lato"; }
.login-widget input[type="submit"] { display: block; text-align: center; width: 100%; border: 0 none; height: 35px; border-radius: 5px; font-size: 12px; color: #fff; font-family: "Lato"; background: #b91222; }

#annoucementContainer .signature { padding: 10px 0; }

/* ==========================================================================
   Library
   ========================================================================== */
.top_banner.img3 { background-image: url(../images/banner2.jpg); }
.text-section { margin-bottom: 70px; position: relative; }
.text-section h2 { color: #b91222; font-size: 30px; font-weight: 900; margin-bottom: 25px; }
.align-right { text-align: right; }
.m30 { margin-bottom: 30px; }
.btn { display: inline-block; color: #757575; font-size: 11px; font-weight: 900; line-height: 33px; padding: 0 30px; border: 1px solid #958972; border-radius: 0; }
.btn:hover { background-color: #b91222; color: #fff; }
.btn-live { width: 157px; height: 157px; position: absolute; right: 0; top: 50%; margin-top: -80px; background: #3c7bca; text-align: center; padding-top: 30px; text-decoration: none; }
.btn-live span { font-size: 16px; color: #fff; display: block; padding-top: 4px; }

.shelf { padding: 0 15px 18px; background: url(../images/shelf.jpg) center bottom no-repeat; background-size: contain; }
.shelf .item { width: 25%; float: left; text-align: center; padding: 0 10px; }

.shelf.alt { background: none; }
.shelf.alt .item span { display: block; font-size: 11px; color: #757575; font-weight: bold; padding-top: 5px; }
.more-btn { text-align: center; font-size: 11px; color: #757575; font-weight: bold; padding-top: 12px; border-top: 1px solid #e9e8e6; }
.more-btn a { font-size: 11px; color: #757575; font-weight: bold; }

.list1 { margin-bottom: 25px; }
.list1 li { display: block; padding-left: 25px; background: url(../images/icon-dot.png) 5px 9px no-repeat; margin-bottom: 20px; font-size: 15px; color: #757575; }
.list1 li a { display: block; color: #4dcaff; }
.list1.list2 li { background: url(../images/icon-play.png) left 5px no-repeat; }

/* ==========================================================================
   Case planning
   ========================================================================== */
.top_banner.img4 { background-image: url(../images/banner3.jpg); }
.patient-history { margin-bottom: 40px; }
.patient-history .title { overflow: hidden; margin-bottom: 35px;  }
.patient-history .title h2 { color: #b91222; font-size: 25px; font-weight: 900; float: left; }
.patient-history .title .info { float: right; }
.patient-history .title .info .item { float: left; text-transform: uppercase; padding: 4px 0; border-right: 1px solid #9a9a9a; padding-right: 5px; margin-right: 5px; font-size: 12px; color: #757575; }
.patient-history .title .info .item:last-child { margin-right: 0; padding-right: 0; border: 0 none; }
.patient-history .title .info .item a { font-size: 12px; color: #757575; }
.patient-history .title .info .item a:hover { text-decoration: underline; color: #b91222; }
.patient-history .title .info .item span { padding-right: 3px; }

.two-cols-text { margin-bottom: 70px; }
.two-cols-text h4 { font-size: 16px; color: #757575; margin-bottom: 15px; }
.two-cols-text p { font-size: 16px; color: #b1b1b1; margin-bottom: 30px; }
.center { text-align: center; }
.btn-sm { text-transform: uppercase; }

.simple-timeline { margin-bottom: 25px; }
.simple-timeline span { font-size: 16px; font-weight: bold; color: #b1b1b1; padding: 0 2px; text-transform: uppercase }
.simple-timeline a { font-size: 16px; font-weight: bold; color: #b91222; padding-right:2px; text-transform: uppercase }

.text2 { margin-bottom: 30px; }
.text2 p { font-size: 16px; color: #b1b1b1 }
.text2 p strong { color: #838383 }

.sm-title { margin-bottom: 30px; }
.sm-title span { min-width: 150px; border-bottom: 1px solid #958972; display: inline-block; padding-bottom: 15px; text-transform: uppercase; font-size: 13px; color: #757575; font-weight: 900; }

.imgs-two-cols { margin-bottom: 30px; }
.imgs-two-cols img { margin-bottom: 20px; }

.info-sm { padding:10px 40px 0; margin-bottom: 30px; border-top: 1px solid #e9e8e6; background: url(../images/icon-i.png) 10px 10px no-repeat; }
.info-sm p { font-size: 13px; color: #958972; font-style: italic; margin-bottom: 6px; }
.info-sm a { text-decoration: underline; color: #b91222; }

.comments-wrapper { }
.comments-wrapper h3 { color: #b91222; font-size: 25px; font-weight: 900; margin-bottom: 40px; }

` { }
.comments-list li { display: block; position: relative; padding-left: 90px; margin-bottom: 15px; }
.comments-list li .text { border-bottom: 1px solid #cecece; }
.comments-list .avatar { background: #e9e8e6; position: absolute; top: 0; left: 0; width: 70px; height: 70px; border-radius: 70px; }
.comments-list .avatar .status-icon { position: absolute; bottom: 3px; right: 3px; width: 16px; height: 16px; background: #54ab0e; border-radius: 10px; border:3px solid #fff; }
.comments-list a { font-size: 19px; color: #3e3e3e; font-weight: bold; margin-bottom: 10px; display: block; }
.comments-list a span { font-size: 13px; color: #c3c2c2; padding-left: 40px; }
.comments-list p { font-size: 15px; color: #757575; margin-bottom: 15px; max-width: 460px; }

.submit-comment { margin-left: 90px; position: relative; padding-right: 140px; margin-bottom: 50px; }
.submit-comment input[type="text"] { display: block; width: 100%; height: 50px; border-radius: 5px; padding: 0 15px; border:1px solid #cecece; background: none; font-size: 15px; color: #a7a7a7; font-family: "Lato"; }
.submit-comment input[type="submit"] { position: absolute; top: 6px; right: 0; font-family: "Lato"; width: 115px; background: none; }


/* ==========================================================================
   Discussions
   ========================================================================== */
.tabs-btns { margin-bottom: 30px; }
.tabs-btns a { display: block; float: left; text-align: center; width: 33.33333%; border-bottom: 1px solid #b91222; line-height: 44px; font-size: 17px; color: #161616; }
.tabs-btns a.on { color: #b91222; font-weight: 900; border-width: 5px; }
.search-widget { padding-bottom: 70px; border-bottom: 1px solid #d4d4d4; margin-bottom: 35px; }
.search-widget input[type="text"] { display: block; width: 100%; background: #ffffff; border: 1px solid #e1e1e1; height: 34px; padding: 0 10px; font-size: 12px; font-family: "Lato"; color: #828282; }
.search-widget .btns { float: right; width: 350px; margin-top: 30px; }
.btn.alt { width: 100%; background: #958972; border-color:#958972; color: #fff; }

.discussion-set { background: #fff; }
.discussion-set .top { padding: 20px; border-bottom: 1px solid #f6f6f6; }
.discussion-set .top img { float: left; margin-right: 25px; }
.discussion-set .top .btn { float: right; margin-top: 28px; }
.discussion-set .top h3 { color: #b91222; font-size: 30px; font-weight: 900; line-height: 90px; float: left; }
.discussion-set .list { padding: 20px 20px 0; overflow: hidden; }
.discussion-set .list li { display: block; margin-bottom: 25px; overflow: hidden; }
.discussion-set .list li .title { font-size: 12px; color: #171717; float: left; }
.discussion-set .list li .info { float: right; color: #746854; font-size: 10px; }
.discussion-set .list li .info a { font-size: 10px; color: #0079bb; }

.shelf.alt .item span span { color: #b91222; display: inline-block; padding: 0; }
.shelf.alt .item .by { padding-top: 10px; color: #757575; font-size: 11px; }
.shelf.alt .item .by span { color: #b91222; display: inline-block; padding: 0;  }
.shelf.alt.alt2 .item { margin-bottom: 20px; }
.shelf.alt.alt2 .item span { font-size: 13px; font-weight: 400; padding-top: 15px; }
.shelf.alt.alt2 .item .by span { font-size: 11px; padding: 0; }
.text-section .btns { position: absolute; top: 0; right: 0; }
.text-section .btns .btn.alt { width: auto; margin-right: 5px;}
.shelf.alt.alt3 { margin: 0 -10px; padding-left: 0; padding-right: 0; }

.sm-title div { display: inline-block; font-size: 14px; color: #898989; margin-left: -90px; }
.sm-title div a { color: #b91222; }

/* ==========================================================================
   Popup
   ========================================================================== */
#mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5); }
.popup { position: absolute; top: 150px; background: #fff; left: 50%; width: 770px; margin-left: -385px; z-index: 101; }
.popup .inner-sect { padding:30px 40px; }
.popup-schedule-meeting { }
.popup h3 { color: #b91222; font-size: 27px; font-weight: 400; margin-bottom: 15px; }

.indicators { margin-bottom: 60px; }
.indicators .item { float: left; font-size: 15px; color: #979797; }
.indicators .item span:after { content: "."; }
.indicators .item.on span:after { display: none; }
.indicators .item.on span { color: #fff; font-size: 12px; font-weight: bold; background: #b91222; padding: 0 4px; border-radius: 50%; margin-right: 3px; }
.indicators .item.on { color: #505050; font-weight: bold; }
.indicators .sep { float: left; padding: 0 12px; font-size: 15px; color: #b4b4b4; }

.popup .close { display: block; width: 14px; height: 14px; overflow: hidden; text-indent: -999999px; position: absolute; top: 20px; right: 20px; background: url(../images/icon-close.png); opacity: 1; }

.popup-schedule-meeting p { font-size: 15px; color: #757575; margin-bottom: 40px; }
.popup-schedule-meeting p.m15 { margin-bottom: 15px; }
.popup-schedule-meeting input[type="text"], .popup-schedule-meeting textarea { width: 100%; display: block; height:35px; padding: 0 10px; border: 1px solid #bbbbbb; background: #f6f6f6; margin-bottom: 20px; font-family: "Lato"; -webkit-border-radius:0; }
.popup-schedule-meeting textarea { height: 80px; padding: 10px; resize: none; }
.popup-schedule-meeting textarea.alt { background: #fff; color: #757575; }
.popup-schedule-meeting label { font-size: 17px; color: #757575; margin-bottom: 5px; display: block; font-weight: normal; }

.popup-schedule-meeting .btns { text-align: right; margin: 100px 0 50px; }
.popup-schedule-meeting .btns .btn { line-height: 38px; padding: 0 40px; }
.popup-schedule-meeting .btns .btn.disabled { border: 0 none; background: #cfcfcf; font-size: 17px; color: #fff; font-weight: 400; margin-right: 20px; cursor: default; }
.popup-schedule-meeting .btns .btn.red { border: 0 none; background: #b91222; font-size: 17px; color: #fff; font-weight: 400;  }
.popup-schedule-meeting .btns .btn.gray { border: 0 none; background: #6c6c6c; font-size: 17px; color: #fff; font-weight: 400; margin-right: 20px;  }

.form-step { display: none; }
#form-step1 { display: block; }
#datepicker2 { max-width:300px ; }

.popup-schedule-meeting h5 { font-size: 15px; font-weight: bold; color: #757575; margin-bottom: 10px; }
.time-wrap { margin-bottom: 10px; }
.time-wrap span { font-size: 15px; color: #757575; float: left; line-height: 35px; padding-left: 26px; background: url(../images/icon-dot2.png) 10px center no-repeat; }
.time-wrap .jstyling-select { width: 50px; float: right; color: #757575; font-size: 15px; font-weight: bold; }
.time-wrap .jstyling-select .jstyling-select-s { background-image: url(../images/icon-select-red.png); background-position: 87% center; }
.time-wrap .jstyling-select .jstyling-select-t { padding-left: 7px; }
.btn-add-more-hours { padding-left: 20px; font-size: 15px; color: #757575; background: url(../images/icon-add.png) left center no-repeat; }
.day-time { margin-bottom: 30px; }

.popup-schedule-meeting .btns.alt { text-align: left; margin-top:0;  }
.popup-schedule-meeting .btns.alt2 { text-align: left; }
.popup-schedule-meeting h4 { font-size: 21px; color: #757575; font-weight: bold; margin-bottom: 10px; }

.email-el { position: relative; padding-left: 25px; }
.email-el>span { line-height: 27px; position: absolute; top: 0; left: 0; font-size: 15px; color: #757575; font-weight: bold; }
.popup-schedule-meeting .email-el input[type="text"] { height: 27px; background: #fff; color: #757575; }

.popup-schedule-meeting label.check-wrap { font-size: 15px; color: #757575; padding-left: 20px; position: relative; margin: 10px 0; }
.popup-schedule-meeting label.check-wrap input { position: absolute; top: 0; left: 0; }


/* ==========================================================================
   Assessement
   ========================================================================== */
.top_banner.img5 { background-image: url(../images/banner4.jpg); }
.right-btns{ float: right; width: 375px; margin-top: -58px; }
.right-btns a{ width: 100%; padding: 0 5px; }
hr{ border-top: 1px solid #ebeae8; }

.timer{ position: relative; text-align: center; margin: 40px 0; }
.timer p{ text-align: center; font-size: 17px; color: #757575; line-height: 1.8; }
.timer p strong{ font-size: 27px; color: #463f36; font-weight: bold; }
.timer .btn{ position: absolute; top: 50%; right: 0; margin-top: -17px; }
.timer .btn.red{ color: #fff; background: #b91222; border-color: #b91222; }

.text-section .question{ position: relative; font-size: 21px; color: #463f36; padding-left: 28px; margin-bottom: 30px; }
.text-section .question .number{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #463f36; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 900; position: absolute; top: 4px; left: 0px; }

.checkboxes-area{ padding-left: 58px; margin-bottom: 30px; }
.checkboxes-area label{ display: block; width: 100%; color: #757575; font-size: 17px; font-weight: normal; margin-bottom: 30px; }
.checkboxes-area label .checkbox{ display: inline-block; margin-right: 20px; }

.popup-holder{ text-align: center; position: relative; margin: 0 auto 40px; }
.popup-holder img{ display: block; margin: 0 auto; }
.popup-holder .popup-link{ display: block; width: 60px; height: 60px; background: url(../images/icon-popup.png) center no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; text-indent: -9999px; }

.pie-charts{ text-align: center; margin: 60px 0; }
.pie-charts .title{ display: inline-block; color: #b5b5b5; font-size: 11px; font-weight: 900; }
.pie-charts .chart{ width: 115px; height: 115px; display: block; margin: 30px auto 0; color: #b5b5b5; font-size: 35px; line-height: 115px; position: relative; font-weight: 300; }
.pie-charts .chart .per{ font-weight: 400; font-size: 19px; }
.pie-charts .chart canvas{ position: absolute; top: 0; left: 0; }

.text-section .subtitle{ font-size: 21px; color: #757575; font-weight: bold; margin-bottom: 30px; }

#chartContainer{ width: 100%; height: 350px; max-width: 635px; }


/* ==========================================================================
   Custom element
   ========================================================================== */
.jstyling-select {margin: 0; padding: 0; position:relative; z-index: 0;} 
.jstyling-select-t {white-space: nowrap; overflow: hidden;}
.jstyling-select-l {margin: 0; padding: 0; width: 100%; display: none; position: absolute; overflow-y: auto; z-index: 1000;}
    .jstyling-select-l div {list-style: none; display: block; white-space: nowrap; overflow: hidden;}
    .jstyling-select-l div:hover {}
    .jstyling-select-l div.disabled {}
    .jstyling-select-l div.disabled:hover {}
.jstyling-select.active {z-index: 700; }    
    .jstyling-select.active .jstyling-select-l {display: block;}
 
/* Select wrapper */ 
.jstyling-select {width: 100%; cursor: pointer; border:1px solid #e1e1e1; font-size: 12px; color: #828282; background: #fff; }
/* Select current option */
.jstyling-select-s { height: 32px; line-height: 32px; background: url(../images/icon-select.png) no-repeat 96% center;}
.jstyling-select-t {width: 100%; padding-right: 42px; padding-left: 10px; } 

/* Select options list*/
.jstyling-select-l {max-height: 97px; background: #fff; border-top: 0; top: 32px; left: -1px; right: -1px; width: auto;
border:1px solid #e1e1e1; border-top: 0 none;} 
    .jstyling-select-l div {line-height: 30px; border-top: 1px dotted #e1e1e1; padding: 0 10px; transition: background 400ms ease;}
    .jstyling-select-l div.item-0 { display: none; }
    .jstyling-select-l div:hover {background: #e1e1e1; color: #292929;}
    .jstyling-select-l div.disabled {background: #E5E5E5;}
    .jstyling-select-l div.disabled:hover {color: #000000;}
    .jstyling-select-l div:first-child {border-top: 0}
.jstyling-select.disabled {background-color: #E5E5E5;}




/* ==========================================================================
   <1200px
   ========================================================================== */
@media only screen and (max-width: 1200px){

    .inner{ width: 1000px; }

    nav .menu a{ font-size: 15px; padding: 15px 20px; }

    .widget .widget-title::after{ right: 0; }
  
}

/* ==========================================================================
   <1023px
   ========================================================================== */
@media only screen and (max-width: 1023px){

    .inner{ width: 728px; }

    nav .menu a{ font-size: 13px; padding: 10px 10px; }

    .top_banner{ height: 170px; }

    .content .arrows{ right: 0 }

    .main .content{ margin-bottom: 55px; }
    .main .sidebar{ }

    .posts_list .post_meta{  float: none; margin-bottom: 35px }

    #intro-page .title h1  { font-size: 40px; }
    
    .btn-live { width: 100px; height: 100px; margin-top: -50px; padding: 12px 5px 0; }
    .btn-live img { max-width: 58px; }
    .btn-live span { font-size: 15px; }    
    
    .pie-charts > div{ margin-bottom: 25px; }      
    
    .two-cols-text .col-md-6 { margin-bottom: 20px; }    

}

/* ==========================================================================
   <767px
   ========================================================================== */
@media only screen and (max-width: 767px){

    .inner{ width: auto; padding: 0 15px }

    header .logo .subtitle{ display: none; }

    nav .menu{ display: none; }

    #mobile_nav{ display: block; }

    .main .inner{ padding: 0 30px; }
    
    .mentors-profile { text-align: center; }
    
    .course-info { padding: 0; }
    .course-dots { color: #a65c5c; position: relative; margin: 0 auto; } 
    .course-info .descr { padding-top: 10px; }
    
    .toggle-title { font-size: 16px; }
    .instructors { padding: 20px 15px; }
    .instructors p { margin-right: 15px; }
    .instructors .item { margin-right: 15px; width: 62px; }
    .instructors .item span { font-size: 11px; }
    
    .toggle-cont .text { padding-right: 70px; }
    
    #intro-page .title h1 { font-size: 26px; }
    
    .login-widget { padding: 25px 20px; margin: 50px auto; }
    
    .btn-live { width: 66px; height: 66px; margin-top: -33px; padding: 8px 5px 0; }
    .btn-live img { max-width: 32px; }
    .btn-live span { font-size: 12px; }
    
    .comments-list a span { display: block; padding-left: 0; }
    .submit-comment { padding-right: 0; }
    .submit-comment input[type="submit"] { position: relative; top: 0; right: 0; margin-top: 15px; }    
    
    .patient-history .title .info { float: left; clear: both; margin-top: 10px; }
    
    .tabs-btns a { font-size: 12px; line-height: 34px; }
    .search-widget .col-sm-4 { margin-bottom: 10px; }
    .search-widget .btns { float: none; width: 100%; }
    .discussion-set .top .btn { float: left; clear: both; }
    .discussion-set .top h3 { clear: both; line-height: 1.5em; margin-top: 15px; font-size: 24px; }
    .discussion-set .list li .title, .discussion-set .list li .info { float: none; }    
    
    .text-section .btns { position: relative; margin-bottom: 20px; }
    .text-section .btns .btn { padding: 0 20px; }
    
    .popup { left: 3%; width: 94%; margin: 0; top: 100px; }
    .popup .inner-sect { padding: 20px; }
    .popup-schedule-meeting .btns { margin: 40px 0 30px; }
    .indicators .sep { padding: 0 4px; }
    
    .right-btns{ float: none; margin-top: 0; width: auto; }

    .timer .btn{ position: relative; top: auto; right: auto; margin-top: 20px; }
    .checkboxes-area{ padding-left: 15px; }    

}

/* ==========================================================================
   <550px
   ========================================================================== */
@media only screen and (max-width: 550px){

    header .logo{ float: none; width: 193px; display: block; margin: 20px auto; }

    .header_btns{ float: none; text-align: center; margin-bottom: 10px; margin-right: 0; }
    .header_btns li.header_btns_li{ float: none; display: inline-block; }

    .posts_list .post_meta{ float: none; width: 100%; margin-bottom: 30px; }
    .posts_list .post_content{ float: none; width: 100%; }
    
    .text-section h2 { font-size: 24px; }
    .shelf .item { width: 50%; float: left; margin-bottom: 15px; }
    
    .right-btns .col-xs-6{ width: 100%; margin-bottom: 20px; }

    .text-section .question{ font-size: 18px; }

    .checkboxes-area label{ font-size: 15px; }
    .checkboxes-area label .checkbox{ margin-right: 10px; }    
}

.white { color:white;
}

img.vertical{
    width:100%;
    height:auto;
}
img.horizontal {
    height: 100%;
    width: auto;
}