@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('//fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('//fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');
@import url('//fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('//fonts.googleapis.com/css?family=Indie+Flower');


/* Structure */
body {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:20px;
    margin:0;
    background-color:#EAEAEB;
    color:#2d4050;
    -webkit-font-smoothing: antialiased !important;
}
header {
    background-color:#1c1c1c;
    border-bottom: 1px solid #272727;
    padding:15px 0;
}
ul#top_nav {
    list-style:none;
    padding:0;
    margin:10px 15px 0 0;
    font-size:12px;
    float:right;
}
ul#top_nav li a{
    color:#ccc;
}
ul#top_nav li a:hover{
    color:#fff;
}
ul#top_nav li:first-child{
    border-left: none;
}
ul#top_nav li {
    display:inline-block;
    border-left: 1px solid #333;
    height:12px;
    line-height:12px;
    padding-right:5px;
    padding-left:7px;
}
nav {
    background-color:#1c1c1c;

}
a#logo {
    width: 190px;
    height: 40px;
    /*background: url(logo-header.png) no-repeat 0 0;
    text-indent: -9999px;*/
    display: block;

    color: #fff;
    font-size: 36px;
    line-height: 36px;
}
#upload
{
    margin-right: 43px;
}

.divider_top{
    background:url(top_divider.png) repeat-x center bottom;
    width:100%;
    height:37px;
    position:absolute;
    bottom:-8px;
    left:0;
}
.divider_top_black{
    background:url(top_divider_black.png) repeat-x center bottom;
    width:100%;
    height:37px;
    position:absolute;
    top:-30px;
    left:0;
    z-index:999;
}
#sub-header{
    padding:30px 0 60px 0;
    color:#fff;
    position:relative;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    width:100%;
    background:#0cbdaa url(bg_sub-header.png) repeat 0 0;
}
#sub-header_pattern_1{
    padding:30px 0 60px 0;
    color:#fff;
    position:relative;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    width:100%;
    background:#1abc9c url(pattern_1.png) repeat center top;
}
#sub-header_pattern_2{
    padding:30px 0 60px 0;
    color:#fff;
    position:relative;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
    width:100%;
    background:#1abc9c url(pattern_2.png) repeat center top;
}

#main_content{
    padding:60px 0;

}
#main_content_gray{
    padding:10px 0 30px 0;
    background-color:#fafafa;
}
#announce{
    padding:60px 0;
}


/* TYPOGRAPHY and links color */
p {
    margin-bottom:20px;
}
blockquote.styled {
    line-height:20px;
    font-size:14px;
    font-style:italic;
}
p.lead{
    font-weight:300;
}
p.lead.boxed{
    font-weight:600;
    font-size:30px;
    background-color: #333;
    display:inline-block;
    padding: 3px 12px;
}
a {
    color: #488dc6;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

h1 {
    text-transform:uppercase;
    font-weight:700;
    font-size:60px;
    margin:20px 0 0 0;
    padding:0;
}
#subscribe h1 {
    font-size:46px;
    margin-top:85px;
}
#main_content h2, #main_content_gray h2 {
    text-transform:uppercase;
    font-weight:400;
    font-size:36px;
    margin-top:0;
}

#sub-header-features h1, #sub-header-features-2 h1{
    text-transform:uppercase;
    font-weight:400;
    font-size:72px;
    margin:20px 0 0 0;
    padding:0;
}
#sub-header-features h2, #sub-header-features-2 h2{
    font-size:20px;
    font-weight:700;
}
#main_content  h2.plan-title  {
    font-size:18px;
    font-weight:600;
}
#sub-header-features p{
    font-size:15px;
    color:#75807d;
    font-weight:600;
}
#sub-header-features-2 p{
    font-size:15px;
    font-weight:600;
}
#sub-header-features p strong, #sub-header-features ul li strong{
    color:#5b6462;
}
#sub-header-features ul{
    font-size:14px;
    color:#fff;
    font-weight:600;
    list-style:none;
    padding:0;
    margin:0;
    margin-bottom:20px;
}
#sub-header-features p strong, #sub-header-features-2 p strong{
    color:#fff;
}
#testimonials h2{
    text-transform:uppercase;
    color:#fff;
    font-size:60px;
    font-weight:normal;
    letter-spacing:5px;
}
#main-features h2, #main-features_green h2 {
    text-transform:uppercase;
    color:#fff;
    font-size:48px;
    font-weight:normal;
    letter-spacing:5px;
    margin-top:0;
    padding-top:0;
}
#main_content .post h2{
    font-size:26px;
    line-height:28px;
}
#main-features p.lead, #main-features_green p.lead{
    color:#fff;
    font-size:18px;
    margin-bottom:60px;
}
#main-features h3, #main-features_green h3 {
    color:#fff;
    font-size:18px;
    font-weight:700;
}

.question_box h3 {
    font-size:18px;
    text-align:left;
    line-height:22px;
    margin-bottom:10px;
}
.box_style_1 h4{
    border-bottom: 4px solid #F4BD8B;
    padding-bottom:10px;
    text-transform:uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
}

#main-contact h3{
    margin-top:0;
    padding-top:0;
}
.box-wp h3 { font-size:36px; font-weight:400;}
.box-wp p.lead {font-weight:600;}

footer h3{
    font-size:30px;
}
#nav-footer h4{
    text-transform:uppercase;
    font-size:18px;
}
ul.latest_news h5{
    margin:0 0 0 25px;
    padding:0;
}


/* #Site Footer */
footer {
    background:#1c1c1c url(logo_footer.png) no-repeat center 60px;
    color:#fff;
    width:100%;
    padding-top:20px;
    text-align:center;
    font-size:13px;
}
#nav-footer ul{
    list-style:none;
    padding:0;
    margin:10px 0 20px 0;
}
ul#follow_us {
    list-style:none;
    padding:0;
    margin:10px 0 15px 0;
}
ul#follow_us  li{
    font-weight:600;
}
#nav-footer ul li a{
    color:#c6c6c7;
}
#nav-footer ul li a:hover, #nav-footer ul li a.active{
    color:#1dd7b2;
}
ul#follow_us  li{
    display: inline-block;
    margin-right:15px;
}
ul#follow_us  li a{
    width:34px;
    height:34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #c6c6c7;
    color:#c6c6c7;
    display:block;
    line-height:32px;
    font-size:18px;
    text-align:center;
    font-weight:normal;
}
ul#follow_us li a:hover{
    border: 2px solid #fff;
    color:#fff;
}
#copy_right{
    background-color:#202020;
    padding:10px;
    color:#555;
}
footer hr{
    border-color:#2a2a2a;
    margin-top:60px;
}
.phone{
    font-size:22px; color:#F66
}

/* Buttons */
a.button_top {
    border:none;
    margin-top:5px;
    background:#292929;
    color:#fff;
    font-size:11px;
    padding:5px 16px 2px 16px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    outline:none;
    font-weight:700;
    text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
}
a.button_top#apply {
    border:none;
    margin-top:5px;
    background: #F66;

}
a.button_top:hover {background:#30d9a4; color:#fff;}

a.button_medium, .button_medium {
    border:none;
    background:#30d9a4;
    color:#fff;
    padding:7px 12px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    outline:none;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    -webkit-font-smoothing: antialiased;
}
a.button_medium:hover, .button_medium:hover {background:#262c2d;}

a.button_subscribe, .button_subscribe {
    border:none;
    background:#ffd200;
    color:#fff;
    padding:12px 20px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    outline:none;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    -webkit-font-smoothing: antialiased;
}
a.button_subscribe:hover, .button_subscribe:hover {background:#262c2d;}

a.button_subscribe_green, .button_subscribe_green {
    border:none;
    background:#30d9a4;
    color:#fff;
    padding:12px 20px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    outline:none;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    -webkit-font-smoothing: antialiased;
}
a.button_subscribe_green:hover, .button_subscribe_green:hover {background:#262c2d;}

a.button_medium_outline, .button_medium_outline {
    border:none;
    background:none;
    color:#1dd7b2;
    border:2px solid #1dd7b2;
    padding:5px 10px;
    text-decoration:none;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition:.5s ease;
    -o-transition: .5s ease;
    display:inline-block;
    cursor:pointer;
    outline:none;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    -webkit-font-smoothing: antialiased;
}
a.button_medium_outline:hover, .button_medium_outline:hover { color:#262c2d; border:2px solid #262c2d;}

a.button_big, .button_big{
    border:none;
    background:#30d9a4;
    color:#fff;
    font-size:30px;
    line-height:32px;
    padding:20px 50px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    outline:none;
    font-weight:800;
    text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
}
a.button_big:hover, .button_big:hover {background:#262c2d;}

.button_red_small, a.button_red_small {
    border:none;
    background:#ff6666;
    color:#fff;
    outline:none;
    padding:2px 8px;
    margin-bottom:15px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    font-weight:700;
    font-size:11px;
    -webkit-font-smoothing: antialiased;
}
.button_red_small:hover, a.button_red_small:hover {background:#262c2d;}

a.button_fullwidth, .button_fullwidth {
    border:none;
    background:#30d9a4;
    color:#fff;
    outline:none;
    padding:7px 12px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:block;
    width:100%;
    cursor:pointer;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:5px;
    text-align:center;
    -webkit-font-smoothing: antialiased;
}
a.button_fullwidth:hover, .button_fullwidth:hover  {background:#262c2d;}

a.button_fullwidth-2, .button_fullwidth-2 {
    border:none;
    background:#eafbf6;
    color:#333;
    outline:none;
    text-align:center;
    padding:7px 12px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:block;
    width:100%;
    cursor:pointer;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:5px;
    -webkit-font-smoothing: antialiased;
}
a.button_fullwidth-2:hover, .button_fullwidth-2:hover  {background:#262c2d; color:#fff;}

a.button_fullwidth-3, .button_fullwidth-3 {
    border:none;
    background:#eafbf6;
    color:#333;
    outline:none;
    text-align:center;
    padding:15px 12px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    font-size:16px;
    display:block;
    width:100%;
    cursor:pointer;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
    -webkit-font-smoothing: antialiased;
}
a.button_fullwidth-3:hover, .button_fullwidth-3:hover  {background:#262c2d; color:#fff;}

.button_outline, a.button_outline {
    border:2px solid #1dd7b2;
    background:none;
    color:#1dd7b2;
    outline:none;
    padding:13px 24px 13px 24px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    font-weight:600;
    font-size:16px;
    text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    outline:none;

}
.button_outline:hover, a.button_outline:hover {background:#1dd7b2; color:#fff;}

.btn-filter {
    border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #09C;
    text-transform:uppercase;
    color:#fff;
    outline:none;
    padding:2px 8px 0 8px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    cursor:pointer;
    font-weight:600;
    font-size:11px;
    -webkit-font-smoothing: antialiased;
}
.btn-filter:hover {background:#262c2d;}


/** Wizard Buttons **/
.backward, .forward {
    border:none;
    color:#fff;
    padding:7px 20px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    font-weight:600;
    text-transform:uppercase;
    outline:none;
    background:#282828;
    position:relative;
}

.backward {padding:7px 20px 7px 30px;}

button[disabled].backward, button[disabled].forward {
    border:none;
    background:#ccc;
    outline:none;
}

.backward:before {
    content: "\f053";
    font-family: FontAwesome;
    text-decoration: inherit;
    position: absolute;
    font-weight:normal;
    top: 8px;
    left: 20px;
    text-transform:none;
    font-size:9px
}

.forward {padding:7px 30px 7px 20px;}
.forward:before {
    content: "\f054";
    font-family: FontAwesome;
    text-decoration: inherit;
    position: absolute;
    font-weight:normal;
    top: 8px;
    right: 20px;
    text-transform:none;
    font-size:9px
}

.backward:hover, .forward:hover {background:#00aeef; color:#fff;}

/*============================================================================================*/
/* 2.  PAGES AND CONTENT */
/*============================================================================================*/
/* #home ========== */
.bannercontainer {
    width:100%;
    position:relative;
    padding:0;
}
.divider_top_black{
    background:url(top_divider_black.png) repeat-x center bottom;
    width:100%;
    height:37px;
    position:absolute;
    top:-30px;
    left:0;
    z-index:999;
}
.divider_top_green{
    background:url(top_divider_green.png) repeat-x center bottom;
    width:100%;
    height:37px;
    position:absolute;
    top:-30px;
    left:0;
    z-index:999;
}
#main-features {
    background:#1c1c1c url(bg_sub-header_2.png) repeat 0 0;
    position:relative;
    color:#8c8c8c;
    font-weight:600;
    padding:60px 0;
}
#main-features_green {
    background:#0cbdaa url(bg_sub-header.png) repeat 0 0;
    position:relative;
    color:#fff;
    font-weight:600;
    padding:60px 0;
}
.feature {
    padding-left: 95px;
    position:relative;
}
.feature i{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    padding:0;
    margin:0;
    width:65px;
    height:65px;
    line-height:60px;
    text-align:center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border:2px solid #fff;
    font-size:26px;
    color:#1abc9c;
}

#main-features_green .feature i{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    padding:0;
    margin:0;
    width:65px;
    height:65px;
    line-height:60px;
    text-align:center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border:2px solid #fff;
    font-size:26px;
    color:#fff;
}
#testimonials {
    background: #1abc9c url(users_bg.jpg) repeat 0 0;
    padding:60px 0;
    color:#fff;
}
.container_count {
    width:60px;
    display:inline-block;
    margin-right:5px;
    text-align:center;
}
.container_count.last {
    margin-right:0;
}
#countdown_wp{
    text-align:center;
    margin:30px 0 20px 0;
}
#days, #hours, #minutes, #seconds{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #fff;
    text-align:center;
    width:60px;
    height:60px;
    font-size:24px;
    line-height:56px;
    font-family:"Helvetica Neue", Arial, sans-serif;
    font-weight:300;
}

/*LATEST COURSES*/
.cat_row{
    background:#f8f8f8;
    padding: 7px 7px 5px 7px;
    font-size:12px;
    font-weight:600;
}
.cat_row .pull-right{color:#999;}
.cat_row i{
    font-size:14px;
    margin-left:5px;
    margin-right:2px;
}
.cat_row a:hover{text-decoration:none;}
.ribbon_course{
    position:absolute;
    left:-5px;
    top:-5px;
    display:block;
    width:99px;
    height:97px;
    background:url(ribbon.png) no-repeat;
}
.col-item{
    border: 1px solid #ededed;
    background: #FFF;
    margin-bottom:25px;
    position:relative;
}
.col-item .photo img{
    margin: 0 auto;
    width: 100%;
}

.col-item .info{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item .course_info {
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
    height: 105px;
    overflow: hidden;
}

.col-item .course_info  h4{
    line-height: 20px;
    margin: 0 0 10px 0;
}
.course_info  p{
    font-size:13px;
    line-height: 18px;
}

.rating{
    color: #FC0;
    margin-top:10px;
}
.price{
    margin-top:10px;
    font-weight:700;
    color:#999;
    font-size:16px;
}

.col-item .info .rating{
    color: #1777;
}

.col-item .rating{
    float: left;
    font-size: 17px;
    text-align: left;
    margin-bottom: 20px;
}
.col-item .separator{
    border-top: 1px solid #ededed;
}
.col-item .separator p{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
    margin-right: 5px;
}
.col-item .btn-add{
    width: 50%;
    float: left;
}
.col-item .btn-add{
    border-right: 1px solid #ededed;
}
.col-item .btn-details{
    width: 45%;
    float: left;
    padding-left: 10px;
}
/*SEARCH BAR*/
#search-form{
    margin-top:15px;
    position:relative;
}
#search-form input{
    font-weight:600;
}
#search-form .input-group{
    border:5px solid rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#search-form .btn{
    height:44px; text-align:center; border:0;
    margin:0;
    font-size:22px;
    outline:none;
}
#search-form .btn i{
    margin-left:5px;
    margin-right:5px;
}
.adv_search a{
    -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;
    position:absolute; left:10px; top:-15px; background-color:#f8f8f8; padding:0px 10px; font-size:11px; color:#333; margin:0;}
.adv_search a:hover{ color:#fff; background:#488dc6;}

.autocomplete-suggestions { border: 1px solid #ccc; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/*SEARCH BAR 2*/
.sb-search {
    position: relative;
    margin-top: 5px;
    width: 0%;
    min-width: 36px;
    height: 36px;
    float: right;
    /*overflow: hidden;*/
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    margin-right:-15px;
}

.sb-search-input {
    position: absolute;
    top: 5px;
    right: 0;
    border: none;
    outline: none;
    background: #ffffff;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 36px;
    /* margin: 2px; */
    z-index: 10;
    padding: 10px 45px 10px 5px;
    font-family: inherit;
    color: #ccc;
    border-radius: 2px;
}

.sb-search-input::-webkit-input-placeholder {
    color: #ccc;
}

.sb-search-input:-moz-placeholder {
    color: #ccc;
}

.sb-search-input::-moz-placeholder {
    color: #ccc;
}

.sb-search-input:-ms-input-placeholder {
    color: #ccc;
}

.sb-icon-search,
.sb-search-submit  {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    padding: 0;
    margin: 0;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #004e6d;
    background: none !important;
    z-index: 90;
    font-size: 22px;
    font-family: 'fontello';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "\e806";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #1c1c1c;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/* #home with subscription ========== */
#subscribe_home {
    background-color:#0aa090;
    padding:30px 30px 0 30px;
    margin-top:30px;
}
#subscribe_home input, #subscribe_home .styled-select {
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

#subscribe {
    background:url(arrow_hand_1.png) no-repeat center bottom;
    padding-bottom:70px;
}
/* #home with video ========== */
.video {
    margin-top:30px;
}

/* #about us ======== */
ul.social_team {
    list-style:none;
    padding:0;
    margin:5px 0 5px 0;
    font-size:16px;
}
ul.social_team li{
    display:inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border:1px solid #ededed;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
}
.thumbnail{
    border: none;
    border-radius: 0px;
    box-shadow: none;
    display: block;
    line-height: 0px;
    -moz-border-radius: 0px;
    -moz-box-shadow: none;
    -moz-transition: all 0.2s ease-in-out;
    o-transition: all 0.2s ease-in-out;
    padding: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
}
.caption {background: #f2f2f2;}
.transit-to-top {
    height: 60px;
    overflow: hidden;
    width: 100%;
    cursor:pointer;
}
.transit-to-top h4 {
    text-align:center;
    moz-transition: all 0.3s ease-in-out;
    o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin:20px 0 0 0;
    padding:0;
}
.thumbnail:hover h4{margin-top: -40px;}
.p-title {
    display: block;
    height: 40px;
}
.widget_nav_menu {
    min-height:100%;
    height:100%;
    text-align:center;
}
.project-item-image-container {
    border: none;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%;
}
.project-item-image-container:hover, .project-item :hover .project-item-image-container {
    filter: alpha(opacity=100);
    -moz-transition: background-color 0.2s ease-out, color 0.1s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -o-transition: background-color 0.2s ease-out, color 0.1s ease-out;
    transition: background-color 0.2s ease-out, color 0.1s ease-out;
    -webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out;
}
.project-item-image-container > img {width: 100%!important;}
.phone-info {
    display: inline-block;
    margin: 5px 0px 0 0;
    width: 100%;
    text-align:center;
}
ul.social-bookmarks.team {float:none; margin:0; padding:0; margin:auto; display:inline-block;}

.question_box {
    padding-left:40px;
    position:relative;
    margin-bottom:30px;
}
.question_box:before {
    content: "\ec7e";
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    position: absolute;
    color:#999;
    top: 5px;
    left: 0;
}

/* #course grid page
================================================ */
ul.submenu-col {
    list-style:none;
    margin:0;
    padding:0;
    font-weight:600;
    font-size:14px;
}
ul.submenu-col li a {
    text-decoration:none;
    padding: 4px 10px;
    display:block;
    margin-bottom:3px;
}
ul.submenu-col li a#active {
    background:#0cbdaa url(arrow.png) no-repeat  96% center;
    color:#fff;
}
ul.submenu-col li a:hover {
    background:#efefef;
    color:#111;
}

.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
    margin:0;
    font-weight:600;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}
.panel-info{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* #login and register
================================================ */
#login_bg{
    background:#0cbdaa url(bg_sub-header.png) repeat 0 0;
    padding:100px 0;
}
#wizard_bg{
    background:#0cbdaa url(bg_sub-header.png) repeat 0 0;
    padding:10px 0;
}

#login_card {
    background-color:#fff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    padding:30px;
}
/* #lwizard apply */
#top-wizard {
    text-align:center;
    padding:15px 120px;
    background-color:#f3f3f3;
    border-bottom:1px solid #e7e7e7;
    position:relative;
    text-transform:uppercase;
    font-size:11px;
}
.ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
.ui-widget-content { background: #fff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header {background: #f68e56; }
.ui-widget-header a { color: #222222; }
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

#survey_container {
    background-color:#fff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    margin-top:0px;
}
.ie8 #survey_container {
    background-color:#fff;
    border:1px solid #ddd;
    margin-top:60px;
    margin-bottom:60px;
}
#middle-wizard {
    padding: 50px 125px 35px 125px;
}
#middle-wizard h3{
    padding-top:0;
    margin-top:0;
}
#bottom-wizard {
    text-align:center;
    padding:15px 120px;
    border-top:1px solid #e7e7e7;
    background-color:#f3f3f3;
}
#complete{
    text-align:center;
    /*padding: 0 45px 35px 45px;*/
}
#complete h3{
    text-align:center;
    margin-bottom:40px
}
#complete i {
    color:#cacaca;
    margin: 0 0 10px 0;
    font-size:160px;
    padding:0;
}
#complete button{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:18px;
    border:2px solid  #8dc63f;
    color:#8dc63f;
    padding:15px 35px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    font-weight:600;
    text-transform:uppercase;
    outline:none;
    background:#fff;
}
#complete button:hover{background:#00aeef; color:#fff; border:2px solid  #00aeef;}

/** Floated inputs: ex the gender radio ==================== **/
ul.floated {
    padding:0;
    margin:0 0 0 0;
}
ul.floated li {
    float:left;
    margin:0; padding:0;
    width:27%;
}
label.label_gender {padding-left:50px; line-height:42px;}

ul.floated li#age {
    width:100px;
    margin-right:55px;
}

ul.data-list{
    padding:0;
    margin:0;
    list-style:none;
    margin-bottom:30px;
}
ul.data-list-2{
    list-style:none;
    padding-left:0;
    margin-left:0;
}
ul.data-list li {position:relative;  }

ul.data-list-2 li {
    position:relative;
    height:42px;
    margin-bottom:15px;
    width:100%;
    display:block;
}

ul.data-list-2 li label {
    float:left;
    margin-left:60px;
    font-size:18px;
    font-weight:400;
    margin-top:9px;
    line-height:22px;
}

ul.data-list#terms  {
    font-weight:400;
    line-height:22px;
    margin:0;
    font-size:12px;
    padding:0;
    text-align:center;
}


/** Errors validation styles and position ==================== **/

/** Common style**/
label.error{
    font-size:11px;
    position: absolute;
    top:-28px;
    right:-15px;
    z-index:99;
    height:25px;
    line-height:25px;
    background-color:#e34f4f;
    color:#fff;
    font-weight:normal;
    padding:0 6px;
}
label.error:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #e34f4f;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -6px;
    left: 20%;
}

.styled-select label.error{overflow:visible;}

ul.floated li#age label.error {right:-15px;}

ul.floated li label.error{right:-50px;}

ul.data-list#terms li label.error {
    left:45%;
    display:inline-block;
    width:80px;
}

/** Error styles for survey questions**/
ul.data-list-2 li label.error {
    font-size:11px;
    position: absolute;
    top:-30px;
    right:-10px;
    margin:0;
    z-index:99;
    height:25px;
    line-height:25px;
    background-color:#e34f4f;
    color:#fff;
    font-weight:normal;
    padding:0 6px;
}
/* #teachers
================================================ */
ul.teacher_courses{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:20px;
}
/* #course details
================================================ */

.video_course{
    width:100%;
    height:400px;
}
#strips-course{
    padding:60px 0;
}
#strips-course article h3{
    font-size:28px;
    font-weight:800;
    text-transform:uppercase;
}
#strips-course article h3 em{
    font-size:21px;
    font-weight:400;
    text-transform:none;
    font-style:normal;
    display:block;
    color:#999;
}
#strips-course article{
    padding:30px 0;
}
#strips-course.style_2 article{
    padding:30px 0;
    border-bottom: 1px dashed #ededed;
}

#strips-course.shadow article:nth-of-type(odd) {
    background-color:#fdfdfd;
    box-shadow: inset 0px 11px 8px -10px #f8f8f8,inset 0px -11px 8px -10px #f8f8f8;

}
ul.data-lessons {
    margin-left:0;
    padding-left:0;
    margin-bottom:30px;
}
ul.data-lessons li{
    display:inline-block;
    margin-right:5px;
    padding-right:8px;
    border-right: 1px solid #ccc;
    line-height:16px;
    color:#777;
    zoom: 1; *display: inline;
}
ul.data-lessons li a{
    color:#777;
}
ul.data-lessons li a:hover{
    color:#111;
}
ul.data-lessons  li:last-child{
    border-right: none;
}
ul.data-lessons li a.button_red_small{
    color:#fff;
}
/* #Blog
================================================ */
.tags a {
    display:inline-block;
    margin:5px 14px 10px 0;
    height:33px;
    line-height:33px;
    background: #ededed url(tag_bg.png) no-repeat 91% center;
    padding:0 28px 0 11px;
    color:#646464;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: background .5s ease;
}
.tags a:hover {
    background-color:#099ad1;
    color:#fff;
    text-decoration:none;
}

ul.recent_post {
    margin-left:0;
    padding-left:0;
}
ul.recent_post li {
    padding:0 0 8px 0;
    margin-bottom:15px;
    border-bottom:1px #e7e7e7 dotted;
    color:#313131;
    list-style:none;
    line-height:18px;
    padding-bottom:15px;
    color:#888;
    font-style:italic;
}
ul.recent_post li div{
    font-weight:600;
    padding-left:25px;
    font-style:normal
}
ul.recent_post li:last-child{
    border-bottom:0;
    margin-bottom:0;
}
.post {
    margin-bottom:45px;
}
.post img {
    margin-bottom:18px;
}

.post_info {
    padding:10px 0;
    border-bottom:1px #e7e7e7 solid;
    border-top:1px #e7e7e7 solid;
    margin-bottom:12px;
    color:#555;
}
.post_info span {
    color:#ff6666;
}

.post-left {float:left;}
.post-left ul {
    margin-left:0;
    padding-left:0;
}
.post-left ul li {
    float:left;
    margin-right:10px;
    list-style:none;
}
.post-right {float:right;
}
#comments {
    padding:10px 0 0 0;
    margin-bottom:15px;
}
#comments ul {
    padding:0;
    margin:0;
    list-style:none;
}
#comments ol {
    padding:0;
    margin:0;
    list-style:none;
}
#comments li {
    padding:0 0 23px 0;
    list-style:none;
}
.avatar {
    float:left;
    margin-right:11px;

}
.avatar img {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.comment_right {display:table;	}
.comment_info {padding-bottom:7px;}
.comment_info span {padding:0 12px;}
#comments ol li ul li {
    padding:23px 0 0 30px;
    margin:0;
}
/* #Contact
================================================ */
#map {width:100%; height:450px;}
#directions { background-color:#0cbdaa; padding:22px 0 0 0; }
ul#contact-info {
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}
ul#follow_us_contacts {
    list-style:none;
    padding:0;
    margin:10px 0 20px 0;
}

ul#follow_us_contacts  li {
    position:relative;
    padding-left:45px;
    height:34px;
    line-height:34px;
    margin-bottom:15px;
}
ul#follow_us_contacts  li a i{
    position:absolute;
    left:0;
    top:0;
    width:34px;
    height:34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #c6c6c7;
    color:#c6c6c7;
    display:block;
    line-height:32px;
    font-size:18px;
    text-align:center;
    font-weight:normal;
}
ul#follow_us_contacts  li a:hover i{
    border: 2px solid #333;
    color:#333;
}
.box_style_2 {
    background:#f9f9f9;
    border:1px solid #f3f3f3;
    padding:30px;
    position:relative;
}
.tape {
    position:absolute;
    left:0;
    top:-20px;
    height:45px;
    width:100%;
    background:url(tape.png) no-repeat center top;
    display:block;
}

/* #News
================================================ */
.media.list_news {
    border-top: 1px dashed #ededed;
    padding-top:20px;
}
/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/
/** Drop down select: ex Country select ==================== **/
.styled-select select {
    background: transparent;
    width:107%;
    padding: 5px;
    padding-left:15px;
    border: 0;
    border-radius: 0;
    height: 41px;
    margin:0;
    font-weight:400;
    -webkit-appearance: none;
    cursor: pointer;
    color:#999;
}
.styled-select {
    width: 100%;
    overflow:hidden;
    height: 44px;
    background: #fff url(down_arrow_select.png) no-repeat  right center ;
    border:1px solid #ededed;
    margin-bottom:25px;

}

.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
}
.input-icon{position:absolute; right:8px; top:10px; width:32px; height:24px; background-color:#fff; text-align:right; border-left: 1px solid #ececec;}
.input-icon i { color:#ccc; font-size:18px; line-height:24px;}
.form-group { position:relative; margin-bottom:20px;}

.loader { margin-left:5px; position:absolute;}

.error_message { color:#F33; font-weight:600; margin-bottom:4px;}

.input-group { margin-bottom:20px;}
.form-control {height: 38px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; }
.form-control.style-2 {height: 45px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; border:none;  background-color:#fff; }


.ie8 .form-control.style-2 {height: 45px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; border:none;  background-color:#fff; line-height:45px; }

.input-group button { height:45px; border:none; background-color:#333; color:#fff; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.input-group button:hover { background-color:#006db8; color:#fff; border:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:none;}
.input-group button:focus { outline:none; border:none;}

.form-control::-moz-placeholder { color: #999; opacity:1;}
.form-control::-webkit-input-placeholder {color: #999;}

input.form-control, textarea.form-control {
    background:none;
    background-color:#fff;
    border:1px solid #ececec;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    color: #a0a0a0;
    /*	height:44px;*/
    font-size:14px;
    font-weight:400;
    margin-bottom:25px;
    font-family: 'Raleway', Arial, sans-serif;
    line-height: 1.428571429;
    padding: 6px 12px;
}
input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#555;
}
/* Newsletter */
input.form-control#email_newsletter {
    margin-bottom:0;
    background-color:#262626;
    border:none;
    height:52px;
    width:380px;
    padding-left:25px;
    color:#676767;
    margin-top:-3px;
}
input.form-control#email_newsletter:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:#fff;
}

label {font-weight:600;}

label.error{
    font-size:11px;
    position: absolute;
    top:-28px;
    right:-15px;
    z-index:9;
    height:25px;
    line-height:25px;
    background-color:#e34f4f;
    color:#fff;
    font-weight:600;
    padding:0 6px;
}
label.error:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #e34f4f;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -6px;
    left: 20%;
}
.login-or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.login_social {
    margin-bottom:5px;
}
.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
}
.hr-or {
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#pass-info{
    width: 98.5%;
    margin-bottom:15px;
    color: #829CBD;
    text-align: center;
    font: 12px/25px Arial, Helvetica, sans-serif;
}
#pass-info.weakpass{
    border: 1px solid #FF9191;
    background: #FFC7C7;
    color: #94546E;
    text-shadow: 1px 1px 1px #FFF;
}
#pass-info.stillweakpass {
    border: 1px solid #FBB;
    background: #FDD;
    color: #945870;
    text-shadow: 1px 1px 1px #FFF;
}
#pass-info.goodpass {
    border: 1px solid #C4EEC8;
    background: #E4FFE4;
    color: #51926E;
    text-shadow: 1px 1px 1px #FFF;
}
#pass-info.strongpass {
    border: 1px solid #6ED66E;
    background: #79F079;
    color: #348F34;
    text-shadow: 1px 1px 1px #FFF;
}
#pass-info.vrystrongpass {
    border: 1px solid #379137;
    background: #48B448;
    color: #CDFFCD;
    text-shadow: 1px 1px 1px #296429;
}
/* Plans price style */
.plans {
    margin: 0px auto 50px ;
    zoom: 1;
}
.plans:before, .plans:after {
    content: '';
    display: table;
}
.plans:after {
    clear: both;
}

.plan {
    margin: 10px 0;
    padding: 20px;
    text-align: center;
    background: #fafafa;
    background-clip: padding-box;
    border: solid #dddddd;
    border-width: 1px 0 1px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.col-md-4.plan:first-child {
    margin-right:-30px;
    margin-left:30px;
}
.plan:last-child {
    border-width: 1px;
}
.plan-title {
    position: relative;
    margin: -20px -10px 20px;
    padding: 20px;
    line-height: 1;
    font-size: 18px;
    text-transform:uppercase;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}
.plan-title:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
}
.plan-price {
    margin: 0 auto 20px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background: #4b4b4b;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: inline-block;
    text-align:center;
}
.plan-price > span {
    font-size: 12px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
}
.plan-features {
    margin-bottom: 20px;
    line-height: 2;
    font-size: 12px;
    text-align: center;
}
ul.plan-features{
    padding:0;
    margin:0 0 30px 0;
}
.plan-features li{
    list-style:none;
}

.plan-tall {
    margin: 0;
    background: #fff;
    border-width: 1px;
    border-radius: 4px;
    margin-right:-30px;
    position:relative;
    z-index:100;
    border: solid #1abc9c;
    position:relative;
}
.ribbon {
    width:99px;
    height:97px;
    position:absolute;
    left:-7px;
    top:-7px;
    display:block;
    background:url(ribbon.png) no-repeat 0 0;
    z-index:101;
}
.plan-tall > .plan-title {
    font-size: 18px;
}
.plan-tall > .plan-price {
    margin: 0 auto 20px;
    height: 130px;
    width: 130px;
    line-height: 130px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background: #f26d7d;
    border-radius: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    display: inline-block;
    text-align:center;
}
.plan-tall > .plan-features {
    font-size: 14px;
}
.plan-tall > .plan-button {
    padding: 0 16px;
    line-height: 32px;
}
.plan-tall + .plan {
    border-left: 0;
}
/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/
.add_bottom_30 {margin-bottom:30px;}
.add_bottom_45 {margin-bottom:45px;}
.add_bottom_60 {margin-bottom:60px;}

.breadcrumb {
    background:none;
    padding:0;
    font-size:12px;
    margin-top:-50px;
    margin-bottom: 10px;
}

#join {
    background:url(pattern_2.png) repeat 0 0;
    padding:60px 0;
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}
ul.list_po_body { padding:0 0 0 0; margin:0; list-style:none; }
p.no_margin { padding:0; margin:0; }
.box_style_1{
    padding: 20px 0px 0px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    max-width: 360px;
}
img.speaker {
    width:50px;
    height:50px;
    margin-left:15px;
    border:1px solid #fff;
}

.box_style_3 {
    position:relative;
    margin: 0 0 2em 0;
    text-align:center;
    background: #fff;
    padding: 40px 40px 20px 40px;
    margin:40px 40px 60px 40px;
    border: 1px solid #ededed;
}

.box_style_3:before {
    z-index: -1;
    position: absolute;
    top: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ededed;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.box_style_3:after {
    z-index: -2;
    position: absolute;
    top: 1px;
    left: -2px;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ededed;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
/* carousel */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    font-weight:600;
}
#quote-carousel small{
    color:#fff;
    font-style:italic;
}

/* Control buttons  */
#quote-carousel .carousel-contro {
    background: none;
    color: #222;
    font-size: 3em;
    text-shadow: none;
    margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
    left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
    right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
    background: #fff;
    border:none;
}
#quote-carousel .carousel-indicators .active {
    background: #1c1c1c;
}
#quote-carousel img{
    width: 100px;
    height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\ebe7";
    font-family: 'fontello';
    float: left;
    margin-right: 10px;
}

#toTop {
    width: 100px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 10px;
    right: 15px;
    cursor: pointer;
    display: none;
    color: #333;
    font-size: 11px;
    z-index: -1;
}

.img-circle.styled {
    background-color:#ededed;
    -moz-box-shadow: 0px 0px 0px 5px #ededed;
    -webkit-box-shadow: 0px 0px 0px 5px #ededed;
    box-shadow: 0px 0px 0px 5px #ededed;
    margin:auto;
}

/** Collapse **/
.panel-title a {display:block;}

/** tabs **/
.tab-content{padding-top:15px;}

/** List styles **/
ul.latest_news {
    list-style:none;
    margin:0 0 0 0;
    padding:0;
}
ul.latest_news li{
    margin-bottom:15px;
}
ul.list_ok {
    list-style:none;
    margin:0;
    padding:0;
}
ul.list_ok li {
    margin-bottom:0;
    position:relative;
    padding-left:20px;
}
ul.list_ok li:before {
    font-family: "fontello";
    content: "\e81a";
    position:absolute;
    left:0;
    top:0;

}
ul.list_1 {
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
    font-weight:700;
    font-size:14px;
}
ul.list_1 li a {
    text-decoration:none;
    padding: 4px 10px;
    display:block;
    margin-bottom:0;
    border-bottom: 1px solid #efefef;
}

ul.list_1 li a:after {
    font-family: "fontello";
    content: "\e89b";
    float:right;
}

ul.list_1 li a:hover {
    background:#efefef;
    color:#326e99;
}

ul.list_2 {
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
    font-weight:700;
    font-size:14px;
}
ul.list_2 li a {
    text-decoration:none;
    padding: 4px 10px;
    display:block;
    margin-bottom:0;
    border-bottom: 1px solid #efefef;
}
ul.list_2 li a:after {
    font-family: "fontello";
    content: "\ee1c";
    float:right;
}
ul.list_2 li a:hover {
    background:#efefef;
    color:#326e99;
}

.circ-wrapper h3{
    margin:0;
    padding:15px 0 0 0;
    font-weight:bold;
}
.circ-wrapper.course_detail h3{
    margin:0;
    padding:25px 0 0 0;
    font-weight:bold;
}
.circ-wrapper {
    width: 80px;
    height: 80px;
    text-align: center;
    background:#0cbdaa;
    color:#FFF;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: rgb(10, 165, 148) 1px 1px,
    rgb(10, 165, 148)  2px 2px,
    rgb(10, 165, 148)  3px 3px,
    rgb(10, 165, 148)  4px 4px,
    rgb(10, 165, 148)  5px 5px,
    rgb(10, 165, 148)  6px 6px,
    rgb(10, 165, 148)  7px 7px,
    rgb(10, 165, 148)  8px 8px,
    rgb(10, 165, 148)  9px 9px,
    rgb(10, 165, 148)  10px 10px,
    rgb(10, 165, 148)  11px 11px,
    rgb(10, 165, 148)  12px 12px,
    rgb(10, 165, 148)  13px 13px,
    rgb(10, 165, 148)  14px 14px,
    rgb(10, 165, 148)  15px 15px,
    rgb(10, 165, 148)  16px 16px,
    rgb(10, 165, 148)  17px 17px,
    rgb(10, 165, 148)  18px 18px,
    rgb(10, 165, 148)  19px 19px,
    rgb(10, 165, 148)  20px 20px,
    rgb(10, 165, 148)  21px 21px,
    rgb(10, 165, 148)  22px 22px,
    rgb(10, 165, 148)  23px 23px,
    rgb(10, 165, 148)  24px 24px,
    rgb(10, 165, 148)  25px 25px,
    rgb(10, 165, 148)  26px 26px,
    rgb(10, 165, 148)  27px 27px,
    rgb(10, 165, 148)  28px 28px,
    rgb(10, 165, 148)  29px 29px,
    rgb(10, 165, 148)  30px 30px,
    rgb(10, 165, 148)  31px 31px,
    rgb(10, 165, 148)  32px 32px,
    rgb(10, 165, 148)  33px 33px,
    rgb(10, 165, 148)  34px 34px,
    rgb(10, 165, 148)  35px 35px,
    rgb(10, 165, 148)  36px 36px,
    rgb(10, 165, 148)  37px 37px,
    rgb(10, 165, 148)  38px 38px,
    rgb(10, 165, 148)  39px 39px,
    rgb(10, 165, 148)  40px 40px,
    rgb(10, 165, 148)  41px 41px,
    rgb(10, 165, 148)  42px 42px,
    rgb(10, 165, 148)  43px 43px,
    rgb(10, 165, 148)  44px 44px,
    rgb(10, 165, 148)  45px 45px,
    rgb(10, 165, 148)  46px 46px,
    rgb(10, 165, 148)  47px 47px,
    rgb(10, 165, 148)  48px 48px,
    rgb(10, 165, 148)  49px 49px,
    rgb(10, 165, 148)  50px 50px,
    rgb(10, 165, 148)  51px 51px,
    rgb(10, 165, 148)  52px 52px,
    rgb(10, 165, 148)  53px 53px,
    rgb(10, 165, 148)  54px 54px,
    rgb(10, 165, 148)  55px 55px,
    rgb(10, 165, 148)  56px 56px,
    rgb(10, 165, 148)  57px 57px,
    rgb(10, 165, 148)  58px 58px,
    rgb(10, 165, 148)  59px 59px,
    rgb(10, 165, 148)  60px 60px,
    rgb(10, 165, 148)  61px 61px,
    rgb(10, 165, 148)  62px 62px,
    rgb(10, 165, 148)  63px 63px,
    rgb(10, 165, 148)  64px 64px,
    rgb(10, 165, 148)  65px 65px,
    rgb(10, 165, 148)  66px 66px,
    rgb(10, 165, 148)  67px 67px,
    rgb(10, 165, 148)  68px 68px,
    rgb(10, 165, 148)  69px 69px,
    rgb(10, 165, 148)  70px 70px,
    rgb(10, 165, 148)  71px 71px,
    rgb(10, 165, 148)  72px 72px,
    rgb(10, 165, 148)  73px 73px,
    rgb(10, 165, 148)  74px 74px,
    rgb(10, 165, 148)  75px 75px,
    rgb(10, 165, 148)  76px 76px,
    rgb(10, 165, 148)  77px 77px,
    rgb(10, 165, 148)  78px 78px,
    rgb(10, 165, 148)  79px 79px,
    rgb(10, 165, 148)  80px 80px,
    rgb(10, 165, 148)  81px 81px,
    rgb(10, 165, 148)  82px 82px,
    rgb(10, 165, 148)  83px 83px,
    rgb(10, 165, 148)  84px 84px,
    rgb(10, 165, 148) 85px 85px,
    rgb(10, 165, 148) 86px 86px;
}

.circ-wrapper.red {
    width: 80px;
    height: 80px;
    text-align: center;
    background: #f26965;
    color:#FFF;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: rgb(201, 87, 84) 1px 1px,
    rgb(201, 87, 84)  2px 2px,
    rgb(201, 87, 84)  3px 3px,
    rgb(201, 87, 84)  4px 4px,
    rgb(201, 87, 84)  5px 5px,
    rgb(201, 87, 84)  6px 6px,
    rgb(201, 87, 84)  7px 7px,
    rgb(201, 87, 84)  8px 8px,
    rgb(201, 87, 84)   9px 9px,
    rgb(201, 87, 84)  10px 10px,
    rgb(201, 87, 84)  11px 11px,
    rgb(201, 87, 84)  12px 12px,
    rgb(201, 87, 84)  13px 13px,
    rgb(201, 87, 84)  14px 14px,
    rgb(201, 87, 84)  15px 15px,
    rgb(201, 87, 84)  16px 16px,
    rgb(201, 87, 84)  17px 17px,
    rgb(201, 87, 84)  18px 18px,
    rgb(201, 87, 84)  19px 19px,
    rgb(201, 87, 84)  20px 20px,
    rgb(201, 87, 84)  21px 21px,
    rgb(201, 87, 84)  22px 22px,
    rgb(201, 87, 84)  23px 23px,
    rgb(201, 87, 84)  24px 24px,
    rgb(201, 87, 84)  25px 25px,
    rgb(201, 87, 84)  26px 26px,
    rgb(201, 87, 84)  27px 27px,
    rgb(201, 87, 84)  28px 28px,
    rgb(201, 87, 84)  29px 29px,
    rgb(201, 87, 84)  30px 30px,
    rgb(201, 87, 84)  31px 31px,
    rgb(201, 87, 84)  32px 32px,
    rgb(201, 87, 84)  33px 33px,
    rgb(201, 87, 84)  34px 34px,
    rgb(201, 87, 84)  35px 35px,
    rgb(201, 87, 84)  36px 36px,
    rgb(201, 87, 84)  37px 37px,
    rgb(201, 87, 84)  38px 38px,
    rgb(201, 87, 84)  39px 39px,
    rgb(201, 87, 84)  40px 40px,
    rgb(201, 87, 84)  41px 41px,
    rgb(201, 87, 84)  42px 42px,
    rgb(201, 87, 84)  43px 43px,
    rgb(201, 87, 84)  44px 44px,
    rgb(201, 87, 84)  45px 45px,
    rgb(201, 87, 84)  46px 46px,
    rgb(201, 87, 84)  47px 47px,
    rgb(201, 87, 84)  48px 48px,
    rgb(201, 87, 84)  49px 49px,
    rgb(201, 87, 84)  50px 50px,
    rgb(201, 87, 84)  51px 51px,
    rgb(201, 87, 84)  52px 52px,
    rgb(201, 87, 84)  53px 53px,
    rgb(201, 87, 84)  54px 54px,
    rgb(201, 87, 84)  55px 55px,
    rgb(201, 87, 84)  56px 56px,
    rgb(201, 87, 84)  57px 57px,
    rgb(201, 87, 84)  58px 58px,
    rgb(201, 87, 84)  59px 59px,
    rgb(201, 87, 84)  60px 60px,
    rgb(201, 87, 84)  61px 61px,
    rgb(201, 87, 84)  62px 62px,
    rgb(201, 87, 84)  63px 63px,
    rgb(201, 87, 84)  64px 64px,
    rgb(201, 87, 84)  65px 65px,
    rgb(201, 87, 84)  66px 66px,
    rgb(201, 87, 84)  67px 67px,
    rgb(201, 87, 84)  68px 68px,
    rgb(201, 87, 84)  69px 69px,
    rgb(201, 87, 84)  70px 70px,
    rgb(201, 87, 84)  71px 71px,
    rgb(201, 87, 84)  72px 72px,
    rgb(201, 87, 84)  73px 73px,
    rgb(201, 87, 84)  74px 74px,
    rgb(201, 87, 84)  75px 75px,
    rgb(201, 87, 84)  76px 76px,
    rgb(201, 87, 84)  77px 77px,
    rgb(201, 87, 84)  78px 78px,
    rgb(201, 87, 84)  79px 79px,
    rgb(201, 87, 84)  80px 80px,
    rgb(201, 87, 84)  81px 81px,
    rgb(201, 87, 84)  82px 82px,
    rgb(201, 87, 84)  83px 83px,
    rgb(201, 87, 84)  84px 84px,
    rgb(201, 87, 84) 85px 85px,
    rgb(201, 87, 84) 86px 86px;
}

.circ-wrapper.blue {
    width: 80px;
    height: 80px;
    text-align: center;
    background: #00aeef;
    color:#FFF;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: rgb(0, 139, 192) 1px 1px,
    rgb(0, 139, 192)  2px 2px,
    rgb(0, 139, 192)  3px 3px,
    rgb(0, 139, 192)  4px 4px,
    rgb(0, 139, 192)  5px 5px,
    rgb(0, 139, 192)  6px 6px,
    rgb(0, 139, 192)  7px 7px,
    rgb(0, 139, 192)  8px 8px,
    rgb(0, 139, 192)   9px 9px,
    rgb(0, 139, 192)  10px 10px,
    rgb(0, 139, 192)  11px 11px,
    rgb(0, 139, 192)  12px 12px,
    rgb(0, 139, 192)  13px 13px,
    rgb(0, 139, 192)  14px 14px,
    rgb(0, 139, 192)  15px 15px,
    rgb(0, 139, 192)  16px 16px,
    rgb(0, 139, 192)  17px 17px,
    rgb(0, 139, 192)  18px 18px,
    rgb(0, 139, 192)  19px 19px,
    rgb(0, 139, 192)  20px 20px,
    rgb(0, 139, 192)  21px 21px,
    rgb(0, 139, 192)  22px 22px,
    rgb(0, 139, 192)  23px 23px,
    rgb(0, 139, 192)  24px 24px,
    rgb(0, 139, 192)  25px 25px,
    rgb(0, 139, 192)  26px 26px,
    rgb(0, 139, 192)  27px 27px,
    rgb(0, 139, 192)  28px 28px,
    rgb(0, 139, 192)  29px 29px,
    rgb(0, 139, 192)  30px 30px,
    rgb(0, 139, 192)  31px 31px,
    rgb(0, 139, 192)  32px 32px,
    rgb(0, 139, 192)  33px 33px,
    rgb(0, 139, 192)  34px 34px,
    rgb(0, 139, 192)  35px 35px,
    rgb(0, 139, 192)  36px 36px,
    rgb(0, 139, 192)  37px 37px,
    rgb(0, 139, 192)  38px 38px,
    rgb(0, 139, 192)  39px 39px,
    rgb(0, 139, 192)  40px 40px,
    rgb(0, 139, 192)  41px 41px,
    rgb(0, 139, 192)  42px 42px,
    rgb(0, 139, 192)  43px 43px,
    rgb(0, 139, 192)  44px 44px,
    rgb(0, 139, 192)  45px 45px,
    rgb(0, 139, 192)  46px 46px,
    rgb(0, 139, 192)  47px 47px,
    rgb(0, 139, 192)  48px 48px,
    rgb(0, 139, 192)  49px 49px,
    rgb(0, 139, 192)  50px 50px,
    rgb(0, 139, 192)  51px 51px,
    rgb(0, 139, 192)  52px 52px,
    rgb(0, 139, 192)  53px 53px,
    rgb(0, 139, 192)  54px 54px,
    rgb(0, 139, 192)  55px 55px,
    rgb(0, 139, 192)  56px 56px,
    rgb(0, 139, 192)  57px 57px,
    rgb(0, 139, 192)  58px 58px,
    rgb(0, 139, 192)  59px 59px,
    rgb(0, 139, 192)  60px 60px,
    rgb(0, 139, 192)  61px 61px,
    rgb(0, 139, 192)  62px 62px,
    rgb(0, 139, 192)  63px 63px,
    rgb(0, 139, 192)  64px 64px,
    rgb(0, 139, 192)  65px 65px,
    rgb(0, 139, 192)  66px 66px,
    rgb(0, 139, 192)  67px 67px,
    rgb(0, 139, 192)  68px 68px,
    rgb(0, 139, 192)  69px 69px,
    rgb(0, 139, 192)  70px 70px,
    rgb(0, 139, 192)  71px 71px,
    rgb(0, 139, 192)  72px 72px,
    rgb(0, 139, 192)  73px 73px,
    rgb(0, 139, 192)  74px 74px,
    rgb(0, 139, 192)  75px 75px,
    rgb(0, 139, 192)  76px 76px,
    rgb(0, 139, 192)  77px 77px,
    rgb(0, 139, 192)  78px 78px,
    rgb(0, 139, 192)  79px 79px,
    rgb(0, 139, 192)  80px 80px,
    rgb(0, 139, 192)  81px 81px,
    rgb(0, 139, 192)  82px 82px,
    rgb(0, 139, 192)  83px 83px,
    rgb(0, 139, 192)  84px 84px,
    rgb(0, 139, 192) 85px 85px,
    rgb(0, 139, 192) 86px 86px;
}
.circ-wrapper i.icon-4x{
    font-size:40px;
}
.label-warning{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding:5px 7px 4px 7px;
    background-color:#ffcc00;
}
.media-body{padding-left:10px;}


/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (min-width: 1201px) and (max-width: 1400px) {
    #middle-wizard {padding: 40px 60px 35px 60px;}

}

@media (min-width: 768px) and (max-width: 1200px) {
    #middle-wizard {padding: 40px 60px 35px 60px;}
    ul.floated li#age{
        margin-right:20px;
    }
    #boxed  {width:980px;}

}
@media (min-width: 768px) and (max-width: 979px) {

    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }

}

/* From tablet portrait to mobile */
@media (max-width: 767px)  {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
    input.form-control#email_newsletter {
        width:80%;
        margin:auto;
        margin-bottom:15px;
    }
    #apply{margin-right:40px;}
    #login_top{
        margin-right:40px;
        color: #fff;
    }

    #top-wizard {padding:15px 60px;}
    #middle-wizard {padding: 20px 30px 20px 30px;}

    ul.floated li#age {margin-bottom:-10px; }

    ul.floated li {
        float:none;
        margin:0; padding:0;
        width:50%;
        padding-bottom:10px;
    }
    .col-md-4.plan:first-child,
    .col-md-4.plan:last-child {
        margin-right: 0;
        margin-left: 0;
        border-width: 1px 1px 1px 1px;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .plan-tall + .plan {
        border-left: 1px;
        border: solid #dddddd;
    }
    .plan-tall {margin-right:0;}

    #main_content .post h2{
        font-size:20px;
        line-height:22px;
    }
    .post-right {float:none;}
    .post-left ul li {
        float:none;
        margin-right:0;
        margin-bottom:3px;
    }
    #strips-course{
        padding: 30px 0 30px 0;
    }
    /* Typography*/
    p.lead.boxed{
        font-size:22px;
        line-height:24px;
        padding:8px;
    }

    #subscribe {
        background:none;
        padding-bottom:0;
    }
    #subscribe h1 {
        font-size:50px;
        margin-top:0;
    }
}

/* Mobile portrait */
@media (max-width: 480px) {
    a#logo {
        /*width:37px;*/
        height:36px;
        /*background:url(logo_mobile.png) no-repeat 0 0;*/
		font-size: initial;
    }
    #subscribe {
        background:none;
        padding-bottom:0;
    }
    /* Typography*/
    h1 {
        font-size:36px;
        line-height:38px;
        margin-bottom:10px;
    }
    #subscribe h1 {
        font-size:40px;
        margin-top:0;
        text-align:center;
    }
    #subscribe h2 {
        font-size:30px;
    }
    #main-features h2, #main-features_green h2 {
        font-size:28px;
    }
    #main-features p.lead, #main-features_green p.lead{
        font-size:14px;
        margin-bottom:30px;
    }
    #main_content h2, #main_content_gray h2 {
        font-size:24px;
    }
    #testimonials h2{
        font-size:28px;
    }
    p.lead.boxed{
        font-size:14px;
        line-height:16px;
        padding:8px;
    }
    footer h3 {
        font-size:22px;
        line-height:24px;
    }
    #top-wizard {padding:15px 30px;}
    #bottom-wizard {padding:15px 30px;}
    .backward, .forward, button[disabled].backward, button[disabled].forward  {
        text-indent:-9999px;
        width:50px;
        padding:0;
        height:40px;
    }
    .backward:before, .forward:before, button[disabled].backward:before, button[disabled].forward:before {
        text-indent:0;
        top:12px;
        font-size:16px;
    }
    #complete{padding: 0 25px 15px 25px;}
    #complete h3{ font-size:18px; margin-bottom:20px}
    #complete i {font-size:80px;padding:0;}

    #map {height:200px;}
    #login_bg{
        padding:30px 0;
    }
    .video_course{
        width:100%;
        height:200px;
    }

    #sub-header{
        padding:10px 0 60px 0;
    }
    #sub-header-features p{
        font-size:14px;
    }
    #sub-header-features-2 p{
        font-size:14px;
    }

    .nav-logo, .slide-share {
        display: none;
    }
}

/* Mobile Portrait */
@media only screen and (max-width: 320px) {

    .step h3 {font-size:18px;line-height:22px; margin-bottom:20px}
    #complete h3{ font-size:18px; margin-bottom:20px}
    #complete{padding: 0 15px 15px 15px;}
}

/* Tieu Tinh */
.custorm-hidden {
    display: none;
}
.document-box {
    padding-left: 20px;
}
.document-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
}
.document-nav {
    background: #2A2A2A;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    /* margin-top: 25px; */
    margin-bottom: 0;
    border: 1px solid #2A2A2A;
    border-bottom: 0px solid #e0e5e9;
    /* font-weight: 600; */
}
.document-nav-left {
    display: inline;
    width: 25%;
    padding: inherit;
}
.document-nav-right {
    display: inline;
    width: 25%;
    padding: 0;
}
.document-nav-center {
    display: inline;
    width: 50%;
}

.document-nav .icon {
    margin-right: 10px;
    color: #fff;
}
#document-paging {
    font-size: inherit;
    line-height: 0px;
    height: 20px;
    vertical-align: middle;
    max-width: 39px;
    border: 1px solid #4C4C4C;
    text-align: right !important;
    background: #3F3E3E;
}
.document-nav-fixed {
    position: fixed;
    /*top: -25px;*/
    z-index: 99999;
    max-width: 750px;
}
.box_style_1 {

}
.box_style_1 .media {
    /*height: 79px;*/
}
.twolines {
    font-size: 13px;
    line-height: 17px;
    max-height: 30px;
    overflow: hidden;
}
p.twolines {
    color: #2d4050;
}



/* ----------------------------------- reader -------------------- */

/* slide reader */
#document-nav .icon, #slide-reader .glyphicon {
    cursor:pointer;
}
#slide-reader .icon-resize-normal {
    cursor:n-resize;
}
.slide-nav {
    background: #f8f8f8;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    /*margin-top: 25px;*/
    margin-bottom: 0;
    border: 1px solid #e0e5e9;
    border-bottom: 2px solid #e0e5e9;
    /* font-weight: 600; */
}
.slide-nav .icon {
    margin-right: 10px;
}
.slide-bottom {
    text-align: center;
    background: #2A2A2A;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
    line-height: 10px;
    margin-bottom: 0;
    color: #FFFFFF;
}
.slide-bottom span.icon, span.glyphicon {
    color: #FFF;
}
.slide-bottom .btn-first {
    font-size: 22px;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    background: transparent;
    margin: 0;
    line-height: 0;
    height: auto;
}
.slide-bottom .btn-last {
    font-size: 22px;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    background: transparent;
    margin: 0;
    line-height: 0;
    height: auto;
}
.btn-first .glyphicon:hover {
    color: #EACBCB;
}
.btn-first .glyphicon:active {
    color: #5b5b5b;
}
.btn-last .glyphicon:hover {
    color: #EACBCB;
}
.btn-lastt .glyphicon:active {
    color: #5b5b5b;
}

.slide-bottom .btn-middle {
    width: 40px;
    font-size: 30px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    background: transparent;
    margin: 0;
    line-height: 0;
    height: auto;
}
.slide-bottom .btn-middle .glyphicon:hover {
    color: #EACBCB;
}
.slide-bottom .btn-middle .glyphicon:active {
    color: #5b5b5b;
}
.slide-bottom span {
    padding: inherit;
}
.slide-detail .slide-image {
    width: 748px;
    max-width: 100%;
}
.slide-bottom .btn-slide {
    font-size: 15px;
}
#slide-fullscreen {
    margin-left: 10px;
}
#slide-paging {
    font-size: inherit;
    line-height: 0px;
    height: 20px;
    vertical-align: middle;
    max-width: 39px;
    border: 1px solid #4C4C4C;
    text-align: right !important;
    background: #3F3E3E;
}
.slide-download {
    font-size: 20px;
    margin-right: 10px;
}
.slide-share {
    font-size: 18px;
    margin-right: 10px;
    cursor: pointer;
    padding: 0 !important;
}
@media (max-width: 500px) {
    .btn-slide-right {
        display: none;
    }
    /*.document-transcript {
        max-height: 250px;
    }*/
}

#btn-document-fullscreen,  #btn-slide-fullscreen {
    padding-top: 11px;
    margin: 0px;
}
#btn-document-exitfull, #btn-slide-exitfull {
    padding-top: 7px;
    margin: 0px;
}

#btn-document-exitfull {
    padding-top: 7px;
    margin: 0px;
}
.nav-logo {
    padding: 3px 3px 0px 0px !important;
}

/* begin fullscreen */
#page-container {
    height: 100%;
    border: 1px solid #9e9e9e !important;
}
/* chrome */
#slide-reader:-webkit-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: none;
}
#slide-reader:-webkit-full-screen #slide-detail {
    height: 95%;
}
#slide-reader:-webkit-full-screen .slide-view {
    height: 100%;
    width: 100%;
    text-align: center;
}
#slide-reader:-webkit-full-screen .slide-view .slide-image {
    height: 100%;
    width: auto;
}

/* unknow */
#slide-reader:fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: none;
}
#slide-reader:fullscreen #slide-detail {
    height: 95%;
}
#slide-reader:fullscreen .slide-view {
    height: 100%;
    width: 100%;
    text-align: center;
}
#slide-reader:fullscreen .slide-view .slide-image {
    height: 100%;
    width: auto;
}

/* firefox */
#slide-reader:-moz-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000000 repeat scroll 0% 0%;
}
#slide-reader:-moz-full-screen #slide-detail {
    height: 95%;
}
#slide-reader:-moz-full-screen .slide-view {
    height: 100%;
    width: 100%;
    text-align: center;
    background: #000000;
}
#slide-reader:-moz-full-screen .slide-view .slide-image {
    height: 100%;
    width: auto;
    max-width: 100%;
}

/* unknow */
#slide-reader:-ms-fullscreen {
    width: auto;
    height: auto;
    margin: auto;
}
#slide-reader:-ms-fullscreen #slide-detail {
    height: 95%;
}
#slide-reader:-ms-fullscreen .slide-view {
    height: 100%;
    width: 100%;
    text-align: center;
}
#slide-reader:-ms-fullscreen .slide-view .slide-image {
    height: 100%;
    width: auto;
}

.icon-fullscreen {
    font-size: 20px !important;
    vertical-align: middle;
}
/* end fullscreen */

.document-info {
    margin-top: 10px;
}
.document-info-avatar
{
	margin-bottom: 20px;
	padding-right: 0;
}
.document-info-avatar img {
    width: 100%;
	max-width: 65px;
    height: auto;
}
.document-box p {
    margin: 0;
    font-size: 12px;
}
.document-transcript {
    margin-top: 15px;
}
.document-transcript-text {
    /*overflow: hidden;
    overflow-y: scroll;*/
}


/* begin reader document */
.document-detail {
    height: 100%;
}
/* chrome */
#document-reader:-webkit-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}
#document-reader:-webkit-full-screen #page-container {
    height: 100% !important;
    /*	transform: scale(1.9);*/
    /*margin-top: 400px;*/
    padding-top: 5px;
    padding-bottom: 40px;
}
#document-reader:-webkit-full-screen .icon-docs {
    display: none;
}
#document-reader:-webkit-full-screen .document-nav{
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 0;
    border: 1px solid #2A2A2A;
    border-bottom: 0px solid #e0e5e9;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* firefox */
#document-reader:-moz-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}
#document-reader:-moz-full-screen #page-container {
    height: 100% !important;
    /*transform: scale(1.9);*/
    /*margin-top: 400px;*/
    padding-top: 5px;
    padding-bottom: 40px;
}
#document-reader:-moz-full-screen .icon-docs {
    display: none;
}
#document-reader:-moz-full-screen .document-nav{
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 0;
    border: 1px solid #2A2A2A;
    border-bottom: 0px solid #e0e5e9;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* ms IE */
#document-reader:-ms-fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}
#document-reader:-ms-fullscreen #page-container {
    height: 100% !important;
    /*transform: scale(1.9);*/
    /*margin-top: 400px;*/
    padding-top: 5px;
    padding-bottom: 40px;
}
#document-reader:-ms-fullscreen .icon-docs {
    display: none;
}
#document-reader:-ms-fullscreen .document-nav{
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 0;
    border: 1px solid #2A2A2A;
    border-bottom: 0px solid #e0e5e9;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* others */
#document-reader:fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}
#document-reader:fullscreen #page-container {
    height: 100% !important;
    /*transform: scale(1.9);*/
    /*margin-top: 400px;*/
    padding-top: 5px;
    padding-bottom: 40px;
}
#document-reader:fullscreen .icon-docs {
    display: none;
}
#document-reader:fullscreen .document-nav{
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 0;
    border: 1px solid #2A2A2A;
    border-bottom: 0px solid #e0e5e9;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    width: 100%;
}
/* end reader document */

#nav-footer span {
    margin-right: 20px;
}

/* embed */
#embed_text {
    margin-bottom: 0px;
}
#sidebar {
    z-index: -9999;
}
.btn-header_dropdown {
    padding: 5px 16px 2px 16px !important;
}
/* document related */
.document-related {
    font-size: 13px;
}
.box_style_1 .media {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 15px 0;
}
.box_style_1 .media:not(:last-child) {
    border-bottom: 1px solid #d9d7d5;
}
.box_style_1 .media:hover {
    background-color: rgba(0,0,0,.04);
}


.box_style_1 .media .pull-left {
    margin-right: 0px !important;
}
.box_style_1 .media .media-body {
    padding-left: 5px !important;
}
#chitika-ads-left{
    margin-left: -20px;
}
#document-image-view {
    max-width: 730px;
    width: auto;
    position: fixed;
    z-index: -9999999999999999;
    display: block;
    left: -100000px;
}
.document-transcript-text {
    max-height: 1500px;
    overflow-x: auto;
    border-left: 1px dashed #CAC8C8;
}
.details-category {
    font-size: 14px !important;
    line-height: 20px;
}
.btn-upload {
	position: relative;
	top: -3px;
	margin-top: 6px;
	margin-right: 10px;
	font-weight: bold;
	color: #fff;
}
#menu-logo{
    padding: 10px 0px 10px 0px;
    display: none;
}
#menu-logo img {
    height: 25px;
    width: auto;
}
#page-container {
    background-image: url(loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
/*** ESSENTIAL STYLES ***/
.sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position:relative;
}
ul.sf-menu li.normal_drop_down ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li.normal_drop_down {
    position: relative;
}
ul.sf-menu li ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}
.sf-menu a {
    display: block;
    position:relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
    margin-bottom: 0;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
}
.sf-menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    padding: 1.1em 1.8em;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #fff;
}
.sf-menu a#sign_in {
    background-color:#252525;
}
.sf-menu li {
    /*	background: ;*/
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}
ul.sf-menu li a{
    color:#fff;
}
ul.sf-menu li a:hover{
    color:#30d9a4;
    outline:none;
}
.sf-menu ul li {
    background: #111;
    min-width:200px;
}
.sf-menu ul li a {
    background: #111;
    min-width:200px;
    padding: 0.9em 1.8em;
}
.sf-menu ul li a:hover {
    background: #30d9a4;
    color:#111;
    outline:none;
}
.sf-menu ul ul li {
    background: #111;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #111;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    color:#fff;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #30d9a4; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #30d9a4; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}
#mobnav-btn:before {
    display: none;
    font-family: "fontello";
    content: "\e874";
    font-size: 24px;
    width:24px;
    height:24px;
    color: white;
    cursor:pointer;
}
.mobnav-subarrow {
    display: none;
}

.sf-menu .sf-mega {
    position: absolute;
    display: none;
    top: 45px;
    left: 0;
    z-index: 9999;
    background: #111;
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
}
.sf-menu .sf-mega ul.mega_submenu{
    display:block;
    float:none;
    width:100%;
    position:inherit;
    padding:0;
    margin:0;
    list-style:none;
}
.sf-menu .sf-mega ul.mega_submenu li{
    border-bottom: 1px dotted #333;
    text-transform:none;
    font-size:14px;
}
.sf-menu .sf-mega ul.mega_submenu li a{
    color:#b7b7b7;
}
.sf-menu .sf-mega ul.mega_submenu li a:hover{
    color:#000;
}
.sf-menu .sf-mega ul.mega_submenu li:last-child{
    border-bottom: none;
}
ul.mega_submenu li i{
    margin-left:0;
    padding-left:0;
    text-align:left;
}
.sf-mega h5{
    border-bottom:1px solid #333;
    padding-bottom:8px;
    margin-bottom:0;
    font-weight:600;
}


@media (max-width: 767px) {
    #mobnav-btn  {
        position:absolute;
        top:-44px;
        right:20px;
        width:20px;
        height:20px;
        cursor:pointer;
    }
    #mobnav-btn:before  {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        height: 47px;
        width: 100%;
        background-position: top left!important;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu .sf-mega {
        padding: 10px;
    }

    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        top: 50%;
        right: 20px;

    }
    .sf-menu {
        width: 100%!important;
        display: none;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .sf-mega {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
    }
    .xpopdrop .sf-mega {
        display: block!important;
    }
    .mega_drop_down{
        position:relative;
    }

}



/*============================================================================================*/
/* COLOR SCHEME 2 */
/*============================================================================================*/
/* HEADER*/
header {background-color:#005b7f;border-bottom: 1px solid #006188;}
ul#top_nav li {border-left: 1px solid #217090;}
ul#top_nav li a{color:#b4d3e0;}
nav {background-color:#004e6d;}

#main-features {background:#005b7f url(bg_sub-header_2.png) repeat 0 0;color:#b4d3e0;}
.feature i{border:2px solid #fff;color:#1abc9c;}
.divider_top{background:url(top_divider.png) repeat-x center bottom;}
.divider_top_black{background:url(top_divider_blue.png) repeat-x center bottom;}
#sub-header{color:#fff;background:#0076a3 url(bg_sub-header.png) repeat 0 0;}

/* MENU + MEGAMENU*/
.sb-icon-search, .sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {background: #004e6d;}
.sf-menu .sf-mega {background: #003f58;}
ul.sf-menu li a:hover{color:#30d9a4;}
.sf-menu ul li {background: #003f58;}
.sf-menu ul li a {background: #003f58;}
.sf-menu ul li a:hover {background: #30d9a4;color:#111;}
.sf-menu li:hover,
.sf-menu li.sfHover {background: #003f58;color:#fff;}
.sf-menu .sf-mega ul.mega_submenu li a{color:#fff;}
.sf-mega h5{border-bottom:1px solid #336578;}
.sf-menu .sf-mega ul.mega_submenu li{border-bottom: 1px dotted #336578;}

/* FOOTER */
footer hr{border-color:#217090;}
input.form-control#email_newsletter {background-color:#0076a3;color: #fff;}
input.form-control#email_newsletter::-moz-placeholder { color: #fff; opacity:0.5;}
input.form-control#email_newsletter::-webkit-input-placeholder {color: #fff; opacity:0.5;}
footer {background:#005b7f no-repeat center 60px;color:#fff;}
#nav-footer ul li a{color:#b4d3e0;}
#nav-footer ul li a:hover{color:#FF9;}
ul#follow_us  li a{border: 2px solid #b4d3e0;}
#copy_right{background-color:#004e6d;color:#fff;}
.phone{color: #FF9}

/* COMMON*/
#directions { background-color:#005b7f; }
#login_bg{background:#0076a3 url(bg_sub-header.png) repeat 0 0;}
#wizard_bg{background:#0076a3 url(bg_sub-header.png) repeat 0 0;}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}


.box_update {
    padding:15px 25px 5px 25px;
    box-shadow: inset 0 0 0 1px #e0e5e9;
    border:1px solid #fbfbfc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-bottom:10px;
    font-size:13px;
    line-height:20px;
    background-color:#fff;
}
.recommend-more {
    text-align: right; font-size: 16px;
}
.title-border {
    border-bottom: 3px solid #F4BD8B;
}
.title-comment-border {
    width: 115px;
}
img.item-right-img {
    width: 80px;
    height: auto;
    background-color: #fff;
    max-height: 150px;
}
a.item-right-link {
    display: block;
}
.body-recommend {
    margin-top: 20px;
}

#cookie-bar {z-index: 999; background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.document-report
{
    position: relative;
    top: 20px;
}

@media (max-width: 991px) {
    .document-report
    {
        top: -40px;
        float: right;
    }
}

.above-content
{
    margin-bottom: 40px;
}