/*Fonts*/
@font-face {
    font-family: 'dancing_script_otregular';
    src: url('../assets/fonts/dancingscript-regular/dancingscript-regular-webfont.otf');
    src: url('../assets/fonts/dancingscript-regular/dancingscript-regular-webfont.woff2') format('woff2'),
         url('../assets/fonts/dancingscript-regular/dancingscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslightitalic';
    src: url('../assets/fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.eot');
    src: url('../assets/fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../assets/fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../assets/fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../assets/fonts/opensans_light/OpenSans-Light-webfont.eot');
    src: url('../assets/fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
         url('../assets/fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../assets/fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}


@font-face {
    font-family: 'simheiregular';
    src: url('../assets/fonts/simhei-webfont/simhei-webfont.woff2') format('woff2'),
         url('../assets/fonts/simhei-webfont/simhei-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Monotype Corsiva';
    src: url('../assets/fonts/monotype-corsiva/MonotypeCorsiva.woff2') format('woff2'),
         url('../assets/fonts/monotype-corsiva/MonotypeCorsiva.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Malgun Gothic';
    src: url('../assets/fonts/malgun-gothic/MalgunGothicRegular.woff2') format('woff2'),
         url('../assets/fonts/malgun-gothic/MalgunGothicRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection { /* Code for Firefox */
    color: black;
    background: #ffff9b;
}

::selection {
    color: black; 
    background: #ffff9b;
}


::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar:horizontal {
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
  cursor:pointer;
}


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 10px);
    margin-left: auto;
}

audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls {
    overflow: hidden !important;
    min-height:30px;
}
audio::-webkit-media-controls-enclosure {
    width: calc(100% + 45px);
    margin-left: auto;
    border-radius:5px;
}

.iframe_holder audio::-webkit-media-controls-enclosure {
    width: calc(100% + 10px);
}

audio::-webkit-media-controls-timeline, video::-webkit-media-controls.audio-only [pseudo="-webkit-media-controls-timeline"] {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tag-box audio::-webkit-media-controls-enclosure{width: calc(100% + 10px);}


.vertical_middle{vertical-align:middle;}
.table tbody tr.vertical_middletr td{vertical-align:middle;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{}


/* Background & Text Color */

/* Poiz */
.poiz_web .btn-u{background:#D27441;}
.poiz_web .btn-u.btn-u-sea-shop{background:#D27441;}
.poiz_web .btn-u:hover, .poiz_web .btn-u:focus, .poiz_web .btn-u:active, .poiz_web .btn-u.active, .poiz_web .open .dropdown-toggle.btn-u{background:#ff5a00;}
.poiz_web .input-group.top-search .btn-primary{background:#D27441;border-color: #D27441;}
.poiz_web .breadcrumb li.active, .poiz_web .breadcrumb li a:hover{color:#D27441;}
.poiz_web .headline h2, .poiz_web .headline h3, .poiz_web .headline h4{border-bottom: 2px solid #D27441;}
.poiz_web span.label-u, .poiz_web span.badge-u, .poiz_web .list-group-item.active > .badge.badge-u{background:#D27441;}
.poiz_web .who li i{color:#D27441;}
.poiz_web .tag-box-v2{border-left: solid 2px #D27441;}
.poiz_web span.label-green, .poiz_web span.badge-green, .poiz_web .list-group-item.active > .badge.badge-green{background:#d27441;}
.poiz_web .u-btn-primary{background:#D27441;}
.poiz_web .u-btn-primary.active, .u-btn-primary:hover{background:#D27441;}
.poiz_web .arv_btn i{color:#D27441;}
.poiz_web .news_sec article time{background:#D27441;}
.poiz_web .main_banner_search button{background:#D27441; border-color:#D27441;}
.poiz_web .main_banner_search_subholder .main_banner_search{border-color:#D27441;}
.poiz_web .u-block-hover:hover .g-color-primary--hover, .poiz_web .g-color-primary--hover:hover{color: #D27441 !important;}
.poiz_web blockquote:hover, .poiz_web blockquote.text-right:hover{border-color: #D27441;}
.poiz_web .btn-primary:hover{background-color: #ff5a00; border-color: #ff5a00;}
.poiz_web .sidebar-nav-v1 span.badge.badge-primary{background-color: #2196F3;}
.poiz_web .more_link_btn{color:#D27441;}
.poiz_web .wishlist-category a{color:#D27441;}
.poiz_web a{color:#D27441;}
.poiz_web a:hover{color:#ff5a00;}
.poiz_web .service-block a, .poiz_web a.btn {color: #fff;}
.poiz_web a.btn.btn-default {color: #D27441; border-color:#D27441;}
.poiz_web .color-green{color:#D27441;}
.poiz_web .clst h3 a{color: #d27441; font-weight: 600;}
.poiz_web .block-description .navbar-nav > li > a:hover, .poiz_web .block-description .navbar-nav > li.active > a{color: #d27441; border-bottom: solid 2px #d27441;}
.poiz_web .funny-boxes-left-green{border-left:solid 2px #d27441;}
.poiz_web .sorting a.latest i{color:#D27441;}
.poiz_web .sidebar-nav-v1 li.side_hed:hover, .poiz_web .side_hed{    background: #333;}
.poiz_web .sorting .viewtype a.active{background: #333; border-color: #333;}
.poiz_web .sorting .viewtype a.active.latest i{color:#fff;}
.poiz_web .sorting .viewtype{padding-right:0;}
.poiz_web .tab-v1 .nav-tabs > .active > a, .poiz_web .tab-v1 .nav-tabs > .active > a:hover, .poiz_web .tab-v1 .nav-tabs > .active > a:focus{background: #D27441;}
.poiz_web .tab-v1 .nav-tabs{border-color:#D27441;}
.poiz_web .tab-v1 .nav-tabs > li > a:hover{background: #D27441 !important;}
.poiz_web .nav-tabs > li > a{color: #333;}
.poiz_web .slider_full_middle, .poiz_web .home_slider{margin-top:-20px;}
.poiz_web .side-nav .list:hover{background: #f5e1c3;}
.poiz_web .sidebar-nav-v1 > li.active, .poiz_web .sidebar-nav-v1 > li.active:hover{background: #f5e1c3;}
.poiz_web .list-inline li i, .list-inline li span{color:#d27441;}
.poiz_web .event_right .fa-calendar{color:#d27441;}
.poiz_web .header .navbar-collapse.collapse.fullwidth_header{background: #D27441; color: #fff;}

/* Poiz Ends */



/* caterpiller cap */
.cap_web .btn-u{background:#093b77; color:#fff;}
.cap_web .btn-u.btn-u-sea-shop{background:#093b77;}
.cap_web .btn-u:hover, .cap_web .btn-u:focus, .cap_web .btn-u:active, .cap_web .btn-u.active, .cap_web .open .dropdown-toggle.btn-u{background:#e78c13;}
.cap_web .input-group.top-search .btn-primary{background:#093b77;border-color: #093b77;}
.cap_web .breadcrumb li.active, .cap_web .breadcrumb li a:hover{color:#093b77;}
.cap_web .headline h2, .cap_web .headline h3, .cap_web .headline h4{border-bottom: 2px solid #093b77;}
.cap_web span.label-u, .cap_web span.badge-u, .cap_web .list-group-item.active > .badge.badge-u{background:#093b77;}
.cap_web .who li i{color:#093b77;}
.cap_web .tag-box-v2{border-left: solid 2px #093b77;}
.cap_web span.label-green, .cap_web span.badge-green, .cap_web .list-group-item.active > .badge.badge-green{background:#093b77;}
.cap_web .u-btn-primary{background:#093b77;}
.cap_web .u-btn-primary.active, .u-btn-primary:hover{background:#093b77;}
.cap_web .arv_btn i{color:#093b77;}
.cap_web .news_sec article time{background:#093b77;}
.cap_web .main_banner_search button{background:#093b77; border-color:#093b77;}
.cap_web .main_banner_search_subholder .main_banner_search{border-color:#093b77;}
.cap_web .u-block-hover:hover .g-color-primary--hover, .cap_web .g-color-primary--hover:hover{color: #093b77 !important;}
.cap_web blockquote:hover, .cap_web blockquote.text-right:hover{border-color: #093b77;}
.cap_web .btn-primary:hover{background-color: #e78c13; border-color: #e78c13;}
.cap_web .sidebar-nav-v1 span.badge.badge-primary{background-color: #2196F3;}
.cap_web .more_link_btn{color:#093b77;}
.cap_web .wishlist-category a{color:#093b77;}
.cap_web a{color:#093b77;}
.cap_web a:hover{color:#e78c13;}
.cap_web .service-block a, .cap_web a.btn {color: #fff;}
.cap_web a.btn.btn-default {color: #093b77; border-color:#093b77;}
.cap_web .color-green{color:#093b77;}
.cap_web .clst h3 a{color: #093b77; font-weight: 600;}
.cap_web .block-description .navbar-nav > li > a:hover, .cap_web .block-description .navbar-nav > li.active > a{color: #093b77; border-bottom: solid 2px #093b77;}
.cap_web .funny-boxes-left-green{border-left:solid 2px #093b77;}
.cap_web .sorting a.latest i{color:#093b77;}
.cap_web .sidebar-nav-v1 li.side_hed:hover, .cap_web .side_hed{    background: #333;}
.cap_web .sorting .viewtype a.active{background: #333; border-color: #333;}
.cap_web .sorting .viewtype a.active.latest i{color:#fff;}
.cap_web .sorting .viewtype{padding-right:0;}
.cap_web .tab-v1 .nav-tabs > .active > a, .cap_web .tab-v1 .nav-tabs > .active > a:hover, .cap_web .tab-v1 .nav-tabs > .active > a:focus{background: #093b77;}
.cap_web .tab-v1 .nav-tabs{border-color:#093b77;}
.cap_web .tab-v1 .nav-tabs > li > a:hover{background: #093b77 !important;}
.cap_web .nav-tabs > li > a{color: #333;}
.cap_web .slider_full_middle, .cap_web .home_slider{margin-top:-20px;}
.cap_web .side-nav .list:hover{background: #f5e1c3;}
.cap_web .sidebar-nav-v1 > li.active, .cap_web .sidebar-nav-v1 > li.active:hover{background: #f5e1c3;}
.cap_web .list-inline li i, .list-inline li span{color:#093b77;}
.cap_web .event_right .fa-calendar{color:#093b77;}
.cap_web .header .navbar-collapse.collapse.fullwidth_header{background: #093b77; color: #fff;}
.cap_web .home_new .btn.btn-default.btn-sm:hover{background:#1475e8;}
.cap_web .block_heading h1{color:#0a3c78;}
.cap_web .block_heading{border-bottom:2px solid #e78c13;}
.cap_web .calender_date{background-color:#e78c13; color: #0a3c78;}
.cap_web .g-brd-gray-light-v4{border-bottom: solid 2px #e78c13 !important;}
.cap_web .badge-info{background: #093b77 !important;}

/* caterpiller cap Ends */

/* Background & Text Color Ends */





html, body {
  overflow-x:hidden;
}

body {
  /*background-color: #eaeaea;*/
  background-color: #fafafa;
}
.gray-bg {
  background-color: #f3f3f3;
}
.white-bg {
  background-color: #fff;
}

.font-10 {font-size:10px;}
.font-11 {font-size:11px;}
.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
.ellipsis {
  bottom: 0;
  position: absolute;
  right: 0;
  background: inherit;
  z-index: 10;
}
.clamped {
  line-height: 1.6;
  overflow: hidden;
  position: relative;
}
.clamped-1 {
  /* Clamp to 1 lines, ie line-height x 2: */
  max-height: 1.6em;
}
.clamped-2 {
  /* Clamp to 2 lines, ie line-height x 2: */
  max-height: 3.2em;
}
.clamped-3 {
  /* Clamp to 3 lines, ie line-height x 3: */
  max-height: 4.8em;
}
.clamped-4 {
  /* Clamp to 4 lines, ie line-height x 3: */
  max-height: 6.2em;
}
.clamped-5 {
  /* Clamp to 5 lines, ie line-height x 3: */
  max-height: 8.2em;
}
.clamped-6 {
  /* Clamp to 6 lines, ie line-height x 3: */
  max-height: 10.2em;
}
.fill {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}

.thumbnail-style {
  box-shadow: 0 0 4px #c0c0c0;
}

.thumbnail-style:hover {
  box-shadow: 0 0 12px #c0c0c0;
}

.relative{position:relative;}

a.news-title {
  font-size: 14px;
  color: #0d648a;
}
a.news-title:hover {
  color: #0d648a;
}
.news-desc {
  font-size: 13px;
}
.line-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content {
  padding-top: 15px;
}

.news-dateinfo {color: lightgrey; border-bottom: solid 1px;}

.tag-box a.news-title{
  border-bottom:solid 1px #ccc;
  float:left;
  padding-bottom:5px;
  width:100%;
}

.home_tab .tag-box .news-dateinfo{right:0px;}
.tag-box .news-dateinfo{position:absolute; right:5px; top:-20px;
  color: #fff; background:#5e9627; padding:0 5px;}

.tag-box .news-dateinfo.dateinfo_yellow{background:#d29e04;}
.tag-box .news-dateinfo.dateinfo_blue{background:#0f8ec7;}

.tag-box.new_style{margin-top:20px; margin-bottom: 30px;}

.testimonials.testimonials-v1 p, .testimonials.testimonials-v2 p {
  font-size: 13px;
}
.st-sort-ascent:before {
  content: '\25B2';
}
.st-sort-descent:before {
  content: '\25BC';
}
div.video-image img {
  max-width: 100%;
}
div.item-content {
  margin-top: 0.5em;
  line-height: 1.6;
  max-height: 3.2em;
  height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user_avatar img,
.user_big_avatar img {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.user_topic_icon img {
  width: 30px;
  height: 30px;
}
.user_small_avatar {
  height: 18px;
  width: 18px;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.62);
  margin-right: 0.5em;
  border-radius: 9px;
}
@-webkit-keyframes shake-ctrl {
  0% {
    transform: translateX(0);
  }
  12.5% {
    transform: translateX(-6px) rotateY(-5deg);
  }
  37.5% {
    transform: translateX(5px) rotateY(4deg);
  }
  62.5% {
    transform: translateX(-3px) rotateY(-2deg);
  }
  87.5% {
    transform: translateX(2px) rotateY(1deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes shake-ctrl {
  0% {
    transform: translateX(0);
  }
  12.5% {
    transform: translateX(-6px) rotateY(-5deg);
  }
  37.5% {
    transform: translateX(5px) rotateY(4deg);
  }
  62.5% {
    transform: translateX(-3px) rotateY(-2deg);
  }
  87.5% {
    transform: translateX(2px) rotateY(1deg);
  }
  100% {
    transform: translateX(0);
  }
}
.shake .has-error {
  animation: shake-ctrl 500ms ease-in-out;
  -webkit-animation: shake-ctrl 500ms ease-in-out;
}
div.diction-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  padding: 12px;
  background-color: #f6f6f6;
  cursor: pointer;
}
div.diction-box:hover {
  color: black;
  background-color: white !important;
}
div.school-image {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  padding: 4px;
  vertical-align: middle;
}
div.school-image img {
  width: 100%;
  height: 100%;
}
div.school-name {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding: 4px;
}
div.school-name > a {
  color: #272625;
  text-decoration: none;
}
div.school-desc {
  overflow: hidden;
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 4px;
  max-height:150px;
  overflow:hidden;
}
div.school-desc img{max-width:100%;}

.user_avatar img,
.user_big_avatar img {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.pagination {
  height: 20px;
  margin: 0 0 0 10px;
}
.pagination a {
  line-height: 20px;
}
.panel-heading .with-others .pagination {
  margin-top: 0;
}

.question-item {
  position: relative;
  min-height: 100px;
}
.question-item .question-actions {
  display: none;
  position: absolute;
  top: 2px;
  right: 2px;
}
.question-item:hover {
  background-color: #eee;
  cursor: pointer;
}
.question-item:hover .question-actions {
  display: block;
}
.exam-item {
  position: relative;
}
.exam-item .del-exam {
  display: none;
  position: absolute;
  top: 12px;
  right: 2px;
}
.exam-item:hover {
  background-color: #eee;
}
.exam-item:hover .del-exam {
  display: block;
}

div.video-item {
  width: 100%;
  height: 180px;
  padding: 5px;
  background-color: transparent;
  border-radius: 3px;
  overflow: hidden;
  margin: 5px;
  border: 1px solid #eee;
  display: inline-block;
  position: relative;
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
div.video-image {
  width: 100%;
  height: 110px;
}
div.video-image img {
  width: 100%;
  height: 100%;
}
div.video-name {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  max-height: 39px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.video-name a {
  text-decoration: none;
  color: black;
}
div.video-desc {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #333;
  max-height: 40px;
  overflow: hidden;
  margin-top: 5px;
}
div.item {
  width: 100%;
  padding: 5px;
  background-color: transparent;
  border-radius: 3px;
  height: 160px;
  overflow: hidden;
  border: 1px solid #eee;
  display: inline-block;
  position: relative;
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 18px;
}


.tag-box div.item {
  margin-bottom:10px;
  height: auto;
}

.tag-box > .headline {
  margin-top:0px;
}

div.item-image {
  float: left;
  margin-right: 10px;
  width: 130px;
  height: 100%;
  overflow: hidden;
}
div.item-image img {
  max-width: 100%;
  max-height: 100%;
}
div.item-image > img {
  width: 100%;
  height: 100%;
}
div.item-name {
  font-size: 15px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.item-post-date {
  color: #073860;
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 8px 0 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.item-post-date a {
  text-decoration: none;
}
div.item-post-date img.avatar {
  width: 28px;
  height: 28px;
}
div.item-post-date span.replies {
  margin-right: 30px;
  font-weight: bold;
}
div.item-date {
  color: #073860;
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-nav-v1 div.item-date {
  font-weight: 400;
}
div.item-name > a {
  color: #272625;
  text-decoration: none;
}

div.item-name > a.color_blue {
  color: #337ab7;
}

.list-group-item-heading,
.list-group-item-heading a {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}

.list-group-item-text {
  margin: 0 10px 10px 10px;
  color: inherit;
  font-size: 12px;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-group-item-text.algn {
  margin: 0 10px 10px 18px;
}

.sidebar-nav-v1 > li.active a,
.sidebar-nav-v1 > li.active a span {
  color: #fff;
}

.sidebar-nav-v1 span.badge {
  margin: 0; position: absolute; right: 13px; top: 11px; border-radius: 4px !important;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.padding-right-0 {
  padding-right: 0;
}
.padding-left-0 {
  padding-left: 0;
}

.padding-right-8 {
  padding-right: 8px;
}
.padding-left-8 {
  padding-left: 8px;
}

.padding15{padding:15px;}

hr.split {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*.blog-item .media img:hover {
  width: auto;
  height: auto;
}*/

.carousel-indicators{margin-bottom:0;}

.carousel-indicators li {border-radius: 10px !important; background:rgba(255, 255, 255, 0.50); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.50);}

.carousel-indicators .active{background-color:rgba(230, 126, 34, 0.75);}

.second_theme .carousel-indicators li {border:1px solid #fff;}

.iframe_holder .carousel-inner{height:100%;}


.carousel-inner div.item, .carousel-inner div.item .active {
  height: 100%; padding:0;
}


.answer_list td{vertical-align:top; padding-bottom:10px;}

/* for quiz */
.answer_list > div {
  margin-left: 24px;
  position: relative;
}
.mbl_cntnr .answer_list > div {
  margin-left: 0;
}
.answer_list label {
  font-weight: 300;
  margin: 0 10px;
  padding: 10px;
  text-align: left;
  position: relative;
  display: inline-block;
  background-color: white;
  z-index: 1;
}
.answer_list label.fill_in {
  min-width: 128px;
  padding: 0 10px;
  margin: 2px 0;
  border-radius: 4px;
  background-color: #f4f4f4;
  border: 1px solid #bbb;
}
.answer_list div.label input{
  padding: 10px 1px;
  margin: 2px 0;
}
.answer_list label:after {
  content:"\A";
  white-space:pre;
}
.answer_list input[type="text"] {
  display: block;
  margin: 10px;
  text-align: left;
}
.answer_list .ui-state-active{
  box-shadow: 2px 2px 5px #444;
}
.score_circle {
  position: relative;
  text-align: center;
}
.score_circle label {
  display: block;
  color: rgb(54, 54, 54);
  font-size: 24px;
  font-weight: 700;
  height: 43px;
  left: 0px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 40px;
  width: 100%;
}
/* styles for exam result */
.expect .quiz-indicator-line {
  border-color: #bbbcbe;
}
.expect .ribbon-horizontal-right {
  background-color: #bbbcbe;
}
.expect .ribbon-horizontal-right:before {
  border-right-color: #bbbcbe;
}
.expect .ribbon-horizontal-right:after {
  border-color: transparent transparent #bbbcbe #bbbcbe;
}
.answer .quiz-indicator-line {
  border-color: #b34a2a;
}
.answer .ribbon-horizontal-right {
  background-color: #b34a2a;
}
.answer .ribbon-horizontal-right:before {
  border-right-color: #b34a2a;
}
.answer .ribbon-horizontal-right:after {
  border-color: transparent transparent #b34a2a #b34a2a;
}
.expect.answer .quiz-indicator-line {
  border-color: #8ab54e;
}
.expect.answer .ribbon-horizontal-right {
  background-color: #8ab54e;
}
.expect.answer .ribbon-horizontal-right:before {
  border-right-color: #8ab54e;
}
.expect.answer .ribbon-horizontal-right:after {
  border-color: transparent transparent #8ab54e #8ab54e;
}

.wrong .quiz-indicator-line {
  border-color: #b34a2a;
}
.quiz-indicator-line {
  border-top: 2px solid;
  position: absolute;
  left: 40px;
  right: 0px;
  top: 50%;
  margin-top: -1px;
  z-index: 0;
}
.ribbon-horizontal-right {
  z-index: 2;
  padding: 0px 10px;
  width: 120px;
  font-size: 0.9em;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: white;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -15px;
}
.ribbon-horizontal-right:before {
  -moz-transform: scale(0.9999);
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  border-right: 10px solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: -10px;
}
.ribbon-horizontal-right:after {
  -moz-transform: scale(0.9999);
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: -6px;
  right: 0px;
  border-width: 3px 7.5px;
  border-style: solid;
  border-color: transparent transparent #8ab54e #8ab54e;
}

p.vol{
  text-align:center;
  font-size:7em;
  margin:20px 0 20px 0;
}




p a:hover{
color:#ffffff;
}


/*glow for webkit*/
@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FF1177,
               0 0 70px  #FF1177,
               0 0 80px  #FF1177,
               0 0 100px #FF1177,
               0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FF1177,
               0 0 35px #FF1177,
               0 0 40px #FF1177,
               0 0 50px #FF1177,
               0 0 75px #FF1177;
  }
}
/*One Page
------------------------------------*/
.one-page {
  padding-left: 0;
  padding-right: 0;
}

.one-page h1,
.one-page h2 {
  color: #fff;
  font-size: 23px;
  line-height: 28px;
  text-shadow: none;
  margin-bottom: 25px;
}

.one-page h3.heading-sm {
  font-size: 19px;
}

.one-page p {
  color: #fff;
}

.one-grey hr {
  border-color: #bbb;
}

.one-page .one-default p,
.one-page .one-default h1,
.one-page .one-default h2,
.one-page .one-grey p,
.one-page .one-grey h1,
.one-page .one-grey h2 {
  color: #555;
}

.one-page .one-page-inner {
  padding: 30px 0;
  min-height: 300px;
}

.one-page .one-page-btn {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 200;
  padding-left: 30px;
  padding-right: 30px;  
}

.one-page .btn-u {
  margin-bottom: 15px;  
}

.one-page .one-default {
  background: #fff;
}

.one-page .one-default p, .one-page .one-default{
  color:#000;
}
.one-page .one-grey {
  background: #eee;
}

.one-page .one-grey p, .one-page .one-grey{
  color:#000;
}
.one-page .one-grey a{
  color:#e8e312;
}
.one-page .one-blue {
  background: #3498db;
}

.one-page .one-blue p, .one-page .one-blue{
  color:#fff;
}
.one-page .one-blue a{
  color:#e8e312;
}
.one-page .one-red {
  background: #e74c3c;
}

.one-page .one-red p, .one-page .one-red{
  color:#fff;
}
.one-page .one-red a{
  color:#e8e312;
}

.one-page .one-orange {
  background: #e67e22;
}

.one-page .one-orange p, .one-page .one-orange{
  color:#fff;
}

.one-page .one-orange a{
  color:#e8e312;
}

.one-page .one-green {
  background: #2ecc71;
}

.one-page .one-green p, .one-page .one-green{
  color:#fff;
}
.one-page .one-green a{
  color:#2ecc71;
}


.table > thead:first-child > tr:first-child > td.tag-box-v1{border-top:solid 2px #72c02c;}
.table > thead:first-child > tr:first-child > td.tag-box-v1 > div{line-height:32px;}
.table > thead:first-child > tr:first-child > td.tag-box-v1 > div button{line-height:20px;}


.table.th-style > thead:first-child > tr:first-child > td.tag-box-v1{background:#9ED061; padding-bottom: 5px; border:none;}
.table.th-style > thead:first-child > tr:first-child > td.tag-box-v1 > div{line-height:18px;}
.table.th-style > thead:first-child > tr:first-child > td.tag-box-v1 > span{margin-top:-5px;}

.tbl_linhgt.mbl_tbl_hdr_bg .tag-box{border-top:none; background:#EDEDED;}
.tbl_linhgt.mbl_tbl_hdr_bg .tag-box a{color:#000; font-size:15px;}
.tbl_linhgt.mbl_tbl_hdr_bg .tag-box span.badge{background:#6D6D6D !important; color:#fff; box-shadow: 0 0 0;}

.table.th-style span.badge{background:#fff !important; color:#88C353; box-shadow: 0 0 0;}

.table.th-style .btn-u{line-height:16px; padding:6px 10px; background:#fff; color:#88C353;}

em button{font-style:normal;}
tr.gray-bg {
  background-color: #f3f3f3 !important;
}
tr.gray-bg table {
  margin:20px 0;
}
tr.gray-bg > td {
  padding:0 !important;
}

.f-left{float:left;}

.forum .tag-box{padding:10px 20px}
.forum .pagination li a{line-height:24px}
.forum .linhgt .pagination li a{line-height:25px !important;}
.forum .tag-box-v6 .pagination li a{line-height:24px !important;}
.pagination.alng li a{line-height:24px !important;}

.padding_reduce ul{margin:5px 0 0;}
.padding_reduce strong{font-size:20px; font-weight:normal; color:rgb(51, 122, 183 );}
.blog h2{margin: 0 0 8px 0; line-height:26px}
.blog h2 a{line-height:26px}
.blog-post-tags ul.blog-info{margin-bottom:0; height:17px; line-height:17px;}
.blog-post-tags{padding: 5px 0 3px;}

.blue-bg ul.list-inline{margin:0; font-size:12px;}
.list-inline li i, .list-inline li span{color:#337ab7}
.comment .list-inline li i, .comment .list-inline li span{color:#999}
.comment a{color:#000}
.list-inline li .btn i{color:#fff}
.blue-bg .list-inline li i, .blue-bg .list-inline li span{color:#fff}
.forum .caption{padding-bottom:5px; line-height: 14px;}
.btn-u:hover{color:#fff;}
.list-inline > li .btn{margin:-4px 0 0;}


.blog_container .list-inline li{vertical-align:top;}
.panel.blog_alter{padding:15px 20px; background:#f7f7f7}
.posts .dl-horizontal dt{width:40px;}
.posts .dl-horizontal dt img{width:40px; height:40px;}
.brdr_btm{border-bottom:1px dotted #e4e9f0; padding-bottom:10px}

.profile .media.media-v2 .media-heading small{top:0}
.profile .comment{border:none; padding:15px 10px 0px; cursor:pointer;}
.profile .comment:after, .col-md-3 .profile-event:after, .panel ul .profile-event:after, .col-lg-3 .profile-event:after, .col-md-4 .profile-event:after, .col-lg-4 .profile-event:after{border-bottom: 1px solid #eee; content:''; width: 100%; height: 1px; float: left;}
.col-md-3 .profile-event:after, .col-lg-3 .profile-event:after, .col-md-4 .profile-event:after, .col-lg-4 .profile-event:after{margin-top:5px;}
.profile .comment:last-child:after, .col-md-3 .profile-event:last-child:after, .panel ul .profile-event:last-child:after, .col-lg-3 .profile-event:last-child:after{border-bottom:none; width:0; height: 0px; float: none;}
.profile .comment p{max-height:35px; overflow:hidden; line-height:12px; font-size:12px;}
.profile .comment img{margin-right:10px; width:40px; height:40px;}

.panel-body.white-bg{padding-top:0; padding-bottom:0;}


.headline h3{font-size:21px; margin:0}
.date_aln{top:0}
.news-v3 h3{margin-top:0;}
.container_left img{width:100%;}
.container_left p{font-size:13px;}
.container_left h3{font-size:21px; margin-top: 15px;}
.container_left .date_aln{top:20px}

.panel-profile{min-height:500px;}

.profil_pic{
  border: solid 1px #DEDEDE;
  padding: 5px !important;-webkit-box-shadow: 3px 3px 5px 0px rgba(89,89,89,0.3);
-moz-box-shadow: 3px 3px 5px 0px rgba(89,89,89,0.3);
box-shadow: 3px 3px 5px 0px rgba(89,89,89,0.3);}
.profil_pic img{width:100%;}


.calender{display:inline-block;}
.calender table{width:100%;}
.calender .form-control {
      height: 10px;
      padding: 11px;
  }
 .calender .btn {
      padding: 7px 7px;
  }

 .margin-bottom10{margin-bottom:10px;}
 .margin-bottom20{margin-bottom:20px;}
 .margin-bottom-2{margin-bottom:2px;}
 .margin-bottom-3{margin-bottom:3px;}
 .margin-bottom-4{margin-bottom:4px;}
 .margin-bottom-5{margin-bottom:5px;}
 .margin-bottom-10{margin-bottom:10px;}
 .margin-bottom-20{margin-bottom:20px;}
 .margin-bottom-30{margin-bottom:30px;}
 .margin-bottom-40{margin-bottom:40px;}
 .margin-bottom-60{margin-bottom:60px;}
 .margin-bottom-75{margin-bottom:75px;}
 .margin-bottom-80{margin-bottom:80px;}
 .margin-bottom-100{margin-bottom:100px;}

 .home_tab .nav-tabs{position:relative; margin: 10px 0 0 0;}
 .home_tab .nav-tabs > a{position:absolute; top:-4px; right:0;}
 .home_tab .tab-v1 .tab-content{padding:5px 0;}

 .sorting{line-height:35px;}
 .sorting *{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
 .sorting a{padding:0px 10px; color:#555; background:#D9F7D5; cursor:pointer;    float: left; margin-right: 5px; height: 23px; line-height: 23px; margin-top:6px}
 .sorting a:hover, .sorting a.active{color: #fff; background: #9CDE93;}
 .sorting a.hottest:hover, .sorting a.hottest.active{background: #e74c3c;}
 .sorting a.latest:hover, .sorting a.latest.active{background: #72c02c;}
 .sorting a.topest:hover, .sorting a.topest.active{background: #3498db;}
 .sorting a.recommended:hover, .sorting a.recommended.active{background: #e67e22;}

 .sorting a.hottest i{color: #e74c3c;}
 .sorting a.latest i{color: #72c02c;}
 .sorting a.topest i{color: #3498db;}
 .sorting a.recommended i{color: #e67e22;}
 .sorting a:hover i, .sorting a.active i{color: #fff;}


 .sorting.sorting_adj{line-height:40px; margin-bottom:20px;}
 .sorting.sorting_adj a{margin-top:0; line-height:40px; height:40px; margin-left:2px; margin-right:0; background:#dadada; color:#838383; text-transform:uppercase; padding:0 20px;}
 .sorting.sorting_adj a i{display:none;} 
 .sorting.sorting_adj a.hottest:hover, .sorting.sorting_adj a.hottest.active,  .sorting.sorting_adj a.latest:hover, .sorting.sorting_adj a.latest.active, .sorting.sorting_adj a.topest:hover, .sorting.sorting_adj a.topest.active,  .sorting.sorting_adj a.recommended:hover, .sorting.sorting_adj a.recommended.active{color:#fff; background:#1a5fa4;}

 .course_btm{background:#0d518a; color:#fff;}
 .course_btm.list-inline li i, .course_btm.list-inline li span{color:#fff;}
 .course_btm.list-inline li span{font-size:10px; color:rgba(255, 255, 255, 0.68);}
 .tag-box.tag-box-v6 .form-inline{line-height:34px;}

 .forum .block-grid-v2-info{margin-bottom:30px;}

 .forum .block-grid-v2-info ul{margin-bottom:0px;}

 .forum .block-grid-v2-info h5{height: 40px;}

 .forum .col-md-4:hover .block-grid-v2-info {border-color: #72c02c;}

 .clst h3{line-height:21px; margin:-3px 0 6px 0; color:#337AB7;}
 .clst h3 a{color:#337AB7; font-size:16px !important;}

.forum .news-v1 .tag-box{padding: 10px 0px; min-height:440px}

.forum .news-v1 .tag-box img{width:100%;}
.forum .news-v1 .tag-box .news-v1-in{margin:0 !important;}
.forum .news-v1 .tag-box .news-v1-in h5{padding:0 10px; height:40px; line-height:20px;  overflow: hidden; text-overflow: ellipsis;}
.forum .news-v1 .tag-box .news-v1-in p{height: 45px; overflow: hidden; text-overflow: ellipsis;}

.new_course{position:absolute; right:0; top:-1px; z-index:11; color:#fff; background:#FF5722; padding:4px 8px; font-size:11px;}


.footer-v1 .footer-socials{text-align:right; margin-top:5px}
.footer-socials.list-inline li i, .footer-socials.list-inline li span{color:#fff;}
.footer-socials.list-inline li i:hover, .footer-socials.list-inline li span:hover{color:yellow;}


/*Registration and Login Page v1
------------------------------------*/
.reg-page {
  color: #555;
  padding: 30px;
  background: #fefefe;
  border: solid 1px #eee;
  box-shadow: 0 0 3px #eee;
}

/*Reg Header*/
.reg-header {
  color: #555;
  text-align: center;
  margin-bottom: 35px;
  border-bottom: solid 1px #eee;
}

.reg-header h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #555;
}

/*Reg Forms*/
.reg-page label {
  color: #777;
  font-size:13px;
}

.reg-page hr{margin:30px 0}

.reg-page p a:hover{color:#72C02C}

.manditory{color:#e74c3c;}

.chck_bx{float: left; margin:0px 5px 0 0; padding-top: 5px;}


.footer .list-inline li a{width: 30px; height: 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; border-radius: 15px !important; text-align: center; line-height: 30px; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; border:solid 1px #fff;}

.footer .list-inline li a i{color:#333;}
.footer .list-inline li a:hover i{color:#fff;}
.footer .list-inline li a:hover{background:#228B22;}

.forum_box h2{margin:0}
.forum_box{margin-bottom:30px;}

.myspace .service-block{margin-bottom:17px;}
.myspace .service-block a, .myspace .service-block i{}
.myspace .service-block:hover a, .myspace .service-block a i:hover{color:#fff; text-decoration:none; text-shadow: 2px 2px 5px #000; text-decoration:none !important;}
.service-block a:hover{text-decoration:none !important;}
.service-block a p:hover {color:#23527C;}
.service-block h3{color:#fff;}
.service-block a:hover{color:rgba(255, 255, 255, 0.55);}

.display_img{vertical-align:top;}
.full_screen_on .display_img img, .full_screen_off .display_img img{width:100%; max-width:100%}

.side-nav .drtn_tmr{font-size:12px; color:#968989;}
.side-nav a > span{float:left; overflow:hidden; text-overflow:ellipsis; font-size:15px; width:88%}
.itm_cntr{font-size:12px; color:#337AB7; font-weight:600;}
.white-bg {background-color: #fff;}
.padding-v-15{padding:15px 0}

.border_e{border: 1px solid #EEE;}
.info_sml{font-size:12px;}
.blog-info.margin-bottom-10{margin-bottom:10px; border-bottom:solid 1px rgba(0, 0, 0, 0.1); padding-bottom:5px;}

.restore_aln{position:absolute; left:25px; top:10px; z-index:100;}
.breadcrumb{background:transparent; position: relative;z-index: 1; width: 70%; margin-bottom:20px; float:left;}
.height_adjust .breadcrumb{padding:0 15px; margin-bottom:30px; top:5px;}
.height_adjust > div{height:40px;}

.sidebar-nav-v1.list-group{float:left}
.sidebar-nav-v1.list-group > li{float:left; width:100%;}

.list-group-item p a:hover{color:#23527C;}

.breadcrumbs{padding:0;}


/**/
/* font */
/**/

/**/
/* defaults */
/**/
.sky-form {
  margin: 0;
  outline: none;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
  color: #666;
  margin-bottom:20px;
}
.sky-form header {
  display: block;
  padding: 20px 30px; 
  border-bottom: 1px solid rgba(0,0,0,.1);
  background: rgba(248,248,248,.9);
  font-size: 25px;
  font-weight: 300;
  color: #232323;
}
.sky-form fieldset {
  display: block; 
  padding: 25px 30px 5px;
  border: none;
  background: rgba(255,255,255,.9);
}
.sky-form fieldset + fieldset {
  border-top: 1px solid rgba(0,0,0,.1);
}
.sky-form section {
  margin-bottom: 20px;
}
.sky-form footer {
  display: block;
  padding: 15px 30px 25px;
  border-top: 1px solid rgba(0,0,0,.1);
  background: rgba(248,248,248,.9);
}
.sky-form footer:after {
  content: '';
  display: table;
  clear: both;
}
.sky-form a {
  color: #2da5da;
}
.sky-form .label {
  display: block;
  margin-bottom: 6px;
  line-height: 19px;
  font-weight: 400;
}
.sky-form .label.col {
  margin: 0;
  padding-top: 10px;
}
.sky-form .note {
  margin-top: 6px;
  padding: 0 1px;
  font-size: 11px;
  line-height: 15px;
  color: #999;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
  position: relative;
  display: block;
}
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 39px;
  padding: 6px 10px;
  outline: none;
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  font: 15px/23px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #404040;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.sky-form .progress {
  float: right;
  margin-top: 10px;
  line-height: 39px;
  color: #232323;
}
.sky-form button::-moz-focus-inner {
  padding: 0;
  border: 0;
}


/**/
/* captcha inputs */
/**/
.sky-form .input-captcha img {
  position: absolute;
  top: 2px;
  right: 2px;
  border-left: 1px solid #e5e5e5;
}


/**/
/* file inputs */
/**/
.sky-form .input-file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 31px;
  margin: 0;
  padding: 0 20px;
  font-size: 13px;
  line-height: 31px;
}
.sky-form .input-file .button:hover {
  box-shadow: none;
}
.sky-form .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}


/**/
/* selects */
/**/
.sky-form .select i {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 28px;
  height: 35px;
  background: #fff;
  pointer-events: none;
}
.sky-form .select i:after,
.sky-form .select i:before {
  content: '';
  position: absolute;
  right: 10px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sky-form .select i:after {
  bottom: 12px;
  border-top: 4px solid #404040;
}
.sky-form .select i:before {
  top: 12px;
  border-bottom: 4px solid #404040;
}
.sky-form .select select {
  padding-right: 28px;
}
.sky-form .select-multiple select {
  height: auto;
}


/**/
/* textareas */
/**/
.sky-form .textarea textarea {
  height: auto;
  resize: none;
}
.sky-form .textarea-resizable textarea {
  resize: vertical; 
}
.sky-form .textarea-expandable textarea {
  height: 39px;
}
.sky-form .textarea-expandable textarea:focus {
  height: auto;
}


/**/
/* radios and checkboxes */
/**/
.sky-form .radio,
.sky-form .checkbox {
  margin-bottom: 4px;
  padding-left: 27px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
  cursor: pointer;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
  margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
  position: absolute;
  left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  outline: none;
  border-width: 2px;
  border-style: solid;
  background: #fff;
}
.sky-form .radio i {
  border-radius: 50% !important;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
  position: absolute;
  opacity: 0;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
  content: '';
  top: 4px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.sky-form .checkbox input + i:after {
  content: '\f00c';
  top: -1px;
  left: -1px;
  width: 15px;
  height: 15px;
  font: normal 12px/16px FontAwesome;
  text-align: center;
}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
  opacity: 1;
}
.sky-form .inline-group {
  margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
  content: '';
  display: table;
  clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
  float: left;
  margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
  margin-bottom: 4px;
}
.sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after {
    opacity: 1;
}



/**/
/* toggles */
/**/
.sky-form .toggle {
  margin-bottom: 4px;
  padding-right: 61px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
  cursor: pointer;
}
.sky-form .toggle:last-child {
  margin-bottom: 0;
}
.sky-form .toggle input {
  position: absolute;
  left: -9999px;
}
.sky-form .toggle i {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 49px;
  height: 17px;
  border-width: 2px;
  border-style: solid;
  border-radius: 12px;
  background: #fff;
}
.sky-form .toggle i:after {
  content: 'OFF';
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size: 9px;
  line-height: 13px;
  font-weight: 700;
  text-align: left;
  color: #5f5f5f;
}
.sky-form .toggle i:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 1;
  -ms-transition: right 0.2s;
  -moz-transition: right 0.2s;
  -webkit-transition: right 0.2s;
}
.sky-form .toggle input:checked + i:after {
  content: 'ON';
  text-align: right;
}
.sky-form .toggle input:checked + i:before {
  right: 36px;
}


/**/
/* ratings */
/**/
.sky-form .rating {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
}
.sky-form .rating:last-child {
  margin-bottom: 0;
}
.sky-form .rating input {
  position: absolute;
  left: -9999px;
}
.sky-form .rating label {
  display: block;
  float: right;
  height: 17px;
  margin-top: 5px;
  padding: 0 2px;
  font-size: 17px;
  line-height: 17px;
  cursor: pointer;
}


/**/
/* buttons */
/**/
.sky-form .button {
  float: right;
  height: 39px;
  overflow: hidden;
  margin: 10px 0 0 20px;
  padding: 0 25px;
  outline: none;
  border: 0;
  font: 300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.sky-form .button-uploading {
  position: relative;
  color: transparent;
  cursor: default;
}
.sky-form .button-uploading:after {
  content: 'Uploading...';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  -o-animation: blink 1s linear infinite;
  -ms-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite; 
  -webkit-animation: blink 1s linear infinite;
}

.blink {
    -webkit-animation: blink 1.5s linear infinite;
    -moz-animation: blink 1.5s linear infinite;
    -ms-animation: blink 1.5s linear infinite;
    -o-animation: blink 1.5s linear infinite;
    animation: blink 1.5s linear infinite;
} 

@-o-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}
@-ms-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}
@-moz-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}
@-webkit-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}


/**/
/* icons */
/**/
.sky-form .icon-append,
.sky-form .icon-prepend {
  position: absolute;
  top: 5px;
  width: 29px;
  height: 29px;
  font-size: 15px;
  line-height: 29px;
  text-align: center;
}
.sky-form .icon-append {
  right: 5px;
  padding-left: 3px;
  border-left-width: 1px;
  border-left-style: solid;
}
.sky-form .icon-prepend {
  left: 5px;
  padding-right: 3px;
  border-right-width: 1px;
  border-right-style: solid;
}
.sky-form .input .icon-prepend + input,
.sky-form .textarea .icon-prepend + textarea {
  padding-left: 46px;
}
.sky-form .input .icon-append + input,
.sky-form .textarea .icon-append + textarea {
  padding-right: 46px;
}
.sky-form .input .icon-prepend + .icon-append + input,
.sky-form .textarea .icon-prepend + .icon-append + textarea {
  padding-left: 46px;
}


/**/
/* grid */
/**/
.sky-form .row {
  margin: 0 -15px;
}
.sky-form .row:after {
  content: '';
  display: table;
  clear: both;
}
.sky-form .col {
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.sky-form .col-1 {
  width: 8.33%;
}
.sky-form .col-2 {
  width: 16.66%;
}
.sky-form .col-3 {
  width: 25%;
}
.sky-form .col-4 {
  width: 33.33%;
}
.sky-form .col-5 {
  width: 41.66%;
}
.sky-form .col-6 {
  width: 50%;
}
.sky-form .col-7 {
  width: 58.33%;
}
.sky-form .col-8 {
  width: 66.67%;
}
.sky-form .col-9 {
  width: 75%;
}
.sky-form .col-10 {
  width: 83.33%;
}
.sky-form .col-11 {
  width: 91.66%;
}
@media screen and (max-width: 600px) {
  .sky-form .col {
    float: none;
    width: 100%;
  }
}


/**/
/* tooltips */
/**/
.sky-form .tooltip {
  position: absolute;
  z-index: 1;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background: rgba(0,0,0,0.9);
  color: #fff;
  opacity: 0;
  -ms-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -webkit-transition: margin 0.3s, opacity 0.3s;
}
.sky-form .tooltip:after {
  content: '';
  position: absolute;
}
.sky-form .input input:focus + .tooltip,
.sky-form .textarea textarea:focus + .tooltip {
  opacity: 1; 
}

.sky-form .tooltip-top-right {
  bottom: 100%;
  margin-bottom: 15px;
}
.sky-form .tooltip-top-right:after {
  top: 100%;
  right: 16px;  
  border-top: 4px solid rgba(0,0,0,0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-right,
.sky-form .textarea textarea:focus + .tooltip-top-right {
  right: 0;
  left: auto;
  margin-bottom: 5px;
}

.sky-form .tooltip-top-left {
  bottom: 100%;
  margin-bottom: 15px;
}
.sky-form .tooltip-top-left:after {
  top: 100%;
  left: 16px;
  border-top: 4px solid rgba(0,0,0,0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-left,
.sky-form .textarea textarea:focus + .tooltip-top-left {
  right: auto;
  left: 0;
  margin-bottom: 5px;
}

.sky-form .tooltip-right {
  top: 9px;
  white-space: nowrap;
  margin-left: 15px;
}
.sky-form .tooltip-right:after {
  top: 6px;
  right: 100%;
  border-top: 4px solid transparent;
  border-right: 4px solid rgba(0,0,0,0.9);
  border-bottom: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-right,
.sky-form .textarea textarea:focus + .tooltip-right {
  left: 100%;
  margin-left: 5px;
}

.sky-form .tooltip-left {
  top: 9px;
  white-space: nowrap;
  margin-right: 15px;
}
.sky-form .tooltip-left:after {
  top: 6px;
  left: 100%;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid rgba(0,0,0,0.9);
}
.sky-form .input input:focus + .tooltip-left,
.sky-form .textarea textarea:focus + .tooltip-left {
  right: 100%;
  left: auto;
  margin-right: 5px;
}

.sky-form .tooltip-bottom-right {
  top: 100%;
  margin-top: 15px;
}
.sky-form .tooltip-bottom-right:after {
  bottom: 100%;
  right: 16px;  
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0,0,0,0.9);
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-right,
.sky-form .textarea textarea:focus + .tooltip-bottom-right {
  right: 0;
  left: auto;
  margin-top: 5px;
}

.sky-form .tooltip-bottom-left {
  top: 100%;
  margin-top: 15px;
}
.sky-form .tooltip-bottom-left:after {
  bottom: 100%;
  left: 16px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0,0,0,0.9);
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-left,
.sky-form .textarea textarea:focus + .tooltip-bottom-left {
  right: auto;
  left: 0;
  margin-top: 5px;
}


/**/
/* normal state */
/**/
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
  border-color: #e5e5e5;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
  background-color: #2da5da;  
}
.sky-form .rating label {
  color: #ccc;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.sky-form .button {
  background-color: #2da5da;
  opacity: 0.8;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.sky-form .button.button-secondary {
  background-color: #b3b3b3;
}
.sky-form .icon-append,
.sky-form .icon-prepend {
  color: #ccc;
}


/**/
/* hover state */
/**/
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover {
  border-color: #8dc9e5;
}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label {
  color: #2da5da;
}
.sky-form .button:hover {
  opacity: 1;
}


/**/
/* focus state */
/**/
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
  border-color: #2da5da;
}


/**/
/* checked state */
/**/
.sky-form .radio input + i:after {
  background-color: #2da5da;  
}
.sky-form .checkbox input + i:after {
  color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
  border-color: #2da5da;  
}
.sky-form .rating input:checked ~ label {
  color: #2da5da; 
}


/**/
/* error state */
/**/
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error select + i,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i,
.sky-form .toggle.state-error input:checked + i {
  background: #fff0f0;
}
.sky-form .state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #ee9393;
}
.sky-form .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}


/**/
/* success state */
/**/
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success select + i,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i,
.sky-form .toggle.state-success input:checked + i {
  background: #f0fff0;
}
.sky-form .state-success + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #ee9393;
}
.sky-form .note-success {
  color: #6fb679;
}


/**/
/* disabled state */
/**/
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
  cursor: default;
  opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
  border-color: #e5e5e5;
}


/**/
/* submited state */
/**/
.sky-form .message {
  display: none;
  color: #6fb679;
}
.sky-form .message i {
  display: block;
  margin: 0 auto 20px;
  width: 81px;
  height: 81px;
  border: 1px solid #6fb679;
  border-radius: 50%;
  font-size: 30px;
  line-height: 81px;
}
.sky-form.submited fieldset,
.sky-form.submited footer {
  display: none;
}
.sky-form.submited .message {
  display: block;
  padding: 25px 30px;
  background: rgba(255,255,255,.9);
  font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
}


/**/
/* datepicker */
/**/
.ui-datepicker {
  display: none;
  padding: 10px 12px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #666;
}
.ui-datepicker a {
  color: #404040;
}
.ui-datepicker-header {
  position: relative;
  margin: -10px -12px 10px;
  padding: 10px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 15px;
  line-height: 27px;
}
.ui-datepicker-prev, 
.ui-datepicker-next {
  position: absolute;
  top: 0;
  display: block;
  width: 47px;
  height: 47px;
  font-size: 15px;
  line-height: 47px;
  text-decoration: none;
  cursor: pointer;
}
.ui-datepicker-prev {
  left: 0;
}
.ui-datepicker-next {
  right: 0;
}
.ui-datepicker-calendar {
  border-collapse: collapse;
  font-size: 13px;
  line-height: 27px;
}
.ui-datepicker-calendar th {
  color: #999;
}
.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
  display: block;
  width: 31px;
  margin: auto;
  text-decoration: none;
  color: #404040;
}
.ui-datepicker-calendar a:hover {
  background: rgba(0,0,0,.05);  
}
.ui-datepicker-calendar span {
  color: #bfbfbf;
}
.ui-datepicker-today a {
  font-weight: 700;
}
.ui-datepicker-calendar .ui-state-active {
  background: rgba(0,0,0,.05);
  cursor: default;  
}
.ui-datepicker-inline {
  border: 2px solid #e5e5e5;
  background: #fff;
  box-shadow: none;
}
.ui-datepicker-inline .ui-datepicker-header {
  line-height: 47px;
}
.ui-datepicker-inline .ui-datepicker-calendar {
  width: 100%;
}


/**/
/* slider */
/**/
.sky-form .ui-slider {
  position: relative;
  height: 3px;
  border: 2px solid #e5e5e5;
  background: #fff;
  margin: 12px 6px 26px;
}
.sky-form .ui-slider-handle {
  position: absolute;
  width: 15px;
  height: 15px;
  margin: -8px 0 0 -8px;
  border: 2px solid #e5e5e5;
  outline: none;
  background: #fff;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}


/**/
/* modal */
/**/
.sky-form-modal {
  position: fixed;
  z-index: 1;
  display: none;
  width: 400px;
}
.sky-form-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}


/**/
/* bootstrap compatibility */
/**/
/*
.sky-form *,
.sky-form *:after,
.sky-form *:before {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
*/
.sky-form .label {
  border-radius: 0;
  font-size: 100%;
  text-align: left;
  white-space: normal;
  color: inherit;
}
.sky-form .radio,
.sky-form .checkbox {
  font-weight: 400;
}
.sky-form .radio + .radio,
.sky-form .checkbox + .checkbox {
  margin-top: 0;
}

/*Sky-Forms
------------------------------------*/
/*Contact Style*/
.sky-form.contact-style {
  border: none;
}

/*Comment Style*/
.sky-form.comment-style,
.sky-form.comment-style fieldset {
  padding: 0;
  border: none;
  background: inherit;
}

.sky-form.comment-style input,
.sky-form.comment-style textarea {
  border: none;
}

.sky-form.comment-style input:focus,
.sky-form.comment-style textarea:focus {
  box-shadow: none;
}

/*Sky Space*/
.sky-form .sky-space-20 {
  margin-bottom: 20px;
}

.sky-form .sky-space-30 {
  margin-bottom: 30px;
}

/**/
/* defaults */
/**/
.sky-form {
  box-shadow: none;
  border: 1px solid #eee;
}

.sky-form header {
  color: inherit;
  display: block;
  font-size: 20px;
  background: #fff;
  font-weight: 400;
  padding: 8px 30px;
}

.sky-form fieldset.no-padding {
  padding: 0;
}

.sky-form fieldset {
  background: #fff;
}

.sky-form footer {
  background: #fff;
  padding: 15px 30px;
}

.sky-form a {
  color: inherit;
}

.sky-form a.btn-u {
  color: #fff;
}

.sky-form .input input {
  height: 34px;
  padding: 6px 12px;
}

.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea {
  border-width: 1px;
  font-size: 14px;
  color: #404040;
}

.sky-form .select select {
  height: 33px;
  padding: 6px 10px;
}

.sky-form .select-multiple select {
  height: auto;
}

/**/
/* file inputs */
/**/
.sky-form .input-file .button {
  height: 32px;
  top: 1px;
  right: 1px;
}

/**/
/* captcha inputs */
/**/
.sky-form .input-captcha img {
  position: absolute;
  top: 1px;
  right: 1px;
  border-left: 1px solid #e5e5e5;
}


/**/
/* normal state */
/**/
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
  border-color: #bbb;
}
.sky-form .toggle i:before {
  background-color: #999;  
}

.sky-form .button {
  background: #72c02c;
}

/**/
/* toggles */
/**/
.sky-form .toggle {
  font-weight: normal;
}

.sky-form .toggle i {
  width: 54px;
  height: 21px;
  border-width: 1px;
}
.sky-form .toggle i:after {
  top: 3px;
}
.sky-form .toggle i:before {
  top: 5px;
  right: 6px;
}

/*(remove Bootstrap 'radio, checkbox' margin-top)
--------------------------------------------------*/
.radio, .checkbox {
  margin-top: 0;
}

/**/
/* radios and checkboxes */
/**/
.sky-form .radio i,
.sky-form .checkbox i {
  width: 17px;
  height: 17px;
  border-width: 1px;
}

.sky-form .checkbox input + i:after {
  top: 2px;
  left: 0;
  font: normal 10px FontAwesome;
}

/**/
/* checked state */
/**/
.sky-form .radio input + i:after {
  top: 5px;
  left: 5px;
  background-color: #999;  
}
.sky-form .checkbox input + i:after {
  color: #999;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
  border-color: #999;  
  background:blue;
}
.sky-form .rating input:checked ~ label {
  color: #72c02c; 
}

/**/
/* selects */
/**/
.sky-form .select i {
  top: 14px;
  width: 9px;
  right: 13px;
  height: 6px;
}
.sky-form .select i:after,
.sky-form .select i:before {
  top: 4px;
}
.sky-form .select i:before {
  top: -2px;
  border-bottom: 4px solid #404040;
}

.label-rounded .ui-slider-handle {
  border-radius: 50% !important;
}

/**/
/* icons */
/**/
.sky-form .icon-append,
.sky-form .icon-prepend {
  top: 1px;
  height: 32px;
  font-size: 14px;
  line-height: 33px;
  background: #fff;
}

.sky-form .comment_top .icon-append,
.sky-form .comment_top .icon-prepend {
  top: 70px;
  z-index:100
}

.sky-form .icon-append {
  right: 1px;
  padding: 0 3px;
  min-width: 34px;
}

.sky-form .icon-prepend {
  left: 6px;
  padding-right: 5px;
}

/**/
/* focus state */
/**/
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus {
  border-color: #bbb;
  box-shadow: 0 0 2px #c9c9c9;  
}

.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
  border-color: #999;
  box-shadow: none;
}

/**/
/* hover state */
/**/
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea {
  border-color: #999;
}

.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover {
  border-color: #999;
}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label {
  color: #72c02c;
}

.sky-form .icon-append,
.sky-form .icon-prepend {
  color: #b3b3b3;
}

/**/
/* disabled state */
/**/
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
  border-color: #bbb;
}

/**/
/* datepicker */
/**/
.ui-datepicker-header {
  padding: 10px 0;
  font-size: 16px;
}

.ui-datepicker-inline {
  border-width: 1px;
}

.ui-datepicker-inline .ui-datepicker-header {
  line-height: 27px;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
  font-size: 18px;
  line-height: 47px;
}

.ui-datepicker-calendar a {
  border: 1px solid transparent;
}

.ui-datepicker-calendar .ui-state-active {
  background: inherit;
  border: 1px solid #bbb;
}
.ui-datepicker-calendar a:hover {
  background: inherit;  
  border: 1px solid #bbb;
}

/**/
/* bootstrap compatibility */
/**/
.sky-form button *,
.sky-form button *:after,
.sky-form button *:before {
  margin: 0 auto;
  padding: 0 auto;
}

.btn-u.button-uploading:after {
  top: 6px;
}
.btn-u.btn-u-lg.button-uploading:after {
  top: 10px;
}
.btn-u.btn-u-sm.button-uploading:after {
  top: 3px;
}
.btn-u.btn-u-xs.button-uploading:after {
  top: 2px;
}

.frm hr{border-color:#e1e1e1;}

.label {
  padding: 0.2em 0 0.3em;
}

.clients-page .col-md-2 img{width:100%;}

.clients-page h3{font-size: 20px; margin-top: 0;}

.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-100{margin-top:100px;}

/*Text Colors
------------------------------------*/
.color-sea { color: #1abc9c;}
.color-red { color: #e74c3c;}
.color-aqua { color: #27d7e7;}
.color-blue { color: #3498db;}
.color-grey { color: #95a5a6;}
.color-dark { color: #555;}
/*.color-dark1 { color: #444;}*/
.color-darker { color: #444;}
.color-green { color: #72c02c;}
.color-brown { color: #9c8061;}
.color-light { color: #ffffff;}
.color-orange { color: #e67e22;}
.color-yellow { color: #f1c40f;}
.color-green1 { color: #2ecc71;}
.color-purple { color: #9b6bcc;}
.color-inherit { color: inherit;}
.color-dark-blue { color: #4765a0;}
.color-light-grey { color: #585f69;}
.color-light-green { color: #79d5b3;}
.color-teal { color: #72c02c;}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-darker,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green,
.bg-color-primary {
  color: #fff;
}
.bg-color-white {
  color: #555;
}
.bg-color-primary { background-color: #72c02c !important;}
.bg-color-dark { background-color: #555 !important;}
.bg-color-darker { background-color: #222 !important;}
.bg-color-white { background-color: #fff !important;}
.bg-color-sea { background-color: #1abc9c !important;}
.bg-color-red { background-color: #e74c3c !important;}
.bg-color-aqua { background-color: #27d7e7 !important;}
.bg-color-blue { background-color: #3498db !important;}
.bg-color-grey { background-color: #95a5a6 !important;}
.bg-color-light { background-color: #f7f7f7 !important;}
.bg-color-green { background-color: #72c02c !important;}
.bg-color-brown { background-color: #9c8061 !important;}
.bg-color-orange { background-color: #e67e22 !important;}
.bg-color-green1 { background-color: #2ecc71 !important;}
.bg-color-purple { background-color: #9b6bcc !important;}
.bg-color-dark-blue { background-color: #4765a0 !important;}
.bg-color-light-grey { background-color: #585f69 !important;}
.bg-color-light-green { background-color: #79d5b3 !important;}
.bg-color-teal { background-color: #72c02c !important; }

.rgba-red { background-color: rgba(231,76,60,0.8)}
.rgba-blue { background-color: rgba(52, 152, 219, 0.57);}
.rgba-aqua { background-color: rgba(39,215,231,0.8);}
.rgba-yellow { background-color: rgba(241, 196, 15, 0.6);}
.rgba-default { background-color: rgba(114,192,44,0.8);}
.rgba-purple { background-color: rgba(155, 107, 204, 0.7);}



.rating {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.rating2 > span:hover:before {
  content: "\2605";
  position: absolute;
}

.striker{
  font-weight: 500; color: #9E9E9E; text-decoration: line-through; padding:0 8px;
}


.dummy_avg .rating li {
  float:left;
}

.dummy_avg .rating li i{
  -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #999;
}
.rating li {
  padding: 1px;
  color: #ddd;
  font-size: 16px;
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
}

.home_teacher_section .tag-box .caption .rating li {
  width:auto;
  float:left;
}
.home_teacher_section .tag-box.tag-box-v3.thumbnail .caption{width:100%; padding:10px; margin:0}
.home_teacher_section .tag-box .caption .average > span{line-height: 18px !important; float: left; width: auto;}
.home_teacher_section .tag-box .caption .average-rating-container{height:18px; float:left !important;}
.home_teacher_section .tag-box .caption {float:left;}
.home_teacher_section .tag-box .caption .average-rating-container .background, .home_teacher_section .tag-box .caption .average-rating-container .foreground{top:0;}
.home_teacher_section .tag-box .caption .average-rating-container, .home_teacher_section .tag-box .caption .average, .home_teacher_section .tag-box .caption average-star-rating {
  float:none;
  text-align:center;
  width:85px;
}

.rating li.filled {
  color: #72c02c;
}
.rating.readonly li.filled {
  color: #e5e5e5;
}

.blog-twitter  .average-rating-container {
  width: 95px;
}
.blog-twitter .blog-twitter-inner .average-rating-container i.fa
{color:#72c02c}

.average-rating-container {
  position: relative;
  height: 30px;
  width: 85px;
  overflow: hidden;
  padding:5px 0;
  float:left;
}
.average-rating-container .background,
.average-rating-container .foreground {
  position: absolute;
  top: 5px;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

.average span{float: left;
line-height: 36px;
padding-left: 10px;
font-size: 12px;
font-weight: bold;
color: #727272;}


.teacher_rating .average-rating-container, .teacher_rating.average span{float:none; display:inline-block;}


/*Clients Page
------------------------------------*/
.clients-page {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: solid 1px #e1e1e1; 
}

.clients-page ul {
  margin-bottom: 10px;
  font-size:12px;
  line-height:14px;
  height:14px;
}

.clients-page div.item-content{
  margin:0;
}

.col-md-10 .last-reply{top:-5px; position:relative;}

.clients-page li {
  margin: 0 5px 3px 0;
  line-height:14px;
}

.clients-page h3 {
  margin-top: 0;
  font-size: 20px;
}

.clients-page img {
  padding: 4px;
  margin: 5px 0; 
  border: solid 1px #eee;
  background: #fafafa;
}

.clients-page:hover img {
  border-color: #bbb;
}

@media (max-width: 992px) { 
  .clients-page {
    text-align: center;
  }
  .clients-page img {
    margin: 0 auto 30px;
  }
}


/*Fix for datepicker's responsive issue on resolution 1024x768*/
/*.ui-datepicker-calendar a,*/
.ui-datepicker-calendar span {
  width: 26px;
  /*color: #bfbfbf;*/
}


.news-v3 .posted-info li {
  color: #555;
  font-style: normal;
}

.news-v3 .news-v3-in-sm .posted-info li {
  padding: 0;
  font-size: 12px;
  padding-left: 5px;
}

.news-v3 .posted-info li:before,
.news-v3 .news-v3-in-sm .posted-info li:before {
  content: none;
}

.news-v3 .posted-info li:before {
  font-size: 12px;
  line-height: 12px;
  margin-right: 13px;
}

.news-v3 .news-v3-in-sm .posted-info li:before {
  font-size: 11px;
  line-height: 11px;
  margin-right: 9px;
}

.news-v3 .posted-info li:first-child:before,
.news-v3 .news-v3-in-sm .posted-info li:first-child:before {
  content: " ";
  margin-right: 0;
}

.news-v3 .posted-info li a {
  color: #555;
}

.news-v3 .posted-info li a:hover {
  color: #72c02c;
}

/*News Shares*/
.news-v3 .post-shares {
  padding-left: 0;
  list-style: none;
  margin: 40px 0 0 -5px;
}

.news-v3 .news-v3-in-sm .post-shares {
  margin: 20px 0 0 -5px;  
}

.news-v3 .post-shares li {
  position: relative;
  padding: 0 10px 0 5px;
  display: inline-block;
}

.news-v3 .post-shares li i {
  color: #555;
  width: 40px;
  height: 40px;
  padding: 13px;
  font-size: 16px;
  background: #eee;
  text-align: center;
  display: inline-block;
}

.news-v3 .post-shares li i:hover {
  background: #ddd;
}

.news-v3 .post-shares li span {
  top: -5px;
  right: 6px;
  color: #fff;
  width: 22px;
  height: 22px;
  padding: 4px;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  background: #72c02c;
  border: 2px solid #fff;
  border-radius: 50% !important;
}

.news-v3 .post-shares-lg li span {
  top: -10px;
  right: 0px;
  width: 29px;
  height: 29px;
  padding: 4px;
  font-size: 10px;
  line-height: 16px;
}

.border_1{border:1px solid #DDD}

/*Blog Comments
------------------------------------*/
.blog-comments img {
  width: 65px;
  height: 65px;
  padding: 0;
}

.blog-comments .comments-itself .list-inline li i, .blog-comments .comments-itself .list-inline li span{color:red; font-size:20px;}


.blog-comments .comments-itself img, .media .media-body img {
  width: 30%;
  max-height:250px;
  float:left;
  margin:0 10px 5px 0;
  height:inherit;
}
.mbl_cntnr .blog-comments .comments-itself img{
  max-width:100%;
  max-height:inherit;
}
.mbl_cntnr .blog-comments .comments-itself{
  overflow:hidden;
  max-height:200px;
   transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;
}

.mbl_cntnr .blog-comments .comments-itself.active{
  max-height:600px;
  padding-bottom:10px;
}

.blog-item .media .media-body img {
  width: 30%;
  height:auto !important;
  max-height:250px;
  float:left;
  margin:0 10px 5px 0;
}

.blog-comments .col-sm-2{width:15%}
.blog-comments .col-sm-10{width:85%}

.blog-comments .col-lg-12{
  padding:18px 15px;

}


.blog-comments .comments-itself {
  background: #fff;
  padding: 20px 30px;
  position: relative;
}

.mbl_cntnr .blog-comments .comments-itself {
  padding: 5px 15px 0;
}

.blog-comments .comments-itself:before {
  width: 0;
  height: 0;
  top: 20px;
  left: -17px;
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 15px 17px 15px 0;
  border-color: transparent #fff transparent transparent;
  z-index:1;
}

.blog-comments .comments-itself h3 {
  margin: 0 0 10px;
}

.blog-comments .comments-itself  div.date_font{
  font-size:10px;

}

.blog-comments .comments-itself  div.date_font1{
  font-size:12px;

}

.blog-comments .comments-itself span {
  color: #555;
  float: right;
  font-size: 13px;
}

.blog-comments .comments-itself .date_font span {
  color: #3498db;
  margin-right:15px;
}
.blog-comments .comments-itself .date_font span:first-child {
  margin-right:0;
}

.blog-comments .comments-itself p {
  color: #555;
}

/*Comments Reply*/
.blog-comments.blog-comments-reply {
  margin-left: 70px;
}

/*Media Queries*/
@media (max-width: 768px) {
  .blog-comments .comments-itself:before {
    display: none;
  }

.comments-itself{border-bottom:solid 1px #ccc;}
  .blog-comments .comments-itself:after {
    width: 0;
    height: 0;
    top: -17px;
    left: 20px;
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 0 15px 17px 15px;
    border-color: transparent transparent #fff transparent;
    display:none;
  }
  .clients-page ul{height:auto; margin:0;}
}

.well{background:#fff;}

 .sidebar-nav-v1 > li.active a span.badge{background:#03A9F4; color:#fff !important;}

 .news-v3 h2{
font-size: 24px;
line-height: 28px;
margin-bottom:12px;
 }

.news-v3 .list-inline{font-size: 12px;}

.faq h4{font-size:14px;}
.faq h4 h4{padding:4px 0}

.faq .panel-body{font-size:14px;}

.thumbnails.thumbnail-kenburn{
  background:#fff;
}

.thumbnails.thumbnail-kenburn .list-inline{margin-left:0; font-size: 12px;}

.footer p a:hover{-webkit-animation:0s; animation:0s;}

.special_note{color: #4185BB; background: #F1F5CD; padding: 10px; border: dashed 1px #ACD2F1; margin:0 0 10px !important; position:relative;}
.special_note.differ{color:#4CAF50; background:#FDEBB5;}
.mbl_cntnr .special_note{margin:15px 0 10px !important; padding-top:20px;}
.news-v3 h2 a{font-size:20px;}

.thumbnail-style .thumbnail-img{margin-bottom:0; background: #eee;}
.gsx_course .thumbnail-style .thumbnail-img{margin-bottom:0; background: #fff;}

.blog-info > strong{color:#337AB7; font-weight:normal; font-size:20px;}

.hgt_hdn{max-height:550px; overflow:auto; -webkit-overflow-scrolling: auto;}
.hgt_hdn.hgt_chng{max-height:250px;}
.hgt_hdn .tag-box{padding:10px 15px; margin-top:10px; margin-bottom:0}
.hgt_hdn div+div .tag-box{margin-top:0px;}
.hgt_hdn div+div+div .tag-box{margin-top:20px;}
.margin-bottom-7{margin-bottom:7px}
.sidebar_static ul{float:left; width:100%;}
.tag-box .tag-box.tag-box-v2{margin-bottom:0;}

.blue_sidebar{background-color:#1C5587; padding-bottom: 5px;}
.blue_sidebar h2{color: white; padding: 0 15px; font-size: 26px;  margin-top: 15px;}
.blue_sidebar tr td+td{line-height:20px;}
.blue_box tbody > tr:first-child{border-top:dashed 1px #fff;}
.blue_box tbody > tr{border-top:dashed 1px #fff}
.blue_box tbody > tr h2{background:#fff; color:#1C5587; font-weight:bold;}

.footer .link-list a{font-size:14px; Text-transform:none;}

.headline.margin-bottom-15{margin-bottom:15px;}

.form-control, .single-line{border-color:#ccc;}
.blue_box tbody > tr h2{-webkit-box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75);}

.blue_box .text_aln_rgt{width:90%;}

.teacher_block{background:#fafafa; border: solid 1px #eee; float:left; width:100%;-webkit-box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.75); max-height: 121px; margin-bottom:30px; overflow:hidden;}
.teacher_block .average span{line-height: 25px;}
.teacher_block.margin-bottom-0{margin-bottom:0px;}
.teacher_block.margin-bottom-15{margin-bottom:15px;}
.theme_yellow_container .teacher_block, .theme_red_container .teacher_block, .theme_blue_container .teacher_block, .theme_default_container .teacher_block{margin-bottom:15px;}
.theme_yellow_container .headline, .theme_red_container .headline, .theme_blue_container .headline, .theme_default_container .headline, .headline_adjust .headline{margin-bottom:15px;}

.teacher_container .col-md-6:nth-child(even){padding-right:0; padding-left:30px;}
.teacher_container .col-md-6:nth-child(odd){padding-left:0; padding-right:30px;}

.teacher_block div+div.padding-left-0{padding-top:10px; padding-bottom:10px;}
.teacher_block h3,.teacher_block p{margin-bottom:5px; font-size: 18px;}
.teacher_block p{font-size: 13px; overflow:hidden; max-height:16px;}
.teacher_block.alter p, .teacher_block p+p{margin-bottom:0; overflow:hidden; max-height:38px;}
.teacher_block.alter p{min-height:60px; max-height:145px;}
.teacher_block.alter{max-height: 300px; padding:15px; margin-bottom:15px;}
.teacher_block.alter h3{margin-top:0; border-bottom:solid 1px #ccc;}
.teacher_block.alter > a{font-size:12px;}
.theme_orange_container ul.profile h3{margin-top:8px;}

.theme_orange_container .profile .profile-post:nth-child(even){background:#f0f8fd;}

div+div+div+div+div .clients-page{margin-bottom:10px}

.pagi_bg_clr .pagination > li > a, .pagination > li > span{background:transparent}
.pagi_bg_clr .pagination > .active > a{background:#ddd;}


/*404 Error Page v1 
------------------------------------*/
.error-v1 {
  padding-bottom: 30px;
  text-align: center; 
}

.error-v1 p a:hover {
  color:#23527C; 
}

.error-v1 p {
  color: #555;
  font-size: 16px;
}

.error-v1 span {
  color: #555;
  display: block;
  font-size: 35px;
  font-weight: 200;
}

.error-v1 span.error-v1-title {
  color: #777;  
  font-size: 180px;
  line-height: 200px;
  padding-bottom: 20px;
}


.news-v3 .news-v3-in{padding:18px 30px;}
.news-v3.mbl .news-v3-in{padding:10px 5px;}
.news-v3.mbl .news-v3-in .tag-box.tag-box-v2{padding:10px;}

.col-md-4 .list-group.sidebar-nav-v1{width:100%;}

.tag_box_padding .tag-box{padding:10px 15px}
.tag_box_padding{margin-top:-1px;}

.form-inline .input-group-btn{padding:0; width:0;}
.form-inline .input-group{float:left;}

.home_teacher_section .thumbnail{border:none;}
.home_teacher_section .forum .caption{padding-top:5px; padding-bottom:5px; height:65px;}
.second_theme .home_teacher_section .forum .caption{padding-top:0px; padding-bottom:5px; height:55px;}
.home_teacher_section .tag-box{padding:0; text-align:center; float:left; width:100%;}
.home_teacher_section .tag-box a{height:auto; width:100%; float: left; background: #fff;}
.home_teacher_section .tag-box img{width:100%; height:100%;}
.home_teacher_section.inside .tag-box img{width:100%; height:180px;}
 .home_teacher_section .tag-box .caption *{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float:left; width:100%;}
.home_teacher_section .tag-box h5{color:#7D7D7D; font-size:16px; margin:5px 0 3px 0;}
.home_teacher_section .tag-box p{font-size:12px; color:#9ED46F;}
.home_teacher_section .tag-box p.tchr_desc{line-height:20px; color:#7d7d7d; height:65px; width:86%; margin:10px 7% 0; overflow:hidden}

.padding-h{padding-left:0 !important; padding-right:0 !important;}

.tag-box.tag-box-v1.bg-color-white a.btn-more{width:100%; float:left; margin-top:5px;}

label.input-group-addon.label{white-space:nowrap;}

.gnrl_frm table{background:#fff;}
.gnrl_frm table th{text-align:left;}
.forum th{background:#E5FFE4; color:#4B4B4B;}

.gnrl_frm .forum .tag-box{padding:8px 20px;}
.badge-primary{background-color: #1AB394; border-radius:30px !important;}

.tbl_linhgt th, .tbl_linhgt td{padding:4px 8px !important}
.tbl_linhgt .tag-box{padding:6px 6px 6px 10px;}
.tbl_linhgt .btn{padding:5px 10px; line-height: 14px; font-size: 12px; margin-top: -2px;}

.forum .tbl_linhgt td+td+td {font-size:14px;}

.left_notes{float:left; position:relative; width:100%; min-height:464px; margin-bottom:30px; overflow:hidden;}
.left_notes h3{float:left;}

.left_notes textarea{float:left; width:100%; padding:10px; height:100px;}

.ovr_hdn{overflow:hidden; float:left; width:100%; position:relative; margin-top:20px;}

.note_list {
  color: #555;
  font-size: 12px;
  padding: 0 !important;
  width: 100%;
  font-family: courier, monospace;
  border: 1px solid #dedede;
  float: left;
  background:#fff;
  overflow-y: auto;
  height: 314px;
  margin:0;
}
.note_list li, .note_list li:first-child {
  list-style: none;
  border-bottom: 1px dotted #ccc;
  height: auto;
  padding: 5px 5px 5px 10px;
  position:relative;
}
.second_theme .note_list li{border-bottom: 1px dotted #ccc;}
.note_list li:first-child {
  border-top: 1px dotted #ccc;
}
.second_theme .note_list li:hover {
  background-color: #fff59e;
}
.note_list li:hover {
  background-color: #f0f0f0;
  -webkit-transition: all 0.2s;
  -moz-transition:    all 0.2s;
  -ms-transition:     all 0.2s;
  -o-transition:      all 0.2s;
}

.note_list a{color:#F44336; cursor:pointer; position:absolute; right:0px; top:-3px; font-size:14px; padding:3px 5px; border-radius:3px !important;}
.note_list a + a:hover{background:#2196F3;}
.note_list a:hover{background:#F44336;}
.note_list a:hover:before{color:#fff;}
.note_list a + a{right:18px; color:#2196F3;}


.margin_lines {
  border-left: 1px solid #ffaa9f;
  border-right: 1px solid #ffaa9f;
  width: 4px;
  float: left;
  height: 100%;
  margin-left:75px;
  position:absolute;
  top:0;
  z-index:5;
}

.notes_date{float: left; font-size: 10px;}

.left_notes .headline{display:inline-block; margin-bottom:10px;}

.notes_btn{width: 100%; text-align: right; float:right}
.notes_btn button{margin-left:5px !important;margin-top: 5px; padding:2px 10px}

.home_tab .nav-tabs > a.hom_btn_aln{padding: 3px 15px !important; top: 0px;}

.heading_btm_sep .btn{position:absolute; top:15px; right:15px;}

.btn-primary.active{color: #FFF;
background-color: #286090;
border-color: #204D74;}

.list_rating{float:left; margin:0; width:100%; height:30px;}

span.badge, .list-group-item.active>.badge{padding:3px; margin-top:-2px; font-size:10px; min-width:16px; min-height:16px; line-height:10px; text-align:center;}

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

.note_list .col-md-9:before, .note_list .col-lg-9:before{float:right; content:''; width:35px; height:10px;}

.list-group-item-heading.text-nowrap{font-weight:600; color:#666}
.sidebar-nav-v1 li .list-group-item-heading.text-nowrap a{padding-bottom:0;}


.top-search .input-group-btn{z-index:5;}
.sidebar-nav-v1 li a{padding:10px 30px 10px 17px; width:100%;}
.sidebar-nav-v1 li a strong + .itm_cntr{margin-left:5px; font-size:15px;}
.sidebar-nav-v1 li a.algn{padding:0; width:auto; display:inline;}
.my_msg.panel{background:#ddd;}
.my_msg ul.profile h3,.my_msg ul.profile p{float:left;}
.my_msg ul.profile h3{margin:3px 10px 0 0;}
.my_msg ul.profile li{padding:5px 15px;}
.my_msg .panel-heading{background:#F4F5F9; color:#555; border-bottom: solid 1px #ccc;}

.msg_info{background:#7CBAE5; width:66%; padding:20px; float:left; color:#fff;}
.msg_info p{color:#fff; font-weight:bold; margin-top:5px; font-size:18px;}
.msg_info p+p{font-weight:normal;}
.msg_info+.msg_info{background:#60D295; width:33%; margin-left:1%;}
.tst_asnt .msg_info{background:#60D295; width:33%; padding:20px; float:left; color:#fff;}
.tst_asnt .msg_info+.msg_info{background:#7CBAE5; width:66%; margin-left:1%;}

.msg_info > div{text-align:center;}
.msg_info > div+div{border-left: solid 1px #6FA9D0;}
.msg_info h4{color:#fff; font-size:36px; margin-bottom:0; transition: .3s; -moz-transition: .3s; -webkit-transition: .5s; -o-transition: .3s;}
.msg_info p{color:#337ab7;}
.msg_info p{color:#337ab7;}
.msg_info h4{font-size:36px; margin-bottom:0;}
.my_msg ul.profile li .pull-right{color:#555; font-size:13px;}


.list_reviews{margin: 7px 0 0 5px; float: left; cursor:pointer; font-size: 11px; line-height: 20px;}
.profile_round{width:160px; height:160px; border-radius: 160px !important; overflow: hidden; padding:5px; background:#f3f3f3;}
.profile_round img{width:150px; height:150px; border-radius: 150px !important; overflow: hidden;}


.img_rspnsv img{width:100%}

.class_box{border:solid 1px #ccc; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); margin-bottom:20px;}
.class_box h3{font-size:18px;}

.img_cntnr{min-height:140px; padding:15px 0; width:100%; text-align:center;}
.img_cntnr img{max-height:100px; display:inline-block;}
.class_box address{word-break:break-all; min-height:30px;}

.blog-info .average span+span{line-height:18px; margin-top: 8px; padding: 0;}

.rating_dlg .average-rating-container{padding:0; height:20px;}
.rating_dlg .average-rating-container .background, .rating_dlg .average-rating-container .foreground{top:0;}
.rating_dlg .blog-info strong,.rating_dlg .blog-info .average{float:left;}
.rating_dlg .blog-info .average{padding:5px 0px 0px 10px}

.profile .profile-bio{padding-bottom:15px;}
.profile .profile-bio h2{font-size:26px;}
.profile .profile-bio hr{margin-top:2px;}

.theme_yellow .average,.theme_blue .average,.theme_red .average, .theme_default .average{ margin-right:20px;}
.rev_but{padding: 2px 10px; margin-top: 4px;}
a.rev_but{margin-top: 0px;}

.rvw.modal-header{padding:10px 15px;}
.rvw.modal-header h4{color:#337AB7}
.rvw.modal-header .pull-right{margin-right:10px;}
.rvw.modal-body .average-rating-container{padding:0; margin:-8px 10px 0 0;}
.rvw .average{margin-bottom:20px}


.msg_style .panel-heading{font-weight:bold;}

.average.full-width{float:left;}
.text-right .average.full-width .average-rating-container{float:right}
.average.full-width .average-rating-container{padding:0; height:20px;}
.average.full-width span{line-height:26px;}
.text-right .average.full-width span{float:right}
.average.full-width .average-rating-container .background,.average.full-width  .average-rating-container .foreground{top:0;}

.tab-v1 table.table.font_dec th{background:#F4F5F9; color: #555; border-bottom: solid 1px #ccc;}
.tab-v1 table.table.font_dec{border: solid 1px #ccc;}

.badge-warning{background:#F0AD4E;}
.badge-danger{background:#E74C3C;}

.tab-v1 .badge{border-radius:15px !important;}
.tst_asnt .tab-v1 .tab-content{padding:0}
.theme_default .average span.list_reviews{line-height:20px;}
.headline.no_line h3{border-bottom:none;}

.blog_pagi{float:left; width:100%; margin-bottom:17px;}
 
.forum .blog_pagi .pagination li a{line-height:24px !important;}

.blog_container .clients-page{padding-top:20px; border-top:1px solid #e1e1e1; border-bottom:0; padding-bottom:0;}
.blog_container .panel > div .client-page{padding-top:0; border-top:none;}
.blog_container .panel > div:first-child{margin-top:-11px}

.tab-v1 .table > tbody > tr > td{background:#fff;}

.tab-v1 .nav-tabs > li > a{cursor:pointer;}
.tab-v1 .nav-tabs > li > a:hover{background:#72C02C none repeat scroll 0% 0% !important}

.content_heading_sec{position:relative}
.content_heading_sec button{position:absolute; right:0; bottom:8px;}


.snap_shot{border:solid 15px #BCBCBC; cursor:no-drop;-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}

/*Profile Blog
------------------------------------*/
.profile .blog-border {
  border: 1px solid #f0f0f0;
}

.profile .profile-blog {
  padding: 20px;
  background: #fff;
}

.profile .profile-blog img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.profile .profile-blog hr {
  margin: 12px 0 10px;
}

/*Share List*/
.share-list {
  margin-bottom: 0;
}

.share-list li {
  padding-left: 20px;
  font-size:12px;
  width:100%;
}

.share-list li:first-child {
  padding-left: 0;
}

.share-list li i {
  color: #72c02c;
  margin-right: 5px;
}

.profile .name-location {
  overflow: hidden;
}

.profile .name-location strong {
  color: #555;
  display: block;
  font-size: 15px;
}

.profile .name-location span a {
  color: #555;
}

.profile .name-location span a:hover {
  color: #72c02c;
}

.profile .name-location span i {
  color: #72c02c;
  font-size: 18px;
  margin-right: 5px;
}

.blue-bg {
    background-color: #1C84C6;
    color: #FFF;
}

.info_class .widget a{
    color: #FFF;
}

.info_class .widget {
    border-radius: 5px !important;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 0;
}

.info_class .widget:hover {
    box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.75);
}

.info_class .widget {
    transition: all 0.5s ease 0s;
}

.status_info{background:#fff; padding:3px; border-radius:5px !important; color:red;}
.status_info.active{color:green;}
.status_info i{padding:2px; float:left}
.status_info span{float:left}

.widget.blue-bg h2{font-size:22px; color:#fff;}
.info_class .widget.blue-bg{margin-bottom:30px;}

.carousel-control{z-index:50;}

.sidebar_responsive > li > ul{float:left;}

accordion .panel-group h4{font-size:14px;}

.acc-v1 .panel-heading a > span{padding:4px 0px; display:inline-block;}

.usr_guide h4.font_clr {
  color: #EA6C6C;
}
.usr_guide h4.font_clr b {
  text-transform: uppercase;
  color: #72C02C;
}
/*.usr_guide button.btn.btn-info{margin-top:-15px;}*/
.usr_guide .content-boxes-v6 a.thumbnail .caption {
  color: #009cff;
}
.usr_guide .content-boxes-v6 a.thumbnail:hover {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
.usr_guide .headline {
  margin-bottom: 15px;
  margin-top: 5px;
}
.usr_guide .sidebar-nav-v1 li a:hover,
.usr_guide .sidebar-nav-v1 li.active a {
  color: #316593 !important;
  background: #fafafa;
}
.usr_guide .sidebar-nav-v1 li.active a:hover {
  font-weight: normal;
}

accordion h4.panel-title{font-weight:bold; color:#316593; padding:2px 0;}

.bg_lgtr_grn{background:#EBFCE9;}

.carousel-control.left{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.0001) 100%)}
.carousel-control.right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.26) 100%)}


ul.tag-list{float:left; padding:0; margin:-3px 0 0 5px; font-size:11px;}
ul.tag-list .tag-item{margin: 2px; padding: 0 5px; display: inline-block; float: left; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; height: 20px; line-height:19px; border: 1px solid #acacac; border-radius: 3px !important; background: -webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%); background: linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%); margin-top:0;}
li span.pull-left .badge.badge-info{box-shadow:0 0 0;}
ul.blog-tags li.pull-right a.btn-u{margin-top:-5px;}
ul.blog-tags a.btn-u{background:#5FB611; margin:0;}
ul.blog-tags a.btn-u i{color:#fff;}

.header{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.header.inactive .logo{float:left;}
.header.inactive .logo img{height:35px !important;}
.header .logo img{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; max-width:100%; margin:0}
.header .logo{float:left;  white-space: nowrap; margin-bottom:5px}
.helper {display: inline-block; height: 100%; vertical-align: middle;}
.header.inactive .loginbar{display:none;}

.thumbnail-style a.btn-more:hover{box-shadow:0 0 0;}
.thumbnail-style a.btn-more{background:none; padding:0; z-index:11;}
.home_tab .thumbnail-style a.btn-more{background: #72c02c; padding: 1px 6px;}
.list-inline li span.badge{color:#fff;}
.thumbnail-style a.btn-more .btn-more{background:#72c02c; padding:1px 6px;}
.thumbnail-style a.btn-more .btn-more.prvt_btn{background:#E67E22;}

.input-group.top-search{z-index:1; right: 50px; table-layout:fixed;}
.input-group.top-search.alter{top:0;}
.input-group.top-search.enable{right:50px;}
.input-group.top-search input{font-size:13px;}
.top-search .input-group-btn{opacity:0.5;}
.top-search .input-group-btn .btn{display:none}
.top-search.enable .input-group-btn{opacity:1;}
.top-search.enable .input-group-btn .btn, .top-search .input-group-btn .btn.srch_btn{display:inline-block; vertical-align:top;}
.input-group.top-search .srch_btn{}
/*.header .navbar-nav{margin-right:40px;}*/
.header .navbar-nav > li > a{padding:5px 0px 9px 10px;}
.header .navbar-nav > li.dropdown > a{padding:5px 15px 9px 10px;}
.header .fmas_header .navbar-nav > li.dropdown > a{padding:5px 12px 9px 12px;}
.header .fmas_header .navbar-nav > li > a{padding:5px 4px 9px 8px;}
.header .fmas_header .dropdown > a:after{right: 0px;}
.header .fmas_header .navbar-nav > li > a{font-size:14px;}
.header .topbar{padding:5px 0; float:right;}
.info_teacher{font-size:12px;}
.info_teacher ul{float:left; margin-top:-10px;}
.info_teacher li strong{float:left; width:60px;}

.info_text{font-size:12px; line-height:14px; color:#bbb;}

.list-group .profile_round img{width:98%; height:auto;}
.list-group .profile_round{width:100%; padding:1%; height:auto;}

.header > .container{position:relative;}
.fixed_header.header > .container{height:52px; box-shadow: 1px 1px 5px #666;}

.header_arrow{float:right; margin:0 0px 0 10px; z-index:100; background:#72c02c; color:#fff; border:none; padding:8px 10px 8px 10px; border-radius:0 0 5px 5px !important; position: absolute; right: 15px; top: -10px;}

.header_arrow.active{top:-138px;}
.theme_3 .header_arrow.active{top:-161px;}

.fullscreen_corsepage_others.header_arrow.active{top:0;}
.theme_3 .fullscreen_corsepage_others.header_arrow.active{top:0;}

.header_arrow .fa-angle-up, .header_arrow.active .fa-angle-down{display:none;}
.header_arrow.active .fa-angle-up, .header_arrow .fa-angle-down{display:block;}

.sortable:hover{cursor:pointer; color:#448DCE !important;}

li .pull-left .badge-info{position:static; border-radius:10px !important; font-size:11px; padding:4px 8px !important}
.top_rvw_btn{position:absolute; right:15px; top:-50px; z-index:1000; opacity:1; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.panel-body:hover .top_rvw_btn{opacity:1;}
iframe{border:none;}


.panel-body.inner_slider .iframe_holder {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}


.full_screen_browser .panel-body.inner_slider .iframe_holder {
  padding-bottom:0;
  height:100%;
}

.panel-body.inner_slider iframe,.panel-body.inner_slider .test_container, .panel-body.inner_slider .iframe_holder > .frame_container, .panel-body.inner_slider .iframe_holder > .frame_container > .frame_container {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%
  /*max-height:700px;*/
}

.panel-body.inner_slider iframe,.panel-body.inner_slider .test_container{padding-right:0;}

.test_container .test_scroll{overflow-x: hidden; overflow-y: scroll; overflow-y: auto; -webkit-overflow-scrolling: auto; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/ -webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/ height:100%}

.second_theme .test_container .test_scroll > .pull-right{margin-right:35px;}

.iframe_holder a{cursor:pointer; color:#3498db;}
.iframe_holder a:hover{color:#e67e22;}
.iframe_holder a.btn{color:#fff;}
.iframe_holder a.btn:hover{color:#fff;}

.modal-body a:hover{color:rgba(0, 0, 0, 0.38)}

.modal-backdrop{bottom:0; position: fixed;}

.container-fluid ul.nav.nav-tabs{cursor:default;}




.breadcrumb li strong{font-weight:100;}

.blog-twitter.sidebar_topics .list-group-item > a{overflow:hidden; text-overflow:ellipsis; float:right; width:93%;}
.height_adjust{}

pre{white-space:pre-wrap}

.theme_default blockquote{background:#fff;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper.wide {
  padding-bottom: 45.0%;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.imageWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.imageWrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 1px #ccc;
}

.side_header{position:fixed; left:0; top:0; width:250px; z-index: 100; height:100%; background:#5fb611; margin-left:-500px; overflow:auto; -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75); transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.mbl_cntnr.gsx_bg .side_header{top: 147px;}
.mbl_cntnr .side_header{left:auto; right:0; top:113px; background:#fafafa; margin-left:0; margin-right:-500px; bottom:46px; height:inherit;}
.mbl_cntnr .side_header.active{margin-right:0px;}
.side_header.active{margin-left:0;}
.side_header .container{width:100% !important;}
.side_header .navbar-nav > li{width:100%; float:left;}

.mbl_cntnr .list-group.sidebar-nav-v1{margin:0;}

.mobile_header{background:#fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); height:60px; text-align:center;}
.header .mobile_header .logo{display:inline;}

.mobile_home_icon{float:left; width:100%;}
.mobile_home_icon li{width:23%; margin:10px 1% 0; float:left; padding:10px 5px 20px; text-align:center; position:relative; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.mobile_home_icon li i.fa.icon{font-size:20px; color:#fff; border-radius: 50px !important; background:#72c02c; width: 50px; height: 50px; text-align: center; line-height: 50px;}
.mobile_home_icon li:active i.fa.icon{background:#3a6d0d;}


.icon_title{position:absolute; width:100%; top:68px; left:0%; font-size: 12px; line-height:15px; float:left;}
.mobile_home_icon .badge.badge-u{position:absolute; bottom:10px; right:10px; padding: 6px; border-radius: 15px !important;}
.side_header li{border-bottom:solid 1px #fff;}
.side_header li:last-child{border-bottom:none;}

.navbar-collapse.collapse{display:block; visibility:block;}

.side_header + .navbar-toggle{background:#fff; padding:2px 8px 2px; font-size:20px; float: left; position: fixed; left: 5px; top: 10px; margin: 0; z-index:10000000; color:#72c02c;}
.navbar-back{background:transparent; padding:1px 11px 1px 11px; font-size:26px; float: left; position: fixed; left: 5px; top: 8px; margin: 0; z-index:1000; color:#72c02c; border:0;}
.navbar-back i{font-weight:bold; }
 .hgt_100 > body > div > div > div.container{height:calc(100% -60px);height: -o-calc(100% - 60px); /* opera */
height: -webkit-calc(100% - 60px); /* google, safari */
height: -moz-calc(100% - 60px); /* firefox */}

.side_header .navbar-nav a i{    width: 20px;
    height: 20px;
    visibility: visible;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    margin: 0 10px 0 0;}
.navbar-nav a i{width:0; height:0; visibility:hidden; display:none;}

.side_header .navbar-nav li a{color:#fff;}

.mobile_page{height:100%;}
.mobile_page .header_arrow{right:15px; top:59px; position:absolute; display:none;}
.mobile_page .container{padding:0;}

.container-fluid .loginbar{margin-right:40px !important;}

.fixed_header{position:fixed; width:100%; left:0; top:0; z-index:100000; height:52px;}

.header > .container.header_arrow_aln{position:static;}
.header_arrow_aln .header_arrow{position:absolute; right:15px;}
.header .nav > li > .search.fa-phone{padding:9px 0 10px;}

hr.dashed{border:solid #f3f3f3 1.5px;}
.blog-comments:first-child hr.first_remove{display:none;}
.blog-comments hr.first_remove{margin-top:5px;}
.align_top_rt{position: absolute; right: 0; top: 5px;}
.align_btm_rt{position: absolute; right: 0; bottom: 0;}
.align_btm_rt.btm-10{bottom:-10px;}

.header > .container-fluid{margin-bottom:-40px;}
.header > .container-fluid+div div .collapse .container{width:100% !important;}
.header > .container-fluid+div div .collapse .container .navbar-nav > li > .dropdown-menu{margin-top:-4px;}



.splash_page{background:#3498db; text-align:center; background-size:200px 173px; float:left; height:100%; width:100%; overflow:hidden;}
.splash_page > div{height:100%; position:relative;}
.splash_page .btn_cntnr{position:absolute; left:0; bottom:80px; width:100%; text-align:center;}
.splash_page .btn_cntnr .btn{margin:0 10px; color:#fff; width:85px;}
.splash_page h1{float: left; width: 100%; color: #fff; font-size:20px; text-align: center; margin-top:10px; line-height:inherit;}
.splash_img{width:200px; margin-top:30%;}

.tag-box.tag-box-v1 .caption{padding-left:0; padding-right:0;}

.blog-twitter .blog-twitter-inner:after{border-top:15px solid #DCDCDC;}
.blog-twitter .blog-twitter-inner:before{border-bottom:15px solid #F3F3F3;}
.breadcrumb > li{vertical-align:top;}
.breadcrumb > li + li:before{float:left;}
.breadcrumb li a, .breadcrumb li span{float:left; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;}

#__bs_notify__{height:30px; line-height:30px; padding:0 10px !important; border-bottom-left-radius:5px !important;}

.font-size-12{font-size:12px;}
.mobile_splash{position:fixed; bottom:0; right:0; height:30px; line-height:30px; background:#e2e2e2; float:left; width:100%; text-align:right; z-index:5;}

.fixed_header.header .topbar ul.loginbar > li > i.fa, .fixed_header.header .topbar ul.loginbar > li > a > i.fa {font-size: 24px; margin-top: 10px; margin-left: 10px;}
.fixed_header.header .topbar ul.loginbar > li > img, .fixed_header.header .topbar ul.loginbar > li > a > img {height: 21px; margin-top: -10px; margin-left: 9px;}
.fixed_header.header .topbar ul.loginbar > li:first-child > i.fa, .fixed_header.header .topbar ul.loginbar > li:first-child > a > i.fa {margin-left:0;}

.header .topbar ul.loginbar{margin:0;}
.header.gsx_header .topbar ul.loginbar{margin:0 !important;}

.side_header .dropdown > a:after{    top: 8px;
    right: 9px;
    font-size: 11px;
    content: "\f107";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;}


.thumbnail-img .overflow-hidden a:first-child{display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;}

.products .thumbnail-img .overflow-hidden a:first-child{
  padding: 130% 0 0 0;}

.thumbnail-img .overflow-hidden a img{ position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index:10;}

.media_container img, .media_container .videoWrapper, .media_container .videogular-container{z-index:10; position:relative;}

.thumbnail-img .overflow-hidden > a:after, .media_container:after{
  content: 'Loading...';
  display: block;
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:#f7f7f7;
  padding-top:20%;
  text-align:center;
  z-index:5;
  color: #ccc;
  font-weight: bold;
  font-size: 1.5em;}


.mbl_cntnr .media_container:after{display:none;}

.thumbnail-img.no_loading .overflow-hidden > a:after, .no_loading .thumbnail-img .overflow-hidden > a:after, .thumbnail-img .overflow-hidden > a.btn-more:after{display: none;}

  
  .easy-block-v1 a.btn-more {
  display: inline;
  width: auto;
  position: static;
  height: auto;
  padding: 0;
  overflow: hidden;
  background:transparent;
  }
  /*.easy-block-v1 a{
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
  background:#fff;
  }

  .easy-block-v1 a img{ position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;}*/

  accordion .collapse{display:none;}

  .side_header .list-group .list-group-item{background:transparent;}

  .row_adjst_hldr .row.row_adjst{margin:0;}

.row.padding_right-8{padding-right:8px;}
.row.padding_left-8{padding-left:8px;}
.col-xs-6.padding_half{padding-left:8px; padding-right:8px}
.col-lg-4.padding_half{padding-left:8px; padding-right:8px}
.col-md-3.padding_half{padding-left:8px; padding-right:8px}
.col-xs-6.padding_half .tag-box{margin-bottom:15px;}

.row.row_adjst{margin-left:-8px; margin-right:-8px}
button.navbar-toggle .fa:before{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
button.navbar-toggle .fa-arrow-left, button.navbar-toggle .fa-angle-left{display:none; font-size:22px; font-size: 26px; padding-top: 2px;}
button.navbar-toggle.active .fa-arrow-left, button.navbar-toggle.active .fa-angle-left{display:block}
button.navbar-toggle.active .fa-bars{display:none}
.side_header + .navbar-toggle.active{padding:1px 10px 1px 10px;}
.header .dropdown > a:after{top: 5px; right:5px;}

.full_screen_on img, .full_screen_off img {
    height:auto;
    max-height:100%;
}

.inner_slider .carousel-control.left{left:0;}
.inner_slider .carousel-control.right{right:0;}
.mbl_cntnr .inner_slider .carousel-control.left{width: 20px !important;}
.mbl_cntnr .inner_slider .carousel-control.right{width: 20px !important;}
/*.iframe_holder videogular, [videogular]{background:#EBFCE9;}*/
.iframe_holder .pdf_container+.audio_div{bottom: -528px;}
.iframe_holder .audio_div{bottom: -75px;}
.mbl_cntnr .iframe_holder .audio_div{z-index:1; bottom: -70px;}

.blog-twitter .blog-twitter-inner table i.fa{font-size:16px; margin-right: 5px;}
.blog-twitter .blog-twitter-inner table td span{font-size:12px; color:#000; line-height: 16px; float:left;}
.blog-twitter .blog-twitter-inner table td{vertical-align:top;}

.rpls{font-size:12px; float:right; color:#8C8C8C;}
.date_frm{font-size:12px; float:left;}
.mblform_tbl td > a{width:300px; font-size:15px; overflow:hidden; text-overflow: ellipsis; font-weight:600; white-space: nowrap; float:left; color:#000;}
.author_name{font-size:12px; color:#337ab7;}
.p_txt{font-size: 13px; line-height: 18px; text-overflow: ellipsis; max-height: 35px; overflow: hidden; float: left; width: 300px; white-space:normal; margin-bottom:5px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-color:#F7F7F7;}

.label_title{margin-top: 0px; font-size: 16px; color:#3498db; padding: 0 0 5px; margin-bottom: 10px; text-transform: capitalize; border-bottom: 1px solid #ddd; text-align:left !important;}

.mbl_srch .form-inline{width:100%; margin:0 !important;}
.mbl_srch .form-inline .input-group{width:100%;}
.mbl_srch.side_menu .form-inline .input-group{width:90%;}
.mbl_srch .form-inline .input-group input.form-control{height:30px}
.mbl_srch .form-inline .input-group .fa-search{position:absolute; top:8px; right:10px; z-index:10;}
.mbl_srch .form-inline .input-group .input-group-btn{position: relative; z-index: 11;}
.mbl_srch .form-inline .input-group .btn.btn-default{height:30px; line-height:15px; margin-top: -4px;}

.mbl_hdr_cntnr .breadcrumb{margin-bottom:0; padding:5px 0 0 15px;}
.mbl_hdr_cntnr .breadcrumb li{display:none;}
.mbl_hdr_cntnr .breadcrumb li.active{display:inline-block; color:#000; font-size:14px; line-height:24px; margin-right:5px;}
.mbl_hdr_cntnr .breadcrumb li a{color:#000;font-weight:600;}
.mbl_hdr_cntnr .breadcrumb li strong{font-weight:600;}
.mbl_hdr_cntnr .breadcrumb > li + li:before{content:""; padding:0;}

.calender table td .btn-default.active{background:#68C0DA;}
.calender table td .btn-default.active span.text-info{color:#fff;}
.mbl_cntnr .overlap_bg{position:absolute; margin-bottom: 30px; z-index:100000;}
.overlap_bg{background:#f3f3f3; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0;}

.unformat_all *{font-size:14px !important; font-weight:normal !important; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important; color:#555 !important; }
.unformat *, .unformat_all{float:none !important; width:100% !important; background:transparent !important; border:none !important; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.unformat > img, .unformat p a img, .unformat * img, .unformat_all > img, .unformat_all p a img, .unformat_all * img{width:auto !important; float:left !important;}
.unformat_text *{color:#555 !important; font-style:normal !important; font-size:14px !important;}
.unformat_padding *{padding:0 !important;}
.date_sml_aln{font-size:12px; float:left; margin-right:10px; line-height:20px; font-weight:600;}
.date_sml_aln span.clr_chng{color:#5FB4FD;}
.content_heading_sec h3{margin-bottom:0px; margin-top:15px;}
.avrg_aln{float:left; margin-top:3px;}
.avrg_aln .average-rating-container .background,.avrg_aln  .average-rating-container .foreground{top:-2px}
.avrg_aln .average-rating-container{padding:0;}
.avrg_aln .average span, .blog-info .average span + span{line-height:20px; margin-top:0}
.avrg_aln .average-rating-container{height:20px;}
.iframe_holder .html_container{max-height:1260px; overflow-y: auto;   height: 100%;    float: left;    width: 100%;    position: absolute; top:0;}
.mbl_sec_title{padding: 8px 10px;
    font-weight: bold;
    color: #FFF;
    margin-top: 10px;
    border-top: 1px solid #cacaca;
    background: #5BB2EC;}

.col-md-3 > .counter{background:#31B0D5; padding:5px 10px; color:#fff; font-weight:bold; float:left; width:70%; font-size:12px; margin-bottom:10px;}
.col-md-3 > .counter.full_width{width:100%;}
.col-md-3 > .counter span{float:left; line-height: 20px; color:#FFEB3B;}
.col-md-3 > .counter span + span{font-weight:normal; color:#fff;}
.col-md-3 > .counter div{float:left;}
.col-md-3 > .counter div+div{float:right;}

.mbl_title div{line-height:55px; font-weight:600; color:#000; float:left}
.mbl_title i{float:left; line-height:55px; font-size:20px; margin:0 10px 0 0; color:#72c02c;}
.mbl_cntnr .side-nav .list.active,.mbl_cntnr .side-nav .list.active:hover{background:#5fb611; color:yellow;}
.side_header li .second_level li{border:none;}
.side_header li a.list + ul.second_level li{border-bottom:solid 1px #fff;}
.video_sidebar .side-nav .list.active, .mbl_cntnr .video_sidebar .side-nav .list.active{background: rgb(217, 247, 213)!important; color: #555;}
.video_sidebar .side-nav .list.active + ul li a{background: rgb(217, 247, 213)!important; color: #555;}
.video_sidebar .sidebar-nav-v1 li ul a{color:#555;}


.blog-twitter.hot_res .blog-twitter-inner table td{vertical-align:middle;line-height:20px; float:left;}
.blog-twitter.hot_res .blog-twitter-inner table td.truncate{float:left; width:165px;}
.blog-twitter.hot_res .blog-twitter-inner table td.truncate span{width:95%; float:left;line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.blog-twitter.hot_res .blog-twitter-inner table td span{line-height:24px;}
.blog-twitter.hot_res .blog-twitter-inner{margin-bottom:0; border:solid 1px #ECECEC; padding:8px 8px 6px}
.blog-twitter.hot_res .blog-twitter-inner + .blog-twitter-inner{margin-top:-1px;}
.blog-twitter.hot_res .blog-twitter-inner:after,.blog-twitter.hot_res .blog-twitter-inner:before {display:none}

.tag-box.theme_red.row{padding:15px; margin-bottom: 15px;}
.mbl_cntnr .tag-box.theme_red.row{padding:15px; margin-bottom: 0px;}
.home_aln .list-group-item{padding: 5px 10px; border-color:#ECECEC;}
.survey_result{float:left; width:100%; padding-bottom: 5px;}
.survey_result h3{color:#337AB7}
.survey_result p.totalresult{color:#337ab7; padding:0 0 5px; border-bottom: 1px solid #f7f7f7;}



/* 
  make each pie piece a rectangle twice as high as it is wide.
  move the transform origin to the middle of the left side.
  Also ensure that overflow is set to hidden.
*/

.pie_chart{    float: right; display:none;
    width: 300px;
    height: 215px;
    position: relative; margin-top:-100px;}


.bg_ltr_grey{background:#fdfdfd;}


.modal-body {overflow:auto; margin-bottom:20px}
.modal-header{background:#fdfdfd; padding:10px 15px;}
.text_adjust{color:#555 !important; font-weight:bold;  font-size:16px; font-weight:600;}

.tag-box.adjust{margin-bottom:10px; padding:15px;}

.flft{float:left;}

.news-v3 .survey_result p{margin-bottom:5px}
.news-v3 .survey_result h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 12px;
    text-transform: none;
}

.survey_result .widget .flot-chart{height:auto;}
.tc-chart-js-legend li span{float:left; padding:10px; border-radius:5px !important; margin:0 5px 0 0;}
.tc-chart-js-legend li{margin:0 0 5px;}
.tc-chart-js-legend{float:left;}

.headline.hed_adj1 h4{border-bottom:none;}
.headline.hed_adj2{border-bottom: 2px solid #72c02c;  margin-bottom: 15px;}

hr.darker{border-color:#D6D6D6;}
.date_font{font-size: 12px;}
p a:hover{color:#e67e22;}

.mbl_cntnr{overflow-x:hidden;}
.mbl_cntnr .thumbnail-img{width:30%; float:left;}
.mbl_cntnr .poiz_home .thumbnail-img{width:auto; float:none;}
.mbl_cntnr .poiz_home .headline{background:none; color:#3498db; padding:5px 0;}
.mbl_cntnr .poiz_home .headline h2{color:inherit;}
.mbl_cntnr .thumbnail-style a.btn-more {right: inherit; bottom:4px; left:0; font-size: 10px;}
.mbl_list_right{float:right; width:67%}
.survey_list .mbl_list_right{width:67%}
.mbl_cntnr .survey_list  .thumbnail-img{width:30%}
.mbl_cntnr .thumbnail-kenburn .caption p{line-height:16px;}
.mbl_cntnr .thumbnail-style.margin-bottom-20 {margin-bottom: 20px;}
.mbl_cntnr .poiz_home .footer > .container{padding:0px 15px;}
.mbl_cntnr .poiz_home .footer .copyright{padding:0 15px; text-align:center;}
.mbl_cntnr .poiz_home .media-body{padding-right:5px; word-break: initial;}
.mbl_cntnr .poiz_home .media-list .media{}
.mbl_cntnr .poiz_home .slider_type1 .text_content h1{font-size:13px; line-height:14px; margin-bottom:5px;}
.mbl_cntnr .poiz_home .slider_type1 .text_content p{font-size:12px; line-height:13px;}
.mbl_cntnr .poiz_home .slider_type1 .text_content{width:55%; top:10%; right:0%; padding:5px;}
.mbl_cntnr .poiz_web .poiz_home  .slider_full_middle{margin-top:13px;}
.poiz_web .home_slider{margin-top:-20px;}
.poiz_web .mbl_cntnr .home_slider{margin-top:0px;}
.mbl_hdr_cntnr .header .fullwidth_header .navbar-nav > li:first-child > a{padding-left:15px;}

.mbl_survey .news-v3-in{padding:15px 15px}
.header .topbar ul.loginbar li.home_logo i.fa{color:#5fb611;}
.header .topbar ul.loginbar li i.fa{font-size:16px;}
.date_font.smal{font-size:10px;    margin-top: -6px; float: left; color:#bbb; width: 100%;}
#toast-container > div.toast-error + div.toast-error{display:none !important;}

.tag-box.tag-box-v6 .blog-post-tags{border:none;}

.tag-box-v6.wht_bg{background:#fff}
.news-v3 h2{text-transform:none;}

videogular vg-controls .controls-container, [videogular] vg-controls .controls-container{table-layout:fixed}

.mbl_hdr_cntnr .header .topbar ul.languages li a{font-size:12px; padding:5px 12px;}

.mbl_cntnr .img_hgt .thumbnail-img .overflow-hidden a:first-child{padding: 65.25% 0 0 0;}
.thumbnails.img_hgt.thumbnail-style.thumbnail-kenburn .thumbnail-img img{height:40px !important;}
videogular vg-scrub-bar .container, [videogular] vg-scrub-bar .container{
    float:left;
    margin-top:-26px;
    width: 100% !important;
    height: 2px;
    padding: 0;}
videogular vg-scrub-bar-buffer, [videogular] vg-scrub-bar-buffer{
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
videogular vg-scrub-bar-current-time, [videogular] vg-scrub-bar-current-time{
    background-color: #FFFFFF;
    width: 100%;
    height: 2px !important;
    display: block;
    cursor: pointer;}

audio {
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius:5px !important;
  overflow:hidden; 
}
audio::-webkit-media-controls-enclosure {
  height: 30px;
  min-height: 30px !important;
}
audio::-webkit-media-controls-panel {
  height: 30px;
  border-radius: 3px;
}



.posts .dl-horizontal dd {
    margin-left: 50px;
}
div.item-post-date{padding:3px 0 3px;}
.tag-box.tag-box-v1.tagbox_pad{padding:15px}
.tag-box.tag-box-v1.tagbox_pad .col-md-8.col-sm-12{margin-top:-5px;}

.tagbox_pad .news-dateinfo{padding-bottom: 2px; margin-bottom: 7px;}
.wiki_page iframe{max-width:640px; min-height:380px;}
.table > tbody > tr > td.v-middle{vertical-align:middle;}
.gnrl_frm .tbl_linhgt th{padding:10px 8px !important; background:#fff; border-bottom:solid 3px #f3f3f3;}

.text_indent5{text-indent:5px;}
.text_indent10{text-indent:10px;}
.text_indent15{text-indent:15px;}
.text_indent20{text-indent:20px;}

.tbl_linhgt td.tag-box.tag-box-v1 span.badge.badge-info.ng-binding {padding: 4px 8px !important; border-radius: 10px !important; position: static;}

.mp4ppt > .col-md-12{margin-top:-65px; padding-right:0}

.mp4ppt > span > .col-md-12 videogular vg-controls{margin-top:-15px;}


videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point, [videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point{    background-color: #00BCD4 !important; top:0; overflow:hidden;}

/*.mp4ppt .col-md-5 videogular vg-scrub-bar .container, .mp4ppt .col-md-5 [videogular] vg-scrub-bar .container{width:46% !important;}
.mp4ppt .col-md-6 videogular vg-scrub-bar .container, .mp4ppt .col-md-6 [videogular] vg-scrub-bar .container{width:55% !important;}
.mp4ppt .col-md-7 videogular vg-scrub-bar .container, .mp4ppt .col-md-7 [videogular] vg-scrub-bar .container{width:61.5% !important;}*/

/*
.test_qstn .fa-times + span{color:#e74c3c}
.test_qstn .fa-check + span{color:#5fb611}*/

.test_qstn .fa-times, .test_qstn .fa-times.miss, .test_qstn .fa-check{ position: relative; top: 2px; margin:0;}
.test_qstn .fa-times{color:#e74c3c;}
.test_qstn .btn-u-red .fa-times{color:#fff; top:0;}
.test_qstn .fa-times.miss{color:#E6C622;}
.test_qstn .fa-check{color:#5fb611;}

.slide_exam_but{position:absolute; right: -15px; bottom: -60px; z-index:1;}
.mbl_cntnr .slide_exam_but{right:0px;}

.panel.blog_box{background:transparent;}
.panel.blog_box .blog-post-tags{border-top:none;}
.panel.blog_box .blog{padding:15px; background:#fff; margin-bottom:20px;}

.profile.crsr li{cursor:pointer;}

.progress.progress-stack .progress-bar{position:inherit;}
 
 #flashplayer > object{height:99%;}

.progress {
  border-radius: 0;
}

.progress-u {
  box-shadow: none;
}

.progress-u .progress-bar {
  box-shadow: none;
}

/*progress-bar (sizes)*/
.progress-lg {
  height: 25px;
}
.progress-lg p {
  padding-top: 3px;
}

.progress-sm {
  height: 12px;
}

.progress-xs {
  height: 7px;
}

.progress-xxs {
  height: 3px;
}

/*progress-bar (colors)*/
.progress {
  background: #e5e5e5;
}

.progress-bar-u {
  background: #72c02c;
}

.progress-bar-blue {
  background: #3498db;
}

.progress-bar-orange {
  background: #e67e22;
}

.progress-bar-red {
  background: #e74c3c;
}

.progress-bar-purple {
  background: #9b6bcc;
}

.progress-bar-aqua {
  background: #27d7e7;
}

.progress-bar-brown {
  background: #9c8061;
}

.progress-bar-dark-blue {
  background: #4765a0;
}

.progress-bar-light-green {
  background: #79d5b3;
}

.progress-bar-dark {
  background: #555;
}

/*Progress Bar Animation
------------------------------------*/
.progress {
    position: relative;
}

.progress .progress-bar {
  overflow: hidden;
  line-height: 20px;
  position: absolute;
  min-height:20px !important;
}

.progress-box .progress-bar {
    transition: all 3s ease-in;
    -o-transition: all 3s ease-in;
    -ms-transition: all 3s ease-in;
    -moz-transition: all 3s ease-in;
    -webkit-transition: all 3s ease-in;
}

/*Vertical Progress Bar*/
.progress.vertical {
  float: left;
  width: 100%;
  height: 200px;
  margin-right: 20px;
}

.progress.vertical.bottom {
    position: relative;
}

.progress.vertical .progress-bar {
  height: 0;
  width: 100%;
  transition: height 3s ease;
  -o-transition: height 3s ease;
  -ms-transition: height 3s ease;
    -moz-transition: height 3s ease;
  -webkit-transition: height 3s ease;
}

.progress.vertical.bottom .progress-bar {
    bottom: 0;
    position: absolute;
}

.exam_result h3.heading-xs{margin-top:5px; margin-bottom:3px}

.exam_result .ansrs{float:left; width:100%; margin:0; padding-bottom:15px;}
.exam_result .lin{border-bottom:solid 2px #ccc; width:100%; float:left; margin-top:10px;}
.exam_result .ansrs li{padding:5px 50px 5px 10px; border-bottom:solid 1px #eee; position:relative; float:left; width:100%; min-height:30px;}
.exam_result .ansrs li i{position:absolute; right:10px; top:8px;}
/*.exam_result .ansrs li b{position:absolute; left:10px; top:5px;}
.exam_result .ansrs li:nth-child(even){background:#fff;}
.exam_result .ansrs li:nth-child(odd){background:#fafafa;}*/
.exam_result .ansrs li i{float:right}
.exam_result .badge{border-radius:0 !important; text-transform: uppercase; background: #FFC107; color: #F44336; font-weight: 600; font-size: 11px;}

.exam_result .tab-v1 .nav-tabs > .active > a, .exam_result .tab-v1 .nav-tabs > .active > a:hover, .exam_result .tab-v1 .nav-tabs > .active > a:focus{color:#000; background:#fff;}

.exam_result .nav-tabs.nav-justified > .active > a, .exam_result .nav-tabs.nav-justified > .active > a:hover, .exam_result .nav-tabs.nav-justified > .active > a:focus{border:none;border-bottom:solid 5px #72C02C;}
.exam_result .tab-v1 .nav-tabs > li > a:hover{background:#fff !important; color:#000;border-bottom:solid 5px #72C02C;}
.exam_result .nav-tabs.nav-justified > li > a{font-weight:bold;    border-bottom: solid #ccc 5px;}
.exam_result .ansrs li.correct_select{background: #F2F7C7;}
.exam_result .ansrs li.wrong_select{background: #FFE6E4;}
.exam_result .ansrs li.missed_one{background: #FFF17F;}
.exam_result .ansrs li.empty_select{background: #d4e6f5;}
.exam_result .progress{margin-bottom:10px}
.exam_result .tab-content{padding:10px !important;}
.exam_result .qstn{font-weight:600; color: #666; float:left; width:100%; margin-bottom:5px; position:relative;}
.exam_result .qstn p{font-weight:600 !important; color: #666 !important;}
.exam_result .qstn > div{float:left;}
.exam_result .qstn > div.qstn_index{position:absolute; left:0; top:-23px;}
.exam_result .qstn > div p{margin-bottom:0;}
.exam_result .exam_title{padding:10px 200px 10px 10px; background:#4798d0; margin-bottom:10px; color:#fff; position:relative;}
.exam_result .exam_title h2{font-size:16px; font-weight:600; margin:0; color:#fff;}
.exam_result .exam_title .score_result{position:absolute; right:10px; top:8px; font-weight:600; font-size:16px}
.popover audio{width:100%; min-width:230px;}

.tchr_cmnt_hldr{position:relative}
.tchr_cmnt_hldr h4{margin-bottom:5px; font-size:13px; font-weight:600; color:#555;}
.tchr_cmnt_hldr .profile_round{width:50px; height:50px; float:left;}
.tchr_cmnt_hldr .profile_round img{width:40px; height:40px}
.tchr_cmnt{border:solid 1px #2196F3; font-size:13px; position:relative; border-radius:6px !important; padding:10px 10px; float:right; width:92.5%; margin-top:5px; margin-bottom:0px;}
.tchr_cmnt .notes{position:absolute; right:10px; top:3px; font-size:20px;}
.tchr_cmnt .notes a.btn{margin-top:-4px}
.tchr_cmnt .notes i.fa-volume-down{color:#fff;}
.tchr_cmnt .notes i.fa-paperclip{color:#fff;}
.tchr_cmnt:before, .tchr_cmnt:after{top: 10px; left: -14px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 7px;}
.tchr_cmnt:before { border-color: rgba(194, 225, 245, 0); border-right-color: #2196F3; border-width: 8px; left: -17px; top: 9px;}
.tchr_cmnt:after{border-color: rgba(136, 183, 213, 0); border-right-color: #fff;}
.qstn_typ{white-space:nowrap; position:absolute; left:32px; top:-23px; font-size:11px; background: #337ab7; padding: 2px 5px; text-transform: uppercase; color: #fff; border-radius:3px !important;}
.qstn_pnt{position:absolute; right:0; top:-23px; font-size:12px; font-weight:600;}

.anwer_text{font-size:13px; font-weight:600; float:left; width:100%; padding:4px 0 8px 0; color: #555;}
.result_summary{border-bottom:1px solid #ccc; text-align:right; padding-bottom: 8px; color: #555;font-size:13px}
.result_summary b{font-size:14px}
.result_summary b + b{font-weight:600;font-size:13px; color:#337ab7;}
.result_summary b + b + b{color:#8BC34A;}
.result_summary b + b + b + b{color:#F44336;}
.result_summary b + b + b + b + b{color:#777;}

.missedpnt{color:#777;}
.correctpnt{color:#8BC34A;}
.wrongpnt{color:#F44336;}

.btn-u:hover {
  color: #fff;
}
.correct_ans {
  color: #5fb611;
  font-weight: bold !important;
}
.wrong_ans {
  color: #d9534f;
  font-weight: bold !important;
}
.missedQuestion, .wrongQuestion, .correctQuestion, .pendingQuestion {
  font-size:11px;
  padding:2px 8px;
  margin:0 0 0 5px;
  text-transform:uppercase;
}

.correctQuestion {
  color:#fff;
  background:#8BC34A;
}

.pendingQuestion {
  color:#fff;
  background:#FF9800;
}

.wrongQuestion {
  color:#fff;
  background:#F44336;
}

.missedQuestion {
  color:#fff;
  background:#777;
}


.correctAnswer {
  color: #72c02c;
}
.yourAnswer {
  color: #e42112;
}
.answer_list {
  margin-bottom: 20px;
}
.pending_alert{color:#e74c3c; font-weight:600;}

.repeat_qst {margin-top: 30px;}
.answer_type, .answer_list, .repeat_qst_hldr, .repeat_qst {float: left; width: 100%;}

.notes_holder{position:absolute; left: 130px; top: 5px;}
.notes_holder a{color: #72c02c;}
.notes_holder i{font-size:16px; line-height:20px;}
.notes_holder .audio_hldr{position: absolute; left: 24px; top: -3px; padding:0 30px 0 0; z-index:10;}
.notes_holder .audio_hldr .btn{position: absolute; right: 0; top: -2px; background:red; color:#fff;}

.level_arrow{position:relative; z-index:1;}
.level_arrow.low{left:17%}
.level_arrow.mid{left:50%}
.level_arrow.mid:before{border-top-color: #f0ad4e;}
.level_arrow.high{left:83%}
.level_arrow.high:before{border-top-color: #d9534f;}
.level_arrow:before{top: 100%;
  left: 0%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: rgba(136, 183, 213, 0);
  border-right-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(136, 183, 213, 0);
  border-top-color: #5cb85c;
  border-width: 10px;
  margin-left: -10px;}
.level_arrow.your_ans_icon_holder:before{display:none;}
.level_arrow.your_ans_icon_holder{ height:3px;}
.level_arrow.your_ans_icon_holder .your_ans{float:left; height:18px; text-align:center; overflow:hidden; visibility:hidden;}
.level_arrow.your_ans_icon_holder .your_ans.active{visibility:visible;}
.level_arrow.your_ans_icon_holder .your_ans i{color:#0A5BA0;}
.your_ans_info{float:right; margin:0 0 10px; font-size:12px;}
.your_ans_info i{color:#0A5BA0;}

.progress-bar-warning.dark{background-color: #e67e22;}
.progress-bar-success.dark{background-color: #5fb611;}
.progress-bar-danger.dark {background-color: #e74c3c;}

.progress.progress-stack.progress-u.progress-sm.rounded-2x .progress-bar{line-height:14px; fon-size:12px;}

 
.exam_result .exam_info .progress{width:10%; float:left;}
.exam_result .exam_info .no-padding .progress{width:8%;}
.exam_result .exam_info h3{float:left; margin: 0 5px; font-size:12px}

.exam_det_rep{padding-bottom:10px; border-bottom:dashed 1px #ccc; margin-bottom:50px;}

.news-v3.mbl .news-v3-in img{width:100% !important; margin:10px 0;}


.mbl_cntnr .tag-box.padding_reduce.padding_reduce2{padding:10px;}
.mbl_cntnr .tag-box.padding_reduce.padding_reduce2 .col-md-8,.mbl_cntnr .tag-box.padding_reduce.padding_reduce2 .col-md-4{padding:0px; width:100%;}
.mbl_cntnr .tag-box.padding_reduce.padding_reduce2 .col-md-8 > *,.mbl_cntnr .tag-box.padding_reduce.padding_reduce2 .col-md-4 > *{width:100%; float:left;}
.mbl_cntnr .tag-box.padding_reduce.padding_reduce2{padding:10px;}
.mbl_cntnr .mbl_enroll{position: fixed; left: 0; bottom: 0; z-index: 1; width: 100%;}

.header_adjust{margin-top:0 !important;}

.mbl_only{display:none}
.mbl_cntnr .mbl_only{display:inline-block}
.desk_only{display:inline-block}
.mbl_cntnr .desk_only{display:none}

.mbl_cntnr .mbl_ful_width{width:100%; padding:10px 13px;}

.mbl_cntnr .list-inline.blog-info > li{padding-left:0; line-height: 12px; margin-bottom: 4px;}
.mbl_cntnr .list-inline.blog-info > li:first-child{padding-left:5px;}
.mbl_cntnr .list-inline.blog-info.event_list > li:first-child{padding-left:0;}

.in_left > *{float:left}
.in_left{float:left; width:100%;}

.list.card .item.video_width h2{line-height:20px; font-size: 18px; font-weight: 500; margin:5px;}

.article_holder{overflow-x:auto;}
.article_holder article p strong{color:#555; font-weight:600; font-size:14px;}
.article_holder article p, .tag-box > p{margin-bottom:20px; line-height:22px;}
.article_holder article ul, .tag-box > ul{margin-bottom:20px; padding-left:20px; list-style:disc;}
.article_holder article ol, .tag-box > ol{margin-bottom:20px; padding-left:20px; list-style:decimal;}
.article_holder article ul li, .tag-box > ul li, .article_holder article ol li, .tag-box > ol li{margin-bottom:10px;}
.mbl_cntnr .list.card .item.video_width{height:inherit; box-shadow: 0px 0px 3px #737373; margin-bottom:15px;}

.list.card .item.video_width video{width:100%}

/*.list.card .item.video_width article{-webkit-columns: 1 200px; -moz-columns: 1 200px; columns: 1 200px; -moz-column-fill: auto; column-fill: auto; height: 150px;}*/

.fixed_container {position: fixed; left: 0; right: 0; bottom: 10px;}
.fixed_container audio {width: 90%; margin: 0 5%;}

.brf_tit{position:absolute; top:-10px; left:10px; background:#4185BB; color:#fff; border-radius:5px !important; padding:2px 8px; font-size:12px; display:none;}
.mbl_cntnr .brf_tit{display:block;}

.mbl_cntnr .tag-box{margin-bottom:0}

.footer_text{display:none; border-top:dashed 1px #9E9E9E; text-align: center; color: #777; margin: 0px 0 10px; padding:10px 0 0; float: left; width: 100%; font-size:12px;}
.footer_text a{font-size:14px; color:#8BC34A}
.footer_text a.color{color:#3498db;}
.footer_text sup{font-size:12px;}
.mbl_cntnr .footer_text{display:block}

.footer_text.margin-bottom-40{margin-bottom:50px;}

.mbl_cntnr .event_list li{width:100%;}

.my_space .service-block-red{background: #E2786D;}
.my_space .service-block-amethyst{background: #9B6BCC;}
.my_space .service-block-emerald{background: #60D295;}
.my_space .service-block-seagull{background: #7CBAE5;}
.my_space .service-block-cream_can{background: #F3D459;}
.my_space .service-block-jaffa{background: #E89246;}

.mbl_cntnr .exhibition .nav-tabs > li{width:49%; float:left; margin-right:1%}
.mbl_cntnr .exhibition .nav-tabs > li+li{margin:0; margin-left:1%;}
.mbl_cntnr .exhibition .nav-tabs{margin-bottom:0;}

.mbl_cntnr  div.item-image.mbl-full-width{width:100%;}

.product_list .price, .product_detail .price{font-weight: 600; color: #555; font-size:14px !important; margin-top:5px;}
.product_list .price .strike span, .product_detail .price .strike span{font-weight: 500; color: #9E9E9E; text-decoration: line-through; padding:0 8px;}
.product_list .detail_price .price .strike span, .product_detail .detail_price .price .strike span{padding:0;}
.product_list .price .strike, .product_detail .price .strike {font-weight: 200; color: #ff6c00;}
.product_list .price span{color: #72c02c;}

.dynamic_width > div > table{max-width:100%; width:100% !important;}

.dynamic_width > div img{max-width:100%;}

.product_price{font-size:20px !important; font-weight:600; color:#72c02c; line-height:35px !important; margin:0;}
.product_price.detail{font-size:26px !important; color:#FF5722;}

.product_detail h2{margin-top:0; font-size:24px;}
.product_detail h3{font-size:18px; float:left;}
.product_detail ul{float:left; margin:20px 0 0 10px;}
.product_detail ul.rating{margin:0;}

.product-quantity{margin-bottom:10px;}
.product-quantity input{width:40px; line-height:20px; padding:5px; text-align:center;}

.calendar,.calendar .fc-toolbar, .calendar .fc-view-container, .calendar .fc-view{float:left; width:100%;}
.calendar{margin-bottom:20px; background:#fff;}
.calendar .fc-toolbar{padding: 5px 5px; margin: 0;}
.calendar .fc-toolbar h2{font-size:15px; margin:2px 2px 0; font-weight:600;}
.calendar .fc-draggable{cursor:move;}
.calendar.fc button{padding:0 15px; border-radius: 3px !important; line-height:12px; background:#ddd;}
.calendar.fc button.fc-state-active{background:#1ab394;}
.calendar.fc th{line-height:30px;}

.main_calender .calendar .fc-basic-view .fc-body .fc-row{height:100px !important; overflow:hidden;}

.mbl_cntnr .main_calender .calendar .fc-basic-view .fc-body .fc-row{height:20px !important; overflow:hidden;}

.mbl_cntnr .fc-event{line-height: 0.85; padding:2px; margin-top: -2px;}

.mbl_cntnr .mbl_srch_count{height:70px; float:left;}


.sidebar_responsive + .calendar .fc-basic-view .fc-body .fc-row{height:36px !important; min-height:1em;}
.sidebar_responsive + .calendar .fc th{line-height:30px;}
.sidebar_responsive + .calendar.fc-ltr .fc-basic-view .fc-day-number{height:15px;line-height:15px;}
.sidebar_responsive + .calendar .fc-today-button{font-size:12px; padding:5px; margin-top: 2px; line-height:12px; text-transform:capitalize}
.sidebar_responsive + .calendar.fc-unthemed .fc-today{background:#7CBAE5; color:#fff;}
.sidebar_responsive + .calendar .fc-day-grid-event .fc-content{text-align:center;}
.sidebar_responsive + .calendar .fc-event{width: 12px; height: 12px; border-radius: 10px !important; margin-left: 5px; background-color:#F44336; border-color:#F44336; padding:0}
.sidebar_responsive + .calendar .fc-event .fc-content{line-height: 12px; text-align:center; font-size:10px;}

.sidebar-nav-v1 li.side_hed:hover, .side_hed{background:#7CBAE5; color:#fff; font-weight:bold;}
.side_hed *{color:#fff;}

.sidebar.profile.no-wrap .profile-event h3{white-space:initial; line-height: 16px;}

.sidebar.profile.no-wrap .profile-event a{font-size:12px;}

.profile .media.media-v2 .media-heading{font-size:14px;}






/*Timeline v2
------------------------------------*/
.timeline-v2 {
  padding: 0;
  list-style: none;
  position: relative;
} 

/* The line */
.timeline-v2 > li{
  position: relative;
}

.timeline-v2:before {
  top: 0;
  bottom: 0;
  left: 2%;
  width: 4px;
  content: '';
  background: #f3f3f3;
  position: absolute;
  margin-left: -14px;
}

/* The date/time */
.timeline-v2 > li .cbp_tmtime {
  width: 25%;
  display: block;
  position: absolute;
  padding-right: 80px;
}

.timeline-v2 > li .cbp_tmtime span {
  top: 9px;
  display: block;
  text-align: right;
  position: relative;
}

.timeline-v2 > li .cbp_tmtime span:first-child {
  color: #999;
  font-size: 14px;
  line-height: 0.9;
}

.timeline-v2 > li .cbp_tmtime span:last-child {
  color: #585f69;
  font-size: 20px;
  font-weight: normal;

}

/* Right content */
.timeline-v2 > li .cbp_tmlabel {
  color: #fff;
  padding: 10px 20px 20px;
  background: #f3f3f3;
  line-height: 1.4;
  clear: both;
  position: relative;
  /*border-radius: 5px;*/
  margin: 0 0 40px 3%;
}

/*
.timeline-v2 > li .cbp_tmlabel img.big-thumb {
  width: 100%;
}
*/

.timeline-v2 > li .cbp_tmlabel li {
  padding: 0;
}

/*
.timeline-v2 > li .cbp_tmlabel img.small-thumb {
  width: 111px;
  height: auto;
}
*/

.timeline-v2 > li .cbp_tmlabel h2 { 
  margin-top: 0px;
  font-size: 21px;
  padding: 0 0 5px;
  margin-bottom: 10px;
  text-transform: capitalize;
  border-bottom: 1px solid #ddd;
  color:#4185BB;
}

.timeline-v2 > li .cbp_tmlabel .text-left {
  float: left;
}

/* The triangle */
.timeline-v2 > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #f3f3f3;
  border-width: 10px;
  top: 18px;
}

.timeline-v2 > li .cbp_tmlabel .article_holder{color:#000;}

/* The icons */
.timeline-v2 > li .cbp_tmicon {
  top: 22px;
  left: 2%;
  width: 10px;
  height: 10px;
  position: absolute;
  background: #72c02c;
  margin: 0 0 0 -17px;
  box-shadow: 0 0 0 4px #f3f3f3;
  -webkit-font-smoothing: antialiased;
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

  .timeline-v2 > li .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 47.2em) {
  .timeline-v2:before {
    display: none;
  }

  .timeline-v2 > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .timeline-v2 > li .cbp_tmtime span {
    text-align: left;
  }

  .timeline-v2 > li .cbp_tmlabel {
    padding: 1em;
    font-weight: 400;
    margin: 0 0 30px 0;
  }

  .timeline-v2 > li .cbp_tmlabel:after {
    left: 20px;
    top: -20px;
    right: auto;
    border-bottom-color: #f3f3f3;
    border-right-color: transparent;
  }

  .timeline-v2 > li .cbp_tmicon {
    left: auto;
    float: right;
    position: relative;
    margin: -55px 5px 0 0px;
  } 
}

.sidebar.profile .profile-event{float:left; width:100%; padding:10px 10px 0px; margin-bottom:0; cursor:pointer;}
.sidebar.profile .profile-event .heading-xs{text-transform: none;}
.sidebar.profile .profile-event h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:100%;}
.sidebar.profile .profile-event a{color: #72c02c;}
.sidebar.profile .date-formats{margin:0 8px 0 0;}
.sidebar.profile div.item-date{font-weight:500;}
.profile .ongoing .date-formats{background:#3498db;}
.sidebar.profile .ongoing .profile-event a{color:#3498db;}
.sidebar.profile .ongoing .profile-event a.color-orange{color:#e67e22;}

.sidebar.profile .ongoing .profile-event p + a{float:right;}

.angular-google-map-container { height: 300px; }
.who li{word-break: break-all; font-size:12px; overflow:hidden;}
.who li > i{float:left;}
.who li > a > div, .who li > div{float:left; width:88%; word-break: break-word;}


.container-fluid .pdf-viewer {
    min-height:800px;
    float: left;
    width: 100%;
    height: 468px;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    background-color: #000;
}
.container-fluid .pdf-viewer.algn, .container-fluid .html5 .pdf-viewer {
    background-color: #fff;
}

.panel-body.inner_slider .pdf-viewer iframe{height:800px;}


.news_page p.clamped{font-size:12px;}

.sidebar.profile h3{font-size:12px;}
.sidebar.profile div.item-date{font-size:11px;}
.sidebar.profile p{font-size:12px;}

.notes a{font-weight:normal; background:#72c02c; color:#fff; margin-right:10px; padding:2px 5px; float:left;}
.notes a .fa-paperclip:before{font-size:16px;}

.people_answered{color: #337ab7; font-weight: 600; float:left; width:100%; margin:0}

.header .topbar ul.loginbar > li > a:hover, .header .topbar ul.loginbar > li > a.active{color:#72c02c;}

.header .topbar ul.loginbar li.admin_link i.fa, .header .topbar ul.loginbar > li.admin_link > a, .header .topbar ul.loginbar > li.admin_link > a:hover{color:#2196F3}

.first_brdr_remove.border-top{border:none;}
.first_brdr_remove.border-top + .first_brdr_remove.border-top{border-top: solid 1px #ccc;}

.first_brdr_remove blockquote .lead{margin-bottom:0;}

i.fa span{font-family:arial; padding-left:5px;}
.home_company .carousel-control.left, .home_company .carousel-control.right{background:none; color:#FF9800;}
.home_company .carousel-inner{width:102%;}
.home_company .home_teacher_section .tag-box h5{font-weight:normal;}
.home_company .home_teacher_section .forum .caption{height:80px;}
.home_company .carousel-control .icon-prev,
.home_company .carousel-control .icon-next,
.home_company .carousel-control .glyphicon-chevron-left,
.home_company .carousel-control .glyphicon-chevron-right{top:42%;}
.home_company .carousel-control .icon-next,
.home_company .carousel-control .glyphicon-chevron-right{right:10%;}
.home_company .carousel-control .icon-prev,
.home_company .carousel-control .glyphicon-chevron-left{left:10%;}
.funny-boxes-left-green .clamped{line-height:1.4;}
.home_company .home_teacher_section .tag-box img{height:100px;}

.blog-post-tags ul.blog-tags a{color: #FFF; background: #337AB7;}

.video-topbar li{cursor:pointer;}

.missedQuestion,
.wrongQuestion,
.correctQuestion {
  font-size: 11px;
  padding: 2px 8px;
  margin: 0 0 0 5px;
  text-transform: uppercase;
}
.correctQuestion {
  color: #fff;
  background: #5fb611;
}
.wrongQuestion {
  color: #fff;
  background: #F44336;
}
.missedQuestion {
  color: #fff;
  background: #777;
}

.qstn_typ.pstn_no {
  position:static;
}

.tab-v1.altr .tab-content{margin-bottom:10px;}
.tab-v1.altr .tab-content img{margin-top:0}
.img_link{float:left; width:100%;}

.home_company div.item{border:none;}
.tag-box.tag-box-v1.bg-color-white.box-shadow.shadow-effect-1.tagbox_pad{margin-bottom:15px;}

.btn.btn-default.btn-sm.pull-right{padding:2px 10px;}

.homepage_sec .headline{margin-bottom:15px;}


i.icon-custom.icon-sm.fa{width:35px; height:35px;font-size:16px; line-height:35px;}


.team-v1 li.usrlist > h3{font-size:14px;}
.team-v1 li.usrlist .team-img{height:200px; overflow:hidden}
.team-v1 li.usrlist p{height:60px;}


.staff .team-v1 li{text-align:center;}
.staff .team-v1 li:hover > .team-img:after{background:none;}
.staff .team-v1 li.col-lg-2 p{margin-top:5px;}
.staff .team-v1 li > h4{margin-top:0;}
.staff .team-v1 li > h3{margin-bottom:0;}
.staff .team-v1 li > p:before{left:43%}
.staff .team-v1 li:hover > p:before{left:0}

.vw_al{position:absolute; right:0; top:0}

.media.media-v2 ul{margin:0}
.media.media-v2 ul.list-inline{margin-bottom:10px}
.media.media-v2 ul.list-inline li:first-child{padding-left:0;}


.de-image-block img { max-width: 100%;}
.home_slider{height: auto; overflow: hidden;}
.home_slider > div,.home_slider .carousel-inner,.home_slider .item,.home_slider img{height:100% !important; width:100%}

.profile .dlt_clr i.expand-list{color:#F44336; border-color:#F44336; padding:5px 6px;}
.profile .edit_clr i.expand-list{color:#2196F3; border-color:#2196F3}
.profile .cmnt_clr i.expand-list{color:#3F51B5; border-color:#3F51B5}
.profile .like_clr i.expand-list{color:#8BC34A; border-color:#8BC34A}
.profile .top_clr i.expand-list{color:#FF9800; border-color:#FF9800}

.info_hed {
    background: #ace1fc;
}


.parallax-counter-v2 {
  position: relative;
  padding: 60px 0 60px;
  background: url(../img/patterns/16.png) repeat fixed;
}
.parallax-counter-v2 h1 {
  padding: 0 0 30px;
}

.parallax-counter-v2:after{display:none;}

.parallax-counter-v2 .counters {
  padding: 20px 0;
  border-bottom: solid 2px #ddd;
  background: rgba(255,255,255,0.9);
}

.parallax-counter-v2 .counters h4,
.parallax-counter-v2 .counters span {
  color: #555;
  font-weight: 200;
  font-family: "Open Sans", Arial, sans-serif;
}

.parallax-counter-v2 .counters span {
  font-size: 36px;
}

.parallax-counter-v2 .counters h4 {
  font-size: 22px;
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .parallax-counter-v2 .counters {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .mbl_hdr_cntnr .header .topbar {
      width: 34%;
  }
}



.home_features{float:left; width:100%;}
.home_features h2{font-size:26px;}
.home_features ul{margin:0;}
.home_features li{padding:30px 15px; text-align:center; height:190px;}
.home_features li.altr{background:#96bb69;}

.home_adv .home_features h1{margin-bottom:30px;}
.home_adv h1{margin-top:0; font-size: 28px; color: #616265;}
.home_adv h2{margin-top:0; font-size: 24px; color: #616265;}
.pattern{background:#a5c77c; color:#fff;}
.pattern h2, .pattern p{color:#fff;}


.forum .info th{text-align:left;}
.full_screen_on videogular{width:100%;}
.badge-danger.red {background: #FF1800;}
span.badge.badge-danger.red {margin-top:0; font-size:10px; vertical-align: middle;}

.fliter_section ul li{float:left; padding:2px 7px; white-space: nowrap; font-size:12px; line-height:16px; margin:0 5px; background:#E7FDD4; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; margin-bottom:10px;}
.fliter_section ul li a{display:inline-block;}
.fliter_section ul li:hover, .fliter_section ul li.active{background:#EA1010 !important;}
.fliter_section ul li:hover a, .fliter_section ul li.active a{color:#fff;}
.fliter_section + .fliter_section ul li{background:#E5F9FB;}
.fliter_section + .fliter_section + .fliter_section ul li{background:#F0F9E8;}

.theme_blue_container .course_content li a{width:90%;}

.course_content ul, .course_content li, .course_content li > a{float:left; width:100%;}

.sidebar-nav-v1 .disable{opacity:0.5; pointer-events:none; }

.course_content li a.disable, .course_content .service-block a.disable{opacity:0.5; pointer-events:none;}

.course_content li.disable a.disable, .course_content .service-block.disable a.disable{opacity:1;}

.course_content li.disable:after, .course_content .service-block.disable:after, .course_content .service-block p.disable:after{content:''; opacity:0.6; position:absolute; width:100%; height:100%; float:left; left:0; top:0; z-index:3; background:#fff; cursor:no-drop;}

.theme_default_container .course_content li.disable:after{background:#E4ECE4;}
.theme_blue_container .course_content li.disable:after{background:#1C5587;}
.theme_yellow_container .course_content .service-block p.disable:after{background:transparent;}
.theme_yellow_container .course_content .service-block p.disable{opacity:0.5}
.theme_yellow_container .course_content .service-block.disable p.disable{background:transparent; opacity:1}

.course_content li.disable:hover{background:inherit;}

.course_content li a.disable, .course_content tr li a.disable, .course_content .service-block a.disable{pointer-events:none;}

.course_content li.disable, .course_content tr.disable{position:relative;}
.course_content li > i.fa-lock, .course_content .service-block i.fa-lock{position:absolute; right:10px; top:10px; z-index:5; display:none;}
.course_content li.disable > i.fa-lock, .course_content .service-block.disable i.fa-lock, .course_content .service-block .disable i.fa-lock{display:block;}
.course_content .service-block.disable .disable i.fa-lock{display:none;}
.theme_blue_container .course_content li > i.fa-lock{color:#fff; top:3px}
.theme_yellow_container .course_content .service-block i.fa-lock{color:#e74c3c; font-size:30px;}
.theme_yellow_container .course_content .service-block p > i.fa-lock{color:#000;}
.theme_yellow_container .course_content .service-block .disable i.fa-lock{font-size:16px; top:3px;}


.sidebar-nav-v1 .disable span{cursor:no-drop !important;}

.milestone_icon{display:none}
.milestone_course .milestone_icon{display:inline-block; position:absolute; color:#e74c3c; margin:3px 0 0 10px;}
.score_icon{display:inline-block; position:absolute; color:#3498db; margin:3px 0 0 10px; margin-left:30px;}
.milestone_course .milestone_icon.pass{color:#5fb611;}
.milestone_course .milestone_icon.fa-check{ color:#72c02c; margin-left:32px;}
.list-group.sidebar-nav-v1 > li{cursor:pointer;}

a:focus{text-decoration:none;}

.badge.badge-danger.badge-sm, .badge.badge-info.badge-sm, .badge.badge-primary.darker.badge-sm, .badge.badge-primary.grnr.badge-sm, .badge.badge-warning.badge-sm, .badge.badge-disable.badge-sm {font-size: 9px; border-radius: 0px !important; box-shadow:0 0 0 transparent; padding-bottom: 2px !important;}

.badge_info_static .badge-info{position:static;}

.myspace_hed{z-index:10; position:absolute; color:#337ab7; top:0px; left:0; font-size:15px; font-weight:600; border-bottom:solid 1px #72c02c; width:100%; float:left; padding-bottom:5px}

.myspace .panel{position:relative; margin:0 15px 20px; padding:0; padding-top:37px;}

.lh-32{line-height:32px;}

.my_profile .form-horizontal .control-label{text-align:left;}
.my_profile .form-horizontal .form-group{border-bottom:solid 1px #eee;}
.myspace .service-block{padding: 20px 5px;}

.announcement{background:#fff; padding: 15px; border:solid 1px #ddd;}

.header .logo{max-width:30%; height:80px; line-height: 80px;}
.mbl_hdr_cntnr .header .logo{height:53px; line-height:53px; max-width:65%;}
.header .logo img{ max-height: 90%; vertical-align: middle;
  margin-bottom:0.50em;}
.gsx_header.header .logo{}
.gsx_header.header .logo img{max-height: 82%; vertical-align: top; margin-bottom: 0; margin-top: -4px;}
.gsx_header.header .topbar ul.loginbar > li > a, .gsx_header.header .topbar ul.loginbar > li > a:hover, .gsx_header.header .topbar ul.loginbar > li > span > a, .gsx_header.header .topbar ul.loginbar > li > span > a:hover{color:#029347; text-transform:none;}
.gsx_header.header .topbar ul.loginbar > li > a, .gsx_header.header .topbar ul.loginbar > li > span > a{font-weight:600;}
.gsx_header.header .topbar ul.loginbar > li{font-size:11px;}
.custom.ngrateit .ngrateit-bg-star{background-image: url('../assets/images/star_bg.png');}
.custom.ngrateit .ngrateit-selected{background-image: url('../assets/images/star.png');}


/*Easy Block (used for image badges)
------------------------------------*/
.easy-block-v1 {
  position: relative;
}

.easy-block-v1 img {
  width: 100%;
}

.easy-block-v1 .overflow-h h3 {
  width: 60%;
  float: left;
  font-size: 18px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.easy-block-v1 .white-bg .overflow-h h3 {
  font-size: 14px;
  line-height:18px;
  font-weight:600;
}

.easy-block-v1 .overflow-h h3.heading_aln{height:34px; font-size: 14px; font-weight: 600; line-height: 16px; overflow:hidden; width:100%; cursor:pointer; color:#0d648a;}

.easy-block-v1 .easy-block-v1-badge {
  left: 0px;
  top: 10px;
  z-index: 1;
  color: #fff;
  padding: 4px 10px;
  position: absolute;
  max-width:85%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jobs .easy-block-v1 .easy-block-v1-badge {
  left: 4px;
  top: 11px;
  padding: 0px 4px;
  font-size:12px;
}

/*Easy Block v2 (used for image badges)
------------------------------------*/
.easy-block-v2 {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

.easy-block-v2 img {
  width: 100%;
}

.easy-block-v2 .easy-bg-v2 {
  top: 5px;
  color: #fff;
  width: 100px;
  padding: 5px;
  right: -32px;
  font-size: 13px;
  position: absolute;
  text-align: center;
  letter-spacing: 2px;
  transform: rotate(45deg);
}

/*Easy Block v3 (used for image badges)
------------------------------------*/
.easy-block-v3 {
  text-align: left;
  background: #585f69;
  padding: 30px 20px 20px;
}

.easy-block-v3.first {
  background: #696f77;
}
.easy-block-v3.second {
  background: #707780;
}
.easy-block-v3.third {
  background: #787f88;
}

.easy-block-v3 i {
  color: #fff;
  float: left;
  font-size: 30px;
  min-width: 45px;
  padding-top: 10px;
}

.easy-block-v3 .inner-faq-b {
  overflow: hidden;
}

.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3 {
  font-size: 21px;
  margin-bottom: 8px;
}

.easy-block-v3 .inner-faq-b h4 {
  color: #fff;
  font-size: 17px;
  margin-bottom: 2px;
}

.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3,
.easy-block-v3 .inner-faq-b p {
  color: #fff;
}

/*Job
------------------------------------*/
.job-img {
  overflow: hidden;
  position: relative;
  min-height: 300px;
  background: url(../../img/bg/11.jpg) 70% 40% no-repeat;
  background-size: cover;
  background-position: center center; 
}

.job-img .job-banner {
  padding: 20px;
  max-width: 450px;
  margin: 60px auto 100px;  
  background: rgba(255,255,255,0.8);
}

.job-img .job-banner h2 {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .job-img .job-banner {
    padding: 10px;
    margin: 30px auto 100px;  
  }
}

.job-img .job-img-inputs {
  left: 0;
  right: 0;
  bottom: -7px;
  padding: 20px 0;
  position: absolute;
  background: rgba(0,0,0,0.9);
}

/*Job-Content
------------------------------------*/
.job-content .categories li {
  padding: 6px 0;
  border-bottom: 1px dotted #eee;
}

.job-content .hex {
  color: #999
}

/*High-Rated
------------------------------------*/
.high-rated .carousel-indicators {
  top: 10px;
  left: 65%;
  text-align: right;
  bottom:auto;
}

.high-rated .carousel-indicators .active {
  background: #555;
}

.high-rated .carousel-indicators li {
  border-color: #555;
}

.high-rated .carousel-inner > .item {
  margin: 0;
}

.high-rated .star-vote {
  float: right;
  margin-top: 8px;
}

.high-rated .star-vote ul {
  margin-bottom: 0;
}

.high-rated .star-vote li {
  padding: 0;
}

.star-vote .list-inline li i, .star-vote.list-inline li i{color:#72c02c;}

/*Block Description
------------------------------------*/
.block-description {
  padding-bottom: 80px !important;
}

/*Left-Inner*/
.block-description .left-inner {
  padding: 20px;
  background: #fff;
  position: relative;
}

.block-description .left-inner h2{
  color: #555;
  font-size: 18px;
  line-height: 20px;
}

.block-description .right-inner h3{
  color: #555;
  font-size: 22px;
  line-height: 22px;
  margin-top:0;
}

.block-description .left-inner .hex {
  color: #777;
  margin-bottom: 0;
}

.block-description .left-inner i.position-top {
  top: 20px;
  right: 20px;
  color: #585f69;
  font-size: 18px;
  position: absolute;
}

.block-description .left-inner img {
  float: left;
  width: 150px;
  height: auto;
  padding: 3px;
  margin: 0 10px 10px 0;
  border: 1px solid #eee;
}

.block-description .left-inner h3 {
  margin: 0 0 5px;
}

.block-description .left-inner p.hex {
  margin-bottom: 5px;
  font-size:12px;
}

.block-description .star-vote {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}

.block-description .star-vote li {
  padding: 0;
}

/*Progresses*/
.block-description .progression span {
  float: left;
  width: 150px;
  margin: -8px 15px 0 0;
}

/*Right Inner*/
.block-description .right-inner {
  padding: 20px;
  background: #fff;
}

.block-description .right-inner img {
  float: left;
  width: 90px;
  height: auto;
  margin-right: 10px;
}

.block-description .right-inner .font-s {
  font-size: 18px;
}

.block-description .right-inner hr {
  margin: 15px 0;
}

/*P chart v2*/
.block-description .p-chart {
  overflow: hidden;
}

.block-description .p-chart h3 {
  font-size: 16px;
}

.block-description .p-chart .circle {
  float: left;
  margin-right: 10px;
}

.block-description .p-chart .overflow-h li i,
.block-description .p-chart .overflow-h li a {
  color: #72c02c;
}

.block-description .p-chart .overflow-h li a {
  font-size: 11px;
}

/*Circle in Responsive*/
@media (max-width: 450px) {
  .block-description .p-chart.col-xs-6 {
    width: 100%;
  }
}

/*Save Job*/
.block-description .save-job li {
  padding: 2px 0;
}

.block-description .save-job i {
  color: #555;
  min-width: 25px;
  text-align: center;
}

.block-description .save-job a {
  color: #555;
}

.block-description .save-job a:hover {
  color: #72c02c;
}

/*Overview*/
.block-description .overview {
  margin-bottom: 10px;
}

.block-description .overview i {
  color: #fff;
  float: left;
  min-width: 38px;
  font-size: 20px;
  padding: 10px 3px;
  text-align: center;
  margin-right: 10px;
  background: #585f69;
}

/*People Say*/
.block-description .people-say img {
  float: left;
  width: 40px;
  height: auto;
  margin: 6px 10px 0 0;
}

.block-description .people-say .overflow-h span {
  font-weight: 700;
}

.block-description .people-say .overflow-h p {
  font-style: italic;
  line-height: 1.3;
}

.block-description .people-say .overflow-h small {
  text-align: right;
  font-style: italic;
}

/*Block Level
------------------------------------*/
.block-level {
  padding-bottom: 10px !important;
}

/*Block Level v2
------------------------------------*/
.block-level-v2 .responsive-video {
  margin-bottom: 15px;
}

.job-partners {
    padding-bottom: 50px;
}

/*Our-clients*/
.our-clients {
    margin-bottom: 0;
    text-align: center;
}

.our-clients li {
    padding: 0;
    width: 105px;
    margin: 3px;
    margin-bottom: 6px;
    /* background: #f7f7f7; */
    border: 1px solid #eee;
    border-radius: 2px !important;
}

.our-clients img {
    padding: 15px;
    width: 142px;
    height: auto;
    vertical-align: middle;
}

/*Image-hover*/
figure {
    margin: 0;
    position: relative;
}
figure img {
    z-index: 10;
    height: auto;
    max-width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
}
figure .img-hover {
    z-index: 5;
    display: block;
    position: absolute;
}
figure h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 600 !important;
}

#effect-2 figure .img-hover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: 8.5em;
    text-align: center;
    background-color: #72c02c;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#effect-2 figure .img-hover h4 {
  font-weight: 200;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
#effect-2 figure img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.no-touch #effect-2 figure:hover img,
#effect-2 figure.hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.no-touch #effect-2 figure:hover .img-hover,
#effect-2 figure.hover .img-hover {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}


/* ----------------------------------------------------------------
    Clients
-----------------------------------------------------------------*/


.clients-grid,
.testimonials-grid {
    list-style: none;
    overflow: hidden;
}

.clients-grid li,
.testimonials-grid li {
    float: left;
    position: relative;
    width: 20%;
    padding: 5px;

}

.clients-grid.grid-2 li {
    width: 50%;
    padding: 25px 0;
}

.clients-grid.grid-3 li { width: 33.33%; }

.clients-grid.grid-4 li { width: 25%; }

.clients-grid.grid-6 li { width: 16.66%; height: 180px; }

.clients-grid li a { opacity: 1; }

body:not(.device-touch) .clients-grid li a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.clients-grid li a:hover { opacity: 0.9; }

.clients-grid li a,
.clients-grid li img {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.clients-grid li a img { max-width: 100%; max-height:100%; width:auto; }

.clients-grid li:before,
.clients-grid li:after,
.testimonials-grid li:before,
.testimonials-grid li:after {
    content: '';
    position: absolute;
}

.clients-grid li:before,
.testimonials-grid li:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed #DDD;
}

.clients-grid li:after,
.testimonials-grid li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: 0px;
    border-bottom: 1px dashed #DDD;
}

.team-social li a.fb i{
    color: #4862a3;
}

.team-social li a.tw i{
    color: #159ceb;
}

.team-social li a.gp i{
    color: #dc4a38;
}

.parallax-team {
    background: url(https://bamboo.sgedushare.com/assets/images/faces.jpg) 50% 0 repeat fixed;
}


.border-radius .btn, .border-radius.btn{border-radius:3px !important;}
.btn_wd .btn, .btn_wd.btn{min-width:22px; text-align:center;}

.desk-top-50{margin-top:-50px}
.desk-top-50 .headline{margin-bottom:10px}

.desk-top-50 .overflow-h p{font-size:12px; line-height:14px;}


.onboarding .overlay-talent>.overlay-content>.body>.left>.onboarding-subtitle,
.overlay-talent>.overlay-content>.body>.left>h4 {
    font-weight: 700
}

.onboarding .overlay-talent>.overlay-content>.body>.right>.onboarding-subtitle,
.overlay-talent>.overlay-content>.body>.right>h4 {
    font-weight: 700
}

.easy-block-v1 .white-bg{padding:0 10px;}

.left-inner h3, .left-inner h2{font-size:18px;}

.btn.disable{opacity:0.6; pointer-events: none;}

.padding-top-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job_view{float:right; color:#3498db; font-size:14px;}


.srch_filter{
  display: inline-block;
  padding-left: 0;
  margin: 0 0 10px;
  border-radius: 4px;
  font-size:12px;
}

.srch_filter li{
  margin: 0 2px;
  display:inline-block;
  cursor:pointer;
}

.srch_filter li a{
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 2px 8px;
  position: relative;
  text-decoration: none;
  transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;
}

.srch_filter li:hover a,.srch_filter li.active a{
  background-color: #3498db;
  color:#fff;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

/*--------------------------------------------------
  [1. Promo Blocks]
----------------------------------------------------*/
/*Promo Background Images*/
.promo-bg-pattern-v1-dark {
  background: url(/assets/imagesimg7.jpg) repeat;
}

.promo-bg-pattern-v1-light {
  background: url(../img/patterns/16.png) repeat;
}

/*Promo Background Images*/
.promo-bg-img-v1 {
  background: url(/assets/images/livechat.jpg) no-repeat;
  background-size: cover;
}
.promo-bg-img-v2 {
  background: url(/assets/images/minuteschat.jpg) no-repeat;
  background-size: cover;
}
.promo-bg-img-v3 {
  background: url(/assets/images/img1.jpg) no-repeat;
  background-size: cover;
}
.promo-bg-img-v4 {
  background: url(/assets/images/img12.jpg) no-repeat;
  background-size: cover;
}
.promo-bg-img-v5 {
  background: url(/assets/images/img7.jpg) no-repeat;
  background-size: cover;
}

/*Promo Background Fixed*/
.promo-bg-fixed {
  background-attachment: fixed;
}

/*Promo Texts v1*/
.promo-text-v1 {
  padding: 3px 0;
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  border-bottom: solid 2px #fff;
}

.promo-text-v1.color-dark {
  border-color: #555;
}

/*Promo Texts v2*/
.promo-text-v2 {
  font-size: 55px;
  font-weight: 600;
  line-height: 63px;
}

/*Promo Video Icon*/
.promo-video-icon-wrap {
  width: 64px;
  height: 64px;
  font-size: 18px;
  line-height: 70px;
  display: inline-block;
  transition: all .3s ease-in-out;
}

.promo-video-icon-wrap:hover {
  color: #333;
  text-decoration: none;
}

.promo-video-icon-wrap.color-light {
  color: #333;
  background: rgba(255,255,255,1);
}
.promo-video-icon-wrap.color-light:hover {
  background: rgba(255,255,255,.9);
}

.promo-video-icon-wrap.color-dark {
  color: #fff;
  background: rgba(0,0,0,.8);
}
.promo-video-icon-wrap.color-dark:hover {
  color: #fff;
  background: rgba(0,0,0,.9);
}

.promo-video-icon {
  left: 3px;
  position: relative;
}

.content-sm{
  padding-top: 30px;
  padding-bottom: 30px;
}


i.icon-custom{width:50px; height:50px; line-height: 50px;}

.home_live_course h2{font-size:18px; margin:5px 0}
.home_live_course .service-block{padding:30px 20px;}
.home_live_course .service-block i{font-size:30px; color:#fff;}
.home_live_course .white-bg{padding:5px 10px;}

.home_tab .home_promobg{margin-bottom:0px;}
.home_promobg{overflow:hidden; margin-bottom:20px;}
.home_promobg img{position:absolute; z-index:-1; width:100%; border-right:solid 15px #fafafa; max-height:85%;}


.btn-yellow{background:#FFEB3B;}
.btn-orange{background:#FF9800; color:#fff;}

.class_status{position:absolute; left:0; top:5px;}
.class_status.btn-yellow{color:#333;}
.class_status.btn-orange{color:#fff;}

.teacher_container .col-md-8.col-xs-9.padding-left-0 h3{margin-top:0}
li .side-nav a > span{width:98%;}




.wizard_step .stage-container {
  padding: 15px 0px 4px;
  text-align:center;
}

.wizard_step .stage {
  display: inline-block;
  position: relative;
  text-align: center;
  min-height: 112px;
  float:none;
  margin-left:-4px;
}

.wizard_step .stage:before,
.wizard_step .stage:after {
  position: absolute;
  background-color: #eaeaea;
  top: 50%;
  margin-top: -33px;
  width: 50%;
  height: 5px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  content: '';
}

  .wizard_step .stage:before { left: 0; }
  .wizard_step .stage:after  { right: 0; }

  .wizard_step .stage:first-child:before { display: none; }
  .wizard_step .stage:first-child + .stage + .stage:after { display: none; }
  .wizard_step.company .stage:first-child + .stage:after { display: none; }

  /*  Current stage  */
  .wizard_step .stage.tmm-current .stage-header {
    background-color: #3498db; 
    border: none; 
    color:#fff;
  }

  .wizard_step .stage.tmm-current .stage-header.head-number { 
    color: #fff; 
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .9);
  }

  .wizard_step .stage.tmm-current:after,
  .wizard_step .stage.tmm-current:before { 
    background-color: #3498db; 
    border: none; 
  }
    /*  end Current stage  */

    /*  Success stage  */
  .wizard_step .stage.tmm-success .stage-header { 
    background-color: #92cf5c; 
    border: none; 
    color:#fff;
  }

  .wizard_step .stage.tmm-success .stage-header.head-number { 
    color: #3c611b; 
    text-shadow: 1px 1px 0px rgba(173, 219, 114, 1); 
  }

  .wizard_step .stage.tmm-success:after,
  .wizard_step .stage.tmm-success:before { 
    background-color: #92cf5c; 
    border: none;
  }

                        
  .wizard_step .stage.tmm-success .stage-header.head-number:after { top: 42px; }
/*  end Succes stage  */

  .wizard_step .stage-header {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #eaeaea;
    text-align: center;
    font-size: 20px;
    color: #a9a9a9;
    border: 1px solid #d9d9d9;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    line-height:50px;
  }
                                
  .wizard_step .stage-header.head-number {
      color: #a9a9a9;
      font-family: 'Arial', sans-serif;
      font-weight: bold;
      color: #a9a9a9;
      font-family: 'Arial', sans-serif;
      font-weight: bold;
      line-height: 2.2em;
      margin-bottom: 7px;
  }

  .wizard_step .stage-content {
    width: 160px;
    max-height: 52px;
    margin: 0 auto;
  }

  .wizard_step .stage-title {
    font: 400 15px 'calibriregular', sans-serif;
    color: #464646;
    padding-left: 0px;
    text-align: center;
    margin:10px 0 5px;
  }

  .wizard_step .stage-info {
    text-align: center;
    color: #a8a8a8;
    font-family: 'calibriregular', sans-serif;
    font-size: 11px;
    line-height: 1.4;
  }


#toolbar{width:90% !important;}
.nav-tabs > li > a{font-weight:bold; color:#337ab7;}

#editProfile .tab-v1 .nav-tabs > .active > a,
#editProfile .tab-v1 .nav-tabs > .active > a:hover,
#editProfile .tab-v1 .nav-tabs > .active > a:focus{background:#337ab7;}
#editProfile .tab-v1 .nav-tabs > li > a:hover{background:#337ab7 none repeat scroll 0% 0% !important}
#editProfile .tab-v1 .nav-tabs{border-bottom-color:#337ab7;}
.profile_btn{position:absolute; right:10px; top:10px; z-index:10;}

.no_jobs{font-size: 40px; color: #bbb; float:left; width:100%;}


.footer-v1 .link-list a:hover, .footer-v1 .link-list a:hover i, .footer-v1 a:hover{color:yellow;}
.footer-v1 a{color:#fff;}

.who li i{float:left;}

.home_tab .promo-box{background:#fff;}
.home_tab .promo-box p{height:75px; overflow:hidden;}


.msg_info p{font-size:16px; height:20px;}


.thumbnails .progress{margin:0;}

.remove_but{position:absolute; right: 8px; top: 4px; font-size: 20px; z-index: 10; color: #F44336; background: #fff; height: 20px; float: left; line-height: 20px; border-radius: 50px !important;}

.flot-chart.hgt_auto{height:auto;}

.result_knowledge_summary {
    background: #eff6fb;
    border: solid 2px #7cbae5;
    border-collapse: separate;
    border-radius: 0px !important;
    font-size: 12px;
    overflow: hidden;
}

.result_knowledge_summary th {
    background: #7cbae5;
    color: #fff;
    border: none !important;
}
.result_knowledge_summary td {
    border-top:solid 1px #bde2fb !important;
}

.mbl_cntnr .tab-v1 .nav-tabs{margin:10px 0 0;}
.mbl_cntnr .tab-v1 .nav-tabs.tab2 li{width:50%;}

.tab-v1 .tab-content li img{margin:0;}

.list-style{list-style:disc; padding-left:25px;}
.list-style li{margin-bottom:5px;}

.dummy_img{height:100px!important; width:100%; background:#D0D7DB; text-align:center; line-height:100px; padding:0!important; font-size:18px; color:#666666;}
.dummyimg_txt p{margin-bottom:3px; font-weight:600;}
.dummyimg_txt p:before{content:'\2022'; padding-right:5px;}


 .transition{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
 .transition_all > *{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
 .trans_firstlevel > div{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.easy-block-v1 .desc{display:none; max-height:40px; overflow:hidden;}
.view_full_width .easy-block-v1 .desc{display:block;}

.view_full_width > div{width:100% !important;}
.view_full_width .easy-block-v1 .white-bg .overflow-h h3{height:inherit !important; margin-top:0; font-weight:500; font-size:18px;}
.view_full_width .easy-block-v1,.view_full_width .thumbnails{padding:15px; background:#fff;}
.view_full_width .easy-block-v1 .white-bg{padding-left:0;}
.view_full_width .easy-block-v1 .easy-block-v1-badge{left:15px; top:15px; max-width:23.2%; z-index:11;}
.list-unstyled{padding-left:;}
.view_full_width ul.list-unstyled, .view_full_width .desc_sec{width:73%; float:left; height:100% !important;}
.view_full_width ul.list-unstyled{width:50%; border-right: solid 1px #ccc; padding-right: 2%; margin-right: 2% !important;}
.view_full_width ul.list-unstyled + ul.list-unstyled{width:20%; border:none; padding:0; margin-right:0 !important; height:inherit !important;}
.view_full_width ul.list-unstyled li.cursor-pointer, .view_full_width ul.list-unstyled li.desc{float:none;}
.view_full_width ul.list-unstyled li{float:left; margin-right:15px;}
.view_full_width .desc_sec ul.list-unstyled{width:100%;}
.view_full_width div.caption{height:inherit !important;}
.view_full_width .thumbnail-img.alnlft{float:left; width:24%; margin-right:2%;}
.view_full_width .thumbnail-img{float:right; width:24%;}
.view_full_width .btn-u{float:right;}
.shw_ful{display:none}
.view_full_width .hid_ful{display:none}
.view_full_width .shw_ful{display:block}
.view_full_width p{max-height:55px; overflow:hidden; float:left; margin:0;}
.view_full_width .caption .average span{line-height:28px;}

.thumbnail-kenburn .caption ul.list-unstyled li{float:left; width:100%; margin-bottom:6px;}
.thumbnail-kenburn h3{overflow:hidden; max-height:48px;}

.sorting .viewtype a{background: #eee; color:#555; border: solid 1px #ccc; padding:0px 6px;}
.sorting .viewtype a:hover i{color:#555}
.sorting .viewtype a.active{background: #76c0f3; color:#fff; border: solid 1px #76c0f3;}
.sorting .viewtype a.active:hover i{color:#fff}

.viewtype{float:left; padding-right:20px;}

.panel.overflow{overflow:hidden; height:133px;}
.panel.overflow .panel-body{padding: 8px 15px 0; height:90px; overflow:hidden;}
.panel.overflow .panel-body ul{padding-left:10px;}


.panel-red {
    border-color: #e74c3c !important;
}

.panel-grey {
    border-color: #95a5a6 !important;
}

.panel-orange {
   border-color: #e67e22 !important;
}

.panel-sea {
   border-color: #1abc9c !important;
}

.panel-green {
   border-color: #2ecc71 !important;
}

.panel-blue {
   border-color: #3498db !important;
}


.company_list > div{height:80px; margin:10px 0; text-align:center;}
.company_list a{ height: 100%;  width: 100%; display: inline-block; vertical-align: top;  position: relative; background:#fff;}
.company_list a img{ max-height: 100%; max-width: 100%; width: auto;  height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.default_load > div.by2{float:left; width:50%}
.default_load > div.by3{float:left; width:33.3%}

.default_load .service-block{margin:2px; height:140px;}
.default_load .service-block i{float:left; color:#fff; position:absolute; left:20px; bottom:20px;}
.default_load .service-block h2{font-size:16px; font-weight:100; position:absolute; right:20px; top:20px; margin:0}
.footer-v1 .footer .map-img{min-height:190px; background-position:5px 45px;}


.ta-bind::-webkit-input-placeholder,
.ta-bind::-webkit-input-placeholder{color:#999;}


.footer .headline{margin-bottom:10px;}

.copyright{color:#fff;}
.copyright .col-md-8{margin-top:10px;}

.alert_announcement{height:90px; margin-top:-10px; padding:15px; background: #ffffe1; float: left;     border-bottom: 15px solid #fafafa; width:100%; cursor:pointer;}
.alert_announcement:hover{background:#ffff98;}

.alert_announcement .one{color:#F44336;}
.alert_announcement .two{color:#547331;}
.alert_announcement .three{color:#FF9800;}
.alert_announcement .four{color:#9C27B0;}

.announcement{margin-bottom:0;}
.announcement .list-group-item-heading{white-space:nowrap; margin-bottom:10px; color:#8BC34A; color: #8BC34A; border-bottom: dashed 1px #ccc; padding-bottom: 5px;}
.announcement .list-group-item-heading a{color: #8BC34A;}
.announcement .list-group-item{max-height:200px; overflow:hidden; padding: 0; border: none; background: transparent; margin-bottom:5px;}

.list_micro{position: absolute; left: -7px; bottom: 9px; z-index:11;}

.content_heading_sec a.btn{padding: 4px 13px; margin-left:5px;}

.no_value{color:#ccc;}

h3.heading-xs.record_progress{margin:8px 0 9px 0;}

.profile .panel-heading{border-color:#f1f1f1; line-height:27px;}

.container-fluid .full_screen_browser .pdf-viewer{height:100%; min-height: 100%;}

.full_screen_browser .panel-body.inner_slider .pdf-viewer iframe{height:100%}

.tag-box.tag-box-v2.unformat{float:left; width:100%;}
.tag-box.tag-box-v2.unformat p{float:left; width:100%;}

.answer_list.crse_exm_lst table td p{margin:0;}

.answer_list.crse_exm_lst table td input[type="radio"], .answer_list.crse_exm_lst table td input[type="checkbox"]{float:left; margin-right:5px;}

.myspace_menu li.dropdown:after{top: 9px; right: 15px; content: "\f105"; position:absolute; font-family: FontAwesome; color:#555;}
.myspace_menu ul.second_level{display:none;position:absolute; top:0; right:0; z-index:1000;}
.myspace_menu li:hover ul.second_level{display:block;}

.task td > i{font-size:16px;}
.task table.table.font_dec a,.task table.table.font_dec a:hover{color:#fff;}
.task table.table.font_dec .pagination a,.task table.table.font_dec .pagination a:hover{color:#000;}
.clients_list {text-align: center}
.clients_list li {display: inline-block; margin: 10px 10px; width: 160px}
.clients_list li img {max-width: 100%}

.home_features li h2{margin-top:0; margin-bottom:20px;}

.profile .profile-post span.profile-post-numb.small{font-size:14px;}

.footer-logo{background:transparent;}

.login_logo, .login_image{text-align:center; margin:0px 0 10px;}
.login_logo img,.login_image img{max-width:400px; max-height:200px;}
.login_logo img{max-width:200px; max-height:100px;}

.login-theme-2 {height:100%;}
.login-theme-2 .close{position:absolute; top:2px; right:8px; z-index:1; font-size: 30px;}
.login-theme-2 input[type="text"], .login-theme-2 input[type="password"]{padding:6px 12px;}

.login_container{max-width:550px; margin:0 auto;}

.login_bg_blue{background:#67bef9;}
.login_bg_green{background:#9ed071;}
.login_bg_orange{background:#e67e22;}
.login_bg_red{background:#e74c3c;}


.login_bg_blue a, .login_bg_green a, .login_bg_orange a, .login_bg_red a{color:#fff;}
.thumbnail-style{margin-bottom:30px;}

.modal{
    display:table !important;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}



/* Second Theme */
.second_theme li{border:none;}
.second_theme .side_hed{background:#fff; color:#555; border-bottom:solid 2px #ddd;}
.second_theme .side_hed *{color:#5d9827;}
.second_theme .side_hed .btn{border-radius:3px !important; color:#fff;}
.second_theme .side_hed .form-inline .badge{color:#fff; margin:0; font-weight: 600;
 font-size: 14px; padding: 5px;}
.second_theme .sidebar-nav-v1 li ul a{padding: 6px 10px 6px 25px;}
.second_theme .sidebar-nav-v1 li a{padding:8px 10px 8px 17px;}
.second_theme .left_menu .sidebar-nav-v1 li a{padding:15px 10px 15px 17px;}
.second_theme .left_menu .sidebar-nav-v1 li{border-bottom:solid 2px #e8e8e8;}
.second_theme .sidebar-nav-v1 li a.active{background:#89d2ea; color:#fff;}
.second_theme .sidebar_arrow{right:auto; left:10px; top:6px;}
.second_theme .second_level{left:auto; right:100%;}
.second_theme .itm_cntr{float:right; color:#555; line-height:22px;}
.second_theme li .side-nav a > span{width:100%; font-size:14px;}
.second_theme .list_micro{left:auto; right:0;}
.second_theme .list_new{position:absolute; left:0; top:9px; z-index: 5;}
.second_theme .thumbnail-style a.btn-more{right:0;}
.second_theme .thumbnail-kenburn .thumbnail-text{margin:0 10px 10px;}
.second_theme .bookmark{position:relative; background:#5d9827; color:#fff; font-weight:bold; text-transform:uppercase; text-align:right; padding-right:44px; font-size:12px; line-height:20px;}
.second_theme .thumbnail-style.private{border-color:#dc952d;}
.second_theme .private .bookmark{background:#dc952d;}
.second_theme .bookmark img{display:none;width:30px; left:auto; position:absolute; right:10px; top:0;}
.second_theme .public .bookmark img.pblc{display:block;}
.second_theme .private .bookmark img.prvt{display:block;}
.second_theme .sidebar-nav-v1 li.side_hed:hover, .second_theme .side_hed {background:#fff;}

/*.theme-2 .footer .list-inline li a i{color: #4088b9;}
.footer .list-inline li a:hover{background:rgba(255, 255, 255, 0.74);}
 .footer-v1 .theme-2 .footer_special .link-list li{display:inline-block; margin-right:30px; border:none;}
.theme-2 .footer-logo{background:transparent; margin-top:5px;}
.footer-v1 .theme-2 .footer{background-color: #79bae6;}
.footer-v1 .theme-2 .copyright{background-color: #4088b9;}*/

.second_theme .tag-box.tag-box-v1.tagbox_pad.tagbox_alter{padding:6px 14px;}
.second_theme .home_teacher_section .tag-box img{width:100%;}
.second_theme.full_screen .left_menu{position:absolute; z-index:1000; width:0%; top: 0; bottom: 0; left: 0;  transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; left:0px; opacity:0;}
.second_theme.full_screen:hover .left_menu{opacity:1;}
.second_theme.full_screen .left_menu > span{display:none;}
.second_theme.full_screen .left_menu.sidebar_visible{background:rgba(0, 0, 0, 0.50); width:100%; opacity:1;}
.second_theme .video_container{position:absolute; left:0; top:0; right:0; bottom:0px; overflow:hidden;}
.second_theme .left_menu li .side-nav a > span{width:90%;}
.second_theme.full_screen  .sidebar_responsive > li > ul {margin-top: 0; margin-bottom: 0 !important; position: absolute; bottom: 0; top: 0; overflow: auto; background:#fff; margin-left:-500px; visibility: hidden; -webkit-overflow-scrolling: auto; z-index:1002; opacity: 0; width:25%; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.second_theme.full_screen .sidebar_responsive > li.sidebar_responsive_active > ul{margin-top: 0;margin-left:0; opacity: 1; visibility: visible;}
.second_theme.full_screen .sidebar_responsive button, .second_theme.full_screen .sidebar_responsive a.btn{background: rgba(255, 255, 255, 0.42); border-radius:3px !important; color:#333;  border:solid 1px rgba(255, 255, 255, 0.42); display: block; top:15px; left:15px; right:auto; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.second_theme.full_screen .sidebar_responsive a.btn{    top:0; left:9px;}
.second_theme.full_screen .sidebar_responsive button.scndthm_notes_btn{top:67px;}
.second_theme.full_screen .sidebar_responsive button.more_btn{top:67px; left:60px;}
.second_theme.full_screen .sidebar_responsive.sidebar_active button.more_btn{left:29%;}
.second_theme.full_screen .sidebar_responsive.sidebar_active button{left:26%;}
.second_theme.full_screen .sidebar_responsive{top:0; margin:0;left: 0; bottom: 0; right: 0; position: absolute;}
.second_theme.full_screen .sidebar_responsive > li{position:absolute; left:0; top:0; right:0; bottom:0; z-index:1001; opacity:0.5; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.second_theme.full_screen .sidebar_responsive > li.sidebar_responsive_active{opacity:1;}
.second_theme.full_screen .sidebar_responsive > li:hover{opacity:1;}
.second_theme .bg_lgtr_grn{background:#191919;}
.second_theme .pdf_container, .second_theme .frame_container,  .second_theme .test_container{background:#fff;}
.second_theme #loader{z-index:999;}
#loader{z-index:10;}
.right_notes{margin-right:-500px; padding:15px; position: absolute; bottom: 0px; right: 0px; top:0; width:25%; z-index:1001; background:#fffacd; opacity:0.5; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; -webkit-box-shadow: -12px 0px 67px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -12px 0px 67px 0px rgba(0,0,0,0.75);
box-shadow: -12px 0px 67px 0px rgba(0,0,0,0.75);}
.right_notes.current{margin-right:0px; opacity:1;}
.right_notes h3{margin:0 50px 10px 0;}
.right_notes .btn-danger{position:absolute; right:10px; top:10px;}
.second_theme.full_screen .note_list{background:transparent; border:none; height:100%;}
.second_theme.full_screen .ovr_hdn{-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75); margin:0; width: 95%; position: absolute; bottom:10px; top: 250px; left: 0; right: 0;}
.right_notes .left_notes{position: absolute; left: 10px; right: 10px; top: 50px; bottom: 10px; margin:0; overflow:visible;}
.right_notes .left_notes textarea{width:95%; height:200px;}
.right_notes .notes_btn{float:left; width:95%;}
.right_notes .disable .btn{opacity:0.5; pointer-events:none;}


.second_theme .panel-body.inner_slider .test_container.mp4quiz{z-index:10; width:80%; height:94%}
.second_theme videogular.video_small{width: 20%; height: auto; margin: 0; float: left; z-index: 10; right: 80%; min-width: 20%;}

.second_theme videogular, .second_theme vg-media{ position: absolute; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; max-width: 4000%; max-height:4000%; width: auto; height: auto; overflow: hidden;}

.second_theme vg-media video{max-height: 100%; max-width: 100%; width: auto; height: auto;  position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; min-height:100%;}

.second_theme .html_container > span > h3{background:#3498db; padding:60px 20% 20px; color:#fff; margin:0;}
.second_theme .html_container{background:#fff;}
.second_theme .frame_container object{height:100%;}
.second_theme .html_container, .second_theme .frame_container, .second_theme .pdf_container, .second_theme .pdf_container  .pdf-viewer{position:absolute; right:0; top:0; left:0; bottom:0;}
.second_theme .panel-body.inner_slider .test_container{right:0; bottom:0;}
.second_theme .panel-body.inner_slider .test_container + .audio_div, .second_theme .frame_container + .audio_div{bottom:60px; z-index:1000; position:fixed !important;}
.second_theme .audio_div{bottom:55px; display:none; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.second_theme .full_screen:hover .audio_div{display:block; opacity:0.4;}
.second_theme .full_screen .audio_div:hover{opacity:1;}
.second_theme .panel-body.inner_slider .test_container .slide_exam_but, .second_theme .frame_container .slide_exam_but{bottom:10px; right:20px;}
.second_theme .panel-body.inner_slider .test_container + .audio_div audio, .second_theme .frame_container + .audio_div audio{margin:0;}
.second_theme button .fa-angle-left{display:none; font-size:20px; font-weight:bold;}
.second_theme .sidebar_active button .fa-bars{display:none;}
.second_theme .sidebar_active button .fa-angle-left{display:block;}
.second_theme .frame_container .badge.badge-info{position:fixed;}
.second_theme.full_screen .carousel-control{bottom:55px; position:fixed}
.second_theme .second_theme_exam{width:70%; margin:15% 15% 0; float:left;}
.second_theme .second_theme_assignment{width:70%; margin:10% 15% 0; float:left;}
.second_theme .pdf_container{background:#fff;}
.second_theme .ppt_img .col-md-12{position: absolute; right: 0; top: 64px; left: 0; bottom: 0;}
.second_theme .ppt_img .col-md-5, .second_theme .ppt_img .col-md-6, .second_theme .ppt_img .col-md-7{position: absolute; right: 58.33333333%; top: 52px; left: 0; bottom: 0;}
.second_theme .ppt_img .col-md-6{right: 50%;}
.second_theme .ppt_img .col-md-7{right: 41.66666667%;}
.second_theme .ppt_img .col-md-5.display_img, .second_theme .ppt_img .col-md-6.display_img, .second_theme .ppt_img .col-md-7.display_img{position: absolute; right:0; top: 52px; left: 58.33333333%; bottom: 0;}
.second_theme .ppt_img .col-md-6.display_img{left: 50%;}
.second_theme .ppt_img .col-md-7.display_img{left: 41.66666667%;}
.second_theme .display_img{background:#000;}
.second_theme .display_img img{max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.second_theme_button{text-align: right; line-height: 52px; font-size: 16px; font-weight: bold;}
.second_theme_button .resltn_img_vid{float:right;}
.second_theme .full_click{float:left; width:100%; height:100%;}
.full_screen_title{font-size:24px; line-height:26px; top:15px; text-shadow:1px 1px 5px #000; position:absolute; left:70px; color:#fff; white-space: nowrap;}
.full_screen_title:hover{color:#fff;}
.sidebar_active .full_screen_title{display:none;}
/*.second_theme.full_screen:after{width:100%; height:120px; z-index:1; position:absolute; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.second_theme.full_screen:after{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.33) 100%); background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.33) 100%); background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.33) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.33) 100%);}
.second_theme.full_screen:hover:after{background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.50) 100%); background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.50) 100%); background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.50) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.50) 100%);}*/

.second_theme #toolbar{left:auto; right:0;}
.second_theme .zoom_wrapper{float:right;}
.second_theme .pdf_container .pdf-viewer{height:inherit;}
.second_theme .panel-body.inner_slider .pdf-viewer iframe{height:100%}
.second_theme .first_brdr_remove.border-top{margin-top:60px;}
.second_theme.full_screen .sidebar_responsive.sidebar_active button.scndthm_notes_btn{padding:6px 10px}
.second_theme .zndx, .second_theme .mp4ppt .second_theme_button{position:relative; z-index:1000;}

.second_theme.full_screen .carousel-inner{position: absolute; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0;}


.second_theme .top_widget.active > div{background:#fff; position:absolute; left:0px; top:0px; right:0; bottom:0px}
.second_theme .top_widget{position:absolute; padding:10px; z-index:1003; left:0; top:0; right:0; bottom:100%; margin-top:-2000px; border:20px solid rgba(0, 0, 0, 0.34);}
.second_theme .top_widget.active{margin-top:0px; bottom:0;}
.second_theme .widget_button{position:absolute;z-index:1004;left:48%; top:-50px;}
.second_theme .widget_button button{border-radius:0 0 10px 10px !important;}
.second_theme:hover .widget_button {top:0;}
.second_theme .widget_button.active i.fa{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.second_theme .widget_button i,.second_theme .widget_button,.second_theme .top_widget, .second_theme .more_dropdown ul{ transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}

.second_theme .more_dropdown{position:absolute; top:68px; left:60px; z-index: 100; min-height:35px;}
.second_theme .more_dropdown ul{margin-top:-500px; width:100px; background:#fff; border:solid 1px #555; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}
.second_theme .more_dropdown ul li{padding:5px 10px;}
.second_theme .more_dropdown ul li a{display:block}
.second_theme .more_dropdown:hover ul{margin-top:0px;}

.sidebar_visible .scndthm_notes_btn, .sidebar_visible .more_btn, .sidebar_visible .more_dropdown{display:none !important;}

.dropdown_holder{padding:0 30px 30px 0;overflow:hidden;}


/* Second Theme */



.footer-v1 .footer{background-color: #228B22;padding:10px 0 0; position:relative;}
.footer-v1 .copyright{background-color:rgba(0, 0, 0, 0.35);}


.footer-v1 .copyright .footer-socials{margin-top:5px; margin-bottom:0;}

.community_img{width:35px; height:35px; overflow:hidden; float:left; margin:1px;}
.community_img img{min-width:35px; min-height:35px;}


.ppt_video{position:absolute; right:0; top:0; width:25%; z-index: 100; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.ppt_video.right_bottom{right:0; top:auto; bottom:55px;}
.ppt_video.left_bottom{left:0; bottom:0px; right:auto; top:auto;}
.ppt_video.left_top{left:0; right:auto;}
.ppt_video video{width:100%;}

.iframe_holder:hover .ppt_video, .second_theme.full_screen:hover .ppt_video{opacity:1;}
.iframe_holder:hover .ppt_video:hover, .second_theme.full_screen .ppt_video:hover{opacity:0.5;}

.ppt_video.pdf{position:absolute; right:18px; top:10px; width:25%; z-index: 100;}
.ppt_video.pdf.right_bottom{right:18px; top:auto; bottom:55px;}
.ppt_video.pdf.left_bottom{left:10px; bottom:-5px; right:auto; top:auto;}
.ppt_video.pdf.left_top{left:10px; right:auto;}
.mbl_cntnr .ppt_video.pdf, .mbl_cntnr .ppt_video{width:40%;}

.fa-video-camera.fa-question{position:relative;}
.fa-video-camera.fa-question:after{content: "\f03d";}
.fa-video-camera.fa-question:before{color:#fff; position:absolute; left:2px; top:2px; font-size:10px;}

.fa-vimeo.fa-question:before{content: "\f128";}
.fa-vimeo.fa-question{position:relative;}
.fa-vimeo.fa-question:after{content: "\f27d";}
.fa-vimeo.fa-question:before{color:#2196f3; position:absolute; right:-5px; top:-5px; font-size:10px;}

.fa-youtube-play.fa-question:before{content: "\f128";}
.fa-youtube-play.fa-question{position:relative;}
.fa-youtube-play.fa-question:after{content: "\f16a";}
.fa-youtube-play.fa-question:before{color:#2196f3; position:absolute; right:-5px; top:-5px; font-size:10px;}

.iframe_holder videogular.video_small{width:20%; height:auto; margin:0; float:left; z-index:10;}
.video_small .controls-container{display:none;}
.panel-body.inner_slider .test_container.mp4quiz{background:#fff; width:78%; left:auto; right:0; overflow:auto; -webkit-overflow-scrolling: auto;}
videogular.video_small vg-overlay-play .overlayPlayContainer div, [videogular] vg-overlay-play .overlayPlayContainer div{font-size:20px;}

videogular, [videogular]{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}

td .badge.badge-sm{border-radius:0 !important; font-weight:200; font-size:11px;}

.h4_aln h4{line-height:34px;}

.theme_2 .rgt_box input[readonly]{opacity:0.8;}

videogular .iconButton.play, [videogular] .iconButton.play{color:#2196F3;}

.answer_list.crse_exm_lst .btn.btn-warning.active{background:#5bc0de !important; border-color:#5bc0de;}

.tagbox_alter.tag-box-v1{border:none; border-bottom:solid 1px #f7f7f7; margin-bottom:0; }
.tag-box.tag-box-v1.tagbox_pad.tagbox_alter{padding:14px;}

.second_theme .panel-heading{border-bottom: 3px solid #F7F7F7; margin-bottom: 10px;}

.second_theme .home_teacher_section .tag-box .alter, .home_teacher_section.inside .tag-box .alter{height:160px;  white-space: nowrap; overflow:hidden;}
.home_teacher_section.inside .tag-box .alter{height:180px;}
.second_theme .home_teacher_section .tag-box img, .home_teacher_section.inside .tag-box img{height:auto;}
.second_theme .home_teacher_section .tag-box .alter:after, .home_teacher_section.inside .tag-box .alter:after{content:''; display: inline-block; height: 100%; vertical-align: middle;}
.resltn_img_vid{margin:0;}

.certificate{text-align:center;}
.certificate canvas{width:70% !important; margin: 0; box-shadow: 2px 2px 10px #ccc;}


.mbl_cntnr #videoshow .heading h2:before, .mbl_cntnr #videoshow .heading h2:after{width:95%;}
.mbl_cntnr .slide_exam_but{bottom:-39px;}
.mbl_cntnr .qstn_typ{white-space:normal;}
.mbl_cntnr .heading h2{font-size: 14px; margin:0; line-height: 20px !important}
.mbl_cntnr .frame_container{font-size:13px;}

.mbl_cntnr .btn_hide .btn{display:none;}
.mbl_cntnr .btn_grp_hide .btn-group{display:none;}

.mbl_cntnr .pdf-viewer {
    min-height: 300px;
    float: left;
    width: 100%;
    height: 468px;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    background-color: #fff;
}

.full_screen{position:absolute; left:0; top:0; right:0; bottom:0; margin:0; padding:0;}




.icon-candidate{ background-image: url(https://bamboo.sgedushare.com/assets/images/student.png); background-repeat: no-repeat; background-color:#fff;}

.icon-employer{ background-image: url(https://bamboo.sgedushare.com/assets/images/boss.png); background-repeat: no-repeat; background-color:#fff; }




.summary_container{padding:10px 0 10px 0; font-size:12px;}
.summary_container > div{margin-bottom:10px;}

.heading_align h5{margin-bottom:5px; font-weight:bold; color: #337ab7;}

.info_page .teacher_block{min-height:85px; margin-bottom: 5px;}
.info_page .teacher_block.alter p, .info_page .teacher_block p + p{max-height:19px;}
.info_page .blog-comments img{width:50px; height:50px;}
.info_page .profile .profile-post p, .info_page .profile .profile-post{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.info_page .profile .profile-post span.profile-post-numb{padding:3px 12px; font-size:14px;}

.crswr_sidbar li .side-nav a>span{width: 85%;}

.homepage .clients_list li img{max-height:80px;}
.homepage .clients_list li{background:#fff; padding:10px;}
.homepage h2.title-v2:after{background: #72c02c;}
.title-v1{margin-bottom:30px;}

.accordian_container{overflow:hidden;}
.accordian_container .panel-title{font-weight: bold; color: #316593; position:relative;}
.accordian_container .panel-title i{position:absolute; right:10px; top:10px; font-size:18px;}

.course_desc h3{margin-top:0;}
.course_desc p{margin-bottom:10px;}

.course_price{color: rgba(0,0,0,0.8); font-size: 32px; font-weight: bold; line-height: 1; float:left; margin-bottom:10px;}

.goback{color:#5fb611; font-weight:bold;}
.goback_li{position:fixed !important; left:0px; top:0px; z-index:1000; background:#fff; width:24.5% !important; margin-left:-500px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
.sidebar_responsive > li.sidebar_responsive_active > ul .goback_li{ margin-left:0px;}

.html_page .playicon:after{content:"\25BA"; position:absolute; top:0%; left:45%; font-size:40px; text-shadow: 1px 1px 5px #000;}
.html_page .playicon{position:relative; cursor:pointer;}

.disable_scrubbar{position:relative; pointer-events:none;}
.disable_scrubbar > *{opacity:0.5;}
.disable_scrubbar:before{content:'Milestone courses not allowed to Drag'; color:#FF9800; font-size:1.5em;margin-top: 12px; line-height:20px; text-align:center; position:absolute; left:0; top:0; bottom:0; right:0; z-index:10; cursor:no-drop;}

.fullwidth_dropdown, .fullwidth_dropdown a{color:#fff; display:block}
.fullwidth_dropdown .tab-content a{color:#fff;}
.fullwidth_dropdown li{color:#fff;}
.fullwidth_dropdown a{padding:0 15px;}
.fullwidth_dropdown a i, .fullwidth_dropdown .nav-tabs > li > a{color:#fff;}
.fullwidth_dropdown .secondlevel{display:none; position:absolute; left:30px; right:30px; top:42px; z-index:100;}
.fullwidth_dropdown > li > a{width:100%;}
.container.fullwidth_category .fullwidth_dropdown > li > a{width:23%;}
.fullwidth_dropdown > li > a, .fullwidth_dropdown .secondlevel{background:#2777af;}
.fullwidth_dropdown a i, .fullwidth_dropdown > li > a{line-height:40px; text-transform:uppercase; font-size:14px; font-weight:600;}
.fullwidth_dropdown li .secondlevel.active{display:block;}
.fullwidth_dropdown li .secondlevel .tab-content ul{float:left; width:100%;}
.fullwidth_dropdown li .secondlevel .tab-content li{padding-bottom:10px; width:20%; float:left; border-right: solid 1px #5599c7;}
.fullwidth_dropdown .tab-v1 .nav-tabs > .active > a, .fullwidth_dropdown .tab-v1 .nav-tabs > li > a:hover, .fullwidth_dropdown li .secondlevel .tab-content{background:#7CBAE5 !important;}
.fullwidth_dropdown .tab-v1 .nav-tabs{border:none;}
.fullwidth_category{position:absolute; z-index:1000; left:30px; width:21.8%;}
.fullwidth_category.container{left:15px;}

.wisdom_header{position:relative; top:-40px;}
.header .wisdom_header .navbar-nav > li > a{padding:1px 8px 1px 8px;}
.header .wisdom_header .navbar-nav > li.dropdown > a{padding:1px 23px 1px 8px;}
.header .wisdom_header .dropdown > a:after{right: 10px; top:1px;}

.footer-v1 .footer.footer_wisdom{background:#f3f3f3;}
.footer-v1 .footer.footer_wisdom i{color:#3978df;}
.footer-v1 .footer.footer_wisdom .copyright{background:rgb(214, 214, 214);}
.footer-v1 .footer.footer_wisdom .copyright p{color:#000; margin-top:5px;}
.footer.footer_wisdom .list-inline li a:hover i{color: rgba(0, 0, 0, 0.74);}
.footer-v1 .footer.footer_wisdom h2, .footer.footer_wisdom .link-list a{color:#000;}
.footer-v1 .footer.footer_wisdom .headline{border-color:#000;}

.survey_container h3{color:#337ab7; text-align: center; font-weight: 600; font-size: 28px; margin-top:0px; margin-bottom:20px;}
.survey_ans{float:left; width:100%;}


.list-group-item.active a{color:#fff;}

.my_space.myspace .block-grid-v2-info.rounded-bottom{border:#eee solid 1px; border-top:none}

.fullscreen_but{display:none; position:absolute !important; left:15px; top:15px; z-index:1000;}
.full_screen_browser .fullscreen_but{display:block;}
.full_screen_browser.full_screen_off{padding:0;}

.home_sidebar .tab-v1 .nav-tabs{border:none;}
.home_sidebar .tab-v1 .nav-tabs > li{ width:100%;}
.home_sidebar .tab-v1 .tab-content{padding:0; float:left; width:100%; background:#fff;}
.home_sidebar .tab-v1 .nav-tabs > li > a{margin:0; line-height:30px;}
.home_sidebar .tab-v1 .nav-tabs > .active > a, .home_sidebar .tab-v1 .nav-tabs > li > a:hover{background:#f1f1f1 !important; color:#525252;}
.home_sidebar .blog-twitter .blog-twitter-inner{margin:0; border: solid 1px #eee; border-top:none; background:#fff; cursor:pointer; color:#525252; line-height:16px; padding: 5px 10px; float:left; width:100%;}
.home_sidebar .blog-twitter .blog-twitter-inner:hover{background:#e8fbe5;}
.home_sidebar .blog-twitter .blog-twitter-inner:before{content:initial;}
.home_sidebar .blog-twitter .blog-twitter-inner:after{content:initial;}
.home_sidebar .blog-twitter .blog-twitter-inner a{color:#525252; margin-bottom:5px; float: left; width: 100%;}
.home_sidebar .tab-content{margin-bottom:30px;}
.home_sidebar .tab-v1 .nav-tabs a{padding: 5px 10px;}
.home_sidebar .blog-twitter .blog-twitter-inner table i.fa{font-size:12px; top:0; color:#2196F3;}
.home_sidebar .list-group{margin:0;}
.home_new .headline{border-bottom:solid 1px #dddddd; margin-top:0;}
.home_new .headline h2, .home_new .headline h3, .home_new .headline h4{border:none; text-transform:uppercase; font-weight: bold; color:#737373; padding: 0; line-height:35px;}
.home_new .headline h2, .home_new .headline h3, .home_new .headline h4{font-weight: 500;}
.home_new .headline h2{font-size:16px;}
.home_new h2.title-v2{font-size:24px;}
.home_new h2.title-v2:after{display:none;}
.home_new .btn.btn-default.btn-sm{padding: 7px 17px;}
.home_new .btn.btn-default.btn-sm:hover{background:#41befe; color:#fff;}
.home_new .parallax-team:before, .home_new .parallax-team-dark:before{background: rgba(0, 0, 0, 0.60);}
.home_new .parallax-team h2, .home_new .parallax-team h4, .home_new .parallax-team h3{color:#fff;}
.home_new .parallax-team h2{margin:0 0 40px 0;}
.home_new .parallax-team h3{font-size:20px;}
.home_new .parallax-team{padding:40px 0;}
#fb-root{width:100%; float:left;}

.new_listing .course_btm{padding-top: 5px; margin-bottom: 0px; position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 3px 10px;}
.new_listing .caption{height:102px;  margin-bottom: 30px;}
.mbl_cntnr .new_listing .caption{height:70px; margin:0px;}
.mbl_cntnr .block-description .new_listing .course_btm{bottom:20px;}
.new_listing .list_reviews{float:right;}
.homepage_sec .new_listing .course_btm{left:0;}
.pagination_aln .pagination{height: 30px; display: inline-block; margin-bottom:30px}
.pagination_aln .pagination li a{line-height: 24px!important;}

.mbl_cntnr .side_header + .navbar-toggle{display:none;}

.mbl_cntnr .sidebar_responsive li .side-nav a > span{width:89%;}

.news_list_new .thumbnail-img .overflow-hidden a:first-child{padding: 66.25% 0 0 0; margin-bottom:10px;}

.news_list_new .course_btm{background:#678d3c;}
.desktop_hide{display:none;}
.modal-footer .btn + .btn.pull-left, .modal-footer .btn.pull-left{margin-left:0; margin-right:5px;}
.modal-body .col-xs-12.padding-left-0.text-right{text-align:left;}
.modal-body .form-group{margin-bottom:7px;}

.srch_total{float:left; width:100%; line-height:40px; height:40px; margin-bottom:20px}
.side-nav .list:hover{background:#e8fbe5}

.bar-legend li span{float:left; width:20px; height:20px; border:3px solid #fff; outline:1px solid #ccc; margin-right:5px; margin-bottom:10px;}
.bar-legend li{float:left; width:100%; font-size:12px;}

.row-half{margin-left:-8px; margin-right:-8px;}

.info_imag{width:100%; float:left; background:#fff; padding:15px; margin-bottom:20px;}
.info_imag h2{margin-top:15px; margin-bottom:0}
.info_imag h2, .info_imag h5{float:left; width:73%; font-size:20px;}
.info_imag h5{font-size:11px;}
.info_imag > div{width:25%; height:25%; float:right; margin-top:10px;}
.info_imag img{width:55px; height:55px; float:right; border-radius:50% !important;}

.k12_subheader{background:#555; float:left; width:100%; text-align:left; color:#fff;}
.k12_subheader ul.container{margin-bottom:0; height:40px;}
.k12_subheader li{display:inline-block; margin:0 5px; font-weight:600;}
.k12_subheader li a{color:#fff; padding:0 15px; line-height:40px; float:left;}
.k12_subheader li:hover a, .k12_subheader li.active a{background:#72c02c;}

.ancmnt_mrq{border: solid 1px #ccc; background: #fff; position:relative;}
.ancmnt_mrq > div{width: 80%; line-height: 30px; position:absolute; right:10px; top:0; bottom:0; left:160px;}


videogular vg-scrub-bar-cue-points, [videogular] vg-scrub-bar-cue-points{overflow:hidden;}




















/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

.mCustomScrollbar{overflow:scroll; -webkit-overflow-scrolling: auto;}


/*
CONTENTS: 
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

  .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
  .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
  
  .mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
    overflow:auto;
    padding-bottom:25px;
  }

  .mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
  }



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_inside > .mCSB_container{ margin-right: 30px; }

  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
  
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
  }
  
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

  .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
  
  .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
  }
  
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

  .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; 
    height: auto;
  }

  .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

  .mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
  }

  .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
  }

  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
    text-align: center;
  }
  
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
  
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }

  .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-bottom: 30px;
  }
  
  .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

  .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

  .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 2px;
    margin: 7px 0;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
  }
  
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
  }
  
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  
  .mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
  }
  
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
  
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
  
  /* non-visible horizontal scrollbar */
  .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
  
  /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
  .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
  
  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
  
  /* non-visible scrollbar/RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
  
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
  }
  
  .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
    padding-right: 0; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
  
  .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
    padding-bottom: 0; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
  
  .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
  }
  
  /* non-visible horizontal scrollbar */
  .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_scrollTools, 
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  }
  
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out; 
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out; 
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out; 
    transition: width .2s ease-out .2s, height .2s ease-out .2s, 
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out; 
  }



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

  /* 
  ----------------------------------------
  6.1 THEMES 
  ----------------------------------------
  */
  
  /* default theme ("light") */

  .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
  
  .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
  
  .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollBox:hover > .mCSB_scrollTools,
  .mCustomScrollBox:hover ~ .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

  .mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
  }

  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
  }

  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
  }
  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
  }

  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight{
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
  }

  .mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
  }

  .mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
  }

  .mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
    /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
  }

  .mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
    /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
  }

  .mCSB_scrollTools .mCSB_buttonUp:hover,
  .mCSB_scrollTools .mCSB_buttonDown:hover,
  .mCSB_scrollTools .mCSB_buttonLeft:hover,
  .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

  .mCSB_scrollTools .mCSB_buttonUp:active,
  .mCSB_scrollTools .mCSB_buttonDown:active,
  .mCSB_scrollTools .mCSB_buttonLeft:active,
  .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
  

  /* theme: "dark" */

  .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
  
  /* ---------------------------------------- */
  


  /* theme: "light-2", "dark-2" */

  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
  }

  .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

  .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
  
  
  /* theme: "dark-2" */

  .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
  
  /* ---------------------------------------- */
  


  /* theme: "light-thick", "dark-thick" */

  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 4px;
    margin: 6px 0;
  }

  .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 6px;
    margin: 5px auto;
  }

  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


  /* theme: "dark-thick" */
  
  .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
  
  /* ---------------------------------------- */
  


  /* theme: "light-thin", "dark-thin" */
  
  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

  .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

  .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

  .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 2px;
    margin: 7px auto;
  }


  /* theme "dark-thin" */
  
  .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  
  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
  
  /* ---------------------------------------- */
  
  
  
  /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
  
  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
  
  .mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
  
  .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
  }
  
  .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
  .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
  
  .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
  }
  
  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
  }
  
  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
  
  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
  }
  
  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
  }
  
  .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
  
  .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
  
  .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
  
  .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
  
  
  /* theme "rounded-dark", "rounded-dots-dark" */
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
  
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
  
  
  /* theme "rounded-dots", "rounded-dots-dark" */
  
  .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
  .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
  
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    background-color: transparent;
    background-position: center;
  }
  
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
  }
  
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
  }
  
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
  
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
  
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
  
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
  
  
  /* theme "rounded-dots-dark" */
  
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
  }
  
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
  
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
  
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
  
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
  
  /* ---------------------------------------- */
  
  
  
  /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
  
  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  }
  
  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  }
  
  
  /* theme "3d", "3d-dark" */
  
  .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
  .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
  
  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
  
  .mCS-3d.mCSB_scrollTools, 
  .mCS-3d-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
  }
  
  .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
  
  .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 8px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
  }
  
  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,    
  .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
  }

  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 8px;
    margin: 4px auto;
  }
  
  .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  
  .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  
  .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  
  .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  
  
  /* theme "3d-dark" */
  
  .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
  }
  
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
  
  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{  background-position: -120px -128px; }
  
  /* ---------------------------------------- */
  
  
  
  /* theme: "3d-thick", "3d-thick-dark" */
  
  .mCS-3d-thick.mCSB_scrollTools, 
  .mCS-3d-thick-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
  }
  
  .mCS-3d-thick.mCSB_scrollTools, 
  .mCS-3d-thick-dark.mCSB_scrollTools, 
  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  
  .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
  .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
  
  .mCS-3d-thick.mCSB_scrollTools_vertical, 
  .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
  
  .mCS-3d-thick.mCSB_scrollTools_horizontal, 
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
  }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
  
  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 12px;
    width: auto;
  }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #000; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
  }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  
  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  
  
  /* theme: "3d-thick-dark" */
  
  .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
  
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
   
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #fff; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
  }
  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
  
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{  background-position: -120px -128px; }
  
  /* ---------------------------------------- */
  
  
  
  /* theme: "minimal", "minimal-dark" */
  
  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
  .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: 0; 
    margin: 12px 0; 
  }
  
  .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
  .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
  .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
  .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: 0; 
    margin: 0 12px; 
  }
  
  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    left: 0; 
    right: auto;
  }
  
  .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
  
  .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
  .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
  
  .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
  .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
  
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
  }
  
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
  }
  
  
  /* theme: "minimal-dark" */
  
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
  }
  
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
  }
  
  /* ---------------------------------------- */
  
  
  
  /* theme "light-3", "dark-3" */
  
  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
  }

  .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

  .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 6px;
    margin: 5px 0;
  }
  
  .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
  .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 12px;
  }
  
  .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
  .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
  .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 12px;
    margin: 2px 0;
  }
  
  .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  
  .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  
  .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  
  .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  
  
  /* theme "dark-3" */
  
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  
  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
  
  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
  
  /* ---------------------------------------- */
  
  
  
  /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
  
  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 12px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
  }

  .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
  .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 12px;
    margin: 2px 0;
  }
  
  .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  
  .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  
  .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  
  .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  
  
  /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
  
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  
  .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
  
  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
  
  
  /* theme "inset-2", "inset-2-dark" */
  
  .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
  
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
  
  
  /* theme "inset-3", "inset-3-dark" */
  
  .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
  
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
  
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
  
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
  
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
  
  /* ---------------------------------------- */




/*-------------Theme 3 starts-------------*/

/*---Header style---*/

.theme_3.header{height:105px;}
.theme_3.header:after{content:''; width:100%; height:30px; background:#16193c; position: absolute; left: 0; top: 0;}
.theme_3.header .topbar ul.loginbar > li > i{float: left; line-height: 30px; margin-right:5px;}
.theme_3.header .topbar ul.loginbar > li > a{color:#fff; line-height: 30px; height: 30px; float: left;}
.theme_3.header .topbar ul.loginbar > li:hover > a, .theme_3.header .topbar ul.loginbar > li:hover i.fa, .theme_3.header .topbar ul.loginbar li.admin_link:hover i.fa, .theme_3.header .topbar ul.loginbar > li.admin_link:hover > a{color:#FFEB3B;}
.theme_3.header .topbar{width:100%;}
.theme_3.header .topbar ul.loginbar li.admin_link i.fa,
.theme_3.header .topbar ul.loginbar > li.admin_link > a{color:#fff;}
.theme_3.header .topbar ul.loginbar li i.fa{color:#fff;}
.theme_3.header .caret{color:#fff;}
.theme_3.header .main_header{max-height: 75px; position: absolute; top: 30px; right:0; width:100%;}
.theme_3.header .navbar-nav > li > a{height:75px; line-height:75px; bottom:0;}
.theme_3.header .navbar-nav > li > a span{height:65px; line-height:65px; float:left;}
.theme_3.header .navbar-nav > li:hover{background:#16193c;}
.theme_3.header .navbar-nav > li:hover > a{color:#fff; border:none;}
.theme_3.header .mega-menu .dropdown-menu{background:#16193c; border:none;}
.theme_3.header .mega-menu .dropdown-menu li{border:none;}
.theme_3.header .mega-menu .dropdown-menu li a{color:#fff; border:none; text-transform:uppercase;}
.theme_3.header .mega-menu .dropdown-menu li:hover{background:#16193c;}
.theme_3.header .mega-menu .dropdown-menu li:hover a{background:#16193c !important; color:yellow;}
.theme_3.header .dropdown > a:after{top:0; right:18px;}
.theme_3.header .dropdown-menu li a{padding: 6px 20px;}
.theme_3.header .topbar ul.loginbar > li{padding:0;}
.theme_3.header .navbar-nav > li > a{padding:5px 20px 9px 20px !important;}
.theme_3.header .navbar-nav > li.dropdown > a{padding:5px 30px 9px 20px !important;}
.theme_3.header .topbar ul.loginbar li.topbar-devider{border-color:#fff;}
.theme_3.header .topbar ul.languages{top:30px;}
.theme_3.header .topbar ul.languages{background: #ddd;}
.theme_3.header .topbar ul.languages:after{border-bottom: 6px solid #cfd3ff;}
.theme_3.header .topbar{padding:0;}
.theme_3.header .topbar ul.loginbar > li{line-height:30px; height: 30px; display: inline-block; vertical-align: top;}
.theme_3.header .topbar ul.loginbar li.topbar-devider{height:10px; margin:10px 9px 10px 5px}

.theme_3.header .topbar ul.languages > li{line-height:15px; margin:0 3px;}

.header .topbar ul.languages{top: 15px;}

/* ---Header style--- */


/*---Theme color Setting---*/

/* --Highlight Color-- */

/*Yellow color*/

.highlight_yellow .side-nav .list:hover,
.highlight_yellow .home_sidebar .blog-twitter .blog-twitter-inner:hover,
.highlight_yellow .col-md-3 .profile.sidebar .panel .profile-event:hover,
.highlight_yellow .col-md-3 .profile .panel .comment:hover,
.highlight_yellow .sidebar-nav-v1 .second_level li:hover,
.highlight_yellow .sidebar-nav-v1 > li.active:hover,
.highlight_yellow .sidebar-nav-v1 > li:hover
{background:#fdf2ce;}

.highlight_yellow .side-nav .list.active,
.highlight_yellow .sidebar-nav-v1 > li.active
{background:#fdecb4;}

/*Yellow color*/

/*Blue color*/

.highlight_blue .side-nav .list:hover,
.highlight_blue .home_sidebar .blog-twitter .blog-twitter-inner:hover,
.highlight_blue .col-md-3 .profile.sidebar .panel .profile-event:hover,
.highlight_blue .col-md-3 .profile .panel .comment:hover,
.highlight_blue .sidebar-nav-v1 .second_level li:hover,
.highlight_blue .sidebar-nav-v1 > li.active:hover,
.highlight_blue .sidebar-nav-v1 > li:hover
{background:#cae3f5;}

.highlight_blue .side-nav .list.active,
.highlight_blue .sidebar-nav-v1 > li.active
{background:#bde0f9;}

/*Blue color*/

/*Orange color*/

.highlight_orange .side-nav .list:hover,
.highlight_orange .home_sidebar .blog-twitter .blog-twitter-inner:hover,
.highlight_orange .col-md-3 .profile.sidebar .panel .profile-event:hover,
.highlight_orange .col-md-3 .profile .panel .comment:hover,
.highlight_orange .sidebar-nav-v1 .second_level li:hover,
.highlight_orange .sidebar-nav-v1 > li:hover,
.highlight_orange .sidebar-nav-v1 > li.active:hover
{background:#f7e6d8;}

.highlight_orange .side-nav .list.active,
.highlight_orange .sidebar-nav-v1 > li.active
{background:#f9d7bc;}

/*Orange color*/

/* --Highlight Color-- */

/*---Theme color Setting---*/



/*-----------Theme 3 Ends-------------*/

.cmnt_author{float:right; font-weight:600; color:#0f5a8a; font-style:italic;}

.comment_box {
  position: relative;
  background: #fffbd8;
  border: 1px solid #FFC107;
  padding:15px 20px;
  border-radius:10px !important;
}
.comment_box:after, .comment_box:before {
  top: 100%;
  left: 95%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.comment_box:after {
  border-bottom-color: rgba(136, 183, 213, 0);
  border-right-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(136, 183, 213, 0);
  border-top-color: #fffbd8;
  border-width: 10px;
  margin-left: -10px;
}
.comment_box:before {
  border-bottom-color: rgba(194, 225, 245, 0);
  border-right-color: rgba(194, 225, 245, 0);
  border-left-color: rgba(194, 225, 245, 0);
  border-top-color: #FFC107;
  border-width: 12px;
  margin-left: -12px;
}

.disabled{opacity:0.7; pointer-events:none;}
.disabled_link{opacity:0.4; pointer-events:none;}

.profile .color-red i.expand-list{color:#e74c3c; border-color:#e74c3c; cursor:pointer}

.mobile_home_course li{width:50%; padding:10px !important; float:left;}
.mobile_home_course li img{width:100%;}
.mobile_home_title{float:left; width:100%; margin:15px 0 0px; background:#F2F2F2; padding:10px; font-size:20px; color:#333;}
.mobile_home_title:after{content:''; float:left;width: 4px; height: 20px; background: #5fb611; margin-top: 3px; margin-right: 5px;}
.mobile_home_title .viewmore{float:right; text-align:right; margin-top:3px; color:#777; font-size:16px;}
.mobile_home_course h3{font-size: 16px; margin: 10px 0 5px;}
.mobile_home_course h3 a{color:#3498db;}

.mobile_other_login i{background:red; width:30px; height:30px; display:inline-block; border-radius:30px !important; color:#fff; font-size:16px; line-height:30px;}
.mobile_other_login h4{color:grey; margin-bottom:30px;}
.mobile_home_icon li:nth-child(2) i.fa.icon{background: #e2786d;}
.mobile_home_icon li:nth-child(2):active i.fa.icon{background: #bd3729;}
.mobile_home_icon li:nth-child(3) i.fa.icon{background: #7cbae5;}
.mobile_home_icon li:nth-child(3):active i.fa.icon{background: #215579;}
.mobile_home_icon li:nth-child(4) i.fa.icon{background: #337ab7;}
.mobile_home_icon li:nth-child(4):active i.fa.icon{background: #092b48;}
.mobile_home_icon li:nth-child(5) i.fa.icon{background: #f3d459;}
.mobile_home_icon li:nth-child(5):active i.fa.icon{background: #776311;}
.mobile_home_icon li:nth-child(6) i.fa.icon{background: #9b6bcc;}
.mobile_home_icon li:nth-child(6):active i.fa.icon{background: #46236b;}
.mobile_home_icon li:nth-child(7) i.fa.icon{background: #e89246;}
.mobile_home_icon li:nth-child(7):active i.fa.icon{background: #bb681e;}
.mobile_home_icon li:nth-child(8) i.fa.icon{background: #9c8061;}
.mobile_home_icon li:nth-child(8):active i.fa.icon{background: #5a3f22;}
.mobile_home_icon li:nth-child(9) i.fa.icon{background: #009688;}
.mobile_home_icon li:nth-child(9):active i.fa.icon{background: #943e36;}
.mobile_home_icon li:nth-child(10) i.fa.icon{background: #adb74c;}
.mobile_home_icon li:nth-child(10):active i.fa.icon{background: #7d8813;}
.mobile_home_icon li:nth-child(11) i.fa.icon{background: #9E9E9E;}
.mobile_home_icon li:nth-child(11):active i.fa.icon{background: #4a4a4a;}
.mobile_home_icon li:nth-child(12) i.fa.icon{background: #607D8B;}
.mobile_home_icon li:nth-child(12):active i.fa.icon{background: #384d56;}

.course_category{float:right;}
.course_category a.fa{position:fixed; right:15px; top:73px; font-size:22px; color:#fff; z-index:101;}
.course_filter{position:fixed; z-index:100; left:0; right:0; bottom:0; height:46px; margin:0; -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);}
.course_filter li{width:20%; float:left; font-size:12px; text-align:center; background:#ddd; padding:3px 1px 2px 1px;}
.course_filter li.active{background:#5fb611; color:#fff;}
.course_filter li.active i.fa{color:#fff !important;}
.course_filter li i.fa{font-size:24px; line-height:26px; width:100%;}

.forum .tag-box.mbl_srch{background: #9ED061; margin: 0; position: fixed; z-index: 100; left: 0; right: 0; padding:11px 20px;}

.prfl_smry{margin-top:30px;}
.prfl_smry li{width:50%; float:left; text-indent:25px}

.mbl_prfl td h5{margin:3px 0;}
.mbl_prfl .headline{margin:10px 7px 0;}

.mbl_cntnr .table > tbody > tr > td{border-color:#eee; white-space:inherit;}
.mbl_cntnr .tab-v1 .nav-tabs a{padding: 10px 15px;}
.mbl_hdr_cntnr .header .topbar{margin:0;}
.mbl_hdr_cntnr .header .topbar.loggedin_topbar{width:10%;}
.poiz_web .mbl_hdr_cntnr .header .topbar.loggedin_topbar{width:20%;}
.mbl_hdr_cntnr .header .logo.logo_width{width:90%;}
.mbl_hdr_cntnr .tab-v1 .nav-tabs a{padding:10px 15px;}

.mbl_sticky_bottom{position:fixed; bottom:0; left:0; right:0; z-index:10;}
.mbl_sticky_bottom button{width:100%; bottom:0; padding:12px; font-size:16px; text-transform:uppercase;}

.slider_full_middle{position: relative; padding-bottom: 25.25%;height: 0; float:none;}
.slider_full_middle.banner_hgt{padding-bottom: 31.50%;}
.slider_full_middle > div{height: 100%; float: left; width: 100%; position: initial;}
.slider_full_middle .carousel-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slider_full_middle .carousel-inner .text-center{ width: 100%; max-height: 480px; overflow: hidden; margin: 0; text-align:initial !important;}
.slider_full_middle .carousel-inner img{position:absolute; top: 50%; transform: translateY(-50%); max-width: 100%; min-width:100%;}

.likes_bottom li{float:left;  margin-top:5px; width:50%; text-align:center; padding:5px 0 5px;}
.likes_bottom li+li{border-left:solid 1px #ccc;}
.likes_bottom li a{color:#337ab7}

.show_myspace{display:none;}
.myspace_right .show_myspace, .mbl_cntnr .show_myspace{display:block}
.myspace_right .col-md-3.hide_myspace{display:none;}
.myspace_right .result_right{width:100% !important; padding:0 !important;}
.result_right .profile .profile-edit{padding-top:10px;}

.mbl_cntnr .sidebar_responsive.result_sidebar{position:absolute; top:85px; right:0px; z-index:1000;}
.mbl_cntnr .sidebar_responsive.result_sidebar > li > button{right:16px;}

.mbl_cntnr .result_right{padding:0}
.mbl_cntnr .show_myspace{display:none;}

.award_user{position:absolute; left:15px; top:15px; width:95%;}
.award_login{font-size:12px; position:absolute; right:15px; top:10px;}
.award_user h2{margin:60px 0 0 160px;}
.award_user img{width:150px; height:150px; float:left; border-radius:50% !important; border:solid 4px #72c02c; padding:3px; background:#fff;}
.award_info{margin-left:0px; float:left; border:solid 1px #ccc; background:#fff; padding:15px; width:100%; position:relative;}
.award_detail{width:55%; margin-left:3%; float:left;}
.award_detail li{border-bottom:solid 1px #d6efff; margin-bottom:5px; padding-bottom:3px;}
.award_detail li .text_label{width:40%; float:left; font-weight:600; color: #8BC34A;}
.award{width:40%; float:left; text-align:center;}

page-select input{max-height:16px;}

.left-inner.company_info{padding:0; background:transparent;}
.left-inner.company_info i{color:#03A9F4; font-size:16px; margin-bottom:10px; float:left; width:100%;}
.left-inner.company_info i.pull-left{width:auto; font-size:12px;}
.left-inner.company_info i p{color:#03A9F4; font-size:16px; margin-bottom:10px; float:left; width:100%;}
.left-inner.company_info h3{font-size: 36px; font-weight: 700; color:#555;}
.block-description .left-inner.company_info .img_hldr img{border:none; max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.block-description .left-inner.company_info .img_hldr{border:solid 1px #ccc; width:100px; height:100px; border-radius:100px !important; overflow:hidden; position:relative; margin:0 auto;}
.mbl_cntnr .block-description .left-inner.company_info .img_hldr{width:200px; height:200px; border-radius:200px !important;}
.left-inner.company_info .info.hex i{width:auto; float:none; color:#ccc; font-size:40px; margin:0; text-align:center;}
.left-inner.company_info .info.hex > div{display:inline-block; padding:10px 25px; text-align:center; vertical-align: top;  max-width: 115px;}
.left-inner.company_info .info.hex{float:left; text-align:center; width:100%; font-size:12px; line-height:20px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; margin-bottom:15px; white-space:nowrap}

.inline_nav{border-bottom:solid 1px #ccc; font-size:16px; line-height:22px;}
.inline_nav *{transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.scroll_fixed .inline_nav{position:fixed; z-index:10; left:0; top:0; right:0; margin-top:0; background:#fff; -webkit-box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:-1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:-1px 1px 5px 0px rgba(50, 50, 50, 0.75); z-index:100;}
.block-description .navbar-nav{font-weight:600;}
.block-description .navbar-nav > li > a {padding:5px 7px; color:#555; border-bottom:solid 2px #fff; font-size:11px;}
.block-description .navbar-nav > li > a:hover, .block-description .navbar-nav > li.active > a{color:#72c02c; background:#fff; border-bottom:solid 2px #72c02c;}
.block-description .new_listing .course_btm{left:0;}
.block-description .timeline-v2 > li .cbp_tmlabel{margin: 0 0 40px 25%;}
.block-description .timeline-v2:before, .block-description .timeline-v2 > li .cbp_tmicon{left: 23%;}

.shadow_block{-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}

.fc-scroller.fc-day-grid-container{height:auto !important;}

/*.teacher_block p{transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}*/
.teacher_block .average-rating-container{height:20px; padding:0;}
.teacher_block .average-rating-container .background, .teacher_block .average-rating-container .foreground{top:0;}

.teacher_block:hover p.teacher_desc{background:#fafafa; max-height:75px; position: absolute; z-index: 1; top: 31px; width:95%; height:100%;}

.ppt_img{height:96%}
.ppt_img > div{transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.ppt_img .display_img{position: relative; height: 100%; background: #000;}
.ppt_img .display_img img{max-height: 100%; max-width: 98%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}


.award_user2{position:relative; min-height:200px; width:600px; float:left;}
.award_user2 > img{position:absolute; left: 80px; top: 38px; width: 110px; height: 110px;}
#profile_background{position: absolute; left: 0; top: 0; width: 100%;}
#profile_background:before{content:''; min-height:200px; width:100%; float:left; position: absolute; z-index: 1;}
.award_score_title{width: 200px; text-align: center; float: right; font-size: 16px; color: #fff; margin-left: 50px; text-transform: uppercase;     margin-bottom: 10px; text-shadow: 2px 2px 5px #7a4b19;}
.award_score{width:150px; height:150px; float:right; position:relative; text-align:center; font-weight:600; font-size:30px;
background: rgba(155,230,69,1);
background: -moz-linear-gradient(top, rgba(155,230,69,1) 0%, rgba(155,230,69,1) 22%, rgba(255,241,84,1) 40%, rgba(255,241,84,1) 57%, rgba(255,95,84,1) 82%, rgba(255,95,84,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,230,69,1)), color-stop(22%, rgba(155,230,69,1)), color-stop(40%, rgba(255,241,84,1)), color-stop(57%, rgba(255,241,84,1)), color-stop(82%, rgba(255,95,84,1)), color-stop(100%, rgba(255,95,84,1)));
background: -webkit-linear-gradient(top, rgba(155,230,69,1) 0%, rgba(155,230,69,1) 22%, rgba(255,241,84,1) 40%, rgba(255,241,84,1) 57%, rgba(255,95,84,1) 82%, rgba(255,95,84,1) 100%);
background: -o-linear-gradient(top, rgba(155,230,69,1) 0%, rgba(155,230,69,1) 22%, rgba(255,241,84,1) 40%, rgba(255,241,84,1) 57%, rgba(255,95,84,1) 82%, rgba(255,95,84,1) 100%);
background: -ms-linear-gradient(top, rgba(155,230,69,1) 0%, rgba(155,230,69,1) 22%, rgba(255,241,84,1) 40%, rgba(255,241,84,1) 57%, rgba(255,95,84,1) 82%, rgba(255,95,84,1) 100%);
background: linear-gradient(to bottom, rgba(155,230,69,1) 0%, rgba(155,230,69,1) 22%, rgba(255,241,84,1) 40%, rgba(255,241,84,1) 57%, rgba(255,95,84,1) 82%, rgba(255,95,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9be645', endColorstr='#ff5f54', GradientType=0 );
}
.award_score img{width:100%; position:relative; z-index:2;}
.award_score div.score{width:95px; height:95px; float:left; margin:28px 27px 28px 27px; position: relative; top: -152px;}
.award_score div.score div{position:absolute; left:0; top:0; z-index:1; float:left; background:#fff; width:100%; line-height:95px;}
.award_score div.score div span{font-size:12px;}
.award_info.shadow-effect-2:after, .award_info.shadow-effect-2:before, .award_info.shadow-effect-3:before, .award_info.shadow-effect-4:after{box-shadow: 0 15px 10px #693e12;    -webkit-box-shadow: 0 15px 10px #693e12;}
.black_shadow .award_info.shadow-effect-2:after, .black_shadow .award_info.shadow-effect-2:before, .black_shadow .award_info.shadow-effect-3:before, .black_shadow .award_info.shadow-effect-4:after{box-shadow: 0 15px 10px #31302e;    -webkit-box-shadow: 0 15px 10px #31302e;}
.profile_progress{width:232px; position:absolute; right:152px; top:68px;}
.profile_progress .progress{margin-bottom:0;}
.profile_progress .progress-text{text-transform:uppercase; font-size:10px; text-align:center; text-indent:10px; font-weight: 700; color:#1f1f1e; position:absolute; z-index:1;}
.profile_progress div{height:17px; line-height:17px;}
.profile_progress div + div{height: 13px; line-height: 13px; margin-top: 9px;}
.profile_progress div + div + div{height: 12px; line-height: 12px; margin-top: 7px;}

.company_teacher_profile{height:235px; overflow:hidden;}
.company_teacher_profile img{width:inherit; min-width:100%; min-height:100%;}
.team-v2 .company_teacher_profile + .inner-team{height: 128px; overflow:hidden; border: solid 20px #fff; padding:0}
.list-inline li.thumb_price i, .list-inline li.thumb_price span{font-size: 20px; color: #000;}

.tag-box.tag-box-v3.thumbnail .caption{padding:0; margin:9px;}

.thumbnail-text .price{font-size:12px; margin:0;}
.thumbnail-text .price span{color:#000; font-weight:600;}
.thumbnail-text .price .strike > span{text-decoration:line-through; color:#5cb85c; font-size:11px; font-weight:400;}
.day_left{margin:0; float:right; font-size:12px;}

.cf_progress{height:10px; border-radius:10px !important;}

.tag-box.alter{margin-bottom:0; padding:0px; min-height:396px;}

.progress_holder{background:#F0F0F0; border-top:solid 2px #D4D4D4; margin-bottom:20px; border-bottom:solid 2px #D4D4D4; float:left; width:100%; padding:15px 30px 20px; font-sie:12px;}
.progress_holder .progress{margin:5px 0 0; width:100%; height:10px; border-radius:10px !important;}
.cfcourse_desc{text-align:center; color:rgba(0,0,0,.65);}
.cfcourse_desc h3{font-size:20px; margin:20px 0;}
.cf_info .cf_label{font-size:12px; font-weight: 600;}
.cf_info .cf_text{font-size:26px; line-height:30px;}
.cf_info .cf_text.alter{font-size:22px; line-height:26px; margin-left: -15px; margin-right: -15px;}
.border-left-1{border-left:solid 1px #ddd;}
.border-both-1{border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
.cf_text.strike{text-decoration:line-through;}

.theme_blue_container .course_content li a{width:96%;}
.blue_box font{word-break:normal; font-size: 14px;}
.blue_box a:hover font{color:yellow;}
.blue_box font > span{float:left;}
.blue_box font > span + span{width:88%; margin-left:2%;}


/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Import Global Compulsory CSS Files*/
@import url(app.css);
@import url(blocks.css);

/*Import CSS Plugins*/
@import url(plugins/style-switcher.css);

// * {
//  font-family: 'Open Sans', sans-serif;
//  font-weight:normal;
//}

h1, h2, h3, h4, h5, h6 {
  color: #687074;
}

p {
  color: #888;
  font-size: 14px;
}

a {
  color: #72c02c;
  text-decoration: none;
}

a:hover {
  color: #72c02c;
  text-decoration: underline;
}

ul.list-inline {
  margin-left: 0;
}

li:first-child {
  padding-left: 0;
}

@media (min-width: 768px) {
  .g-blur { overflow: hidden; }
  .g-blur .wrapper,
  .g-blur .outside-more-articles {
    filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="7" /></filter></svg>#blur');
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='7');
    -webkit-filter: blur(7px);
    -moz-filter:blur (7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
  }
  body.header-fixed-space-v2.g-blur { padding-top: 0; }
}

/*Boxed Layout
------------------------------------*/
.wrapper {
  background: #fff;
}

.boxed-layout {
  padding: 0;
  box-shadow: 0 0 5px #ccc;
  margin-left: auto !important;
  margin-right: auto !important;
  background: url(../img/patterns/15.png) repeat;
}

/*Heading
------------------------------------*/
.heading h2 {
  color: #687074;
  font-size: 24px;
  text-transform: uppercase;
}

.heading h2:before,
.heading h2:after {
  width: 100%;
}

@media (max-width: 991px) {
  .heading h2:before,
  .heading h2:after {
    width: 65%;
  }
}

@media (max-width: 768px) {
  .heading h2:before,
  .heading h2:after {
    width: 35%;
  }
}

@media (max-width: 600px) {
  .heading h2 {
    font-size: 19px;
  }

  .heading h2:before,
  .heading h2:after {
    width: 15%;
  }
}


@media (max-width: 599px) {
.mbl_cntnr .panel-body.inner_slider .iframe_holder.hght4pptimg {
  padding-bottom: 126.25%;
}
.mbl_cntnr .display_img{margin-top:5px;}
}

/*Illustration v1
------------------------------------*/
/*Illustration v1*/
.illustration-v1 {
  display: block;
  overflow: hidden;
  min-height: 170px;
  position: relative;
  background-size: cover;
  background-position: center center;
}

.illustration-v1:before {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(42,42,42,0.3);
}

.illustration-v1:hover {
  text-decoration: none;
}

.illustration-v1 .illustration-bg {
  width: 100%;
  display: table;
  min-height: 170px;
  background-clip: padding-box;
}

.illustration-v1 .illustration-ads {
  width: 100%;
  height: 170px;
  overflow: hidden;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px 20px;
  background-clip: padding-box;
}

/*Illustration Advertaisemnt Details v1*/
.illustration-v1.illustration-img1 {
  width: 100%;
  overflow: hidden;
  background-image: url(../img/blog/07.jpg);
  transition: all 0.3s ease-in-out;
}

.illustration-v1.illustration-img1:hover {
  transform: scale(1.05);
}

.illustration-v1 .ad-details-v1 h3 {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  margin-bottom: 35px;
  font-weight: normal;
}

.illustration-v1 .ad-details-v1 h3:after {
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 3px;
  content: " ";
  bottom: -17px;
  background: #fff;
  margin-left: -15px;
  position: absolute;
}

.illustration-v1 .ad-details-v1 .btn-brd {
  font-weight: 400;
  border-width: 2px;
}

.illustration-v1 .ad-details-v1 .btn-brd:hover {
  border-width: 2px;
}

.illustration-v1 .ad-details-v1 .btn-u {
  padding: 5px 30px;
}

/*Illustration Advertaisemnt Details v2*/
.illustration-v1.illustration-img2 {
  width: 100%;
  overflow: hidden;
  background-image: url(../img/blog/08.jpg);
  transition: all 0.3s ease-in-out;
}

.illustration-v1.illustration-img2:hover {
  -transform: scale(1.05);
}

.illustration-v1 .ad-details-v2 span.item-time {
  color: #fff;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

.illustration-v1 .ad-details-v2 span.item-time:before,
.illustration-v1 .ad-details-v2 span.item-time:after {
  top: 15px;
  width: 40%;
  height: 2px;
  content: " ";
  background: #fff;
  position: absolute;
}

.illustration-v1 .ad-details-v2 span.item-time:before {
  left: 100%;
}
.illustration-v1 .ad-details-v2 span.item-time:after {
  right: 100%;
}

.illustration-v1 .ad-details-v2 span.item-name {
  color: #fff;
  display: block;
  font-size: 60px;
  line-height: 60px;
  position: relative;
  font-weight: normal;
  text-transform: uppercase;
}

/*Illustration v2
------------------------------------*/
/*Owl Navigation*/
.illustration-v2 .customNavigation {
  text-align: center;
}

.illustration-v2 .customNavigation a.owl-btn {
  color: #ccc;
  width: 30px;
  height: 30px;
  font-size: 17px;
  cursor: pointer;
  background: none;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  border: 2px solid #ddd;
}

.illustration-v2 .owl-pagination {
  display: none;
}

.illustration-v2 .customNavigation a.owl-btn:hover {
  color: #555;
  border-color: #777;
  transition: all 0.2s ease-in-out;
}

.illustration-v2 .customNavigation a.owl-btn.prev i {
  margin-left: -2px;
}
.illustration-v2 .customNavigation a.owl-btn.next i {
  margin-right: -2px;
}

/*Illustration-v2*/
.illustration-v2 .item {
  margin: 0 10px;
  padding-bottom: 5px;
}

.illustration-v2 .product-img {
  position: relative;
}

.illustration-v2 .product-img-brd {
  box-shadow: 0 0 3px #ccc;
}

.illustration-v2 a.product-review {
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  background: rgba(0,0,0,0.5);
}

/*Add to Cart*/
.illustration-v2 .add-to-cart {
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  color: #555;
  border: none;
  padding: 10px 0;
  font-size: 20px;
  margin-top: -20px;
  text-align: center;
  position: absolute;
  visibility: hidden;
  text-transform: uppercase;
  background: rgba(255,255,255,0.8);
}

.illustration-v2 .add-to-cart i {
  line-height: 15px;
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #555;
}

.illustration-v2 .add-to-cart:hover {
  color: #fff;
  text-decoration: none;
  background: rgba(24,171,155,0.5);
  transition: background-color 0.2s ease-in-out;
}

.illustration-v2 .add-to-cart:hover i {
  color: #fff;
  border-color: #fff;
}

.illustration-v2 .product-img:hover .add-to-cart {
  visibility: visible;
}

/*List Product Description*/
.list-product-description {
  padding: 20px 10px;
}

.list-product-description img {
  padding-right: 15px;
  border-right: 1px solid #dedede;
}

@media (max-width: 768px) {
  .list-product-description img {
    padding-right: 0;
    border-right: none;
  }
}

/*Product Description*/
.product-description {
  padding: 10px;
  overflow: hidden;
}

.product-description-brd {
  box-shadow: 0 0 2px #ccc;
}

.product-description .title-price {
  color: #687074;
  font-size: 18px;
}

.product-description h4.title-price {
  margin: 2px 0 0;
}

.product-description h4.title-price a {
  color: #687074;
}

.product-description h4.title-price a:hover {
  color: #72c02c;
}

.product-description .product-price {
  text-align: right;
  padding-left: 10px;
}

.product-description .product-price span {
  display: block;
}

.product-description .line-through {
  color: #e74c3c;
  text-decoration: line-through;
}

.product-description .gender {
  color: #999;
  display: block;
  font-size: 14px;
}

.product-description .product-ratings {
  overflow: hidden;
}

/*Product Description v2*/
.product-description-v2 .title-price {
  color: #687074;
  font-size: 18px;
}

.product-description-v2 span.title-price {
  margin-right: 15px;
}

.product-description-v2 .title-price a {
  color: #687074;
}

.product-description-v2 h4.title-price a:hover {
  color: #72c02c;
}

.product-description-v2 .title-price.line-through {
  color: #e74c3c;
  text-decoration: line-through;
}

/*Rating*/
.product-ratings li {
  padding: 0;
}

.product-ratings li .rating {
  color: #b6e888;
  font-size: 14px;
}

.product-ratings li .rating-selected {
  color: #72c02c;
  font-size: 14px;
}

/*Like Icon*/
.product-ratings li.like-icon  {
  float: right;
}

.product-ratings li.like-icon a {
  color: #b6e888;
}

.product-ratings li.like-icon .tooltip {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.product-ratings li.like-icon a:hover {
  color: #72c02c;
  text-decoration: none;
}

/*Reply*/
.product-ratings li.reply a {
  color: #72c02c;
}

/*Illustration v3
------------------------------------*/
/*Illustration v3*/
.illustration-v3 {
  display: block;
  overflow: hidden;
  min-height: 400px;
  position: relative;
  background-size: cover;
  background-position: center center;
}

.illustration-v3:before {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(42,42,42,0.3);
}

.illustration-v3:hover {
  text-decoration: none;
}

.illustration-v3 .illustration-bg {
  width: 100%;
  display: table;
  min-height: 400px;
  background-clip: padding-box;
}

.illustration-v3 .illustration-ads {
  width: 100%;
  height: 400px;
  overflow: hidden;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px 20px;
  background-clip: padding-box;
}

/*Illustration Images*/
.illustration-v3.illustration-img1,
.illustration-v3.illustration-img2,
.illustration-v3.illustration-img3 {
  transition: all 0.3s ease-in-out;
}

.illustration-v3.illustration-img1 {
  background-image: url(../img/blog/13.jpg);
}

.illustration-v3.illustration-img2 {
  background-image: url(../img/blog/14.jpg);
}

.illustration-v3.illustration-img3 {
  background-image: url(../img/blog/15.jpg);
}

.illustration-v3.illustration-img1:hover,
.illustration-v3.illustration-img2:hover,
.illustration-v3.illustration-img3:hover {
  transform: scale(1.05);
}

.illustration-v3 .illustration-v3-category {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  position: relative;
  border-top: 5px solid rgba(255,255,255,0.5);
  border-bottom: 5px solid rgba(255,255,255,0.5);
}

.illustration-v3 span.product-category {
  color: #fff;
  display: block;
  font-size: 35px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 12px;
  text-transform: uppercase;
}

.illustration-v3 span.product-amount {
  color: #ddd;
  font-size: 24px;
}

/*Twitter Block
------------------------------------*/
.twitter-block {
  padding: 25px 0 75px;
  background: url(../img/twitter-bg.jpg) repeat;
}

/*Heading*/
.twitter-block .heading h2 {
  color: #fff;
  font-size: 24px;
}

.twitter-block .heading h2:before,
.twitter-block .heading h2:after {
    border-color: #777;
}

/*Carousel*/
.twitter-block .item {
  padding: 0 150px;
  text-align: center;
}

@media (max-width: 991px) {
  .twitter-block .item {
    padding: 0 100px;
  }
}

.twitter-block .item p {
  color: #fff;
  font-size: 18px;
}

@media (max-width: 768px) {
  .twitter-block .item p {
    font-size: 14px;
    font-weight: 200;
  }
}

.twitter-block .item a {
  color: #72c02c;
}

.twitter-block .twitter-icons i {
  font-size: 18px;
}

.twitter-block .twitter-icons i:hover {
  color: #fff;
}

.twitter-block .carousel-control {
  top: 50%;
  color: #fff;
  font-size: 40px;
  margin-top: -30px;
}

.twitter-block .carousel-control.left {
  left: -10px;
}
.twitter-block .carousel-control.right {
  right: -10px;
}

.twitter-block .carousel-indicators {
  bottom: -50px;
}

/*Product Service
------------------------------------*/
.product-service .product-service-heading {
  padding: 10px 0;
  text-align: center;
  background: #72c02c;
}

.product-service:hover .product-service-heading {
  background: #b6e888;
  transition: all 0.3s ease-in-out;
}

.product-service .product-service-heading i {
  color: #fff;
  font-size: 40px;
}

.product-service .product-service-in {
  padding: 15px 30px;
  text-align: center;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.product-service .product-service-in h3 {
  color: #555;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.product-service .product-service-in a {
  color: #e74c3c;
  font-size: 14px;
  font-weight: 400;
}

/*Collection Banner
------------------------------------*/
.collection-banner {
  padding: 50px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/collection-bg.jpg);
}

.collection-banner:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.3);
}

.collection-banner h2 {
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  margin: 12px 0 15px;
  text-transform: uppercase;
}

.collection-banner p {
  color: #eee;
}

/*Percent Off*/
.collection-banner .percent-numb {
  color: #fff;
  float: left;
  padding: 10px 0;
  font-size: 200px;
  font-weight: 400;
  line-height: 150px;
  margin-right: 15px;
}

.collection-banner .percent-off {
  float: left;
  margin-right: 30px;
}

.collection-banner .percent-off span {
  color: #fff;
  display: block;
}

.collection-banner .percent-off span.discount-percent {
  font-size: 70px;
  margin-top: 30px;
  font-weight: 200;
  line-height: 80px;
}

.collection-banner .percent-off span.discount-off {
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collection-banner h2 {
    font-size: 30px;
  }

  .collection-banner h3 {
    font-size: 145px;
  }

  .collection-banner .percent-off span.discount-percent {
    font-size: 70px;
    margin-top: 35px;
    line-height: 60px;
  }

  .collection-banner .percent-off span.discount-off {
    font-size: 30px;
  }
}

@media (max-width: 514px) {
  .collection-banner h3 {
    font-size: 145px;
  }

  .collection-banner .percent-off span.discount-percent {
    font-size: 70px;
    margin-top: 35px;
    line-height: 60px;
  }

  .collection-banner .percent-off span.discount-off {
    font-size: 30px;
  }
}

/*New Offers*/
.collection-banner .new-offers {
  top: -30px;
  right: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  padding: 20px 10px;
  text-align: center;
  display: inline-block;
}

.collection-banner .new-offers p {
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 17px;
}

.collection-banner .new-offers span {
  color: #fff;
  font-size: 14px;
}

@media (max-width: 400px) {
  .collection-banner .new-offers {
    top: -50px;
    right: 10px;
  }
}

/*Illustration v4
------------------------------------*/
.illustration-v4 .thumb-product {
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.illustration-v4 .thumb-product:hover {
  box-shadow: 0 0 3px #dedede;
}

.illustration-v4 .heading h2 {
  font-size: 18px;
}

.illustration-v4 .heading h2:before,
.illustration-v4 .heading h2:after {
    width: 50%;
}

.illustration-v4 img.thumb-product-img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 25px;
}

.illustration-v4 .thumb-product-in {
  overflow: hidden;
  margin-top: 15px;
}

.illustration-v4 .thumb-product-in h4 {
  margin: 0 0 2px;
}

.illustration-v4 .thumb-product-in h4 a {
  color: #687074;
  font-size: 18px;
}

.illustration-v4 .thumb-product-in h4 a:hover {
  color: #72c02c;
}

.illustration-v4 .thumb-product-in span {
  display: block;
}

.illustration-v4 span.thumb-product-type {
  color: #999;
  font-size: 14px;
}

.illustration-v4 .thumb-product-price {
  color: #687074;
  font-size: 16px;
}

.illustration-v4 .thumb-product-price.line-through {
  color: #e74c3c;
  text-decoration: line-through;
}

.illustration-v4 .thumb-product-purchase {
  color: #ccc;
  float: right;
  margin-top: 3px;
}

.illustration-v4 .thumb-product-purchase a {
  color: #b6e888;
}

.illustration-v4 .thumb-product-purchase i {
  top: 1px;
  font-size: 16px;
  position: relative;
}

.illustration-v4 .thumb-product-purchase a:hover {
  color: #72c02c;
  text-decoration: none;
}

/*Owl Carousel v2
------------------------------------*/
.owl-slider-v2 .owl-wrapper-outer {
  margin-bottom: 20px;
}

.owl-slider-v2 .item {
  margin: 0 10px;
  text-align: center;
  padding: 7px 0;
  position: relative;
  border: 1px solid #e4e2e2;
}

.owl-slider-v2 .item img {
  width: 150px;
  height: auto;
}

/*Owl Pagination*/
.owl-slider-v2 .owl-pagination {
  text-align: center !important;
}

.owl-slider-v2 .owl-controls .owl-page.active span,
.owl-slider-v2 .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  background: #888;
  filter: Alpha(Opacity=100);
}

.owl-slider-v2 .owl-controls .owl-page span {
  border: 1px solid #999 !important;
}

.owl-slider-v2 .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
}

.owl-slider-v2 .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 3px;
  background: transparent;
  border-radius: 50% !important;
}

/*Shop-subscribe
------------------------------------*/
.shop-subscribe {
  padding: 20px 0;
  background: #72c02c;
}

.shop-subscribe h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 200;
  text-transform: uppercase;
}

/*Input Form Control*/
.shop-subscribe input {
  border-color: #fff;
  border-right: none;
  background: transparent;
}

.shop-subscribe .form-control {
  color: #fff;
  font-size: 14px;
  font-weight: 200;
}

.shop-subscribe .form-control:focus {
  box-shadow: none;
  border-color: #fff;
}

.shop-subscribe .form-control::-moz-placeholder {
  color: #fff;
}
.shop-subscribe .form-control:-ms-input-placeholder {
  color: #fff;
}
.shop-subscribe .form-control::-webkit-input-placeholder {
  color: #fff;
}

.shop-subscribe .input-group-btn {
  border-color: #fff;
  background: transparent;
}

.shop-subscribe .input-group-btn .btn {
  border: 1px solid #fff;
  background: transparent;
}

.shop-subscribe .input-group-btn i {
  color: #fff;
  font-size: 16px;
  font-weight: 200;
}

/*Shop Product
------------------------------------*/
.shop-product {
  background: #fff;
  padding: 0px 0 30px;
  border-bottom: 1px solid #dedede;
}

.shop-product h2 {
  float: left;
  color: #687074;
  font-size: 26px;
  text-transform: uppercase;
}

/*Shp Product Title*/
.shop-product .shop-product-heading {
  overflow: hidden;
  margin-bottom: 12px;
  border-bottom: 1px solid #dedede;
}

.shop-product .shop-product-social {
  float: right;
  margin-top: 11px;
}

.shop-product .shop-product-social li i {
  color: #dedede;
  font-size: 26px;
  display: inline-block;
}

.shop-product .shop-product-social li i:hover {
  color: #72c02c;
  text-decoration: none;
}

/*Product Ratings*/
.shop-product .product-review-list {
  margin-left: 20px;
}

.shop-product .product-review-list,
.shop-product .product-review-list a {
  color: #999;
  font-size: 14px;
}

.shop-product .product-review-list a:hover {
  color: #72c02c;
}

/*Shop Product Prices*/
.shop-product .shop-product-prices li:first-child {
  padding-left: 0;
}

.shop-product .shop-product-prices li {
  font-size: 30px;
}

.shop-product .line-through {
  color: #bbb;
  text-decoration: line-through;
}

/*Badge*/
.shop-product .time-day-left {
  top: -6px;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  margin-left: 40px;
  position: relative;
}

/*Shop Product Title*/
.shop-product h3.shop-product-title {
  color: #555;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/*Product Size*/
.shop-product .product-size input {
  left: -9999px;
  position: absolute;
}

.shop-product .product-size label {
  width: 50px;
  height: 50px;
  float: right;
  padding: 6px 0;
  display: block;
  color: #dedede;
  font-size: 24px;
  text-align: center;
  background: #f8f8f8;
  text-transform: uppercase;
  border: 2px solid #dedede;
}

.shop-product .product-size label {
  transition: color 0.3s;
}

.shop-product .product-size label:hover {
  color: #72c02c;
  cursor: pointer;
  border-color: #72c02c;
}

.shop-product .product-size input:checked ~ label {
  color: #72c02c;
  border-color: #72c02c;
}

/*Product Color*/
.shop-product .product-color input {
  left: -9999px;
  position: absolute;
}

.shop-product .product-color label {
  width: 50px;
  height: 50px;
  float: right;
  padding: 5px;
  display: block;
  font-size: 24px;
  text-align: center;
}

.shop-product .product-color label.color-one {
  background: #646969;
}

.shop-product .product-color label.color-two {
  background: #e4e4e2;
}

.shop-product .product-color label.color-three {
  background: #171a2e;
}

.shop-product .product-color label {
  transition: color 0.3s;
}

.shop-product .product-color label:hover {
  cursor: pointer;
  border: 2px solid #72c02c;
}

.shop-product .product-color input:checked ~ label {
  border: 2px solid #72c02c;
}

/*Product Quantity*/
.shop-product .product-quantity {
  float: left;
  margin-right: 30px;
}

.shop-product .quantity-button {
  color: #555;
  width: 55px;
  height: 50px;
  padding: 5px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  background: #eee;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
}

.shop-product .quantity-field {
  width: 55px;
  height: 50px;
  outline: none;
  margin: 0 -4px;
  font-size: 20px;
  text-align: center;
  border: 1px solid #eee;
}

/*Add to Wishlist*/
.add-to-wishlist-brd {
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}

.add-to-wishlist li {
  padding-left: 20px;
  margin-right: 10px;
  border-left: 1px solid #dedede;
}

.add-to-wishlist li:first-child {
  padding-left: 0;
  border-left: none;
}

.add-to-wishlist i {
  color: #b6e888;
  font-size: 16px;
  margin-right: 7px;
}

.add-to-wishlist a {
  color: #999;
  font-size: 14px;
}

.add-to-wishlist a:hover,
.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  color: #72c02c;
  text-decoration: none;
}

.add-to-wishlist .wishlist-in:hover i,
.add-to-wishlist .compare-in:hover i {
  transition: all 0.3s ease-in-out;
}

.wishlist-category a {
  color: #72c02c;
}

/*Headline Left*/
.headline-left {
  position: relative;
}

.headline-left h2 {
  color: #555;
  font-size: 18px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.headline-left h2:after {
  left: 1px;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  position: absolute;
  background: #dedede;
}

/*Specifies List*/
.specifies-list li {
  color: #999;
}

.specifies-list li i {
  margin-right: 8px;
}

.specifies-list li span {
  color: #777;
}

/*Product Comment*/
.product-comment {
  padding: 20px;
  border: 1px solid #f0f0f0;
}

@media (min-width: 768px) {
  .product-comment .product-comment-in .product-comment-in {
    margin-left: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
  }
}


@media (min-width: 600px) {
.mbl_cntnr .mp4ppt_half .videogular-container, .mbl_cntnr .mp4ppt_half .display_img{width:50%; float:left;}
.panel-body.inner_slider .iframe_holder.hght4pptimg{padding-bottom: 35.25%; background:#000;}
}

.product-comment .product-comment-in:after,
.product-comment .product-comment-in:before {
  content: " ";
  display: table;
}

.product-comment .product-comment-in:after {
  clear: both;
}

.product-comment img.product-comment-img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.product-comment .product-comment-dtl {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.product-comment .product-comment-dtl h4 {
  color: #555;
  font-size: 18px;
  overflow: hidden;
}

.product-comment .product-comment-dtl h4 small {
  color: #888;
  float: right;
  display: block;
  margin-top: 6px;
}

.sky-changes-4 label.label-v2 {
  color: #999;
  display: block;
  font-size: 14px;
  font-weight: 400;
}

.sky-changes-4 h3 {
  color: #555;
}

/*Review Submit*/
.review-submit {
  overflow: hidden;
}

.stars-ratings {
  float: left;
}

.stars-ratings li {
  padding: 0;
}

.stars-ratings input {
  left: -9999px;
  position: absolute;
}

.stars-ratings label {
  float: right;
  height: 17px;
  display: block;
  padding: 0 2px;
  font-size: 14px;
  cursor: pointer;
  line-height: 17px;
}

.stars-ratings label {
  color: #b6e888;
  transition: color 0.3s;
}

.stars-ratings input + label:hover,
.stars-ratings input + label:hover ~ label {
  color: #72c02c;
}

.stars-ratings input:checked ~ label {
  color: #72c02c;
}

.review-submit button.btn-u.pull-right {
  margin-top: -17px;
}

/*Stars Ratings Label*/
.stars-ratings-label label {
  font-size: 24px;
  margin: 0 4px 5px;
}

/*Owl Slider v3
------------------------------------*/
.owl-slider-v3 .owl-pagination {
  text-align: center !important;
}

.owl-slider-v3 .owl-wrapper-outer {
  margin-bottom: 20px;
}

.owl-slider-v3.owl-theme .owl-controls .owl-page.active span,
.owl-slider-v3.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  background: #72c02c;
}

.owl-slider-v3.owl-theme .owl-controls .owl-page {
  zoom: 1;
  display: inline-block;
}

.owl-slider-v3.owl-theme .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  opacity: 0.3;
  display: block;
  margin: 5px 3px;
  background: #bbb;
  border-radius: 50% !important;
}

.owl-slider-v3 .item {
  margin: 0 1px;
}

/*Filter By Block
------------------------------------*/
/*Panel Group*/
.filter-by-block h1 {
  color: #fff;
  width: 100%;
  font-size: 24px;
  padding: 7px 10px;
  text-align: center;
  margin-bottom: 5px;
  background: #72c02c;
  text-transform: uppercase;
}

.filter-by-block .panel-default {
  border-color: #dedede;
}

.filter-by-block .panel-heading {
  padding: 0;
  background: inherit;
}

.filter-by-block .panel-title {
  overflow: hidden;
}

.filter-by-block .panel-group h2 a {
  color: #687074;
  display: block;
  font-size: 20px;
  padding: 10px 15px;
  border-bottom: 1px solid #dedede;
}

.filter-by-block .panel-group h2 i {
  float: right;
  font-size: 18px;
  margin-top: 8px;
}

.filter-by-block .panel-group h2 a:hover {
  color: #687074;
  text-decoration: none;
}

.filter-by-block .panel-body {
  padding: 15px 20px;
  border-top: none !important;
}

/*Checkbox List*/
.checkbox-list {
  margin-bottom: 0;
}

.checkbox-list li {
  margin-top: 10px;
}

.checkbox-list li:first-child {
  margin-top: 0;
}

.checkbox-list .checkbox {
  display: block;
  overflow: hidden;
  position: relative;
}

.checkbox-list .checkbox {
  color: #999;
  margin: 4px 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 25px;
  padding-left: 27px;
}

.checkbox-list .checkbox input {
  left: -9999px;
  position: absolute;
}

.checkbox-list .checkbox i {
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  outline: none;
  display: block;
  background: #fff;
  border-width: 2px;
  position: absolute;
  border-style: solid;
}

.checkbox-list .checkbox input + i:after {
  opacity: 0;
  position: absolute;
}

.checkbox-list .checkbox input + i:after {
  top: -3px;
  left: -2px;
  width: 15px;
  height: 15px;
  content: '\f00c';
  text-align: center;
  font: normal 8px/17px FontAwesome;
}

.checkbox-list .checkbox input:checked + i:after {
  opacity: 1;
}

.checkbox-list .checkbox i {
  border-color: #b6e888;
  transition: border-color 0.3s;
}

.checkbox-list .checkbox:hover i {
  border-color: #72c02c;
}

.checkbox-list .checkbox input:focus + i {
  border-color: #72c02c;
}

.checkbox-list .checkbox input + i:after {
  color: #72c02c;
}
.checkbox-list .checkbox input:checked + i {
  border-color: #72c02c;
}

.checkbox-list .checkbox small {
  float: right;
}

.checkbox-list .checkbox small a {
  color: #72c02c;
  font-size: 12px;
}

/*Slider Snap*/
.slider-snap {
  margin: 20px 0;
}

.slider-snap.noUi-background {
  box-shadow: inset 0px 1px 1px 0px #b5b5b5;
}

.slider-snap.noUi-connect {
  background: #72c02c;
}

.slider-snap.noUi-horizontal {
  height: 10px;
  background: #f8f8f8;
  border-radius: 4px !important;
}

.slider-snap.noUi-horizontal .noUi-handle {
  width: 25px;
  height: 20px;
  border-radius: 3px !important;
  box-shadow: 0 1px 1px 0 #b5b5b5;
}

.slider-snap .noUi-handle:before,
.slider-snap .noUi-handle:after {
  left: 9px;
  height: 7px;
}

.slider-snap .noUi-handle:after {
    left: 13px;
}

.slider-snap-text {
  text-align: center;
}

.slider-snap-text span {
  position: relative;
}

.slider-snap-text span + span:before {
  top: -2px;
  left: -15px;
  content: '\2013';
  position: absolute;
}

.slider-snap-text span:after {
  left: 0;
  top: -1px;
  content: "\0024";
  position: absolute;
}

.slider-snap-text span {
  color: #999;
  font-size: 16px;
  font-weight: 600;
  padding: 0 19px 0 11px;
}

/*Product Color List*/
.product-color-list {
  margin-bottom: 0;
  text-align: center;
}

.product-color-list .list-inline > li {
  padding-left: 0;
}

.product-color-list li {
  padding: 2px;
}

.product-color-list li img {
  width: 24px;
  height: 24px;
}

.product-color-list li:first-child {
  padding-left: 0;
}

/*Result Category*/
.result-category {
  overflow: hidden;
  margin-bottom: 5px;
}

.result-category h2 {
  float: left;
  font-size: 30px;
  margin-right: 20px;
  text-transform: uppercase;
}

.result-category .badge-results {
  top: 12px;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  position: relative;
}

/*Grid List Icons*/
.grid-list-icons {
  float: right;
  margin-top: 9px;
}

.grid-list-icons i {
  color: #fff;
  width: 30px;
  height: 30px;
  padding: 6px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  background: #72c02c;
  display: inline-block;
}

.grid-list-icons i:hover {
  background: #b6e888;
  text-decoration: none;
}

/*Sort List Button*/
.sort-list-btn {
  float: right;
  margin: 6px 15px 0 0;
}

.sort-list-btn h3 {
  float: left;
  color: #555;
  font-size: 14px;
  margin-right: 10px;
}

.sort-list-btn .btn {
  margin-top: 2px;
}

.sort-list-btn .btn .caret {
  margin-left: 50px;
}

.sort-list-btn .btn-default {
  color: #999;
  font-size: 13px;
  border-color: #dedede;
}

.sort-list-btn .btn-default:hover,
.sort-list-btn .btn-default:focus,
.sort-list-btn .btn-default:active,
.sort-list-btn .btn-default.active,
.sort-list-btn .open > .dropdown-toggle.btn-default {
  color: #999;
  box-shadow: none;
  background: inherit;
  border-color: #dedede;
}

.sort-list-btn .dropdown-menu {
  box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075);
}

.sort-list-btn .dropdown-menu li a {
  color: #999;
  font-size: 12px;
}

/*Filter Results*/
.filter-results {
  padding: 40px 0;
  margin-bottom: 30px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

/*Pagination v2*/
.pagination.pagination-v2 > li > a {
  padding: 5px;
  margin: 0 2px;
  min-width: 35px;
  border-color: #f0f0f0;
}

.pagination.pagination-v2 > li > a,
.pagination.pagination-v2 > li > span {
  background: #f7f7f7;
}

.pagination.pagination-v2 > li > a:hover,
.pagination.pagination-v2 > .active > a,
.pagination.pagination-v2 > .active > span,
.pagination.pagination-v2 > .active > a:hover,
.pagination.pagination-v2 > .active > span:hover,
.pagination.pagination-v2 > .active > a:focus,
.pagination.pagination-v2 > .active > span:focus {
  background: #72c02c;
  border-color: #72c02c;
}

/*Info Block v2
------------------------------------*/
/*Info Block v2*/
@media (min-width: 480px) {
  .info-block-v2 {
    margin: 0 120px 20px 0;
  }
}

.info-block-v2 i {
  float: left;
  color: #72c02c;
  font-size: 30px;
  margin: 7px 15px 0 0;
}

.info-block-in {
  overflow: hidden;
}

.info-block-in h3 {
  color: #555;
  font-size: 18px;
  margin: 0 0 5px;
}

/*Shopping Cart
------------------------------------*/
/*Coupon Code*/
.shopping-cart .coupon-code {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #eee;
}

.shopping-cart .coupon-code h3 {
  margin: 0;
  color: #687074;
  font-size: 18px;
}

.shopping-cart .coupon-code input {
  width: 60%;
  margin-right: 10px;
  display: inline-block;
}

/*Total Result*/
.shopping-cart .total-result li {
  display: block;
}

.shopping-cart .total-result li:after,
.shopping-cart .total-result li:before {
  content: " ";
  display: table;
}

.shopping-cart .total-result li:after {
  clear: both;
}

.shopping-cart .total-result li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #eee;
}

.shopping-cart .total-result h4 {
  float: left;
  margin-right: 15px;
}

.shopping-cart .total-result-in {
  overflow: hidden;
  text-align: right;
}

.shopping-cart .total-result-in h4,
.shopping-cart .total-result-in span {
  color: #687074;
  font-size: 18px;
}

.shopping-cart .total-result .total-price h4,
.shopping-cart .total-result .total-price span {
  font-weight: 600;
}

.shopping-cart .total-result .total-price h4 {
  margin: 0 auto;
}

.shopping-cart .total-result .total-price span {
  color: #e74c3c;
}

/*Table*/
.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > th,
.shopping-cart .table > tfoot > tr > th,
.shopping-cart .table > thead > tr > td,
.shopping-cart .table > tbody > tr > td,
.shopping-cart .table > tfoot > tr > td {
  border-top: none;
  vertical-align: middle;
}

.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > td {
  padding: 15px;
  text-align: center;
}

.shopping-cart .table > thead > tr > th {
  color: #687074;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.shopping-cart .table > tbody > tr > td {
  color: #888;
}

.shopping-cart .table > tbody > tr > td.shop-red {
  color: #e74c3c;
}

/*Product In Table*/
.shopping-cart .product-in-table {
  text-align: left !important;
}

.shopping-cart .product-it-in {
  overflow: hidden;
}

@media (min-width: 991px) {
  .shopping-cart .product-it-in {
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .shopping-cart .product-it-in {
    clear: both;
  }
}

.shopping-cart .product-in-table img {
  float: left;
  width: 120px;
  height: auto;
  padding: 10px;
  background: #fff;
  margin-right: 15px;
  border: 1px solid #eee;
}

.shopping-cart .product-in-table h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

/*Quantity Field Form*/
.shopping-cart .quantity-button {
  color: #888;
  width: 45px;
  height: 40px;
  padding: 5px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 18px;
  background: #eee;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
}

.shopping-cart .quantity-field {
  width: 45px;
  height: 40px;
  outline: none;
  margin: 0 -4px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  border: 1px solid #eee;
}

/*Close*/
.shopping-cart .close {
  opacity: 1;
  color: #888;
  font-size: 18px;
  padding-right: 10px;
}

.shopping-cart .close:hover {
  color: #555;
}

/*Billing Info*/
.shopping-cart h2.title-type {
  font-size: 16px;
  margin-left: 20px;
  text-transform: uppercase;
}

.shopping-cart .billing-info-inputs {
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #eee;
}

.shopping-cart .billing-info-inputs label {
  color: #555;
  margin-bottom: 0;
  vertical-align: middle;
}

.shopping-cart .billing-info-inputs input {
  min-height: 40px;
  border-color: #eee;
  margin-bottom: 10px;
}

.shopping-cart .billing-info-inputs .form-control {
  color: #888;
  box-shadow: none;
}

.shopping-cart .billing-info-inputs .form-control::-moz-placeholder {
  color: #888;
}
.shopping-cart .billing-info-inputs .form-control:-ms-input-placeholder {
  color: #888;
}
.shopping-cart .billing-info-inputs .form-control::-webkit-input-placeholder {
  color: #888;
}

/*Custom Form Horizontal*/
.cus-form-horizontal .form-group {
  margin: 0 0 15px;
  overflow: hidden;
  padding-bottom: 7px;
}

.cus-form-horizontal .form-group label {
  color: #555;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

.wizard > .content > .body .cus-form-horizontal input {
  color: #888;
  box-shadow: none;
  border-color: #eee;
}

.cus-form-horizontal .form-group input::-moz-placeholder {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.cus-form-horizontal .form-group input:-ms-input-placeholder {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.cus-form-horizontal .form-group input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.cus-form-horizontal .input-small-field a {
  top: 5px;
  color: #72c02c;
  position: relative;
  text-decoration: underline;
}

.cus-form-horizontal .input-small-field a:hover {
  color: #72c02c;
  text-decoration: none;
}

/*Payment Type*/
.cus-form-horizontal .payment-type li {
  margin-right: 10px;
}

.cus-form-horizontal .payment-type i {
  color: #888;
  font-size: 35px;
}

/*  */
.g-popup-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(62,71,87,.5);
  z-index: 9992;
}
@media (max-width: 600px) {
  .g-popup-wrapper {
    display: none !important;
  }
}

/* Wait FB Block */
.g-popup {
  z-index: 9993;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.g-popup--fb {
  width: 465px;
  background: #fff;
}
.g-popup--fb-title {
  background: #4867aa;
  color: #fff;
  position: relative;
}
.g-popup--fb-title:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 52px;
  width: 0;
  height: 0;
  border-left: 0 inset rgba(0,0,0,0);
  border-right: 22px inset rgba(0,0,0,0);
  border-top: 22px solid #4867aa;
}
.g-popup--fb__logo {
  display: block;
  padding: 25px 30px;
}
.g-popup--fb-message {
  border-top: solid 1px rgba(255,255,255,.3);
  padding: 30px;
  font-size: 20px;
  line-height: 1.3;
}
.g-popup--fb-widjet {
  padding: 45px 30px 30px;
}
.g-popup__close {
  color: #333;
  position: absolute;
  line-height: .9;
  font-size: 26px;
  opacity: 1;
  top: -13px;
  right: -13px;
  border-radius: 50% !important;
}
.g-popup__close:hover {
  text-decoration: none;
  color: #333;
}
.g-popup--fb__close,
.g-popup--fb__close:hover {
  color: #4867aa;
  background: #fff;
}

/* Wait Subscribe Block */
.g-popup--subscribe {
  width: 630px;
  background: #f7f7f7;
  padding: 70px 60px 50px;
  box-shadow: 0 0 5px #bbb;
}
.g-popup--subscribe h2 {
  margin: 0 0 30px;
}
.g-popup--subscribe .sky-form {
  border: none;
}
.g-popup--subscribe .sky-form section {
  margin-bottom: 0;
}
.g-popup--subscribe label {
  width: 100%;
}
.g-popup--subscribe .sky-form .input input,
.g-popup--subscribe .sky-form .input input:active,
.g-popup--subscribe .sky-form .input input:focus,
.g-popup--subscribe .sky-form .input input:hover {
  font-weight: normal;
}
.g-popup--subscribe .no-spam {
  font-size: 13px;
  color: #aaa;
  padding-top: 25px;
}
.g-popup--subscribe__close,
.g-popup--subscribe__close:hover {
  color: #bbb;
  background: #fff;
}

/* Wait Subscribe Block */
.g-popup--subscribe2 {
  width: 560px;
  background: #72c02c;
  color: #fff;
}
.g-popup--subscribe2-message {
  padding: 50px 50px 40px;
}
.g-popup--subscribe2-message .icon {
  font-size: 62px;
  float: left;
  margin: 10px 30px 0 0;
}
.g-popup--subscribe2 h3 {
  color: #fff;
  font-size: 25px;
  margin: 0 0 10px;
}
.g-popup--subscribe2 p {
  color: #fff;
  margin-bottom: 0;
}
.g-popup--subscribe2 .sky-form {
  border: none;
  background: #15a187;
  padding: 40px 50px 35px;
}
.g-popup--subscribe2 .sky-form section {
  margin-bottom: 0;
}
.g-popup--subscribe2 label {
  width: 100%;
}
.g-popup--subscribe2 .sky-form .input input,
.g-popup--subscribe2 .sky-form .input input:active,
.g-popup--subscribe2 .sky-form .input input:focus,
.g-popup--subscribe2 .sky-form .input input:hover {
  background: #128772;
  border-color: #128772;
  color: #fff;
  box-shadow: none;
  height: 36px;
  font-weight: normal;
}
.g-popup--subscribe2 ::-webkit-input-placeholder {
  color: #fff;
}
.g-popup--subscribe2 :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.g-popup--subscribe2 ::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
.g-popup--subscribe2 :-ms-input-placeholder {
  color: #fff;
}

.g-popup--subscribe2 .btn-default,
.g-popup--subscribe2 .btn-default.active,
.g-popup--subscribe2 .btn-default:active,
.g-popup--subscribe2 .btn-default.hover,
.g-popup--subscribe2 .btn-default:hover,
.g-popup--subscribe2 .btn-default.focus,
.g-popup--subscribe2 .btn-default:focus {
  color: #72c02c;
  border-color: #fff;
  background: #fff;
}
.g-popup--subscribe2__close,
.g-popup--subscribe2__close:hover {
  color: #72c02c;
  background: #fff;
}

/* Wait Subscribe Block */
.g-popup--subscribe3 {
  width: 460px;
  height: 460px;
  background: #72c02c;
  color: #fff;
  border-radius: 50% !important;
  text-align: center;
  padding: 110px 80px 80px;
}
.g-popup--subscribe3 h3 {
  color: #fff;
  font-size: 25px;
  line-height: 1.4;
  margin: 0 0 20px;
}
.g-popup--subscribe3 p {
  color: #fff;
  margin-bottom: 30px;
}
.g-popup--subscribe3 .sky-form {
  border: none;
}
.g-popup--subscribe3 .sky-form section {
  margin-bottom: 0;
}
.g-popup--subscribe3 label {
  width: 100%;
}
.g-popup--subscribe3 .sky-form .input input,
.g-popup--subscribe3 .sky-form .input input:active,
.g-popup--subscribe3 .sky-form .input input:focus,
.g-popup--subscribe3 .sky-form .input input:hover {
  color: #fff;
  height: 36px;
  box-shadow: none;
  background: #128772;
  font-weight: normal;
  border-color: #128772;
}
.g-popup--subscribe3 ::-webkit-input-placeholder {
  color: #fff;
}
.g-popup--subscribe3 :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.g-popup--subscribe3 ::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
.g-popup--subscribe3 :-ms-input-placeholder {
  color: #fff;
}

.g-popup--subscribe3 .btn-default,
.g-popup--subscribe3 .btn-default.active,
.g-popup--subscribe3 .btn-default:active,
.g-popup--subscribe3 .btn-default.hover,
.g-popup--subscribe3 .btn-default:hover,
.g-popup--subscribe3 .btn-default.focus,
.g-popup--subscribe3 .btn-default:focus {
  color: #72c02c;
  border-color: #fff;
  background: #fff;
}
.g-popup--subscribe3__close,
.g-popup--subscribe3__close:hover {
  color: #72c02c;
  background: #fff;
  top: 55px;
  right: 55px;
}

/* Wait Discount Block */
.g-popup--discount {
  width: 380px;
  height: 380px;
  background: #72c02c;
  color: #fff;
  text-align: center;
  padding: 62px 52px 20px;
}
.g-popup--discount h3 {
  color: #fff;
  font-size: 64px;
  font-weight: 800;
  line-height: 1;
  margin: 0 0 7px;
  text-transform: uppercase;
}
.g-popup--discount p {
  color: #fff;
  font-size: 17px;
}
.g-popup--discount .sky-form {
  border: none;
}
.g-popup--discount .sky-form section {
  margin-bottom: 0;
}
.g-popup--discount label {
  width: 100%;
}
.g-popup--discount .sky-form .input input,
.g-popup--discount .sky-form .input input:active,
.g-popup--discount .sky-form .input input:focus,
.g-popup--discount .sky-form .input input:hover {
  background: #128772;
  border-color: #128772;
  color: #fff;
  box-shadow: none;
  height: 36px;
  font-weight: normal;
}
.g-popup--discount ::-webkit-input-placeholder {
  color: #fff;
}
.g-popup--discount :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.g-popup--discount ::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
.g-popup--discount :-ms-input-placeholder {
  color: #fff;
}

.g-popup--discount .btn-default,
.g-popup--discount .btn-default.active,
.g-popup--discount .btn-default:active,
.g-popup--discount .btn-default.hover,
.g-popup--discount .btn-default:hover,
.g-popup--discount .btn-default.focus,
.g-popup--discount .btn-default:focus {
  color: #72c02c;
  border-color: #fff;
  background: #fff;
}
.g-popup--discount__close,
.g-popup--discount__close:hover {
  color: #72c02c;
  background: #fff;
}

/* Wait Discount2 Block */
.g-popup--discount2 {
  width: 680px;
  background: #72c02c;
  color: #fff;
}
.g-popup--discount2 img {
  float: right;
}
.g-popup--discount2-message {
  width: 410px;
  padding: 75px 50px 50px;
  float: left;
}
.g-popup--discount2 h3,
.g-popup--discount2 h4 {
  color: #fff;
  font-size: 35px;
  line-height: 1.4;
  margin: 0 0 15px;
}
.g-popup--discount2 h3 {
  text-transform: uppercase;
}
.g-popup--discount2 h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
.g-popup--discount2 p {
  color: #fff;
  margin-bottom: 30px;
}
.g-popup--discount2 label {
  width: 100%;
}
.g-popup--discount2 .sky-form .input input,
.g-popup--discount2 .sky-form .input input:active,
.g-popup--discount2 .sky-form .input input:focus,
.g-popup--discount2 .sky-form .input input:hover {
  background: #128772;
  border-color: #128772;
  color: #fff;
  box-shadow: none;
  height: 36px;
  font-weight: normal;
}
.g-popup--discount2 ::-webkit-input-placeholder {
  color: #fff;
}
.g-popup--discount2 :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.g-popup--discount2 ::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
.g-popup--discount2 :-ms-input-placeholder {
  color: #fff;
}
.g-popup--discount2 .btn-default,
.g-popup--discount2 .btn-default.active,
.g-popup--discount2 .btn-default:active,
.g-popup--discount2 .btn-default.hover,
.g-popup--discount2 .btn-default:hover,
.g-popup--discount2 .btn-default.focus,
.g-popup--discount2 .btn-default:focus {
  color: #72c02c;
  border-color: #fff;
  background: #fff;
}
.g-popup--discount2__close,
.g-popup--discount2__close:hover {
  color: #72c02c;
  background: #fff;
}

/*--------------------------------------------------
  [Other Styles]
----------------------------------------------------*/
/*Accordion v2
------------------------------------*/
.accordion-v2 .panel {
  box-shadow: none;
}

.accordion-v2 .panel-default {
  border-color: #eee;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}

.accordion-v2 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.accordion-v2 .panel-heading a {
  color: #555;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
  background: #f8f8f8;
}

.accordion-v2 .panel-heading a.active:before {
  content: "\f068";
}

.accordion-v2 .panel-heading i {
  font-size: 20px;
  vertical-align: middle;
}

.accordion-v2 .panel-heading a:hover {
  color: #333;
  text-decoration: none;
}

/*Plus Toggle*/
.accordion-v2.plus-toggle .panel-heading a:before {
  color: #fff;
  width: 20px;
  height: 20px;
  padding: 5px 0;
  font-size: 10px;
  content: "\f068";
  line-height: 12px;
  margin-right: 10px;
  text-align: center;
  background: #72c02c;
  display: inline-block;
  font-family: FontAwesome;
}
.accordion-v2.plus-toggle .panel-heading a.collapsed:before {
  content: "\f067";
}

.accordion-v2.plus-toggle .panel-body {
  padding-left: 50px;
}

/*Breadcrumbs v4
------------------------------------*/
.breadcrumbs-v4 {
  width: 100%;
  padding: 25px 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/breadcrumbs-img.jpg);
  background-size:cover;
}

.breadcrumbs-v4:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.3);
}

.breadcrumbs-v4 .container {
  position: relative;
}

.breadcrumbs-v4 span.page-name {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 200;
  margin: 0 0 5px 3px;
}

.breadcrumbs-v4 h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 200;
  margin: 0 0 20px;
  line-height: 50px;
  text-transform: uppercase;
}

.breadcrumbs-v4 .breadcrumb-v4-in {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.breadcrumbs-v4 .breadcrumb-v4-in > li {
  color: #fff;
  font-size: 13px;
  display: inline-block;
}

.breadcrumbs-v4 .breadcrumb-v4-in > li + li:before {
  color: #fff;
  content: "\f105";
  margin-left: 7px;
  padding-right: 8px;
  font-family: FontAwesome;
}

.breadcrumbs-v4 .breadcrumb-v4-in li a {
  color: #fff;
}

.breadcrumbs-v4 .breadcrumb-v4-in li.active,
.breadcrumbs-v4 .breadcrumb-v4-in li a:hover {
  color: #72c02c;
  text-decoration: none;
}

@media (max-width: 768px) {
  .breadcrumbs-v4 {
    text-align: center;
  }

  .breadcrumbs-v4 span.page-name {
    font-size: 18px;
  }

  .breadcrumbs-v4 h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

/*Breadcrumbs v5
------------------------------------*/
.breadcrumb-v5 {
  padding: 20px 0;
  list-style: none;
}

.breadcrumb-v5 > li {
  color: #999;
  font-size: 18px;
  display: inline-block;
}

.breadcrumb-v5 > li + li:before {
  color: #ccc;
  content: "\f105";
  margin-left: 7px;
  padding-right: 8px;
  font-family: FontAwesome;
}

.breadcrumb-v5 li h1 {
  margin: 0;
}

.breadcrumb-v5 li a {
  color: #999;
}

.breadcrumb-v5 li i {
  margin: 0 auto;
  font-size: 18px;
}

.breadcrumb-v5 li.active,
.breadcrumb-v5 li a:hover {
  color: #72c02c;
  text-decoration: none;
}

/*Full Width*/
.full-width {
  width: 100%;
}
/*Half Width*/
.half-width {
  width: 50%;
}

/*Shop Color Red*/
.shop-red {
  color: #e74c3c;
}

.shop-green {
  color: #72c02c;
}

/*Shop Background Red*/
.shop-bg-red {
  background: #e74c3c;
}

.shop-bg-green {
  background: #72c02c;
}

.shop-rgba-red {
  background: rgba(201,37,60,0.5);
}

.shop-rgba-dark-green {
  background: rgba(24,171,155,0.5);
}

.shop-rgba-dark {
  background: rgba(0,0,0,0.5);
}

/*Button Sea Shop*/
.btn-u.btn-u-sea-shop {
  background: #72c02c;
}
.btn-u.btn-u-sea-shop:hover,
.btn-u.btn-u-sea-shop:focus,
.btn-u.btn-u-sea-shop:active,
.btn-u.btn-u-sea-shop.active,
.open .dropdown-toggle.btn-u.btn-u-sea-shop {
  background: #5c9c24;
}
.btn-u.btn-u-split-sea.dropdown-toggle {
  border-left: solid 1px #5c9c24;
}

/*Button Bordered Sea Shop*/
.btn-u.btn-brd.btn-u-sea-shop {
  color: #72c02c;
  background: none;
  border-color: #72c02c;
}
.btn-u.btn-brd.btn-u-sea-shop:hover {
  color: #72c02c;
  border-color: #72c02c;
}
.btn-u.btn-brd.btn-u-sea-shop.btn-brd-hover:hover {
  background: #72c02c;
}

/*Label Danger Shop*/
.label.label-danger-shop {
  color: #fff;
  font-size: 9px;
  padding: 1px 5px;
  background: #e74c3c;
  text-transform: uppercase;
}

/*Removes Bootstrap carousel background images*/
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

/*RGBA Banner*/
.rgba-banner-position {
  position: relative;
}

.rgba-banner {
  top: 20px;
  right: -5px;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}

.rgba-banner-v2 {
  right: 0;
  top: 20px;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}

/*Master Slider
------------------------------------*/
.ms-showcase2-template {
  margin: 0 auto;
  max-width: 550px;
}
.ms-showcase2-template .ms-view {
  background: transparent;
}

/*Revolution Slider (Main)
------------------------------------*/
.tp-banner-container ul li,
.fullscreenbanner-container ul li {
  list-style: none;
  visibility: hidden;
}

.tp-bullets.preview4 .bullet {
  border-radius: 10px !important;
}

.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover {
  color: #fff;
  border: solid 1px transparent;
}

.tp-banner-container a.re-btn-brd {
  background: none;
  border: solid 1px #fff;
}

.tp-banner-container a.re-btn-brd:hover {
  color: #555;
  background: #fff;
}

/*Fullwidth*/
.tp-banner-container .btn-u.btn-brd {
  font-weight: 400;
}

.tp-banner-container {
  position: relative;
}

/*Fullscreen*/
.fullscreen-container {
  width:100%;
  position:relative;
  padding:0;
}

/*Slider Contents v1*/
.revolution-mch-1:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  position: absolute;
  background: rgba(0,0,0,0.3);
}

.revolution-ch1 {
  color: #fff;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  padding: 30px 50px;
  text-align: center;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch2 {
  color: #fff;
  font-size: 30px;
  max-width: 470px;
  line-height: 32px;
  position: relative;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch2:after {
  left: 50%;
  width: 70px;
  height: 2px;
  content: ' ';
  bottom: -20px;
  background: #fff;
  margin-left: -35px;
  position: absolute;
}

.revolution-ch3 {
  color: #fff;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch4 {
  color: #fff;
  font-size: 18px;
  max-width: 300px;
  line-height: 30px;
  text-align: right;
  position: relative;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

.revolution-ch5 {
  color: #fff;
  font-size: 50px;
  font-weight: 200;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

/*Back to top Button
------------------------------------*/
#topcontrol {
  color: #fff;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  background: #222;
  position: relative;
  right: 14px !important;
  bottom: 11px !important;
  border-radius: 3px !important;
}

#topcontrol:after {
  left: 8.5px;
  content: "\f106";
  position: absolute;
  text-align: center;
  font-family: FontAwesome;
}

#topcontrol:hover {
  color: #fff;
  background: #72c02c;
  transition: all 0.3s ease-in-out;
}




/* CSS talk bubble */
.talk-bubble {
  margin: 5px 5% 10px;
  display: inline-block;
  position: relative;
  width: 90%;
  height: auto;
  background-color: #bbe3fd;
  padding:15px;
  border-radius: 10px !important;
}
.border{
  border: 8px solid #666;
}
.round{
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

.tri-right.border.btm-left:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -8px;
  right: auto;
  top: auto;
  bottom: -40px;
  border: 32px solid;
  border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0px;
  right: auto;
  top: auto;
  bottom: -20px;
  border: 22px solid;
  border-color: transparent transparent transparent #bbe3fd;
}

.answer_left, .answer_left *, .test_container blockquote div.lead, .test_container blockquote div.lead p, .text_left_all, .text_left_all * {
    text-align: left;
}

.gsx_home{background:#fff;}
.gsx_home .homepage_sec .course_btm{background:#159856;}
.gsx_home .homepage_sec .course_btm.list-inline li i, .gsx_home .homepage_sec .course_btm.list-inline li span{color:#fff;}
.gsx_home .homepage_sec .course_btm.list-inline li span{font-size:12px;}
.gsx_home .homepage_sec .new_listing .course_btm{padding:5px 10px;}

.poiz_home{background:#fff;}
.poiz_home .thumbnail-style{padding:0; box-shadow:0 0 0;}

.block-description.product_list .thumbnail-style{box-shadow:0 0 0; cursor:pointer;}
.block-description.product_list .thumbnail-style .thumbnail-img{outline:solid 1px #b3b3b3;}
.block-description.product_list .thumbnail-style:hover .thumbnail-img{outline:solid 3px #91c145;}
.block-description.product_list .clst h3 a{font-weight:600;}
.block-description.product_list .thumbnail-kenburn .caption p.desc{max-height:38px; margin:0; overflow:hidden;}

.shop-product .tab-content ul{padding-left:15px; list-style: circle;}

.product_thumbnail{width: 20%; float:left; padding:5px; cursor:pointer}
.product_thumbnail img{border:3px solid #fff; outline:2px solid #bbb;}
.product_thumbnail.active img, .product_thumbnail:hover img{outline:2px solid #72c02c;}
div.product_thumbnail:nth-child(1){padding-left:0;}
div.product_thumbnail:nth-child(5){padding-right:0;}

.main_banner_search_holder{padding:50px; background:rgba(0, 0, 0, 0.50); position:absolute; left:34%; top:28%; width:35%;}
.main_banner_search{border-radius:5px!important; overflow:hidden; -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.31); -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.31); box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.31);}
.main_banner_search input{font-size:20px; line-height:50px; padding:10px; height:50px;}
.main_banner_search button{line-height:12px; padding:10px 15px; height:50px;  background-color: #8BC34A; border-color:#8BC34A;}
.main_banner_search input::-webkit-input-placeholder, .main_banner_search input::-webkit-input-placeholder{color:#ccc; font-style:italic;}
.search_result{color:#3498db; font-size:26px; }
.search_result span{color:orange;}

.slider_full_middle > div.teacher_quick_summary, .slider_full_middle > div.school_info{background:rgba(0, 0, 0, 0.50); height:60px; line-height:60px; position:absolute; left:0; right:0; bottom:0; z-index:1000;}
.teacher_quick_summary ul, .school_info ul{margin:0 30px;}
.teacher_quick_summary li, .school_info li{float:left; color:#fff; margin-right:20px;}
.teacher_quick_summary li a, .school_info li a{color:#fff;}

.slider_full_middle > div.teacher_profile{position: absolute; z-index: 1000; left: 0; top: 0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.25);}
.teacher_profile img{width:160px; height:160px; float:left; border-radius:50% !important; margin:45px 0 0 30px; border:solid 2px #fff;}
.teacher_info{width:60%; float:left; margin-left:30px; color:#fff; padding-top:30px;}
.teacher_info h1, .teacher_info p{color:#fff;}
.teacher_info .average span{color:#fff; padding:0; padding-right:10px;}

.commenter{text-align:center;}
.commenter img{width:60px; height:60px; border-radius:60px !important;}
.commenter .author{float:left; width:100%;}
.commenter .author span{font-size:11px; color:#ccc; float:left; width:100%;}

.main_banner_search_subholder{float:right; width:30%;}
.main_banner_search_subholder .main_banner_search{box-shadow:0 0 0; margin: 1px 10px 0 0; border: solid 1px #8bc34a; background:#8bc34a;}
.main_banner_search_subholder .main_banner_search input{height:30px; line-height:30px; padding:5px 10px; font-size:16px; border:none;}
.main_banner_search_subholder .main_banner_search button{height:30px;}
.main_banner_search_subholder .main_banner_search button{padding: 5px 13px;}

.company_details{float:left; margin-bottom:3px}
.company_details li{float:left; padding-right:5px}

/* How it Works */

.timeline {
  overflow: hidden;
  padding-top: 50px;
  position: relative;
}

.timeline .line {
  background-color: #d2d2d2;
  height: 75%;
  left: 50%;
  margin: 0 -2px;
  position: absolute;
  top: 113px;
  width: 4px;
}

.how {
  clear: both;
  margin: 0;
  padding: 0 0 3em;
  position: relative;
  width: 369px;
}

.how.left {
  float: left;
  margin-left: 252px;
}

.how.right {
  float: right;
  margin-right: 242px;
  width: 377px;
}

.how.left img {
  float: right;
}

.how.right img {
  float: left;
  margin-right: 20px;
}

.how .title {
  color: #1e2c35;
  display: block;
  font-size: 21px;
  font-weight: 500;
}

.how .title:hover {
  color: #335d82;
}

.how .text {
  color: #1e2c35;
  display: block;
  font-size: 15px;
  line-height: 25px;
}

.zone-title{color:#00aeef; padding:1px 3px; background:#fff; float:left}
.zone-title.yourlocation{color:red}
.custom-marker.zone-title{background:transparent; padding:0; float:none;}

.instructor .testimonials-v6 .testimonials-info{min-height:160px;}

.breadcrumbs-v3.text_align{padding-top:20px; padding-bottom:180px;}
.breadcrumbs-v3.text_align h1{text-transform: none; text-align: left; width: 50%; margin-left:20px; font-size: 26px; padding:0px 10px; background: rgba(0,0,0,0.57);
background: -moz-linear-gradient(left, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.57)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.57) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );}



.html_faq h3{font-size:20px;}

/*.sidebar.alter .list-group-item{background:#eaeaea; border:none;}*/

.fullwidth_header{margin-top:15px;}
.hdr_grn{background:#8DC63F; color:#fff;}
.hdr_dark_orange{background:#D27441; color:#fff;}
.header .fullwidth_header .navbar-nav > li:first-child > a{padding-left:0;}
.header .fullwidth_header .navbar-nav > li > a{color:#fff;}
.header .fullwidth_header .navbar-nav{float:left; width:100%;}
.header .fullwidth_header .navbar-nav > li > a:hover, .header .fullwidth_header .navbar-nav > .active > a{border:none; color:yellow;}

.sub_category li{display:inline-block;}
.sub_category li a{padding:10px; text-transform:uppercase; font-size:12px; font-weight:600;}
.sub_category li:first-child a{padding-left:0px;}

.header{border-bottom:0;}

.average.full-width textarea{display:none;}
.average.full-width textarea.active{display:block;}

.no_record{background:#f7f7f7; border:solid 10px #fff; padding:30px 15px; font-weight:600; font-size:20px; text-align:center; margin-bottom:15px; color:#777;}
td .no_record{border:0;}

.teacher_page .headline{margin-bottom:10px;}

.help_page{padding:15px; float:left; width:100%;}
.help_page ul{width:100%; float:left; margin:0;}
.help_page h3{width:100%; float:left;}
.help_page ul li a{color:#72c02c;}
.help_page li{margin-bottom:15px; font-size:15px;}
.help_page li:first-child{padding-left:15px;}
.help_page img{width:70%; margin:10px 15% 30px;}

.custom_rating{color:#72c02c; font-size: 16px; cursor: pointer; outline:none; float:left;}
.custom_rating span{outline:none}
span.rating_value{float: left; line-height: 26px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #727272;}
.fa-star.off{color:#ddd}
.rating_text{text-align:center; font-size:20px; color:#999; background:#f7f7f7; padding:20px;}

.profile-event.map_list:hover,.profile-event.map_list.active{background:#c3e2fd}


.bookmark, .bookmarked{ text-transform:uppercase; font-size:11px; padding:2px 8px; font-weight:600; border:solid 1px; white-space:nowrap;}
.bookmark{background:#e74c3c; color:#fff;}
.bookmark:hover{color:#fff;}
.bookmarked{background:#fff;color:#e74c3c;}
.bookmarked:hover{color:#e74c3c;}

.multi_banner_container{position: relative; padding-bottom: 46.25%; height: 0;}
.multi_banner{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.multi_banner img{min-height:100%; width:100%; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.multi_banner img:hover{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.multi_banner a{position:relative; display:block;}
.multi_banner a > h3{color:#fff; font-size:1.6em; padding:0.5em 1em 0.5em 0.5em; max-width:85%; margin:0; position:absolute; left:0; bottom:10%; background: rgba(0, 0, 0, 0.7); text-transform:uppercase; overflow: hidden; text-overflow: ellipsis;}



.banner-left, .banner-right, .banner-top-row, .banner-bottom-row{overflow:hidden}
.banner-left, .banner-right{float:left; width:40%; overflow:hidden; height:100%; position:relative;}
.banner-left a, .banner-top-row a, .banner-bottom-row a{overflow:hidden;}
.banner-left a{width: 100%;}
.banner-right{width:60%;}
.banner-top-row a{width:33.3%; float:left; height:100%}
.banner-top-row a + a + a{width:33.4%;}
.banner-bottom-row a{width:66.6%; float:left; height:100%}
.banner-bottom-row a + a{width:33.4%; float:left}
.banner-top-row{position: relative; padding-bottom: 44.1%; height: 0;}
.banner-bottom-row{position: relative; padding-bottom: 33.0%; height: 0;}
.bnr_hgt_fix{height:100%; position:absolute; left:0; top:0; right:0; bottom:0;}

.tab_top_button{position:absolute; top:-50px; right:15px;}

.name-location > span{float:left; width:100%; margin-bottom:10px;}



.ppt_image{height:100%; position: relative; background: #fff; border: #bcd6b9 solid 1px;}
.ppt_image img{max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; min-height:100%;}


.tag-box.tag-box-v2.unformat p img{width:100% !important;}
.blog-page .tag-box.tag-box-v2.unformat p img{width:auto !important;}
.blog-page.blog-item .media .media-body img{max-height:inherit;}
.mbl_cntnr .blog-page .tag-box.tag-box-v2.unformat p img{width:100% !important;}
.mbl_cntnr .blog-page.blog-item .media .media-body img{max-height:250px;}
.frm .tag-box.tag-box-v2.unformat p img{width:auto !important; max-width:100% !important; max-height:1000px !important;}
.profile .media.media-v2 .media-body .unformat p{float:left !important; width:100% !important;}
.visible_hidden{visibility: hidden;}
.myspace .service-block .visible_hidden{display:inline-block; width:1px; padding:0; margin-left:-4px;}
.input-group.top-search .btn-primary{background:#8BC34A; border-color:#8BC34A;}
.input-group.top-search .btn-default{background: #F44336; color: #fff; border-color: #F44336;}


.new_listing.video_listing .caption b{font-size:9px; margin:3px 0 10px 0; letter-spacing:1px; float:left; color:#fff; background:#FF9800; padding:2px 8px; border-radius:10px !important; text-transform:uppercase}

.new_listing.video_listing .course_btm{background:#d25417; color:#fff; }
.new_listing.video_listing .course_btm.list-inline li i, .new_listing.video_listing .course_btm.list-inline li span{color:#fff;}
.new_listing.video_listing .course_btm.list-inline li span{font-size:14px;  color:#fff;}

.thumbnail-style.new_listing.video_listing .thumbnail-img{margin-bottom: 32px;}
.new_listing.video_listing .course_btm{padding-top: 5px; bottom:inherit; margin-bottom: 0px; position: absolute; left: 0px; right: 15px; top: 160px; padding: 3px 10px; min-height:30px;}
.new_listing.video_listing .course_btm li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color:#fff;}
.new_listing.video_listing .course_btm:hover li{white-space: inherit; overflow: visible; text-overflow: inherit;}
.new_listing.video_listing .caption{height:140px; margin:0;}
.mbl_cntnr .new_listing.video_listing .caption{height:70px; margin:0px;}
.mbl_cntnr .block-description .new_listing.video_listing .course_btm{bottom:20px;}
.new_listing.video_listing .list_reviews{float:right;}
.homepage_sec .new_listing.video_listing .course_btm{left:0;}

.table_title{background:#FFC107; color:#fff; float: left; padding: 2px 10px; border-radius: 10px 10px 0 0 !important; margin-top: 10px;}

.share_icon{font-size:16px; background:#5bc0de; color:#fff;text-transform: uppercase; font-size: 11px; padding: 2px 8px; font-weight: 600; cursor:pointer;}
.share_icon:hover{color:#fff;}

.share_buttons button{width:100%; margin-bottom:20px; color:#fff;}
.share_buttons button.share_fb{background:#4867AA;}
.share_buttons button.share_ttr{background:#1DA1F2;}
.share_buttons button.share_ggl{background:#DD5044;}
.share_buttons button.share_ln{background:#0274B3;}

.headline.mrg_adj{margin-bottom:15px;}

.gsx_footer .container{padding:0 100px; font-size:12px;}
.footer-v1 .gsx_footer .footer h2{font-size:13px; font-weight:600;}
.footer-v1 .gsx_footer .link-list li{border:none;}
.gsx_footer .footer .link-list a{font-size:12px;}
.gsx_footer .newsletter{width:90%;}
.gsx_footer .newsletter input{width:49%; float:left; line-height:34px; border-radius:3px !important; padding:0 10px;}
.gsx_footer .newsletter input + input{width:50%; margin-left:1%;}
.gsx_footer .newsletter button{background:transparent; color:#fff; border:none; float:right; margin-top:5px;}
.gsx_footer .newsletter button:hover{color:yellow;}
.gsx_footer .footer-socials{text-align:right;}
.gsx_footer .footer-socials li{display:inline; color:#fff;}
.gsx_footer .footer-socials li a{color:#fff; font-size:12px;}
.footer-v1 .gsx_footer .copyright{background:transparent;}
.footer-v1 .gsx_footer .copyright .container{line-height:40px; border-top:solid 1px rgba(255, 255, 255, 0.15);}

.banner_text{position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top:10%;}
.banner_text h2{color:#fff; width:47%; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-weight:100; font-size:40px; line-height: 42px; margin-top: 7px; padding:10px; border-radius:10px !important; background:rgba(0, 0, 0, 0.10); text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.80);}
.banner_text .main_banner_search{width:300px; border-radius: 18px!important;}
.banner_text .main_banner_search input{font-size:13px; border:none; background: rgba(255, 255, 255, 0.80); height: 40px;}
.banner_text .main_banner_search .input-group-addon{padding-right:0;  background: rgba(255, 255, 255, 0.80);}
.banner_text .main_banner_search .input-group-btn button{height: 40px;}
.banner_text .main_banner_search .input-group-addon .fa{color: green; font-size: 12px;}
.banner_text .main_banner_search input::-webkit-input-placeholder, .main_banner_search input::-webkit-input-placeholder{font-style:normal; color:#555;}
.banner_text .btn-u{background:#029347; padding:6px 20px}

.search_container{width:100%; float:left;}
.search_container .srch input{padding:0 15px; border-right:none; width:100%; line-height:32px;}
.search_container button{border-radius:5px !important;}
.search_container > div{float:left;}
.search_container > div label{font-size:12px; color:#fff; font-weight:normal;}
.search_container .srch{width:41%;}
.search_container .crstyp{width:17%}
.search_container .fld{width:28%}
.search_container .drtn{width:20%;}
.search_container .srch input{border-radius:5px 0 0 5px !important;}
.search_container .drtn select{border-radius:0 5px 5px 0 !important; border-left:none;}
.search_container .srch input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button{height:34px;}
.search_container .crstyp select option:hover{background:red;}
.search_container .selectize-control > .selectize-dropdown{max-height: 150px; overflow: auto; -webkit-overflow-scrolling: auto; width:300px; float:left;}
.search_container .ui-select-match{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; float:left;}


.info_purchase{text-align:center; color:#777;}
.info_purchase.text-left{text-align:left;}
.pricing_info{margin:0 0 15px 0; float:left; width:100%;}
.pricing_info .cf_info .cf_text{color: #5fb611; font-weight: bold;}

.course_btm.list-inline li.list_price span{font-size:12px; color:#fff; font-weight:600; letter-spacing:0.5px;}

.login_popup .radio input[type="radio"], 
.login_popup .radio-inline input[type="radio"], 
.login_popup .checkbox input[type="checkbox"], 
.login_popup .checkbox-inline input[type="checkbox"]{margin-left: -15px;}

.gsx_course.home_new .headline{border:none; color:#292929;}
.gsx_course.home_new .headline h2{background:#fff; color:#292929; padding-right:20px;}
.gsx_course.home_new .headline:before{content:''; border-bottom:solid 1px ; float:left; width: 100%; position: relative; top: 17px; z-index: -1;}
.gsx_course .thumbnail-style{padding:0; box-shadow:0 0 0 transparent;}
.gsx_course .thumbnail-img{margin-bottom:20px;}
.gsx_course .new_listing .list_rating > .custom{margin-top: 8px;}
.gsx_course .new_listing .list_reviews{float:left; font-weight:600; line-height:14px; color:#898989; margin-left:10px; margin-top:8px;}
.gsx_course .caption h3{margin-bottom:0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:5px;}
.gsx_course .caption h3 a{font-size:13px !important; font-weight:600; color:#2096f3;}
.gsx_course .caption p{font-weight:600; font-size:11px; margin:0; color:#444444; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:45px; line-height:15px;}
.gsx_course .list_rating{height:40px;}
.gsx_course .rating li{color:#b9b9b9; font-size:12px; margin-right:7px; cursor:default;}
.gsx_course .rating li:nth-child(5){margin-right:0;}
.gsx_course .average-rating-container{width:95px;}
.gsx_course .course_info li{background:#f06eaa; color:#fff; padding:3px 10px 5px; display:inline-block; margin-left:-4px; width:60px; height:40px; text-align:center;}
.gsx_course .course_info li img{display:inline-block; margin-bottom:3px;}
.gsx_course .course_info li:nth-child(2){background:#1cbbb4;}
.gsx_course .course_info li:nth-child(3){background:#448ccb;}
.gsx_course .course_info li i{font-size:13px; line-height:18px; width:100%; margin-bottom:3px;}
.gsx_course .course_info li span{font-size:11px; position:relative; top:-5px; width:100%; float:left;}
.gsx_course .new_listing .caption{height:160px;}
.gsx_course .new_listing .caption.hgt_adjst{height:210px;}

.top_search{display:none;}
.top_search .srch_cls{display:none;}

.gsx_language{float:right; height:65px; background:#029347; color:#fff;}
.gsx_language > a{line-height:65px; height:65px; color:#fff; margin:0 10px;}
.gsx_language > a .fa{font-size:11px; line-height:65px; vertical-align:top;}
.gsx_language > a .fa-globe{font-size:40px;}
.gsx_language ul{display:none; background:#029347; width:100%; text-align:center; padding-bottom:10px;}
.gsx_language:hover ul{display:block;}
.gsx_language ul li a{color:#fff;}
.lng_brdr{text-decoration:underline;}
.top_gsx_language{display:none !important;}
.logo_img{position: absolute; width: 250px; top: 35px;}


.crs_info{margin:0; height:20px;}
.crs_info li i{font-size:14px; line-height:20px; color: #fff;}
.multiple_course{position:relative; width:22px; height:20px; float:left; top:1px;}
.multiple_course i{font-size:10px; position:absolute; left:2px; bottom:2px; line-height:14px !important;}
.multiple_course i+i{bottom:auto; left:auto; top:2px; right:2px; color:#7a8a68;}

.thumbnail-style + .ribbon-horizontal-right .list-inline > li{padding:0; height:20px; vertical-align:top; color:#fff;}
.thumbnail-style + .ribbon-horizontal-right{right: -9px; background:#3F51B5; top:80%; height:20px; line-height:20px; width:auto; box-shadow: 3px 3px 3px #333;}
.thumbnail-style + .ribbon-horizontal-right:before{color:#3F51B5; border-top:0; border-bottom: 20px solid transparent;}
.thumbnail-style + .ribbon-horizontal-right:after{border-color: transparent transparent #161f4c #161f4c;}


.slick_left,
.slick_right
{
    font-size: 36px;
    line-height: 36px;

    position: absolute;
    top: 50%;

    display: block;

    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: #555;
    border: none;
    outline: none;
    background: transparent;
}
.slick_left:hover,
.slick_left:focus,
.slick_right:hover,
.slick_right:focus
{
    color: #444;
    outline: none;
    background: transparent;
}
.slick_left:hover i,
.slick_left:focus i,
.slick_right:hover i,
.slick_right:focus i
{
    opacity: 1;
}
.slick_left.slick-disabled i,
.slick_right.slick-disabled i
{
    opacity: .25;
}

.slick_left i,
.slick_right i
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.slick_left
{
    left: -15px;
}
[dir='rtl'] .slick_left
{
    right: -25px;
    left: auto;
}

.slick_right
{
    right: -15px;
}
[dir='rtl'] .slick_right
{
    right: auto;
    left: -25px;
}

.slick-prev:before, .slick-next:before{color:red}

.search_container .ui-select-container{width:100%; background:#fff; line-height:32px; outline:none; float:left; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.search_container .ui-select-choices-group{background: #fff; color: #000;}
.search_container .ui-select-choices-row-inner{padding: 0px 15px; color:#464646}
.search_container .ui-select-choices-row:hover{background:#009247; color:#fff;}
.search_container .ui-select-choices-row:hover .ui-select-choices-row-inner{color:#fff;}
.search_container .selectize-input.selectize-focus{padding:0 15px;}
.search_container .selectize-input{padding:0px 15px; border-left:1px solid #ccc; border-right:1px solid #ccc; float:left; width:100%;}
.search_container .selectize-control.single > .selectize-input > input{border:none; outline:none; width: 100% !important; line-height: 30px;}

.gsx_home .parallax-team.parallaxBg p{font-size:12px;}
.gsx_home .parallax-team.parallaxBg h4{margin-bottom:5px;}

.loader{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.50); text-align:center; z-index:1;}
.loader > img{margin-top:25%;}

.form_box{background:#fff; padding:15px;}
.form_box h4{border-bottom:solid 1px #ccc;}

.mid_line.headline:before {content: ''; border-bottom: solid 1px #ccc; float: left; width: 100%; position: relative; top: 15px; z-index: -1;}
.mid_line.headline h2{border:none; background:#EAEAEA; padding:0 10px;}
.mid_line.headline{margin-top:25px;}

.slick-slide .thumbnail-img a, .slick-slide .caption h3 a{cursor:pointer;}


.mbl_cntnr .mbl_assignment table{width:100% !important;}
.mbl_cntnr .mbl_assignment *{word-break: break-all;}


.login_bg_blue .modal-header{display:none;}

.course_progress h3.heading-xs.record_progress{margin-top:0; margin-bottom:5px;}
.course_progress h3.heading-xs.record_progress span{font-weight:normal;}

.thumbnails.favourite .caption{margin:5px 0 0;}
.thumbnails.favourite button.btn-u-red{position: absolute; right: 28px; bottom: 40px;}

.transparent_bg{position: fixed; top: 0;right:0; bottom: 0; left: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.5);}
.answer_float{position: fixed; z-index: 15; left:0; right:0; bottom:-3000px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }
.mbl_cntnr .answer_float{width:90%; margin:0 5%;}
.answer_float.active{bottom:0;}
.answer_float_trigger{position:fixed; z-index:10; left:0; right:0; bottom:0;}
.answer_float_trigger a{cursor:pointer; width:100%; float:left; background:#5fb611; color:#fff; padding:5px 15px; border-radius:8px 8px 0 0 !important;     font-weight: 500; text-align: center; font-size: 18px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;  -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.30);}
.answer_float_trigger:hover a{color:#fff; padding-bottom:10px;}
.answer_float_trigger .fa{font-weight:bold;}
.answer_float_trigger .fa-angle-down{display:none;}
.answer_float_trigger.active .fa-angle-up{display:none;}
.answer_float_trigger.active .fa-angle-down{display:inline-block;}
.answer_float .ta-editor.ta-html, .answer_float .ta-scroll-window.form-control, .answer_float .ta-scroll-window > .ta-bind{min-height:150px;}
.answer_float .ta-scroll-window > .ta-bind{min-height:150px; height:150px; overflow:auto; -webkit-overflow-scrolling: auto;}
.answer_float_container{background:#fff; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.30);}

.sgpower_login input.form-control{background:#fff; border-color:#b6e4e5; padding:5px 15px; border-radius:8px !important; height: 40px; line-height: 30px;}
.sgpower_login.edu_login input.form-control{border-color:#72c02c;}
.sgpower_login .has-error input.form-control{border-color: #ff1800;}
.sgpower_login .btn{background:#409d9e; color:#fff; padding:8px 10px; width:55%; border-radius:5px !important;}
.sgpower_login.edu_login .btn{background:#72c02c;}
.sgpower_login .btn+.btn{width:43%; background:#01b0b2;}
.sg_logo{width:200px; margin:30px;}
.sgpower_login a{color:#01b0b2;}
.sgpower_login.edu_login a{color:#72c02c;}

.edu_login .sg_form{background:rgba(255, 255, 255, 0.71); border-radius:10px !important; padding:20px 25px 60px;  -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);}


.mbl_cntnr .table > tbody > tr.info > th{font-size:12px;}
.mbl_cntnr .table > thead > tr > th, .mbl_cntnr .table > tbody > tr > th, .mbl_cntnr .table > tfoot > tr > th, .mbl_cntnr .table > thead > tr > td, .mbl_cntnr .table > tbody > tr > td, .mbl_cntnr .table > tfoot > tr > td{padding:8px 4px;}

.powered_by{background:rgba(0, 0, 0, 0.70); color:#ccc; font-size:12px; text-align:right; padding:5px 0;}
.powered_by a{font-weight:600; font-size:12px; color:#fff;}
.powered_by a img{height:16px; vertical-align:sub;}


.gsx_teacher_page .teacher_info{color:#000; text-align:left; width:100%; margin:0;}
.gsx_teacher_page .teacher_info h1, .gsx_teacher_page .teacher_info p{color:#000;}
.gsx_teacher_page .teacher_profile img{margin: 0; float:none; width:100%; height:auto; border-radius:0 !important;}
.gsx_teacher_page .teacher_profile average-star-rating{float: left; width: 100%; text-align: center;}
.gsx_teacher_page .teacher_profile .teacher_info h1{font-size:26px; margin-top:0;}
.gsx_teacher_page .teacher_profile .teacher_info .average{text-align:center}
.gsx_teacher_page .teacher_profile .teacher_info .average span{color:#000; float:none;}
.gsx_teacher_page .teacher_info .average span{color:#999; font-weight:normal;}
.gsx_teacher_page .teacher_profile .average.full-width .average-rating-container{float:none; margin:0 auto;}

.teacher_information{text-align:left; font-size:12px; color:#687074;}
.teacher_information > span{float:left; width:100%; margin-bottom:10px; border-bottom: solid 1px #ccc; padding: 5px 0 10px;}
.teacher_information b{float:left; width:20%;}

.home_live_course.glossary .service-block {padding: 15px 5px 1px;}
.home_live_course.glossary .white-bg{height:50px;}
.home_live_course.glossary .practice_list .white-bg{height:110px;}
.home_live_course.glossary .practice_list .white-bg p > span{float:left; width:70px;}
.home_live_course.glossary .practice_list .white-bg p > span b{text-align:left; float:left; width:95%}
.home_live_course.glossary .practice_list .white-bg p {text-align:right}
.home_live_course.glossary .white-bg a{color:#555;}

.btn_gsx{color:#fff; background: rgba(10,190,103,1);
background: -moz-linear-gradient(top, rgba(10,190,103,1) 0%, rgba(9,142,71,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(10,190,103,1)), color-stop(100%, rgba(9,142,71,1)));
background: -webkit-linear-gradient(top, rgba(10,190,103,1) 0%, rgba(9,142,71,1) 100%);
background: -o-linear-gradient(top, rgba(10,190,103,1) 0%, rgba(9,142,71,1) 100%);
background: -ms-linear-gradient(top, rgba(10,190,103,1) 0%, rgba(9,142,71,1) 100%);
background: linear-gradient(to bottom, rgba(10,190,103,1) 0%, rgba(9,142,71,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0abe67', endColorstr='#098e47', GradientType=0 );}

.btn_90width{width:90%;}
.btn_fullwidth{width:100%;}

.acrdn .btn{width:100%; text-align:left;}

.well{margin-bottom:0;}

.tab-v1 table.table.font_dec.notes_table tr th{background: #3498db; color: #fff;}
.tab-v1 table.table.font_dec.notes_table tr td{max-height:500px; overflow:auto; -webkit-overflow-scrolling: auto;}
.msg_style .panel-body .col-sm-4 .cursor-pointer + .cursor-pointer{border-top:solid 1px #eee;}
.msg_style .panel-body .col-sm-4 .cursor-pointer{border-top:none; padding:5px 0;}
.height_fix{max-height:500px; overflow:auto; -webkit-overflow-scrolling: auto;}
.height_fix span.courseware{float:left; width:100%; border: solid 1px #ddd; padding: 8px 10px;}
.height_fix span.courseware + span.courseware{border-top:none;}
.msg_style .accordian_container .panel-body{padding:5px 15px;}

/*Page Search
------------------------------------*/
/*Search Block*/
.search-block {
  padding: 80px 0;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.search-block:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.3);
}

.search-block h1 {
  color: #fff;
  font-size: 34px;
  font-weight: 200;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;  
}

.search-block .input-group {
  margin-bottom: 10px;
}

.search-block .form-control {
  border: none;
  height: 48px;
  font-size: 16px;
  font-weight: 200;
}

/*Checkbox*/
.search-block form.page-search-form {
  border: none;
}

.search-block form.page-search-form .radio,
.search-block form.page-search-form .checkbox {
  margin: 0 3% 0 4%;
}

.search-block form.page-search-form .checkbox {
  color: #fff;
  font-weight: 200;
}

.search-block form.page-search-form .radio i,
.search-block form.page-search-form .checkbox i {
  top: 6px;
  width: 15px;
  height: 15px;
  border: none;
}

/*Category
------------------------------------*/
/*Section-Block*/
.section-block {
  padding: 20px;
  border: 1px solid #eee;
  box-shadow: 0 0 3px #eee;
}

.section-block h2 {
  color: #333; 
  font-size: 28px; 
  font-weight: 200; 
  margin: 10px 0 15px;
}

.section-block .text-center p {
  margin-bottom: 0;
}

.section-block .section-block-info {
  margin-top: 5px;
  padding-top: 20px;
  border-top: solid 1px #eee;
}

.section-block .section-block-info ul {
  margin-bottom: 0;
}

.course_back{float:right; position:fixed; z-index:10; right:45px; top:0px; padding:3px 10px;}
.course_back.aln_wit_arow{top:-107px}

.gsx_bg{background:#fff;}
.sublevel_menu{border-top:solid 1px #e9e8e8; border-bottom:solid 1px #e9e8e8; float:left; margin:10px 0 15px 0; font-size:12px; padding-right:100px;}
.sublevel_menu li{float:left;}
.sublevel_menu li a{padding:6px 20px 8px 20px; float: left; border-top:solid 2px #fff; cursor:pointer; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.sublevel_menu li a.active, .sublevel_menu li a:hover{border-color:#029347; color:#029347;}

.profile .table > tbody > tr.sublevel > td{font-size:12px;}
.profile .table > tbody > tr.sublevel > td:first-child{text-indent:20px;}

.gsx_sidebar{margin-top:17px;}
.gsx_sidebar .list-group-item{border:none; backgound:#fff;}
.gsx_sidebar .side-nav .list.active{background:#2096f3; color:#fff;}
.gsx_sidebar .side-nav .list:hover{background:#89c8f9;}
.gsx_sidebar .side-nav .list.active .itm_cntr{color:#fff;}
.gsx_sidebar .side-nav .list{border-radius:15px !important;}
.gsx_sidebar .side-nav a > span{font-size:13px; line-height:22px;}
.gsx_sidebar.sidebar-nav-v1 li:hover > ul > ul.second_level{border-radius: 15px !important;}
.gsx_sidebar.sidebar-nav-v1 li:hover > ul > ul.second_level li{background:none;}
.gsx_sidebar.sidebar-nav-v1 li:hover > ul > ul.second_level li:first-child {border:none;}
.gsx_sidebar.sidebar-nav-v1 li:hover > ul > ul.second_level li:first-child ul{border-radius:15px 15px 0 0 !important;}
.gsx_sidebar.sidebar-nav-v1 li:hover > ul > ul.second_level li:last-child ul{border-radius:0 0 15px 15px !important;}


.gsx_bg .gsx_home .slider_full_middle{padding-bottom: 33.25%;}
.gsx_bg .slider_full_middle{padding-bottom: 15.25%;}
.gsx_bg .breadcrumb{width: auto !important; padding: 8px 0; text-align: right; float: right; margin-bottom:10px;}
.gsx_bg .breadcrumb_inside{float:right; margin:0; font-size:11px;}
.gsx_bg .breadcrumb_inside > .row{margin:0;}
.gsx_bg .breadcrumb li.active strong{font-weight:600;}
.gsx_bg .breadcrumb li.active, .gsx_bg .breadcrumb li a:hover{color:#029347;}
.gsx_bg .input-group.top-search{top:-50px;}

.panel-body.inner_slider .iframe_holder.hght4test{padding-bottom: 100%;}
.btn_ful_wdth{color: #fff; width: 100%; text-align: center;}


.course_exam{font-size:12px;}
.course_exam .table-bordered{border: 2px solid #ddd;}
.course_exam .table > tbody > tr > th{background:#b1d690;}
.course_exam.practice .table > tbody > tr > th{background:#65cfff;}

.btn_loadmore{padding:10px 25px; background:#029347; border-radius:20px !important; color:#fff; margin-bottom:50px;}

.calendar.event_selection{position:absolute; left:0; top:0; z-index:100; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.calendar.event_selection:hover{width:1000px; box-shadow:5px 5px 10px #000;}
.calendar.event_selection:hover .fc-event{ width:auto; height:auto;}
.calendar.event_selection:hover .fc-event > *{display:block}
.calendar.event_selection:hover .fc-basic-view .fc-body .fc-row{min-height:4em; height:inherit !important;}
.calendar.event_selection .fc-time, .calendar.event_selection .fc-title, .calendar.event_selection2 .fc-time, .calendar.event_selection2 .fc-title{width:100%; float:left;}
.calendar.event_selection2 .fc-event.selected, .calendar.event_selection .fc-event.selected{background:#72c02c; border-color:#72c02c;}
.calendar.event_selection2 .fc-event, .calendar.event_selection .fc-event{cursor:pointer; background:#7cbae5; border-color:#7cbae5; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.calendar.event_selection .fc-event{width:5px; height:5px;}
.calendar.event_selection .fc-event > *{display:none}
.calendar.event_selection .fc-event:hover, .calendar.event_selection2 .fc-event:hover{box-shadow: 1px 1px 5px #000; background:#72c02c; border-color:#72c02c;}
.calendar.event_selection .fc-basic-view .fc-body .fc-row{min-height:3em; height:40px !important;}
.calendar.event_selection .fc-scroller{overflow-y:auto !important;}

.teacher_sidebar{float:left; width:100%;}
.teacher_sidebar h2{font-size:14px; border-top:2px solid #019348; margin:0;     background: #fff; border-left:solid 2px #e6e6e6; border-right:solid 1px #e6e6e6; float:left; padding:10px; position:relative; z-index:10;}
.teacher_sidebar_container{width:100%; float:left; border:solid 1px #e6e6e6; border-left:solid 2px #e6e6e6; margin-top:-1px; max-height:290px; overflow:auto; -webkit-overflow-scrolling: auto; margin-bottom:30px;}
.teacher_sidebar_container .inner_cont{width:100%; float:left; border-bottom:solid 1px #e6e6e6; padding:15px;}
.teacher_sidebar_container .inner_cont h5{margin-top:0;font-weight:600; color:#029344;}
.teacher_sidebar_container .inner_cont > p{margin:0;}
.teacher_sidebar_container img{width:60px; float:left; margin-right: 15px;}
.course_information{float:left; width:100%; margin-bottom:30px; margin-top:10px;}
.course_information ul{margin:0;}
.course_information li{float:left; width:80px; margin-right:10px; text-align: center; background: #3498db; color:#fff; padding:3px 0 5px 0;}
.course_information li i{float:left;width:100%; font-size:30px;}
.course_information li.views{background:#f06eaa}
.course_information li.offline{background:#6d99f0}
.course_price{float:right; background:#ed5959; color:#fff; line-height:55px; font-size:20px; padding:0 10px;}
.session_date{text-align:right;}
.session_date.span{text-align:left;}

.legend li{float:left; line-height:17px; font-weight:600; font-size:12px;}
.legend li + li{margin-left:15px;}
.legend li span{float:left; width:15px; height:15px; background:#7cbae5; margin-right:5px; color:#fff; text-align:center; line-height:16px;}
.legend li.active span{background:#72c02c;}

.nav.navbar-nav li .second_level{display:none; width:150px; background:#fff;}
.nav.navbar-nav li .second_level li{padding:5px 10px; font-size:13px; font-weight:600;}
.nav.navbar-nav li:hover .second_level{display:block; position:absolute; left:0; top:65px;}

.inside_menu{border:solid 1px #ccc; float:left; width:100%; font-weight:bold; border-radius:15px !important; overflow:hidden; margin-top:9px;}
.inside_menu li{float:left; background:#fff; width:33.3%; text-align:center; border-left:solid 1px #ccc; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.inside_menu li:first-child{border-left:none;}
.inside_menu li:hover, .inside_menu li.active{background:#029347; color:#fff;}
.inside_menu li:hover a, .inside_menu li.active a{color:#fff;}
.inside_menu li a{float:left; width:100%; padding:8px;}

.my_space_sidebar.sidebar_responsive .list-group-item{border:none;}
.my_space_sidebar.sidebar_responsive .list-group-item.brdr_top{border-top:solid 1px #eee;}
.my_space_sidebar.sidebar_responsive .list-group-item.brdr_btm{border-bottom:solid 1px #eee;}



.name_ellipsis {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break:break-all;
}
.name_ellipsis2 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break:break-all;
}

mbl_cntnr .content_heading_sec button{position:static; float:right;}

.middle_tab{float:left; width:100%; background: #fff; padding: 7px 0;    border-bottom: solid 1px #dddddd; margin:0;}
.middle_tab li{width:30%; float:left; border-left:1px solid #b2b2b2; position: relative;}
.middle_tab li + li{width:28%;}
.middle_tab li + li + li{width:42%;}
.middle_tab.crse_tab li{width:24%;}

.middle_tab.crse_tab li:nth-child(2) {
    width: 24%;
}
.middle_tab.crse_tab li:nth-child(3) {
    width: 18%;
}
.middle_tab.crse_tab li:nth-child(4) {
    width: 34%;
}
.middle_tab.cf_tab li{width:26%}
.middle_tab.cf_tab li + li{width:37%}
.middle_tab li:first-child{border-left:none;}
.middle_tab li a{font-size:12px; border:none; cursor:pointer; background:transparent; float:left; width:100%; text-align:center; min-height: 20px; line-height: 18px; font-weight:700; text-transform: uppercase; padding:3px;}
.middle_tab li a, .middle_tab li a.active, .middle_tab li a.activated{background:#fff;}
.middle_tab li.active a{color:#4286F5; box-shadow:0 0 0;}
.middle_tab li.active:after, .middle_tab li.active:before {bottom:-8px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 10;}
.middle_tab li.active:after {border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff !important; border-width: 5px; margin-left: -5px;}
.middle_tab li.active:before {border-color: rgba(194, 225, 245, 0); border-bottom-color: #dddddd !important; border-width: 6px; margin-left: -6px; bottom: -7px;}

.profile-edit.tab-pane{display:none;}
.profile-edit.tab-pane.active{display:block;}

.mbl_cntnr .headline{margin:0 !important; border:none; background:#3498db; padding:5px 10px}
.mbl_cntnr .headline h2, .mbl_cntnr .headline h3, .mbl_cntnr .headline h4{margin-bottom:0; border:none; color:#fff; padding-top:5px; }
.mbl_cntnr .thumbnails.img_hgt.thumbnail-style.thumbnail-kenburn .thumbnail-img img{height:auto;}

.mbl_cntnr .average-rating-container{height: 20px; padding: 0;}
.mbl_cntnr .average-rating-container .background, .mbl_cntnr .average-rating-container .foreground{top:0;}
.mbl_cntnr .average span{line-height:26px;}
.mbl_cntnr .bookmark{padding:4px 8px;}
.mbl_cntnr .content_heading_sec button{bottom:3px;}
.mbl_cntnr .sidebar_responsive_holder .sidebar_responsive.video_sidebar{margin-bottom:30px;}

.gsx_bg .sidebar-nav-v1 li a{padding: 12px 30px 10px 18px;}
.onboarding {
    color: #2196f3;
    overflow: hidden
}
.onboarding>* {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s
}
.onboarding .onboarding-title {
    font-size: 3em;
    font-weight: 700;
    margin: 0
}
.onboarding .onboarding-subtitle {
    margin: 0
}
.onboarding .onboarding-role-select>.role-candidate {
    -webkit-animation: fadeInLeft .5s both;
    animation: fadeInLeft .5s both
}
.onboarding .onboarding-role-select>.role-employer {
    -webkit-animation: fadeInRight .5s .25s both;
    animation: fadeInRight .5s .25s both
}
.onboarding .onboarding-role-select>.role-candidate .role-description,
.onboarding .onboarding-role-select>.role-employer .role-description {
    font-size: 1.1em
}
.onboarding .onboarding-role-select>a:link,
.onboarding .onboarding-role-select>a:visited {
    color: #eee;
    text-decoration: none
}
.onboarding .role-or {
    padding: 0 60px;
    margin-top: 30px
}
.onboarding .onboarding-role-or {
    margin: 0;
    text-align: center;
    font-style: italic;
    font-size:26px;
}


.icon-customer{background-repeat: no-repeat; background-color:#fff; background-position: 1px 20px;}
.icon-restaurant{background-repeat: no-repeat; background-color:#fff; background-position: 0px 48px;}
.icon-student{background-repeat: no-repeat; background-color:#82AF9A; background-position: 33px 35px; background-size: 80% 80% !important;}
.icon-school{background-repeat: no-repeat; background-color:#fff; background-position: 30px 3px; background-size: 80% 80% !important;}
.icon-teacher{background-repeat: no-repeat; background-color:#fff; background-position: 15px 3px;}
.icon-partner{background-repeat: no-repeat; background-color:#fff; background-position: 0 3px;}


.onboarding .icon-candidate,
.onboarding .icon-employer,
.onboarding .icon-customer,
.onboarding .icon-restaurant,
.onboarding .icon-student,
.onboarding .icon-school,
.onboarding .icon-teacher,
.onboarding .icon-partner   {
    background-size: 100%;
    margin: 40px auto;
    transition: box-shadow .5s, -webkit-transform .5s;
    transition: transform .5s, box-shadow .5s;
    transition: transform .5s, box-shadow .5s, -webkit-transform .5s
}
.onboarding .icon-candidate:hover,
.onboarding .icon-employer:hover,
.onboarding .icon-customer:hover,
.onboarding .icon-restaurant:hover,
.onboarding .icon-student:hover,
.onboarding .icon-school:hover,
.onboarding .icon-teacher:hover,
.onboarding .icon-partner:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    box-shadow: 0 0 16px rgba(34, 34, 34, .5);
    cursor: pointer
}
.onboarding-well {
    color: #333
}
.onboarding-well .logo-wrapper {
    padding: 10px 16px
}
.onboarding-well .logo-wrapper>.logo {
    height: 160px;
    min-height: 96px
}
.onboarding-separator {
    border-bottom: 1px solid #dfe0e6;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: .1em
}
.onboarding-separator .separator-text {
    font-weight: 700;
    text-align: center;
    background-color: #f5f5f5;
    padding: 0 15px 10px
}
.onboarding-form {
    margin: 30px 0
}
.onboarding-form .form-group {
    text-align: left
}

.gsx_bg .slick-prev:before, .gsx_bg .slick-next:before{font-family: 'FontAwesome'; font-size:36px; color: #555;}
.gsx_bg .slick-prev:before{content: '\f104';}
.gsx_bg .slick-next:before{content: '\f105';}

.tag-box h2.heading-md.font_adj{font-size:18px;}

.event_page{border-radius: 5px 5px 5px 5px !important; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);}
.event_page  > .row .row {background:#eee;}
.event_right{padding-top:30px; position: absolute; right: 0; bottom: 0px; top: 0;}
.event_right .fa-calendar{float:left; font-size:36px; color:#5fb611; margin-right:10px;}
.event_right h2{font-size:30px; line-height:30px;}
.event_right .organiser{font-size:13px; font-weight:600; font-style:italic;}
.event_right .event_fee{position:absolute; left:15px; bottom:15px; color: #337ab7; font-weight: 600;}
.event_text{position:absolute; top:30px; right:0; left:15px; bottom: 45px; overflow:hidden; overflow-y:auto;}

.mbl_cntnr .event_right .event_fee, .mbl_cntnr .event_right{position:static}
.mbl_cntnr .event_right{padding-top:15px;}
.mbl_cntnr .event_right .event_fee{float:right;}

.table.table_align > thead > tr > th, .table.table_align > tbody > tr > th, .table > tfoot > tr > th, .table.table_align > thead > tr > td, .table.table_align > tbody > tr > td, .table > tfoot > tr > td{padding:8px 4px; font-size:13px;}

/*.table.table-bordered.table-striped  td > a{color:#03A9F4;}*/

.right_icon{float:right; background:#fff;}
.right_icon.alignment{position:absolute; right:15px; top:9px;}
.right_icon li{float:left; cursor:pointer; line-height:35px; height:35px;}
.right_icon li > b{padding-left:10px;}
.right_icon li i{color:#555; font-size:25px; padding:5px;}
.right_icon li.active i, .right_icon li:hover i{color:#2196F3;}
.right_icon li:hover i:before{text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);}

.service-block span.badge{position:absolute; right:15px; top:2px;}

.overlay_bg{background:#fff; opacity:0.5; position:absolute; left:0; top:0; right:0; bottom:0;}
.overlay_black_bg{background:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1}

.mbl_cftext{text-align: center; width: 100%; float: left;}
.mbl_cntnr .cf_info .cf_label, .mbl_cntnr .cf_info .cf_text{text-align: center}

.full_screen_offf{height:530px; overflow:auto;}

.mp3ppt videogular{position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: transparent;}
.mp3ppt vg-media{display:none;}

.mbl_review{position:absolute; right:10px; top:10px; z-index:10;}

.hide_img img{display:none;}

.cui-statusbar a.cui-ctl{position:relative; background:red;}

.info_class .widget.blue-bg{position:relative; z-index:1;}
.info_class .widget.blue-bg .profile_teacher{overflow:hidden; position:relative; z-index:2;}
.info_class .widget.blue-bg .profile_teacher img{width:100%; border-radius:50% !important;}
.info_class .widget.blue-bg .profile_teacher p{color:#fff; text-align:center;}
.info_class .widget.blue-bg .profile_teacher .tchr_info{left:0; bottom:-200px; position:absolute; background: rgba(255, 255, 255, 0.80); color:#1C84C6; font-weight:600; font-size: 12px; width:90%; padding:5px; text-align:center; word-break:break-all; margin: 0 5%; height:115px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}
.info_class .widget.blue-bg:hover .profile_teacher .tchr_info{bottom:0px;}
.info_class .widget.blue-bg .profile_teacher .tchr_info span{font-size:12px;}
.info_class .widget.blue-bg .snd_msg{position:absolute; bottom:0px; right:10px;color:#1C84C6;}

.myspace_right .table.table-hover.tbl_aln.font_dec > tbody > tr > td{border-color:#ddd;}
.myspace_right .btn.btn-xs.btn-danger.btn-outline:hover{color:#fff; background:#c9302c !important;}

.stroke_writing .headline{margin:40px 0 50px; text-align: center;}
.stroke_writing .headline h3{font-size: 60px; font-weight: 800; color:#000; font-family: simhei;}
.stroke_writing_all .headline{margin:0px 0 15px; text-align: center;float: left; width: 100%;}
.stroke_writing_all .headline.text-left{text-align: left;}
.stroke_writing_all .headline.text-right{text-align: right;}
.stroke_writing_all .headline h3{font-size: 40px; font-weight: 800; color:#000; font-family: simhei;}

.column_3 .stroke_text, 
.column_4 .stroke_text, 
.column_3 .stroke_text > div, 
.column_4 .stroke_text > div{border:none;}
.stroke_writing_all .column_4 .stroke_text h2.count_3 a, .stroke_writing_all .column_3 .stroke_text h2.count_4 a, .stroke_writing_all .column_4 .stroke_text h2.count_4 a, .stroke_writing_all .column_3 .stroke_text h2.count_3 a {padding-top:0}
.stroke_writing_all .column_4 .stroke_text h2, .stroke_writing_all .column_3 .stroke_text h2{margin:3% 0;}
.stroke_text{ border-left:solid 1px #ccc; border-top:solid 1px #ccc; float:left; width:100%; text-align:center;}
.stroke_text.multi_idiom{margin-bottom:20px;}
.stroke_text.multi_idiom > div{float:left; width:100%;}
.stroke_text > div{color:red; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; cursor:pointer; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.stroke_text > div:hover{background:#2196F3; color:#fff;}
.stroke_text > div.current,.stroke_text > div.active, .stroke_text > div:active{background:#CDDC39; color:#fff}
.stroke_text h2{margin:20% 0; color:inherit; font-weight:800; font-size:50px; font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; font-weight:100;}
.multi_character .stroke_text h2{font-size:70px;}

.stroke_img{width:48%; padding-top:48%; margin:0 1% 2%; display:inline-block; position:relative;}
.stroke_img img{width:100%; float:left; margin:0; position:absolute; top:0; left:0;}

.stroke_info{width:100%; float:left; font-size:20px; text-align: center; padding: 20% 0;}
.stroke_info p{font-size:26px;}

.info_box_title{font-size:14px; font-weight:600; color:#3498db; text-align:right;}
.info_box .no_record{background:#fff;}
.info_box p{color:#000; font-size:24px;}
.info_box{background:#fff; padding:15px; border-radius:5px !important; border:solid 1px rgba(0,0,0,0.25); color:#000; -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.25);
box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.25);}
.info_box h4, .info_box p{text-align:justify; margin-bottom:15px;}
.info_box p strong{color:#F44336;}
.info_box h3{font-weight: 600; color: #e67e22; border-bottom: solid 1px; margin-bottom: 20px;}


.stroke_writing_all .stroke_text > div{cursor:default;}
.stroke_writing_all .stroke_text > div:hover{background:transparent; color:#fff;}
.stroke_writing_all .stroke_text > div.current, .stroke_writing_all .stroke_text > div:active{background:#CDDC39; color:#fff}
.stroke_writing_all .stroke_text h2{margin:10% 0; color:inherit; font-weight:800; font-size:30px; font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; font-weight:100;}
.stroke_writing_all .stroke_text h2 span{font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; font-weight:100;}
.stroke_writing_all .stroke_text h2 a{color:red;}
.stroke_writing_all .stroke_text.extword h2 a{color:#a73107;}
.stroke_writing_all .stroke_text h2.active a, .stroke_writing_all .stroke_text h2.current a,.stroke_writing_all .stroke_text h2.active:hover a{color: #fff; background: #93ce5e;}
.stroke_writing_all .stroke_text h2:hover a{color:#8BC34A;}

.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{margin:0; float: left; width: 100%; font-size:55px; line-height:65px;}
.stroke_writing .stroke_text > div{padding:0}
.stroke_writing_all .stroke_text h2.count_1 a{width:100%; padding-top:100%;}
.stroke_writing_all .stroke_text h2.count_2 a{width:50%; padding-top:50%;}
.stroke_writing_all .stroke_text h2.count_3 a{width:33.3%; padding-top:33.3%;}
.stroke_writing_all .stroke_text h2.count_4 a{width:25%; padding-top:25%;}
.stroke_writing_all .stroke_text h2.count_5 a{width:20%; padding-top:20%;}
.stroke_writing_all .stroke_text h2.count_6 a{width:16.6%; padding-top:16.6%;}
.stroke_writing_all .stroke_text h2.seprate a, .stroke_writing .stroke_text.same_idiom > div{float:left; position:relative}
.stroke_writing_all .stroke_text h2.seprate a:before, .stroke_writing .stroke_text.same_idiom > div h2:before {border-left:dashed 1px rgba(204, 204, 204, 0.50); position:absolute; left:50%; content:''; height: 100%; top: 0; z-index:1;}
.stroke_writing_all .stroke_text h2.seprate a:after, .stroke_writing .stroke_text.same_idiom  > div h2:after{border-top:dashed 1px rgba(204, 204, 204, 0.50); position:absolute; top:50%; width:100%; left:0; content:'';}
.stroke_writing_all .stroke_text h2.seprate a span, .stroke_writing .stroke_text.same_idiom  > div h2{position:absolute; left:0; top:0; bottom:0; right:0; padding-top:12%;}
.stroke_writing .stroke_text h2.seprate{font-size:80px;}
.stroke_writing .stroke_text h2.seprate span{ font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; font-weight:100;}
.stroke_writing .stroke_text.same_idiom  > div h2{padding-top:17%;}
.stroke_writing_all .stroke_text h2.seprate a + a{border-left: solid 1px #ccc;}
.stroke_writing_all .stroke_text h2.seprate_highlight:hover a{color:red;}
.stroke_writing_all .stroke_text h2.seprate_highlight a:hover{color:#8BC34A;}
.stroke_writing_all .stroke_text h2.seprate_highlight a.active, .stroke_writing_all .stroke_text h2.seprate_highlight a.current{color: #fff; background: #93ce5e;}
.stroke_writing_all .btn-info.active, .stroke_writing_all .btn-info.active:focus, .poetry .btn-info.active, .poetry .btn-info.active:focus{background-color:#e67e22; border-color:#e67e22;}
.stroke_writing .stroke_text.same_idiom > div.col-xs-3{padding-top: 25%;}
.stroke_writing .stroke_text.same_idiom > div.col-xs-4{padding-top: 33.33333333%;}
.btn-info{background-color: #2196F3; border-color: #2196F3;}


.reading_text{position:relative; border-radius:15px !important;}
.reading_text .col-md-9{width:80%}
.reading_text .col-md-3{width:20%}
.reading_text .btn-group{display:inline-block; margin-top:5px;}
.reading_text .btn-group .btn{margin-left:5px; float:left;}
.reading_text h2{margin:0; line-height: 38px; font-size: 32px; position:relative; padding-bottom:25px;font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; text-indent:60px; text-align:justify;}
/*.reading_text h2:before, .reading_img:before{border-right:2px solid #ccc; content:''; position:absolute; right:-8%; top:0; bottom:0;}*/
.reading_img:before{margin-right:0.5px;}
.reading_text h2 a{ font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; margin-left:60px; color:#555; vertical-align: top; display: inline-block; *display: inline; zoom: 1}
.reading_text h2 a + a{margin-left:0;}
/*.reading_text h2 a:after{content:''; border-bottom: solid 2px #ffcf3d; float:left; width:80%; margin:0 10%;position: relative; top: -5px;}*/
.reading_text videogular{position:relative; bottom:-55px;}
.reading_text videogular vg-controls .controls-container,.reading_text [videogular] vg-controls .controls-container{height:30px;}
.reading_text videogular vg-scrub-bar [role=slider], .reading_text [videogular] vg-scrub-bar [role=slider]{margin-top:14px; margin-bottom:14px;}
.reading_text videogular vg-scrub-bar .container, .reading_text [videogular] vg-scrub-bar .container{margin-top: -16px;}

.stroke_audio h3{font-size: 60px; color:#000; font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif; font-weight:100;}
.stroke_audio h3 span{font-family:'arial',serif; font-size: 60px; color:#145d96;}
.stroke_audio span{font-size: 20px; font-weight: 600; color:#555;}
.letter_pagination{position:absolute; left:10%; bottom:0; width:80%; text-align:center; overflow:auto;}
.letter_pagination a.btn{color:#3498db;}
.letter_pagination a.btn:hover{color:#3498db;}
.letter_pagination a.btn.current, .letter_pagination a.btn.active{color:#fff; background-color:#5bc0de; border-color:#46b8da;}
.inner_slider .badge-info.page_info{bottom: 5px; right: 5px;}

.single_word_stroke .stroke_writing .headline{margin-top:0}
.single_word_stroke .stroke_writing .headline h3{font-size:40px;}

.word_control{position:absolute; bottom:15px; left:25%; right:0; text-align:center;}
.word_control label{float:none !important; display:inline-block; margin-left: -4px !important;}

.message_container{position: absolute; bottom:57%; width:100%;}
.col-xs-2 > .message_container{bottom:40%;}
.col-xs-2 > .message_container .message_box{padding: 15px 10px;}

.message_box {
  position: relative;
  background: #fff;
  border: 10px solid #88b7d5;
  padding: 25px 20px;
  border-radius: 15px !important;
  color:#555;
  width:100%;
}
.message_box p{
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  margin:0;
  font-size:20px;
}
.message_box:after, .message_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.message_box:after {
  border-botom-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0);
  border-left-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.message_box:before {
  border-bottom-color: rgba(136, 183, 213, 0);
  border-right-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(136, 183, 213, 0);
  border-top-color: #88b7d5 !important;
  border-width: 29px;
  margin-left: -29px;
}
















/* Arg style Starts */
.course_argbg .header.arg_hdr{padding:0; background: url('../../assets/images/arg/bg.gif') no-repeat center 1px !important; background-size: cover !important;}
.course_argbg .header_arrow.active{top: -65px;}
.header.arg_hdr{background:transparent; padding:0;}
.header.arg_hdr .topbar ul.loginbar > li{padding-bottom:0;}
.header.arg_hdr .topbar ul.loginbar > li,
.header.arg_hdr .navbar-nav > li > a,
.header.arg_hdr .topbar ul.loginbar li i.fa,
.header.arg_hdr .topbar ul.loginbar > li > a, 
.header.arg_hdr .topbar ul.loginbar > li > a:hover{color: #fff;}
.header.arg_hdr .topbar ul.loginbar li.topbar-devider{border-color:#fff;}
.header.arg_hdr .logo{max-width: auto; height: 148px; line-height: 148px;}
.header.arg_hdr .topbar{padding-top:32px;}
.header.arg_hdr .navbar-nav > li > a{font-size:14px; padding:5px 0 3px 0; margin:0 15px 0 15px;}
.header.arg_hdr .navbar-nav > li{position:relative}
.header.arg_hdr .navbar-nav > li + li:after{content:''; border-left:solid 1px #fff; position:absolute; left:0; top:13px; height:10px;}
.header.arg_hdr .topbar ul.loginbar{margin-right:0;}
.header.arg_hdr .navbar-nav > li > a:hover, .header.arg_hdr .navbar-nav > .active > a{border-color:#ffeb3b;}

.arg_bg div.item{border:none;}
/*.arg_bg:before{background:#eaeaea; content:''; position: absolute; left: 0; top: 135px; right: 0; bottom: 0;}
.arg_bg.course_argbg:before{top:0px;}
.arg_bg.home_argbg:before{display:none;}*/


/* Delete class */
/*.arg_bg.home_argbg .arg_delete_class{ margin-top:-70px;}
.arg_bg.home_argbg .content{padding-top:0}
.arg_bg.home_argbg .home_new .headline h2, .arg_bg.home_argbg .home_new .headline h3, .arg_bg.home_argbg .home_new .headline h4{color: #3F51B5; font-weight: 600;}
.arg_bg.home_argbg .home_new .headline{border-color:#3F51B5;}
*//* Delete class */


.footer-v1 .footer.arg_ftr{padding-top:30px;}
.footer-v1 .arg_ftr .copyright{background:transparent;}
.footer-v1 .arg_ftr .link-list li{border:none;}
.footer-v1 .arg_ftr.footer h2{width:100%; border-color:#73b3e3;}

.home_category,.home_category_common{cursor:pointer; text-align:center; padding-top:80%; width:100% ; position:relative; background-position:0 300px !important; background-size:cover; background-repeat:no-repeat !important; margin-bottom:15px;}
.home_category.knowledge_level2,
.home_category.knowledge_level3, 
.home_category.knowledge_level4{padding-top:40%;}
.home_category_common{margin-top:90px; padding-top:60%;    background-position: 0 0 !important;}
.home_category_common_repeat:nth-child(2) .category_content_comman{background:#FF9800;}
.home_category_common_repeat:nth-child(3) .category_content_comman{background:#8BC34A;}
.home_category_common_repeat:nth-child(4) .category_content_comman{background:#317A41;}
.home_category_common_repeat:nth-child(5) .category_content_comman{background:#A20C1E;}
.home_category_common_repeat:nth-child(6) .category_content_comman{background:#3F51B5;}
.home_category_common_repeat:nth-child(7) .category_content_comman{background:#673AB7;}
.home_category_common_repeat:nth-child(8) .category_content_comman{background:#E91E63;}
.category_content_comman{position:absolute; left:0; top:-90px; width:100%; background:#3498db; color:#fff; padding:0 20%; height:90px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.home_category_common_repeat:hover .category_content_comman{background:#2A4D7F;}
.valign{position: relative; height: 90px; z-index: 1; display: block;}
.valign-item{ position: absolute; top: 50%; transform: translate(0,-50%); width: 100%;}
.category_content_comman *{color:#fff; margin:0;}
.theme_1category .category_content_comman h3{font-size:18px;}
.home_category, .home_category *{transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.category_content *{color:#232f6b;}
.home_category:hover, .home_category.active{background-position:0 0 !important;}
.home_category:hover .category_content, .home_category.active .category_content{background:rgba(28, 37, 87, 0.80);}
.home_category:hover .category_content h3, .home_category.active .category_content h3{margin-top:10%; color:#fff;}
.home_category:hover .category_content h3 + h3, .home_category.active .category_content h3 + h3{margin-top:0;}
.home_category:hover .category_content p,.home_category.active .category_content p{margin-top:0; color:#fff;}
.category_content{position:absolute; float:left; width:100%; height:100%; top:0; background:rgba(255, 255, 255, 0.40); overflow:hidden; padding:15px;}
.category_content h3{text-transform:uppercase; margin-top:20%;}
.category_content h3 + h3{margin-top:0;}
.category_content p{margin-top:300px;}

.category_courselist .category_content *{color:#fff;}
.category_courselist .knowledge_level .category_content *{color:#555;}
.category_courselist .knowledge_level.home_category:hover .category_content *{text-shadow: 0 0 0 #000;}
.category_courselist .home_category:hover .category_content *{text-shadow: 2px 2px 3px #000;}
.category_courselist .home_category{background-position: 0 0 !important; background-size:cover; text-align:left; margin-bottom:8px;}
.category_courselist .home_category .category_content{background: rgba(28, 37, 87, 0.8);}
.category_courselist .home_category:hover .category_content, .category_courselist .home_category.active .category_content{background:transparent;}
.category_courselist .category_content h3,
.category_courselist .home_category:hover .category_content h3, .category_courselist .home_category.active .category_content h3
{margin-top:40%;}
.category_courselist .category_content p,
.category_courselist .home_category:hover .category_content p, .category_courselist .home_category.active .category_content p
{margin-top:0;}

.arg_rating_container{float:left; width:100%; height:36px; position: absolute; bottom: 15px; background: #ffe13a; padding-left:15px;}
.arg_rating{width:125px; float:left; height:36px; background:url('../../assets/images/arg/rating.png') no-repeat 0px -24px;}
.arg_rating.active{background-position:0px 6px;}

.news_bg{background:url('../../assets/images/arg/news_bg.jpg') no-repeat 0 0; position:relative; text-align:center;}
.news_bg:before{background:#73b3e3; content:''; width:40%; position:absolute; right:0; top:0; bottom:0;}
.event_bg{}
.arg_event_list{text-align:left; margin-left:20px; color:#232f6b;}
.arg_event_list time{color:#fff;}

.arg_testimonials *{color:#1d2659;}
.arg_testimonials{text-align:center;}
.arg_testimonials h3{font-size:48px; font-family:dancing_script_otregular;}
.arg_testimonials p{font-family: "open_sanslightitalic";     font-size: 26px; width: 80%; margin: 30px 10%; position:relative;}
.arg_testimonials p:before{content:'"'; font-size:80px; color:#73b3e3; font-family: "open_sanssemibold"; position: absolute; left: -30px; top: -40px;}
.arg_testimonials .testi_author{float:right; margin:0 0 50px; text-align:left; font-family:'open_sanslight'; font-size:20px;}
.arg_testimonials .testi_author > span{font-size:30px; float:left; width:100%; font-family:dancing_script_otregular;}

.arg_bg .slider_full_middle h1{position:absolute; bottom:10px; right:10px; color:#fff; text-transform:uppercase; font-family:open sans, sans-serif; font-weight:600; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.58)}

.arg_bg .sub_header{background:#212b62;}
.sub_header{background:#56733d; padding:25px 0 0 0; color:#fff;}
.sub_header .inner_content *{color:#fff !important;}
.sub_header p{color:#fff;}
.sub_header .average span{color:#fff;}
.sub_header .container{position: relative;}
.sub_header h3{color:#fff; margin-top:5px; font-family:dancing_script_otregular;}
.sub_header h3 span{font-family:dancing_script_otregular;}
.sub_header h3 + h3{margin-bottom:20px;}
.content_container{background:#fff; padding:15px 7px;padding-top:30px;}
.sub_header .input-group.top-search{top:50px;}
.sub_header .tab-v1 .nav-tabs > .active > a, 
.sub_header .tab-v1 .nav-tabs > .active > a:hover, 
.sub_header .tab-v1 .nav-tabs > .active > a:focus{background:#fff !important; color:#212b62;}
.sub_header .tab-v1 .nav-tabs > li > a{background:#0054a6; color:#fff; font-weight:500; text-transform:uppercase; margin-right:5px;}
.sub_header .tab-v1 .nav-tabs > li > a:hover{background:#4e89c3 !important;}
.sub_header .tab-v1 .nav-tabs{border:none; margin-bottom:1px;}
.sub_header .input-group.top-search .btn-primary{background:#ffc700; border-color:#ffc700;}
.sub_header .input-group.top-search{color:#000;}
.arg_bg .slider_full_middle .container{width: 1170px; float: none; position:relative;}

.img_course_content{margin-bottom:50px;}
.img_course_content h2{text-transform:uppercase; color:#333333; font-size:16px; font-weight:600; margin:0 0 15px 0;}
.img_course_content h2 a{color:#333333;}
.img_course_content p{color:#333333;}
.img_course_content .launch_but{background:#0054a6; color:#fff; text-transform:uppercase; padding:5px 10px; width:100%; float: left; text-align: center; margin-top: 8px;}

.sub_header .blog-info > strong{color:#e9ce40; text-transform:uppercase; font-weight:500;}
.sub_header .breadcrumb{width:100%; margin-bottom:30px;}
.sub_header .breadcrumb li{color:#fff; text-transform:uppercase;}
.sub_header .breadcrumb li a{color:#e9ce40;}
.sub_header .breadcrumb > li + li:before{content:">"; color:#fff;}

.arg_bg .headline h2, .arg_bg .headline h3, .arg_bg .headline h4{border-color:#333333; color: #212b62;}
.footer-v1 .footer .headline h2{color:#fff;}

/* Arg style Starts */

.content_container .tag-box.course_exam{padding:0}
.content_container .profile{border:solid 1px #eee;}
.even_session .inner_cont {width: 100%; float: left; border-bottom: solid 1px #e6e6e6; padding: 15px; padding-left:0;}
.even_session .inner_cont h5 {margin-top: 0; font-weight: 600; color: #029344;}

.even_session{height:200px; overflow:auto;}
.arg_bg .clients_list li{position: relative; height:120px; background:#fff;}
.arg_bg .clients_list li img{max-height: 90%; max-width: 90%; width: auto; height: auto; position: absolute; top: 5%; bottom: 5%; left: 5%; right: 5%; margin: auto;}
.arg_bg .partners{background:#0072bc; padding:20px 0;}
.arg_bg .partners h2{color:#fff; font-size:48px; font-family:dancing_script_otregular;}

img{image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}

.img_course_content p {
  overflow: hidden;
  position: relative; 
  line-height: 1.2em;
  max-height: 7em; 
  text-align: justify;  
  margin-right: -1em;
  padding-right: 1em;
}
.img_course_content p:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
.img_course_content p:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.home_sidebar .tab-v1 .nav-tabs > li > a{padding:0}
.home_sidebar uib-tab-heading{width:100%; float:left; padding:5px 10px; color:#fff; background: #5fb611;}

.home_tab .tab-v1 .nav-tabs{border-color:#009688;}
.home_tab .tab-v1 .nav-tabs > .active > a, .home_tab .tab-v1 .nav-tabs > .active > a:hover, .home_tab .tab-v1 .nav-tabs > .active > a:focus{background:#009688;}
.home_tab .tab-v1 .nav-tabs > li > a:hover{background:#009688;}

.event_album li{width:31%; margin:2px 2% 20px 2px; float:left; cursor:pointer; position:relative; border-radius:2px !important; background: #fff; box-shadow: 1px 1px 5px !important; overflow:hidden;}
.photo_holder{position:relative; padding-bottom:56.25%; padding-top:25px; height:0; border:solid 5px #fff; overflow:hidden;}
.photo_holder .inner_photo_holder{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#ddd;}
.photo_holder img, .photo_holder video {max-height: 100%; max-width: 100%; width: auto; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto; min-height: 100%;}

.event_album li a{color:#72c02c; position:absolute; right: 5px; bottom: 0;}

.event_album {
  overflow: hidden;
  position: relative;
}

.event_album li .event_image_container:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
}

.event_album li .event_image_container:hover:after {
  background: rgba(0,0,0,0.5);
}

.event_album li h3{margin:0; font-size:16px; color:#3498db; padding: 5px 15px 5px 5px; height: 44px;
    overflow: hidden;}

.event_album li .inner_photo_holder h3{position:absolute; left:0; top:40%; width:100%; padding:0 25px; font-weight: 600; text-align:center; font-size:13px; color:#555; text-transform:uppercase;}


.event_album img {
  transition: all .5s ease;
}

.event_album li:hover img {
  transform: scale(1.1);
}

.event_album li .event_video_container .portfolio-box-in {
  visibility: visible;
}
.event_album li .portfolio-box-in {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  color: #fff;
  background: #72c02c;
  font-size: 18px;
  text-align: center;
  line-height: 36px;
  width: 35px;
  height: 35px;
  margin-top: -25px;
  margin-left: -25px;
}

.event_album li:hover .portfolio-box-in {
  visibility: visible;
}

.lightbox-nav .btn-group{float:right;}

.lightbox-image-caption{width: 98%; text-align: center; margin: 0; top:-40px;}

.block_heading{border-bottom: 2px solid #a8a8a9; float: left; margin-bottom: 20px; padding: 8px 1px; width: 100%;}
.block_heading h1 {
    font-size: 15px !important;
    color: #497515;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}
.event_list {
    float: left;
    width: 100%;
}
.media-list {
    padding-left: 0;
    list-style: none;
}
.event_list li.media:last-child {
    margin-bottom: 10px;
}
.media:first-child {
    margin-top: 0;
}
.media > .pull-left {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
}
.calender_date {
    width: 45px;
    min-width: 45px;
    height: 45px;
    background-color: #8BC34A;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    font-weight: 600;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.annouce_list{
  float:left;
  width:100%;
  padding-left:12px;
}
.annouce_list li{
  width:100%;
  list-style-image:url(../images/list_icon.png);
  padding-left:5px;
  margin-bottom:8px;
}
.annouce_list li a:hover, .annouce_list li a:focus{
  text-decoration:none;
  outline:none;
}
.more_link_btn {
    float: right;
    color: #0c477f;
    margin-top: 8px;
}


/*-----*/
























/*------------------------------------
  Arrows
------------------------------------*/
.u-arrow-v1::before {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  vertical-align: top;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.u-arrow-v1[class*="abs"]::before {
  position: absolute;
}

.u-arrow-custom-v1 .u-arrow-icon {
  display: block;
}

.u-arrow-custom-v1 .u-arrow-text {
  position: absolute;
  top: 50%;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.u-arrow-custom-v1.js-prev .u-arrow-text {
  -webkit-transform: translateY(-50%) translateX(-100%);
      -ms-transform: translateY(-50%) translateX(-100%);
          transform: translateY(-50%) translateX(-100%);
}

.u-arrow-custom-v1.js-next .u-arrow-text {
  -webkit-transform: translateY(-50%) translateX(100%);
      -ms-transform: translateY(-50%) translateX(100%);
          transform: translateY(-50%) translateX(100%);
}

.u-arrow-custom-v1:hover .u-arrow-text {
  -webkit-transform: translateY(-50%) translateX(0);
      -ms-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
}

.u-arrow-custom-v2 {
  overflow: hidden;
  transition: background-color 0.3s;
}

.u-arrow-custom-v2 .u-arrow-icon {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.u-arrow-custom-v2 .u-arrow-img {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.u-arrow-custom-v2.js-prev .u-arrow-icon {
  -webkit-transform: translateY(-50%) translateX(10px);
      -ms-transform: translateY(-50%) translateX(10px);
          transform: translateY(-50%) translateX(10px);
}

.u-arrow-custom-v2.js-prev .u-arrow-img {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v2.js-next .u-arrow-icon {
  -webkit-transform: translateY(-50%) translateX(-10px);
      -ms-transform: translateY(-50%) translateX(-10px);
          transform: translateY(-50%) translateX(-10px);
}

.u-arrow-custom-v2.js-next .u-arrow-img {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v2:hover .u-arrow-icon {
  -webkit-transform: translateY(-50%) translateX(0);
      -ms-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
}

.u-arrow-custom-v2:hover .u-arrow-img {
  opacity: .6;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.u-arrow-custom-v3 .u-arrow-helper {
  content: "";
  opacity: 0;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.u-arrow-custom-v3 .u-arrow-icon {
  display: block;
}

.u-arrow-custom-v3 .u-arrow-icon-before, .u-arrow-custom-v3 .u-arrow-icon-after {
  position: absolute;
  left: 25%;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.u-arrow-custom-v3 .u-arrow-icon-before {
  -webkit-transform: translateX(-50%) rotate(30deg);
      -ms-transform: translateX(-50%) rotate(30deg);
          transform: translateX(-50%) rotate(30deg);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.u-arrow-custom-v3 .u-arrow-icon-after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-30deg);
      -ms-transform: translateX(-50%) rotate(-30deg);
          transform: translateX(-50%) rotate(-30deg);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

.u-arrow-custom-v3.js-next .u-arrow-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.u-arrow-custom-v3:hover .u-arrow-helper {
  background-color: #fff;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.u-arrow-custom-v3:hover .u-arrow-icon-before, .u-arrow-custom-v3:hover .u-arrow-icon-after {
  background-color: #0d55f7;
}

.u-arrow-custom-v3:hover .u-arrow-icon-before {
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.u-arrow-custom-v3:hover .u-arrow-icon-after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
      -ms-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}

.u-arrow-custom-v4 {
  width: 62px;
  height: 62px;
  transition: width 0.3s, background-color 0.3s;
}

.u-arrow-custom-v4 h4 {
  opacity: 0;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.u-arrow-custom-v4.js-prev h4 {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v4.js-next h4 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v4:hover {
  width: 200px;
}

.u-arrow-custom-v4:hover .u-arrow-icon {
  color: #0d55f7;
}

.u-arrow-custom-v4:hover h4 {
  opacity: 1;
  transition-delay: 0.1s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.u-arrow-custom-v5 .u-arrow-icon::before {
  transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
  transition: transform .3s .3s, -webkit-transform .3s .3s;
}

.u-arrow-custom-v5 .u-arrow-text {
  transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
  transition: transform .3s .3s, -webkit-transform .3s .3s;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.u-arrow-custom-v5 .u-arrow-title {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 30%;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  margin: 0;
}

.u-arrow-custom-v5 .u-arrow-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-arrow-custom-v5.js-prev .u-arrow-text {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v5.js-next .u-arrow-text {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v5:hover .u-arrow-text {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.u-arrow-custom-v5:hover .u-arrow-title {
  transition-delay: .6s;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-arrow-custom-v5:hover .u-arrow-icon::before {
  transition-delay: 0s;
}

.u-arrow-custom-v5:hover.js-prev .u-arrow-icon::before {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v5:hover.js-next .u-arrow-icon::before {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v6 {
  overflow: hidden;
  width: 40px;
  transition: width .4s, background-color .4s, z-index .4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.u-arrow-custom-v6 .u-arrow-text {
  width: 400px;
}

.u-arrow-custom-v6:hover {
  width: 400px;
  z-index: 11;
}

.u-arrow-custom-v7 {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.u-arrow-custom-v7 .u-arrow-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.u-arrow-custom-v7 .u-arrow-img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.u-arrow-custom-v7.js-prev {
  -webkit-perspective-origin: 100% 50%;
          perspective-origin: 100% 50%;
}

.u-arrow-custom-v7.js-prev .u-arrow-img {
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.u-arrow-custom-v7.js-next {
  -webkit-perspective-origin: 0 50%;
          perspective-origin: 0 50%;
}

.u-arrow-custom-v7.js-next .u-arrow-img {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

.u-arrow-custom-v7:hover .u-arrow-icon {
  color: #0d55f7;
}

.u-arrow-custom-v7:hover .u-arrow-img {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-arrow-custom-v8 {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.u-arrow-custom-v8 .u-arrow-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.u-arrow-custom-v8 .u-arrow-title,
.u-arrow-custom-v8 .u-arrow-img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.u-arrow-custom-v8 .u-arrow-title {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.u-arrow-custom-v8 .u-arrow-text {
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.u-arrow-custom-v8.js-prev {
  -webkit-perspective-origin: 100% 50%;
          perspective-origin: 100% 50%;
}

.u-arrow-custom-v8.js-prev .u-arrow-text,
.u-arrow-custom-v8.js-prev .u-arrow-title {
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.u-arrow-custom-v8.js-next {
  -webkit-perspective-origin: 0 50%;
          perspective-origin: 0 50%;
}

.u-arrow-custom-v8.js-next .u-arrow-text,
.u-arrow-custom-v8.js-next .u-arrow-title {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

.u-arrow-custom-v8:hover .u-arrow-icon {
  color: #0d55f7;
  transition-delay: 0s;
}

.u-arrow-custom-v8:hover .u-arrow-icon::before {
  transition-delay: 0s;
}

.u-arrow-custom-v8:hover .u-arrow-text,
.u-arrow-custom-v8:hover .u-arrow-title {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-arrow-custom-v8:hover .u-arrow-text {
  transition-delay: 0s;
}

.u-arrow-custom-v8:hover .u-arrow-title {
  transition-delay: .3s;
}

.u-arrow-custom-v9 {
  width: 60px;
}

.u-arrow-custom-v9 .u-arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  transition: width .3s .2s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.u-arrow-custom-v9 .u-arrow-text::after {
  content: attr(data-title);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  margin: 20px 5px 0;
}

.u-arrow-custom-v9 .u-arrow-img {
  opacity: 0;
  box-shadow: 0 1px 0 #fff, 0 -1px 0 #fff;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
}

.u-arrow-custom-v9.js-prev .u-arrow-icon::after {
  left: calc(100% - 25px);
}

.u-arrow-custom-v9.js-next .u-arrow-icon::after {
  right: calc(100% - 25px);
}

.u-arrow-custom-v9.js-next .u-arrow-text::after {
  text-align: right;
}

.u-arrow-custom-v9:hover {
  width: 200px;
}

.u-arrow-custom-v9:hover .u-arrow-icon::after {
  width: 200px;
  transition-delay: 0s;
}

.u-arrow-custom-v9:hover .u-arrow-text {
  pointer-events: auto;
}

.u-arrow-custom-v9:hover .u-arrow-text::after {
  opacity: 1;
  transition-delay: .2s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.u-arrow-custom-v9:hover .u-arrow-img {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.u-arrow-custom-v9:hover .u-arrow-img:first-child {
  transition-delay: 0.3s;
}

.u-arrow-custom-v9:hover .u-arrow-img:nth-child(2) {
  transition-delay: 0.35s;
}

.u-arrow-custom-v9:hover .u-arrow-img:nth-child(3) {
  transition-delay: 0.4s;
}

.u-arrow-custom-v10 .u-arrow-text {
  opacity: 0;
  overflow: hidden;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  transition: opacity .3s, background-color .1s 0s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s, background-color .1s 0s;
  transition: transform .3s, opacity .3s, background-color .1s 0s, -webkit-transform .3s;
}

.u-arrow-custom-v10 .u-arrow-img {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.u-arrow-custom-v10.js-prev .u-arrow-img {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v10.js-next .u-arrow-img {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v10:hover .u-arrow-text {
  opacity: 1;
  background-color: transparent;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition: opacity .3s, background-color .1s .2s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s, background-color .1s .2s;
  transition: transform .3s, opacity .3s, background-color .1s .2s, -webkit-transform .3s;
}

.u-arrow-custom-v10:hover .u-arrow-img {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.u-arrow-custom-v11 .u-arrow-icon {
  border-width: 0;
  transition: border-width .3s .15s;
}

.u-arrow-custom-v11 .u-arrow-text {
  opacity: 0;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}

.u-arrow-custom-v11.js-prev .u-arrow-text {
  -webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
      -ms-transform: translateY(-50%) translateX(-100%) scale(0.75);
          transform: translateY(-50%) translateX(-100%) scale(0.75);
}

.u-arrow-custom-v11.js-next .u-arrow-text {
  -webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
      -ms-transform: translateY(-50%) translateX(100%) scale(0.75);
          transform: translateY(-50%) translateX(100%) scale(0.75);
}

.u-arrow-custom-v11:hover .u-arrow-icon {
  border-top-width: 40px;
  border-bottom-width: 40px;
  transition-delay: 0s;
}

.u-arrow-custom-v11:hover .u-arrow-text {
  opacity: 1;
  transition-delay: .3s;
  -webkit-transform: translateY(-50%) translateX(0) scale(1);
      -ms-transform: translateY(-50%) translateX(0) scale(1);
          transform: translateY(-50%) translateX(0) scale(1);
}

.u-arrow-custom-v12 .u-arrow-icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.u-arrow-custom-v12 .u-arrow-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.u-arrow-custom-v12 .u-arrow-text {
  overflow: hidden;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.u-arrow-custom-v12 .u-arrow-img {
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
}

.u-arrow-custom-v12:hover .u-arrow-img {
  opacity: .8;
}

.u-arrow-custom-v12.js-prev .u-arrow-img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2);
          transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2);
}

.u-arrow-custom-v12.js-prev:hover .u-arrow-text {
  -webkit-transform: scale(1) rotate(-45deg);
      -ms-transform: scale(1) rotate(-45deg);
          transform: scale(1) rotate(-45deg);
}

.u-arrow-custom-v12.js-prev:hover .u-arrow-img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1);
          transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1);
}

.u-arrow-custom-v12.js-next .u-arrow-img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2);
}

.u-arrow-custom-v12.js-next:hover .u-arrow-text {
  -webkit-transform: scale(1) rotate(45deg);
      -ms-transform: scale(1) rotate(45deg);
          transform: scale(1) rotate(45deg);
}

.u-arrow-custom-v12.js-next:hover .u-arrow-img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1);
}

.u-arrow-custom-v13 .u-arrow-icon {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.u-arrow-custom-v13 .u-arrow-icon::before {
  position: relative;
  z-index: 2;
}

.u-arrow-custom-v13 .u-arrow-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
  transition: transform .3s .3s, -webkit-transform .3s .3s;
}

.u-arrow-custom-v13 .u-arrow-text {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.u-arrow-custom-v13.js-prev .u-arrow-icon::after {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v13.js-prev .u-arrow-text {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-arrow-custom-v13.js-next .u-arrow-icon::after {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v13.js-next .u-arrow-text {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-arrow-custom-v13:hover .u-arrow-icon::after {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  transition-delay: 0s;
}

.u-arrow-custom-v13:hover .u-arrow-text {
  transition-delay: .3s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.u-arrow-custom-v14::before, .u-arrow-custom-v14::after,
.u-arrow-custom-v14 .u-arrow-icon::before,
.u-arrow-custom-v14 .u-arrow-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 3px;
  height: 50%;
  background: #0d55f7;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.u-arrow-custom-v14::before,
.u-arrow-custom-v14 .u-arrow-icon::before {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-135deg);
      -ms-transform: translateX(-50%) rotate(-135deg);
          transform: translateX(-50%) rotate(-135deg);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-arrow-custom-v14::after,
.u-arrow-custom-v14 .u-arrow-icon::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
      -ms-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

.u-arrow-custom-v14 .u-arrow-icon::before, .u-arrow-custom-v14 .u-arrow-icon::after {
  z-index: 2;
  height: 0;
  background: #fff;
  transition: height .3s, -webkit-transform .3s;
  transition: height .3s, transform .3s;
  transition: height .3s, transform .3s, -webkit-transform .3s;
}

.u-arrow-custom-v14 .u-arrow-title {
  position: absolute;
  top: 50%;
  opacity: 0;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
  margin: 0;
}

.u-arrow-custom-v14.js-prev .u-arrow-title {
  left: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.u-arrow-custom-v14.js-next::before,
.u-arrow-custom-v14.js-next .u-arrow-icon::before {
  -webkit-transform: translateX(-50%) rotate(135deg);
      -ms-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-arrow-custom-v14.js-next::after,
.u-arrow-custom-v14.js-next .u-arrow-icon::after {
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.u-arrow-custom-v14.js-next .u-arrow-title {
  right: 100%;
  text-align: right;
  -webkit-transform: translateY(-50%) translateX(50%);
      -ms-transform: translateY(-50%) translateX(50%);
          transform: translateY(-50%) translateX(50%);
}

.u-arrow-custom-v14:hover::before,
.u-arrow-custom-v14:hover .u-arrow-icon::before {
  -webkit-transform: translateX(-50%) rotate(-125deg);
      -ms-transform: translateX(-50%) rotate(-125deg);
          transform: translateX(-50%) rotate(-125deg);
}

.u-arrow-custom-v14:hover::after,
.u-arrow-custom-v14:hover .u-arrow-icon::after {
  -webkit-transform: translateX(-50%) rotate(-55deg);
      -ms-transform: translateX(-50%) rotate(-55deg);
          transform: translateX(-50%) rotate(-55deg);
}

.u-arrow-custom-v14:hover .u-arrow-icon::before, .u-arrow-custom-v14:hover .u-arrow-icon::after {
  height: 50%;
}

.u-arrow-custom-v14:hover .u-arrow-title {
  opacity: 1;
  -webkit-transform: translateY(-50%) translateX(0);
      -ms-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
}

.u-arrow-custom-v14:hover.js-next::before,
.u-arrow-custom-v14:hover.js-next .u-arrow-icon::before {
  -webkit-transform: translateX(-50%) rotate(125deg);
      -ms-transform: translateX(-50%) rotate(125deg);
          transform: translateX(-50%) rotate(125deg);
}

.u-arrow-custom-v14:hover.js-next::after,
.u-arrow-custom-v14:hover.js-next .u-arrow-icon::after {
  -webkit-transform: translateX(-50%) rotate(55deg);
      -ms-transform: translateX(-50%) rotate(55deg);
          transform: translateX(-50%) rotate(55deg);
}

/*------------------------------------
  Badges
------------------------------------*/
[class*="u-badge"] {
  position: absolute;
  display: inline-block;
  text-align: center;
  font-size: 0.92857rem;
  color: #333;
  z-index: 3;
}

[class*="u-badge"]:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) {
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.u-badge--top-left {
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-badge--bottom-left {
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.u-badge--bottom-right {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(50%, 50%);
      -ms-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

/*------------------------------------
  Badges v1
------------------------------------*/
[class*="u-badge-v1"] {
  background-color: #ddd;
  box-sizing: content-box;
}

.u-badge-v1 {
  min-width: 1.28571rem;
  min-height: 1.28571rem;
  line-height: 1.28571rem;
  padding: 0.21429rem;
}

.u-badge-v1.g-brd-around {
  line-height: 1.14286rem;
}

.u-badge-v1--xs {
  min-width: 1rem;
  min-height: 1rem;
  line-height: 1rem;
  font-size: 0.71429rem;
  padding: 0.14286rem;
}

.u-badge-v1--xs.g-brd-around {
  line-height: 0.85714rem;
}

.u-badge-v1--sm {
  min-width: 1.14286rem;
  min-height: 1.14286rem;
  line-height: 1.14286rem;
  font-size: 0.78571rem;
  padding: 0.14286rem;
}

.u-badge-v1--sm.g-brd-around {
  line-height: 1rem;
}

.u-badge-v1--md {
  min-width: 1.28571rem;
  min-height: 1.28571rem;
  line-height: 1.28571rem;
  font-size: 0.92857rem;
  padding: 0.21429rem;
}

.u-badge-v1--md.g-brd-around {
  line-height: 1.14286rem;
}

.u-badge-v1--lg {
  min-width: 1.42857rem;
  min-height: 1.42857rem;
  line-height: 1.42857rem;
  font-size: 1.07143rem;
  padding: 0.21429rem;
}

.u-badge-v1--lg.g-brd-around {
  line-height: 1.28571rem;
}

.u-badge-v1--xl {
  min-width: 1.85714rem;
  min-height: 1.85714rem;
  line-height: 1.85714rem;
  font-size: 1.21429rem;
  padding: 0.21429rem;
}

.u-badge-v1--xl.g-brd-around {
  line-height: 1.71429rem;
}

/*------------------------------------
  Badges v2
------------------------------------*/
[class*="u-badge-v2"] {
  background-color: #0d55f7;
  border-radius: 50%;
}

.u-badge-v2 {
  width: 14px;
  height: 14px;
}

.u-badge-v2--xs {
  width: 8px;
  height: 8px;
}

.u-badge-v2--sm {
  width: 12px;
  height: 12px;
}

.u-badge-v2--md {
  width: 14px;
  height: 14px;
}

.u-badge-v2--lg {
  width: 16px;
  height: 16px;
}

.u-badge-v2--xl {
  width: 18px;
  height: 18px;
}

/*------------------------------------
  Badges v3
------------------------------------*/
[class*="u-badge-v3"] {
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 1px #333, 0 -1px 1px #333, 1px 0 1px #333, -1px 0 1px #333;
}

.u-badge-v3 {
  font-size: 1rem;
}

.u-badge-v3--xs {
  font-size: 0.71429rem;
}

.u-badge-v3--sm {
  font-size: 0.85714rem;
}

.u-badge-v3--md {
  font-size: 1rem;
}

.u-badge-v3--lg {
  font-size: 1.14286rem;
}

.u-badge-v3--xl {
  font-size: 1.14286rem;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Solid Divider */
.u-divider-solid {
  border-top-style: solid;
}

/* Dotted Divider */
.u-divider-dotted {
  border-top-style: dotted;
}

/* Dashed Divider */
.u-divider-dashed {
  border-top-style: dashed;
}

/* Double Solid Divider */
.u-divider-db-solid {
  height: 5px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

/* Double Dashed Divider */
.u-divider-db-dashed {
  height: 5px;
  border-top: 1px dashed transparent;
  border-bottom: 1px dashed transparent;
}

/* Double Dotted Divider */
.u-divider-db-dotted {
  height: 5px;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
}

/* Linear Gradient Divider */
.u-divider-linear-gradient {
  height: 1px;
  border: none;
}

.u-divider-linear-gradient--gray-light-v2 {
  background-image: linear-gradient(to right, transparent, #ccc, transparent);
}

.u-divider-linear-gradient--gray-light-v3 {
  background-image: linear-gradient(to right, transparent, #ddd, transparent);
}

.u-divider {
  position: relative;
  border-top-width: 1px;
}

.u-divider__icon {
  position: absolute;
  top: -1.42857rem;
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
  line-height: 2.85714rem;
  text-align: center;
  font-style: normal;
}

.u-divider__icon--indented {
  box-shadow: 0 0 0 15px #fff;
}

.u-divider-center {
  text-align: center;
}

.u-divider-right {
  text-align: right;
}

.u-divider-center .u-divider__icon {
  left: auto;
  right: auto;
  margin-left: -1.42857rem;
}

.u-divider-right .u-divider__icon {
  left: auto;
  right: 0;
}

/*------------------------------------
  Go To v1
------------------------------------*/
[class*="u-go-to"] {
  display: none;
}

.u-go-to-v1 {
  width: 2.85714rem;
  height: 2.85714rem;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  transition: .3s ease-out;
  z-index: 5;
}

.u-go-to-v1 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0d55f7;
}

.u-go-to-v1:focus {
  text-decoration: none;
  color: #333;
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 575px) {
  .u-go-to-v1 {
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}

/*------------------------------------
  Go To v2
------------------------------------*/
[class*="u-go-to"] {
  display: none;
}

.u-go-to-v2 {
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 3px;
  transition: .3s ease-out;
  z-index: 5;
}

.u-go-to-v2 i {
  width: 2.85714rem;
  height: 2.85714rem;
  display: block;
  text-align: center;
  line-height: 2.85714rem;
}

.u-go-to-v2:hover, .u-go-to-v2:focus:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0d55f7;
}

.u-go-to-v2:focus {
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 575px) {
  .u-go-to-v2 {
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}

/*------------------------------------
  Go To v3
------------------------------------*/
[class*="u-go-to"] {
  display: none;
}

.u-go-to-v3 {
  padding: 5px;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  border-radius: 50%;
  transition: .3s ease-out;
  z-index: 5;
}

.u-go-to-v3 i {
  width: 2.85714rem;
  height: 2.85714rem;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-size: 1.14286rem;
  line-height: 2.57143rem;
  border: solid 1px #333;
  transition: .3s ease-out;
}

.u-go-to-v3:hover, .u-go-to-v3:focus:hover {
  text-decoration: none;
  color: #0d55f7;
  background-color: white;
}

.u-go-to-v3:hover i, .u-go-to-v3:focus:hover i {
  border-color: #0d55f7;
}

.u-go-to-v3:focus {
  text-decoration: none;
  color: #333;
  background-color: rgba(255, 255, 255, 0.7);
}

.u-go-to-v3:focus i {
  border-color: #333;
}

@media (max-width: 575px) {
  .u-go-to-v3 {
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}

/*------------------------------------
  Headers
------------------------------------*/
.u-header {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 0.92857rem;
  z-index: 101;
}

.u-header--abs-top, .u-header--abs-bottom, .u-header--abs-top-2nd-screen {
  position: absolute;
}

.u-header--abs-top-2nd-screen {
  top: 100%;
  bottom: auto;
}

.u-header--abs-top {
  top: 0;
  bottom: auto;
}

.u-header--abs-bottom {
  top: auto;
  bottom: 0;
}

.u-header--abs-bottom .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem;
}

.u-header--sticky-top, .u-header--sticky-bottom {
  position: fixed;
}

.u-header--sticky-top {
  bottom: auto;
  top: 0;
}

.u-header--sticky-bottom {
  top: auto;
  bottom: 0;
}

.u-header--sticky-bottom .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem;
}

.u-header--invisible {
  display: none;
}

.u-header--moved-up {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.u-header--faded {
  opacity: 0;
  visibility: hidden;
}

.u-header--untransitioned {
  transition: none !important;
}

.u-header__section--hidden {
  position: relative;
}

.u-header--floating {
  position: absolute;
  left: 0;
  right: 0;
}

.u-header--floating.js-header-fix-moment {
  margin-top: 0 !important;
}

.u-header--floating.js-header-fix-moment .navbar {
  padding-left: 0;
  padding-right: 0;
}

.u-header[data-header-fix-effect] {
  transition: .3s ease;
}

.u-header-reduced--shift.js-header-change-moment {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-header.js-header-fix-moment {
  position: fixed;
  top: 0;
  bottom: auto;
}

.u-header__section {
  position: relative;
  z-index: 1;
}

.u-header__section:nth-child(1) {
  z-index: 5;
}

.u-header__section:nth-child(2) {
  z-index: 4;
}

.u-header__section:nth-child(3) {
  z-index: 3;
}

.u-header__section:nth-child(4) {
  z-index: 2;
}

.u-header__section:nth-child(5) {
  z-index: 1;
}

.u-header__sections-container {
  position: relative;
  z-index: 1;
}

.u-header__logo {
  position: relative;
  z-index: 1;
}

.u-header__logo-img {
  top: 0;
  left: 0;
  /*transition: .3s ease;*/
}

.u-header__logo-img:not(.u-header__logo-img--main) {
  position: absolute;
  opacity: 0;
}

.dropdown-menu.u-dropdown--reverse-position {
  left: auto;
  right: 0;
}

.js-header-change-moment.g-bg-white--shift {
  background-color: #fff;
}

.js-header-change-moment.g-bg-light-semi-transparent--shift {
  background-color: rgba(255, 255, 255, 0.9);
}

.js-header-change-moment.g-bg-black--shift {
  background-color: #000;
}

.js-header-change-moment.g-bg-dark-semi-transparent--shift {
  background-color: rgba(0, 0, 0, 0.9);
}

.js-header-change-moment.g-bg-primary--shift {
  background-color: #0d55f7;
}

.js-header-change-moment.g-bg-primary-semi-transparent--shift {
  background-color: rgba(13, 85, 247, 0.9);
}

.u-header__section--light .navbar-brand,
.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-brand,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
  color: #333333;
}

.u-header__section--light .navbar-brand:focus,
.u-header__section--light .navbar-brand:hover,
.u-header__section--light .navbar-toggler:focus,
.u-header__section--light .navbar-toggler:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler:hover {
  color: #333333;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  color: #333333;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
  color: #333333;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
  color: rgba(51, 51, 51, 0.5);
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
  color: #0d55f7;
}

.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
  border-color: rgba(51, 51, 51, 0.3);
}

.u-header__section--light .navbar-toggler-icon,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-main, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.u-header__section--light .navbar-text,
.u-header__section--light--shift.js-header-change-moment .navbar-text {
  color: rgba(51, 51, 51, 0.7);
}

.u-header__section--dark .navbar-brand,
.u-header__section--dark .navbar-toggler,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler,
.u-header__section--primary .navbar-brand,
.u-header__section--primary .navbar-toggler,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler {
  color: #fff;
}

.u-header__section--dark .navbar-brand:focus,
.u-header__section--dark .navbar-brand:hover,
.u-header__section--dark .navbar-toggler:focus,
.u-header__section--dark .navbar-toggler:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler:hover,
.u-header__section--primary .navbar-brand:focus,
.u-header__section--primary .navbar-brand:hover,
.u-header__section--primary .navbar-toggler:focus,
.u-header__section--primary .navbar-toggler:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler:hover {
  color: #fff;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  color: #fff;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
  color: rgba(255, 255, 255, 0.9);
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
  color: rgba(255, 255, 255, 0.5);
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
  color: #fff;
}

.u-header__section--dark .navbar-toggler,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler,
.u-header__section--primary .navbar-toggler,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.3);
}

.u-header__section--dark .navbar-toggler-icon,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler-icon,
.u-header__section--primary .navbar-toggler-icon,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-white, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.u-header__section--dark .navbar-text,
.u-header__section--dark--shift.js-header-change-moment .navbar-text,
.u-header__section--primary .navbar-text,
.u-header__section--primary--shift.js-header-change-moment .navbar-text {
  color: rgba(255, 255, 255, 0.7);
}

@media all and (min-width: 576px) {
  .u-header--abs-top--sm, .u-header--abs-bottom--sm, .u-header--abs-top-2nd-screen--sm {
    position: absolute;
  }
  .u-header--abs-top-2nd-screen--sm {
    top: 100%;
  }
  .u-header--abs-top--sm {
    bottom: auto;
    top: 0;
  }
  .u-header--abs-bottom--sm {
    top: auto;
    bottom: 0;
  }
  .u-header--sticky-top--sm, .u-header--sticky-bottom--sm {
    position: fixed;
  }
  .u-header--sticky-top--sm {
    bottom: auto;
    top: 0;
  }
  .u-header--sticky-bottom--sm {
    top: auto;
    bottom: 0;
  }
  .u-header--floating--sm {
    position: absolute;
    left: 0;
    right: 0;
  }
  .u-header--floating--sm.js-header-fix-moment {
    margin-top: 0 !important;
  }
  .u-header--floating--sm.js-header-fix-moment .navbar {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 768px) {
  .u-header--abs-top--md, .u-header--abs-bottom--md, .u-header--abs-top-2nd-screen--md {
    position: absolute;
  }
  .u-header--abs-top-2nd-screen--md {
    top: 100%;
  }
  .u-header--abs-top--md {
    bottom: auto;
    top: 0;
  }
  .u-header--abs-bottom--md {
    top: auto;
    bottom: 0;
  }
  .u-header--sticky-top--md, .u-header--sticky-bottom--md {
    position: fixed;
  }
  .u-header--sticky-top--md {
    bottom: auto;
    top: 0;
  }
  .u-header--sticky-bottom--md {
    top: auto;
    bottom: 0;
  }
  .u-header--floating--md {
    position: absolute;
    left: 0;
    right: 0;
  }
  .u-header--floating--md.js-header-fix-moment {
    margin-top: 0 !important;
  }
  .u-header--floating--md.js-header-fix-moment .navbar {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 992px) {
  .u-header--abs-top--lg, .u-header--abs-bottom--lg, .u-header--abs-top-2nd-screen--lg {
    position: absolute;
  }
  .u-header--abs-top-2nd-screen--lg {
    top: 100%;
  }
  .u-header--abs-top--lg {
    bottom: auto;
    top: 0;
  }
  .u-header--abs-bottom--lg {
    top: auto;
    bottom: 0;
  }
  .u-header--sticky-top--lg, .u-header--sticky-bottom--lg {
    position: fixed;
  }
  .u-header--sticky-top--lg {
    bottom: auto;
    top: 0;
  }
  .u-header--sticky-bottom--lg {
    top: auto;
    bottom: 0;
  }
  .u-header--floating--lg {
    position: absolute;
    left: 0;
    right: 0;
  }
  .u-header--floating--lg.js-header-fix-moment {
    margin-top: 0 !important;
  }
  .u-header--floating--lg.js-header-fix-moment .navbar {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 1200px) {

  .t_new .container{width:1600px;}
  .t_new .col-md-3 {width: 20%;}
  .t_new .footer .col-md-3 {width:25%;}
  .t_new .col-md-9 {width: 80%;}
  .t_new .col-lg-4 {width: 25%;}
  .t_new .col-sm-6.event_style{width:33.3%}
  .t_new .content-tile .title-block{height:200px;}


  .u-header--abs-top--xl, .u-header--abs-bottom--xl, .u-header--abs-top-2nd-screen--xl {
    position: absolute;
  }
  .u-header--abs-top-2nd-screen--xl {
    top: 100%;
  }
  .u-header--abs-top--xl {
    bottom: auto;
    top: 0;
  }
  .u-header--abs-bottom--xl {
    top: auto;
    bottom: 0;
  }
  .u-header--sticky-top--xl, .u-header--sticky-bottom--xl {
    position: fixed;
  }
  .u-header--sticky-top--xl {
    bottom: auto;
    top: 0;
  }
  .u-header--sticky-bottom--xl {
    top: auto;
    bottom: 0;
  }
  .u-header--floating--xl {
    position: absolute;
    left: 0;
    right: 0;
  }
  .u-header--floating--xl.js-header-fix-moment {
    margin-top: 0 !important;
  }
  .u-header--floating--xl.js-header-fix-moment .navbar {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (max-width: 1199px) {
  .navbar-toggleable-lg,
  .navbar-toggleable-lg > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-lg .navbar-collapse {
    width: 100%;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media all and (max-width: 991px) {
  .navbar-toggleable-md,
  .navbar-toggleable-md > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-md .navbar-collapse {
    width: 100% !important;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media all and (max-width: 767px) {
  .navbar-toggleable-sm,
  .navbar-toggleable-sm > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-sm .navbar-collapse {
    width: 100%;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

@media all and (max-width: 575px) {
  .u-header .navbar .container {
    width: 100%;
  }
  .navbar-toggleable,
  .navbar-toggleable > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable .navbar-collapse {
    width: 100%;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

/*------------------------------------
  Header Togglers
------------------------------------*/
.u-header-toggler {
  display: block;
  width: 5rem;
  height: 3.57143rem;
  z-index: 102;
  /* Hamburgers */
}

.u-header-toggler .hamburger {
  line-height: 1;
}

/* Toggler Positioning */
@media all and (min-width: 0) {
  .u-header-toggler--top-right, .u-header-toggler--top-right.btn, .u-header-toggler--top-left, .u-header-toggler--top-left.btn, .u-header-toggler--bottom-right, .u-header-toggler--bottom-right.btn, .u-header-toggler--bottom-left, .u-header-toggler--bottom-left.btn {
    position: fixed;
  }
  .u-header-toggler--top-right, .u-header-toggler--top-right.btn, .u-header-toggler--top-left, .u-header-toggler--top-left.btn {
    top: 1.42857rem;
  }
  .u-header-toggler--bottom-right, .u-header-toggler--bottom-right.btn, .u-header-toggler--bottom-left, .u-header-toggler--bottom-left.btn {
    bottom: 1.42857rem;
  }
  .u-header-toggler--top-left, .u-header-toggler--bottom-left {
    left: 1.42857rem;
  }
  .u-header-toggler--top-right, .u-header-toggler--bottom-right {
    right: 1.42857rem;
  }
}

/* Toggler Positioning (sm) */
@media all and (min-width: 576px) {
  .u-header-toggler--top-right--sm, .u-header-toggler--top-right--sm.btn, .u-header-toggler--top-left--sm, .u-header-toggler--top-left--sm.btn, .u-header-toggler--bottom-right--sm, .u-header-toggler--bottom-right--sm.btn, .u-header-toggler--bottom-left--sm, .u-header-toggler--bottom-left--sm.btn {
    position: fixed;
  }
  .u-header-toggler--top-right--sm, .u-header-toggler--top-right--sm.btn, .u-header-toggler--top-left--sm, .u-header-toggler--top-left--sm.btn {
    top: 1.42857rem;
  }
  .u-header-toggler--bottom-right--sm, .u-header-toggler--bottom-right--sm.btn, .u-header-toggler--bottom-left--sm, .u-header-toggler--bottom-left--sm.btn {
    bottom: 1.42857rem;
  }
  .u-header-toggler--top-left--sm, .u-header-toggler--bottom-left--sm {
    left: 1.42857rem;
  }
  .u-header-toggler--top-right--sm, .u-header-toggler--bottom-right--sm {
    right: 1.42857rem;
  }
}

/* Toggler Positioning (md) */
@media all and (min-width: 768px) {
  .u-header-toggler--top-right--md, .u-header-toggler--top-right--md.btn, .u-header-toggler--top-left--md, .u-header-toggler--top-left--md.btn, .u-header-toggler--bottom-right--md, .u-header-toggler--bottom-right--md.btn, .u-header-toggler--bottom-left--md, .u-header-toggler--bottom-left--md.btn {
    position: fixed;
  }
  .u-header-toggler--top-right--md, .u-header-toggler--top-right--md.btn, .u-header-toggler--top-left--md, .u-header-toggler--top-left--md.btn {
    top: 1.42857rem;
  }
  .u-header-toggler--bottom-right--md, .u-header-toggler--bottom-right--md.btn, .u-header-toggler--bottom-left--md, .u-header-toggler--bottom-left--md.btn {
    bottom: 1.42857rem;
  }
  .u-header-toggler--top-left--md, .u-header-toggler--bottom-left--md {
    left: 1.42857rem;
  }
  .u-header-toggler--top-right--md, .u-header-toggler--bottom-right--md {
    right: 1.42857rem;
  }
}

/* Toggler Positioning (lg) */
@media all and (min-width: 992px) {
  .u-header-toggler--top-right--lg, .u-header-toggler--top-right--lg.btn, .u-header-toggler--top-left--lg, .u-header-toggler--top-left--lg.btn, .u-header-toggler--bottom-right--lg, .u-header-toggler--bottom-right--lg.btn, .u-header-toggler--bottom-left--lg, .u-header-toggler--bottom-left--lg.btn {
    position: fixed;
  }
  .u-header-toggler--top-right--lg, .u-header-toggler--top-right--lg.btn, .u-header-toggler--top-left--lg, .u-header-toggler--top-left--lg.btn {
    top: 1.42857rem;
  }
  .u-header-toggler--bottom-right--lg, .u-header-toggler--bottom-right--lg.btn, .u-header-toggler--bottom-left--lg, .u-header-toggler--bottom-left--lg.btn {
    bottom: 1.42857rem;
  }
  .u-header-toggler--top-left--lg, .u-header-toggler--bottom-left--lg {
    left: 1.42857rem;
  }
  .u-header-toggler--top-right--lg, .u-header-toggler--bottom-right--lg {
    right: 1.42857rem;
  }
}

/* Toggler Positioning (xl) */
@media all and (min-width: 1200px) {
  .u-header-toggler--top-right--xl, .u-header-toggler--top-right--xl.btn, .u-header-toggler--top-left--xl, .u-header-toggler--top-left--xl.btn, .u-header-toggler--bottom-right--xl, .u-header-toggler--bottom-right--xl.btn, .u-header-toggler--bottom-left--xl, .u-header-toggler--bottom-left--xl.btn {
    position: fixed;
  }
  .u-header-toggler--top-right--xl, .u-header-toggler--top-right--xl.btn, .u-header-toggler--top-left--xl, .u-header-toggler--top-left--xl.btn {
    top: 1.42857rem;
  }
  .u-header-toggler--bottom-right--xl, .u-header-toggler--bottom-right--xl.btn, .u-header-toggler--bottom-left--xl, .u-header-toggler--bottom-left--xl.btn {
    bottom: 1.42857rem;
  }
  .u-header-toggler--top-left--xl, .u-header-toggler--bottom-left--xl {
    left: 1.42857rem;
  }
  .u-header-toggler--top-right--xl, .u-header-toggler--bottom-right--xl {
    right: 1.42857rem;
  }
}

/*------------------------------------
  Fullscreen Header
------------------------------------*/
[class*="u-header--fullscreen"] {
  text-align: center;
  visibility: hidden;
}

[class*="u-header--fullscreen"] .u-header__sections-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease, visibility .5s ease;
}

[class*="u-header--fullscreen"] .mCustomScrollBox {
  width: 100%;
  height: auto;
}

[class*="u-header--fullscreen"] .u-header__section {
  width: 100%;
}

[class*="u-header--fullscreen"] .navbar-nav[class*="u-main-nav-v"] > li > a {
  display: inline-block;
}

[class*="u-header--fullscreen"] .u-header__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .5s ease, visibility .5s ease;
  transition: transform .5s ease, opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
}

.u-header.u-header--fullscreen--top-left, .u-header.u-header--fullscreen--top-right, .u-header.u-header--fullscreen--bottom-left, .u-header.u-header--fullscreen--bottom-right {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.u-header.u-header--fullscreen--top-left .u-header__overlay, .u-header.u-header--fullscreen--top-right .u-header__overlay, .u-header.u-header--fullscreen--bottom-left .u-header__overlay, .u-header.u-header--fullscreen--bottom-right .u-header__overlay {
  display: block;
}

.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed, .u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed, .u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed, .u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed {
  visibility: visible;
}

.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__sections-container {
  opacity: 1;
  visibility: visible;
}

.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__sections-container {
  transition-delay: .5s;
}

.u-header.u-header--fullscreen--top-left .container, .u-header.u-header--fullscreen--top-right .container, .u-header.u-header--fullscreen--bottom-left .container, .u-header.u-header--fullscreen--bottom-right .container {
  width: 100%;
}

.u-header.u-header--fullscreen--top-left .navbar, .u-header.u-header--fullscreen--top-right .navbar, .u-header.u-header--fullscreen--bottom-left .navbar, .u-header.u-header--fullscreen--bottom-right .navbar {
  min-width: 22.85714rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.u-header.u-header--fullscreen--top-left .dropdown-menu, .u-header.u-header--fullscreen--top-right .dropdown-menu, .u-header.u-header--fullscreen--bottom-left .dropdown-menu, .u-header.u-header--fullscreen--bottom-right .dropdown-menu {
  text-align: inherit;
  position: static;
  width: 100%;
}

.u-header.u-header--fullscreen--top-left .u-header__overlay {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-20%, -20%, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(-20%, -20%, 0);
}

.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__overlay {
  -webkit-transform: scale3d(1, 1, 1) translate3d(-20%, -20%, 0);
          transform: scale3d(1, 1, 1) translate3d(-20%, -20%, 0);
}

.u-header.u-header--fullscreen--top-right .u-header__overlay {
  left: auto;
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(20%, -20%, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(20%, -20%, 0);
}

.u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__overlay {
  -webkit-transform: scale3d(1, 1, 1) translate3d(20%, -20%, 0);
          transform: scale3d(1, 1, 1) translate3d(20%, -20%, 0);
}

.u-header.u-header--fullscreen--bottom-left .u-header__overlay {
  top: auto;
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-20%, 20%, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(-20%, 20%, 0);
}

.u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__overlay {
  -webkit-transform: scale3d(1, 1, 1) translate3d(-20%, 20%, 0);
          transform: scale3d(1, 1, 1) translate3d(-20%, 20%, 0);
}

.u-header.u-header--fullscreen--bottom-right .u-header__overlay {
  top: auto;
  left: auto;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(20%, 20%, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(20%, 20%, 0);
}

.u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__overlay {
  -webkit-transform: scale3d(1, 1, 1) translate3d(20%, 20%, 0);
          transform: scale3d(1, 1, 1) translate3d(20%, 20%, 0);
}

/*------------------------------------
  JS
------------------------------------*/
.js-carousel_single-item {
  max-width: 100%;
  position: relative;
}

.js-next,
.js-prev,
.js-thumb {
  cursor: pointer;
}

.js-next,
.js-prev {
  z-index: 10;
}

.js-thumb img {
  display: inline-block;
}

.js-carousel_single-item-thumbs5__thumbs .js-thumb {
  opacity: .3;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease-in;
}

.js-carousel_single-item-thumbs5__thumbs .js-thumb.slick-center {
  opacity: 1;
}

.js-carousel_single-item-thumbs5--v2__thumbs .js-thumb {
  opacity: .4;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease-in;
}

.js-carousel_single-item-thumbs5--v2__thumbs .js-thumb.slick-center {
  opacity: 1;
}

.js-carousel_single-item-thumbs5--v3__thumbs .js-thumb {
  opacity: .4;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease-in;
}

.js-carousel_single-item-thumbs5--v3__thumbs .js-thumb.slick-center {
  opacity: 1;
}

.u-pagi-control--v2 {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: #ddd;
  opacity: .3;
  cursor: pointer;
}

.slick-active .u-pagi-control-red {
  background-color: #f00;
}

.slick-active .u-pagi-control-grey {
  opacity: 1;
}

.u-carousel--v3 .js-prev,
.u-carousel--v3 .js-next {
  top: 50%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease-in;
}

.u-carousel--v3 .g-height-40.js-prev, .u-carousel--v3 .g-height-40.js-next {
  margin-top: -20px;
  left: 50%;
}

.u-carousel--v3 .g-height-40.js-prev {
  margin-left: -99px;
}

.u-carousel--v3 .g-height-40.js-next {
  margin-left: 65px;
}

.u-carousel--v3:hover .js-prev,
.u-carousel--v3:hover .js-next {
  opacity: 1;
}

.u-carousel--v4 {
  margin-left: -15px;
  margin-right: -15px;
}

.u-carousel--v4 .js-prev,
.u-carousel--v4 .js-next {
  top: 50%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .4s;
  transition-timing-function: ease-in;
}

.u-carousel--v4 .g-height-40.js-prev, .u-carousel--v4 .g-height-40.js-next {
  margin-top: -20px;
  left: 50%;
}

.u-carousel--v4 .g-height-40.js-prev {
  margin-left: -160px;
}

.u-carousel--v4 .g-height-40.js-next {
  margin-left: 125px;
}

.u-carousel--v4:hover .js-prev,
.u-carousel--v4:hover .js-next {
  opacity: 1;
}

/*--------------------------------------------------
  Filter v1
----------------------------------------------------*/
.u-filter-v1 > li:not(:last-child)::after {
  content: "|";
  font-size: 0.71429rem;
  line-height: 1em;
  margin: 0 7px 0 14px;
  position: relative;
  top: -2px;
  line-height: inherit;
  display: inline-block;
  vertical-align: middle;
  color: #ddd;
}

.u-filter-v1 > li:hover,
.u-filter-v1 [class*="active"] {
  color: #0d55f7;
}

/*--------------------------------------------------
  Carousel v10
----------------------------------------------------*/
.u-carousel-v10 .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: auto;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

.u-carousel-v10 .slick-dots li {
  display: block;
  margin-bottom: 5px;
}

.u-carousel-v10 .slick-dots button {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: transparent;
  background: #ccc;
  border: none;
  outline: none;
}

.u-carousel-v10 .slick-dots .slick-active button {
  background: #0d55f7;
}

.u-carousel-v10-nav {
  margin-top: -135px;
}

.u-carousel-v10-nav .js-slide {
  position: relative;
  cursor: pointer;
  height: 100%;
}

.u-carousel-v10-nav .js-slide:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s ease-in-out;
}

.u-carousel-v10-nav .js-slide.slick-current::after {
  opacity: 0;
}

@media only screen and (max-width: 991px) {
  .u-carousel-v10 .slick-dots {
    visibility: visible;
  }
  .u-carousel-v10-nav {
    display: none;
  }
}

/*------------------------------------
  Demo of Icons
------------------------------------*/
.u-icons-demo__item {
  border: solid 1px #eee;
  margin: 0 -1px -1px 0;
  padding: 20px 15px;
}

.u-icons-demo-item__value, .u-icons-demo-item__value:focus {
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
}

/*------------------------------------
  Style Switcher
------------------------------------*/
.u-styleswitcher {
  position: fixed;
  right: 0;
  z-index: 30;
  top: 3.57143rem;
  width: 16.78571rem;
  color: #fff;
  /* Style Switcher Header */
  /* Style Switcher Body */
  /* Style Switcher Toggler */
}

.u-styleswitcher__header {
  font-size: 1.14286rem;
  text-transform: uppercase;
  padding: 0.64286rem 1.07143rem 0.42857rem;
  color: #fff;
  background-color: #111;
  border-radius: 3px 0 0 0;
}

.u-styleswitcher__body {
  background-color: #333;
  padding: 1.07143rem;
}

.u-styleswitcher__toggler {
  position: absolute;
  right: 100%;
  top: 3px;
}

.u-styleswitcher [class*="u-select-v"] {
  color: #bbb;
  background-color: #fff;
}

/* Text */
.g-word-break {
  word-wrap: break-word;
}

/* Puller */
.g-pull-50x-up {
  -webkit-transform: translateY(-51%);
      -ms-transform: translateY(-51%);
          transform: translateY(-51%);
}

.g-pull-50x-bottom {
  -webkit-transform: translateY(51%);
      -ms-transform: translateY(51%);
          transform: translateY(51%);
}

.g-pull-50x-left {
  -webkit-transform: translateX(-51%);
      -ms-transform: translateX(-51%);
          transform: translateX(-51%);
}

.g-pull-50x-right {
  -webkit-transform: translateX(51%);
      -ms-transform: translateX(51%);
          transform: translateX(51%);
}

/* Link overlay */
.g-link-overlay,
.g-pos-cover {
  /* P */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}

/* P */
.g-pos-cover {
  z-index: 1;
}

/*------------------------------------
  Block Alignments
------------------------------------*/
.g-bg-attachment-fixed {
  background-attachment: fixed;
}

/*------------------------------------
  Background Gradient Colors
------------------------------------*/
/* Simple Linear Gradients
------------------------------------*/
/* Gray Light v1 */
.g-bg-gray-light-gradient-v1--after::after {
  background: linear-gradient(to bottom, rgba(247, 247, 247, 0.5), #f7f7f7);
}

/* White v1 */
.g-bg-white-gradient-v1--after::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), white);
}

/* Linear Gradients
------------------------------------*/
/* Gray Gradient */
.g-bg-gray-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, #fff, #dbdbdb);
}

/* Blue Pink Gradient */
.g-bg-bluepink-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(50deg, #2b7cb6, #f62d51);
}

/* Blue Gradient */
.g-bg-blue-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #73bec7, #4e66b0);
}

.g-bg-blue-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #429edc, #00629e);
}

.g-bg-blue-lineargradient-v3 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #3266a2, #98cfbf);
}

.g-bg-blue-lineargradient-v4 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #5b85df, #3ec2e3);
}

.g-bg-blue-lineargradient-v5 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #0050c2, #5180fa);
}

/* Orange Gradient */
.g-bg-orange-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #be1715, #ed6d0f);
}

.g-bg-orange-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #f5cd21, #c22821);
}

/* Yellow Gradient */
.g-bg-yellow-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #f59b00, #f5d400);
}

/* Dark Purple Gradient */
.g-bg-darkpurple-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #0b011d, #330c3c);
}

/* Blue Gray Gradient */
.g-bg-bluegray-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #1d253c, #3e4757);
}

/* Pink Gradient */
.g-bg-pink-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #b6003b, #ed1261);
}

/* Pink-v2 Gradient */
.g-bg-pink-lineargradient-v2 {
  background-image: linear-gradient(to right top, #fc7279 10%, #ff7b9c 65%, #ffc019 125%);
  background-repeat: no-repeat;
}

/* Red Gradient */
.g-bg-red-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #d70417, #9f041b);
}

/* Black Gradient */
.g-bg-black-gradient-opacity-v1,
.g-bg-black-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  background-repeat: repeat-x;
}

/* Green Gradient */
.g-bg-green-gradient-opacity-v1,
.g-bg-green-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to bottom, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%);
  background-repeat: repeat-x;
}

/* Purple Gradient */
.g-bg-purple-gradient-opacity-v1,
.g-bg-purple-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(154, 105, 203, 0.8) 100%);
  background-repeat: repeat-x;
}

/* Pink Light Gradient */
.g-bg-pink-gradient-opacity-v1,
.g-bg-pink-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(232, 28, 98, 0.8) 100%);
  background-repeat: repeat-x;
}

/* Cyan Gradient */
.g-bg-cyan-gradient-opacity-v1,
.g-bg-cyan-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to bottom, rgba(0, 0, 153, 0.5) 0%, rgba(0, 190, 214, 0.6) 100%);
  background-repeat: repeat-x;
}

/* Purple Gradient */
.g-bg-purple-gradient-opacity-v1,
.g-bg-purple-gradient-opacity-v1--after::after {
  background-repeat: repeat-x;
  background-image: linear-gradient(150deg, #b7ebf6, rgba(228, 97, 210, 0.7));
}

/* Primary Gradient */
.g-bg-primary-gradient-opacity-v1,
.g-bg-primary-gradient-opacity-v1--after::after {
  background-repeat: repeat-x;
  background-image: linear-gradient(150deg, #72c02c, rgba(51, 152, 220, 0.7));
}

/* Gray Gradient */
.g-bg-gray-gradient-opacity-v1,
.g-bg-gray-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to top, #f7f7f7 0%, white 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v1,
.g-bg-white-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v2,
.g-bg-white-gradient-opacity-v2--after::after {
  background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v3,
.g-bg-white-gradient-opacity-v3--after::after {
  background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-repeat: repeat-x;
}

/* White Gradient */
.g-bg-white-gradient-opacity-v4,
.g-bg-white-gradient-opacity-v4--after::after {
  background-image: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0.3) 100%);
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v1,
.g-bg-bluegray-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to top, rgba(88, 95, 105, 0.2) 0%, transparent 100%);
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v2,
.g-bg-bluegray-gradient-opacity-v2--after::after {
  background-image: linear-gradient(to top, rgba(88, 95, 105, 0.3) 0%, transparent 100%);
  background-repeat: repeat-x;
}

/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v3,
.g-bg-bluegray-gradient-opacity-v3--after::after {
  background-repeat: repeat-x;
  background-image: linear-gradient(150deg, rgba(107, 125, 224, 0.85), #2a2734);
}

/* Radial Gradients (Ellipse)
------------------------------------*/
/* Lightblue Gradient */
.g-bg-lightblue-radialgradient-ellipse {
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #d6e2ee);
  background-repeat: no-repeat;
}

/* Gray Gradient */
.g-bg-gray-radialgradient-ellipse {
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
  background-repeat: no-repeat;
}

/* Gray Gradient */
.g-bg-graylight-radialgradient-ellipse {
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee);
  background-repeat: no-repeat;
}

/*  Radial Gradients (Circle)
------------------------------------*/
/* Lightblue Gradient */
.g-bg-lightblue-radialgradient-circle {
  background-image: radial-gradient(circle farthest-corner at 75% 95%, #fff, #d6e2ee);
  background-repeat: no-repeat;
}

/* Blue Gradient */
.g-bg-blue-radialgradient-circle {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #2294d7, #275296);
  background-repeat: no-repeat;
}

/* Dark Gray Gradient */
.g-bg-darkgray-radialgradient-circle {
  background-image: radial-gradient(circle farthest-side at 110% 0, #596070, #31353e);
  background-repeat: no-repeat;
}

.g-bg-blue-radialgradient-circle-endless {
  background-image: repeating-radial-gradient(circle at 50% 50%, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px);
}

.g-bg-gray-verticalstripes-endless {
  background: repeating-linear-gradient(to bottom, #fff, #fff 5px, #eee 5px, #eee 10px);
}


article, aside, footer, header, nav, section {
    display: block;
}
.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    display:inline
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
}

.mr-3 {
    margin-right: 1rem!important;
}
.list-inline-item{display: inline-block;}

.theme_six .content-tile{border-radius:10px !important; overflow:hidden;}
.theme_six .content-tile h3{text-align:center; width:100%;}
.content-tile{background:#fff;margin-bottom:1.5rem;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.3); text-align:left}
.content-tile .thumbnailTitleHidden{display:none}
.content-tile a:not([class^='btn ']){color:#405e71}
.content-tile a:not([class^='btn']):hover{color:#000}
.content-tile .title-block{background-image:url(../../images/tile-bg-default.gif);background-position:center center;background-repeat:no-repeat;background-size:cover;height:133px;position:relative}
.content-tile .title-block:after{background:rgba(0,0,0,0.535);content:'';height:100%;width:100%;position:absolute; left:0}
.content-tile .title-block .content-tile-title{color:#fff;font-size:2.4rem;line-height:100%;padding:0 25px 15px;position:absolute;bottom:0;margin:0;z-index:2}
.content-tile .copy-block{font-size:1.3rem;font-weight:400;padding:15px 25px 25px; overflow:hidden;}
.content-tile .copy-block p{color:#000;margin-bottom:2rem}
.content-tile a.btn-text{display:block;font-size:1.3rem;margin-top:1rem}
.content-tile i.fa.fa-chevron-right{font-size:10px}
@media(min-width:768px){.content-tile{margin-bottom:0}
.content-tile a.btn-text{position:absolute;bottom:15px;color:#405e71}
a.btn-text:hover{color:#000}
}

.msg_dark_bg{background:#f7f7f7;}
.profile.thread_container .media.media-v2{padding:25px 15px 20px;}
.profile.thread_container .media.media-v2 .media-heading small{top:8px;}
.profile.thread_container .dlt_clr i.expand-list{    padding: 2px 0px;}
.profile.thread_container .dlt_clr{position:absolute; top:6px; right:12px;}

.lightbox_button a{position:absolute; top:48%; left:0; cursor:pointer;}
.lightbox_button a:hover{color:orange}
.lightbox_button a span:before{text-shadow:1px 1px 3px #000; font-size:30px;}
.lightbox_button a + a{left:auto; right:0;}

.word_break100{width:100%; word-break:break-all;}

.popover_style h4{font-weight:600; color:black;}

.reading_holder{height: 100%; overflow-y: auto; overflow-x: hidden; background: rgb(255, 255, 255); padding: 15px;}
.reading_holder:before{border-right: 15px solid #ebfce9; content: ''; position: absolute; right: 19%; top: 0;bottom: 0;}
.reading_holder > .headline{width:75%; margin-top: 0; margin-bottom: 35px; background: #fff; position:absolute; z-index: 1; right: 15px; left:15px; padding-top: 15px; top: 0;}
.reading_subheader{font-size: 40px; font-weight: 800; color: #000; font-family: simheiregular; text-align:center;}
.mbl_cntnr .reading_subheader{font-size: 20px;}
.mbl_cntnr .reading_img img{max-width:60%; margin:0 20%;}
.mbl_cntnr .btn_sep{display:none;}
.mbl_cntnr .reading_text .btn-group{margin-top:0;}
.mbl_cntnr .col-md-3.col-xs-3.padding-right-0.text-center{padding-left:2%}
.mbl_cntnr .reading_text .btn-group .btn{margin-left:0;}
.mbl_cntnr .reading_text .btn-group .btn_sep + .btn{margin-left:5px;}
.mbl_cntnr .reading_holder > .headline{width:100%;}
.mbl_cntnr .reading_text h2{text-indent:10px;}

.stroke_writing_all .popover{max-width:350px; min-width:350px;}

.popover_style2 *{font-family:arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif;}
.popover_style2 p{width:100%; color: #000; font-size: 26px; line-height: 36px; margin-bottom: 20px; float: left;}
.popover_style2 h4{font-size: 30px; color:#2196F3; margin-bottom:15px; float: left; width: 100%;}
.popover_style2 h4 i{font-size: 24px;}
.popover_style2 > p > strong{width:28%; float:left; font-family:simheiregular; font-size: 22px;}
.popover_style2 > p > span{width:72%; float:left;}

.popover_container2{position:relative;}
.popover_container2 .col-xs-6, .popover_container2 .col-xs-5{position:static;}
.popover_container2 .col-xs-6 .popover.right > .arrow, .popover_container2 .col-xs-6 .popover.left > .arrow{top:10%;}
.popover_container2 .col-xs-6:nth-child(4) .popover.right > .arrow, .popover_container2 .col-xs-6:nth-child(5) .popover.left > .arrow{top:35%;}
.popover_container2 .col-xs-6:nth-child(6) .popover.right > .arrow, .popover_container2 .col-xs-6:nth-child(7) .popover.left > .arrow{top:65%;}
.popover_container2 .col-xs-6:nth-child(8) .popover.right > .arrow, .popover_container2 .col-xs-6:nth-child(9) .popover.left > .arrow{top:90%;}
.stroke_writing_all .popover_container2 .popover{top:18px !important; bottom:18px !important; max-width:50%; min-width:50%;}
.stroke_writing_all .popover_container2 .popover .popover-inner{overflow-y:auto; height:100%;}

.reading_img{width:100%; float:left; text-align:center; padding:20px 0;}
.reading_img img{max-width:50%;margin:0 25%;}

.stroke_writing_all .navbar-inner{position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.stroke_writing_all .navbar-inner .btn-droppable{display:inline-block;}
.stroke_writing_all .navbar-inner .btn-droppable .btn{height:45px; line-height:35px; width:45px; font-size:26px;}

.stroke_writing_all .stroke_text h2.seprate a .correct_word{background:#caf1a7;}
.stroke_writing_all .stroke_text h2.seprate a .wrong_word{background:#f3bdbd;}
.drop_box{background:rgba(190, 225, 249, 0.55);}

.img-fluid {max-width: 100%; height: auto;}
.category_sec .row > div a{position:relative; float:left; padding-top: 62%; overflow: hidden;}
.category_sec .row > div a img{width: 100%; position: absolute; left: 0; top: 0;}
.category_sec .row > div .category_title{position:absolute; bottom:0; left:0; right:0; height: 50px; padding: 10px 20px; font-size: 18px; line-height:30px; text-transform:uppercase; background: rgba(0, 0, 0, 0.6); color:#fff; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.category_sec .row > div:hover .category_title{height: 60px; line-height:40px;}
.category_sec .row > div.category_more .category_title{top:0; height:auto; text-align:center; text-transform:none; padding-top:20%; white-space:normal;}
.category_sec .row > div.category_more .category_title span,.category_sec .row > div.category_more .category_title i{color:#72c02c;}
.category_sec .row > div.category_more .category_title span{font-size:26px; float:left; line-height:40px; width:100%; font-weight:600;}

.row .threecol {width: 22.05%;}
.column {position: relative; float: left; margin-right: 3.8%; min-height: 1px;}
.course-preview {webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.15); box-shadow: 0 0 8px rgba(0,0,0,0.15);}
.course-preview .course-image {position: relative; z-index: 10; padding: 5px; background: #fff;}
.course-preview .course-meta {overflow: hidden;}
.course-preview .course-image img {display: block; width: 100%; height: auto; background: #fff;}
.course-price {position: absolute; top: 25px; left: -5px;}
.course-price .price-text{display: block; padding: 0.2em 10px; min-width: 38px; border: 1px solid rgba(0,0,0,0.1); background-color: #5ea5d7; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.15); font-size: 1.2em;}
.course-price .corner-wrap {position: absolute; bottom: -4px; left: 0; width: 4px; height: 4px;}
.course-price .corner, .course-price .corner-background {width: 0; height: 0; border: 2px solid #5ea5d7; border-bottom-color: #fff; border-left-color: #fff;}
.course-price .corner {position: relative; z-index: 1; opacity: 0.8;}
.course-price .corner, .course-price .corner-background { width: 0; height: 0; border: 2px solid #5ea5d7; border-bottom-color: #fff; border-left-color: #fff;}
.course-price .corner-background {position: absolute; top: 0; left: 0; border-top-color: #000; border-right-color: #000;}
.course-preview .course-header {
    position: relative;
    z-index: 9;
    padding: 0.5em 15px 0.9em 15px;
}
.login-button .tooltip-text, .lessons-listing .lesson-attachments, .user-courses-listing .course-meta, .plan-preview .plan-description, .course-preview .course-header {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.course-preview .course-footer {
    padding: 0.7em 15px;
    border-top: 1px solid #f0f0f0;
    background: #f2f2f2;
}
.course-preview .course-header .author {
    color: #777;
}
.course-preview .course-footer .course-users {
    margin-top:5px;
    color: #777;
    text-shadow: 0 1px 0 #fff;
}
.course-rating {
    overflow: hidden;
    margin: 0 auto;
    width: 100px!important;
}
.course-preview .course-rating {
    float: right;
    margin: 0;
}
.free-course .course-price .price-text{background-color: #f3715d;}
.free-course .course-price .corner {
    border-top-color: #f3715d;
    border-right-color: #f3715d;
}

.theme_five{background:#fff;}
.theme_five .home_new .headline h2 span, .theme_five .home_new .headline h3 span, .theme_five .home_new .headline h4 span{color:#5f9628}
.theme_five .home_new .headline h2, .theme_five .home_new .headline h3, .theme_five .home_new .headline h4{color:#000; text-transform:none; font-weight:600;}
.theme_five .home_new .parallax-team.benefit:before, .theme_five .home_new .parallax-team-dark.benefit:before{background: rgba(255, 255, 255, 0.10);}
.theme_five .home_new .parallax-team.benefit{background:#fff; padding-top:0;}
.theme_five .home_new .parallax-team h2, .theme_five .home_new .parallax-team h4, .theme_five .home_new .parallax-team p{color:#000;}
.theme_five .home_new .parallax-team h2.color-white, .theme_five .home_new .parallax-team h4.color-white, .theme_five .home_new .parallax-team p.color-white{color:#fff;}

.event_style{background:transparent;}
.event_style .news-dateinfo, .news_style .news-dateinfo{position:absolute; left:15px; top:0; z-index: 10; color:#fff; border:none; padding:2px;}
.news_style .news-dateinfo{left:0px;}
.news-dateinfo.dateinfo_green{background:#5e9627}
.event_style .news-dateinfo.dateinfo_green span, .news_style .news-dateinfo.dateinfo_green span{color:#5e9627}
.event_style .news-dateinfo span, .news_style .news-dateinfo span{float:left; width:100%; text-align:center; font-size:24px; font-weight:600; background:#fff; color:#000;}
.event_style .news-dateinfo span + span, .news_style .news-dateinfo span + span{font-size:16px; margin-top:2px; background:transparent; text-transform:uppercase; color:#fff !important;}
.event_style h3{margin:0; margin-bottom:3px;}
.event_style h3 a{font-size: 18px; font-weight: 600; color: #5f9628;}
.event_style .venue{font-size:12px; font-weight:600; margin-bottom:5px;}
.event_style .event_desc{font-size:14px; overflow:hidden;}

.news_style img{width:100%;}
.news_style h3{text-align:center; height:56px; overflow:hidden;}
.news_style h3 a{font-size:20px; font-weight:600;}
.news_style ul{border:solid 1px #ccc; border-left:none; border-right:none; padding:5px 0;}
.news_style ul li{display:inline-block; width:48%; text-align:left;}
.news_style ul li + li{float:right; text-align:right;}

.share_header .mbl_hdr_cntnr{display:none;}
.share_header .mbl_cntnr{margin-top:0 !important;}

.top_pad_remov.tab-content .tag-box, .top_pad_remov.tab-content .panel-body{padding-top:0}

/*.course_assignment .panel.panel-body{display:none}
.course_assignment .panel.panel-body +  .panel.panel-body{display:block}
.course_assignment .table-responsive table{border: solid 2px #ccc;}*/

.mbl_cntnr .reading_holder > .headline{left:0;}
.mbl_cntnr .reading_holder > .headline h3{color:#555; font-size:12px; font-weight:600;}
.mbl_cntnr .reading_text h2{font-size:14px; line-height:16px;}
.mbl_cntnr .reading_holder:before{border-width:8px;}


.notes_dlg h2, .notes_dlg h3{margin:0 0 10px 0; font-size:20px; font-weight:600; border-bottom: solid 1px; padding-bottom: 3px;}
.notes_dlg h3{font-size:16px; color:#2196F3; border-color:rgba(33, 150, 243, 0.29);}
.notes_dlg span{float:left; width:4%}
.notes_dlg p{float:left; width:96%}

.remove_sep.reading_holder:before{border:none;}

.new_message{font-weight:700; color:#000;}
td .badge.badge-sm.message_noti{position: absolute; top: -10px; right: -10px; border-radius: 15px !important; background: red;}

li.node_container:first-child{padding-left:5px;}
.node_container{color:#3498db; border:none; border-top:solid 1px #eee;}
.node_container > div{}
.node_container.list-group-item{padding:5px;}
.node_container ol li.list-group-item{display:flex; border:none; padding-bottom:0; padding-right:0; padding-top:5px}
.tree-node.tree-node-content{font-weight:600}
.node_container ol li .tree-node.tree-node-content{font-weight:400; border:none; width:100%;}
body{counter-reset: section;}
.node_container > div{counter-reset: subsection;}
.node_container > div::before {counter-increment: section; content: "" counter(section) ". "; min-width:23px; float: left; text-align: center;}
.node_container > div + ol li::before {counter-increment: subsection; content: counter(section) "." counter(subsection) " "; color: #3498db; font-weight:600; font-size: 12px; margin-right:5px; padding-top:3px; padding-left:10px;}
.verti_center{position: relative; left:0; right:0; top:0; bottom:0; height:100%; width:100%;}
.verti_cntr_obj{position: absolute; top: 50%; transform: translateY(-50%); float: left; width:100%;}
.quick_info{font-size:13px; float:right; font-weight:600; margin:0;}
.quick_info span{color:#3498db;}
.node_container ol{padding:0;}
.node_container span.badge{padding:3px 8px;}

.g-bg-black-opacity-0_7--after::after {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.u-bg-overlay::before, .u-bg-overlay::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.d-block {display: block!important;}
.g-font-weight-600 {font-weight: 600;}
.g-font-weight-500 {font-weight: 500;}
.course_quick_info i.fa{font-size:60px;}
.course_quick_info .g-color-white.g-letter-spacing-1{cursor:pointer; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.course_quick_info .g-color-white.g-letter-spacing-1:hover * {color:#72c02c;}
.mobile_link a, .mobile_link i{color:green !important; font-weight:700;}
.theme_3 .mobile_link a, .theme_3 .mobile_link i{color:#FFEB3B !important;}
.app_download .col-sm-4{text-align:center;}
.app_download img.img-responsive{margin: 0 10%; width: 80%; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);}
.reading_button .btn{width:26px; height:24px; line-height:24px; text-align:center; float:left; border-radius:2px !important; padding:0;}
.reading_button .btn i{height:24px; width:26px; float:left; line-height:24px;}
.reading_button .btn[disabled]{background:#bbb;}
.btn_sep{border-right: solid 1px #777; float: left; height: 30px; margin-left: 5px; margin-top: -3px;}

.middle_tab.tab_wdth li{width:auto; padding:0 10px;}
.middle_tab.tab_wdth{border-color:#bbb; padding-top:10px;}
.middle_tab.tab_wdth li.active:before{display:none;}
.middle_tab.tab_wdth li.active:after{width:100%; border:none; border-bottom:solid 2px #72c02c !important; left:0; margin:0;}
.middle_tab.tab_wdth li{border-color: #79aafd !important;}
.middle_tab.tab_wdth li.active a{color:#337ab7;}

.my_course.accordian .panel-group .panel{border:none; border-bottom:solid 1px #ccc;}
.my_course .accordian_container .panel-title h4 span{font-weight:500;}
.my_course .accordian_container .panel-title h4 i.fa{position:absolute; left:-15px; top:3px; right:auto; color:#bbb;}
.my_course .accordian_container h4.panel-title {padding-left:20px; background:#fff;}
.my_course .accordian_container.new > div >  h4.panel-title.active:before{content:''; position:absolute; top:15px; left:0; width:10px; height:10px; background:#e74c3c; float:left; border-radius:10px !important;}
.my_course .accordian_container .panel-body li{    border-bottom: solid 1px #bedef7; padding: 5px 0;float:left; width:100%;}
.my_course .accordian_container .panel-body li a{float:left; width:100%;}

.modal-backdrop.in{opacity:1;}
.modal-backdrop{background-color: rgba(0, 0, 0, 0.6);}

.myspace_header{background:#337ab7; height:45px; color:#fff; position:absolute; left:0; top:-55px; width:100%; z-index:10;}
.myspace_header ul{float:right; margin:0; line-height:45px;}
.myspace_header li{display:inline-block; margin-left:5px;}
.myspace_header li.active .btn{background: orange; color: #fff;}
.myspace_header li .btn{font-weight:600; background:#fff; border-radius:3px !important; border:none;}
.myspace_header li .btn:hover{background:orange; color:#fff;}
.myspace_menu .list-group-item{background: #fff;}
.my_space_sidebar.sidebar_responsive .list-group-item.brdr_top{border-color:#ccc;}
/*.side-nav .list.active, .sidebar-nav-v1 > li.active {background: rgba(0, 0, 0, 0.20) !important;}*/
.myspace_cntnr .container > .tag-box{ padding:0; border: solid 1px #eee;}
.myspace_right > div{padding-top:20px;}
.myspace_cntnr .sidebar-nav-v1 li a{padding-left:15px;}

.profile.video .sky-form label{float:left; width:100%; text-align:left;}
.profile.video .sky-form{float:left; width:100%;}
.sky-form {
  margin: 0;
  outline: none;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
  color: #666;
  margin-bottom:20px;
}
.sky-form header {
  display: block;
  padding: 20px 30px; 
  border-bottom: 1px solid rgba(0,0,0,.1);
  background: rgba(248,248,248,.9);
  font-size: 25px;
  font-weight: 300;
  color: #232323;
}
.sky-form fieldset {
  display: block; 
  padding: 25px 30px 5px;
  border: none;
  background: rgba(255,255,255,.9);
}
.sky-form fieldset + fieldset {
  border-top: 1px solid rgba(0,0,0,.1);
}
.sky-form section {
  margin-bottom: 20px;
}
.sky-form footer {
  display: block;
  padding: 15px 30px 25px;
  border-top: 1px solid rgba(0,0,0,.1);
  background: rgba(248,248,248,.9);
}
.sky-form footer:after {
  content: '';
  display: table;
  clear: both;
}
.sky-form a {
  color: #2da5da;
}
.sky-form .label {
  display: block;
  margin-bottom: 6px;
  line-height: 19px;
  font-weight: 400;
}
.sky-form .label.col {
  margin: 0;
  padding-top: 10px;
}
.sky-form .note {
  margin-top: 6px;
  padding: 0 1px;
  font-size: 11px;
  line-height: 15px;
  color: #999;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
  position: relative;
  display: block;
}
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 39px;
  padding: 6px 10px;
  outline: none;
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  font: 15px/23px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #404040;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.sky-form .progress {
  float: right;
  margin-top: 10px;
  line-height: 39px;
  color: #232323;
}
.sky-form button::-moz-focus-inner {
  padding: 0;
  border: 0;
}


/**/
/* captcha inputs */
/**/
.sky-form .input-captcha img {
  position: absolute;
  top: 2px;
  right: 2px;
  border-left: 1px solid #e5e5e5;
}


/**/
/* file inputs */
/**/
.sky-form .input-file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 31px;
  margin: 0;
  padding: 0 20px;
  font-size: 13px;
  line-height: 31px;
}
.sky-form .input-file .button:hover {
  box-shadow: none;
}
.sky-form .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}



/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .pfill, .c100.p52 .pfill, .c100.p53 .pfill, .c100.p54 .pfill, .c100.p55 .pfill, .c100.p56 .pfill, .c100.p57 .pfill, .c100.p58 .pfill, .c100.p59 .pfill, .c100.p60 .pfill, .c100.p61 .pfill, .c100.p62 .pfill, .c100.p63 .pfill, .c100.p64 .pfill, .c100.p65 .pfill, .c100.p66 .pfill, .c100.p67 .pfill, .c100.p68 .pfill, .c100.p69 .pfill, .c100.p70 .pfill, .c100.p71 .pfill, .c100.p72 .pfill, .c100.p73 .pfill, .c100.p74 .pfill, .c100.p75 .pfill, .c100.p76 .pfill, .c100.p77 .pfill, .c100.p78 .pfill, .c100.p79 .pfill, .c100.p80 .pfill, .c100.p81 .pfill, .c100.p82 .pfill, .c100.p83 .pfill, .c100.p84 .pfill, .c100.p85 .pfill, .c100.p86 .pfill, .c100.p87 .pfill, .c100.p88 .pfill, .c100.p89 .pfill, .c100.p90 .pfill, .c100.p91 .pfill, .c100.p92 .pfill, .c100.p93 .pfill, .c100.p94 .pfill, .c100.p95 .pfill, .c100.p96 .pfill, .c100.p97 .pfill, .c100.p98 .pfill, .c100.p99 .pfill, .c100.p100 .pfill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .pfill, .c100.p52 .bar:after, .c100.p52 .pfill, .c100.p53 .bar:after, .c100.p53 .pfill, .c100.p54 .bar:after, .c100.p54 .pfill, .c100.p55 .bar:after, .c100.p55 .pfill, .c100.p56 .bar:after, .c100.p56 .pfill, .c100.p57 .bar:after, .c100.p57 .pfill, .c100.p58 .bar:after, .c100.p58 .pfill, .c100.p59 .bar:after, .c100.p59 .pfill, .c100.p60 .bar:after, .c100.p60 .pfill, .c100.p61 .bar:after, .c100.p61 .pfill, .c100.p62 .bar:after, .c100.p62 .pfill, .c100.p63 .bar:after, .c100.p63 .pfill, .c100.p64 .bar:after, .c100.p64 .pfill, .c100.p65 .bar:after, .c100.p65 .pfill, .c100.p66 .bar:after, .c100.p66 .pfill, .c100.p67 .bar:after, .c100.p67 .pfill, .c100.p68 .bar:after, .c100.p68 .pfill, .c100.p69 .bar:after, .c100.p69 .pfill, .c100.p70 .bar:after, .c100.p70 .pfill, .c100.p71 .bar:after, .c100.p71 .pfill, .c100.p72 .bar:after, .c100.p72 .pfill, .c100.p73 .bar:after, .c100.p73 .pfill, .c100.p74 .bar:after, .c100.p74 .pfill, .c100.p75 .bar:after, .c100.p75 .pfill, .c100.p76 .bar:after, .c100.p76 .pfill, .c100.p77 .bar:after, .c100.p77 .pfill, .c100.p78 .bar:after, .c100.p78 .pfill, .c100.p79 .bar:after, .c100.p79 .pfill, .c100.p80 .bar:after, .c100.p80 .pfill, .c100.p81 .bar:after, .c100.p81 .pfill, .c100.p82 .bar:after, .c100.p82 .pfill, .c100.p83 .bar:after, .c100.p83 .pfill, .c100.p84 .bar:after, .c100.p84 .pfill, .c100.p85 .bar:after, .c100.p85 .pfill, .c100.p86 .bar:after, .c100.p86 .pfill, .c100.p87 .bar:after, .c100.p87 .pfill, .c100.p88 .bar:after, .c100.p88 .pfill, .c100.p89 .bar:after, .c100.p89 .pfill, .c100.p90 .bar:after, .c100.p90 .pfill, .c100.p91 .bar:after, .c100.p91 .pfill, .c100.p92 .bar:after, .c100.p92 .pfill, .c100.p93 .bar:after, .c100.p93 .pfill, .c100.p94 .bar:after, .c100.p94 .pfill, .c100.p95 .bar:after, .c100.p95 .pfill, .c100.p96 .bar:after, .c100.p96 .pfill, .c100.p97 .bar:after, .c100.p97 .pfill, .c100.p98 .bar:after, .c100.p98 .pfill, .c100.p99 .bar:after, .c100.p99 .pfill, .c100.p100 .bar:after, .c100.p100 .pfill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #eee;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.medium {
  font-size: 130px;
}
.c100.small {
  font-size: 80px;
}
.c100.mini2 {
  font-size: 50px;
}
.c100.mini {
  font-size: 30px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #555;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100 > span > span {
  font-size:.5em
}

.c100.mini2  > span{
  font-size: .35em;
  width: 2.8em;
  line-height: 2.8em;
}

.c100.mini  > span{
  font-size: .45em;
  width: 2.25em;
  line-height: 2.25em;
}

.c100.mini2:hover > span {
    font-size: 0.3em;
    width: 3.3em;
    line-height: 3.3em;

}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
  background-color: white;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .pfill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100 .fa{
  color: #307bbb;
}
.c100.green .fa{
  color: #72c02c;
}
.c100.green .bar, .c100.green .pfill {
  border-color: #72c02c !important;
}
.c100.green:hover > span {
  color: #72c02c;
}
.c100.green.dark .fa{
  color: #5fd400;
}
.c100.green.dark .bar, .c100.green.dark .pfill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .fa{
  color: #dd9d22;
}
.c100.orange .bar, .c100.orange .pfill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .fa{
  color: #e08833;
}
.c100.orange.dark .bar, .c100.orange.dark .pfill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}
.c100.pink .fa{
  color: #f56b79;
}
.c100.pink .bar, .c100.pink .pfill {
  border-color: #f56b79 !important;
}
.c100.pink:hover > span {
  color: #f56b79;
}
.c100.pink.dark .fa{
  color: #f1273c;
}
.c100.pink.dark .bar, .c100.pink.dark .pfill {
  border-color: #f1273c !important;
}
.c100.pink.dark:hover > span {
  color: #f1273c;
}


.overview_progress_holder {
  float: left;
  width: 100%;
  margin-bottom:20px;
}
.overview_progress {
  position: relative;
  width: 70px;
  height: 10px;
  overflow: hidden;
  float: left;
  margin: 9px 0 0 5px;
}
.overview_progress ul {
  float: left;
  list-style: none;
  position: absolute;
  padding: 0;
}
.overview_progress li {
  float: left;
  height: 10px;
  width: 3px;
  margin: 0 2px;
  background: #d3e1ec;
  border-radius: 1px;
}
.overview_progress .progress_front li {
  background: #2196f3;
}
.overview_label {
  float: left;
  font-size: 12px;
  width:65%;
  margin-left:15px;
  font-weight:600;
}
.overview_label span.percent {
  font-size: 14px;
  font-weight: 600;
  color: #ccc;
  width: 40px;
  float: right;
  text-align: right;
}
.overview_label span {
  width:80%;
  float:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.navy-bg {
  background-color: #8abd3a;
}
.overview_strengthn {
  list-style: none;
  padding-left: 0;
}
.overview_strengthn li {
  float: left;
  width: 100%;
  line-height: 30px;
}
.overview_strengthn li .c100 {
  margin-right: 10px;
}






/**/
/* selects */
/**/
.sky-form .select i {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 28px;
  height: 35px;
  background: #fff;
  pointer-events: none;
}
.sky-form .select i:after,
.sky-form .select i:before {
  content: '';
  position: absolute;
  right: 10px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sky-form .select i:after {
  bottom: 12px;
  border-top: 4px solid #404040;
}
.sky-form .select i:before {
  top: 12px;
  border-bottom: 4px solid #404040;
}
.sky-form .select select {
  padding-right: 28px;
}
.sky-form .select-multiple select {
  height: auto;
}


/**/
/* textareas */
/**/
.sky-form .textarea textarea {
  height: auto;
  resize: none;
}
.sky-form .textarea-resizable textarea {
  resize: vertical; 
}
.sky-form .textarea-expandable textarea {
  height: 39px;
}
.sky-form .textarea-expandable textarea:focus {
  height: auto;
}


/**/
/* radios and checkboxes */
/**/
.sky-form .radio,
.sky-form .checkbox {
  margin-bottom: 4px;
  padding-left: 27px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
  cursor: pointer;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
  margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
  position: absolute;
  left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  outline: none;
  border-width: 2px;
  border-style: solid;
  background: #fff;
}
.sky-form .radio i {
  border-radius: 50% !important;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
  position: absolute;
  opacity: 0;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
  content: '';
  top: 4px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.sky-form .checkbox input + i:after {
  content: '\f00c';
  top: -1px;
  left: -1px;
  width: 15px;
  height: 15px;
  font: normal 12px/16px FontAwesome;
  text-align: center;
}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
  opacity: 1;
}
.sky-form .inline-group {
  margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
  content: '';
  display: table;
  clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
  float: left;
  margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
  margin-bottom: 4px;
}
.sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after {
    opacity: 1;
}



/**/
/* toggles */
/**/
.sky-form .toggle {
  margin-bottom: 4px;
  padding-right: 61px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
  cursor: pointer;
}
.sky-form .toggle:last-child {
  margin-bottom: 0;
}
.sky-form .toggle input {
  position: absolute;
  left: -9999px;
}
.sky-form .toggle i {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 49px;
  height: 17px;
  border-width: 2px;
  border-style: solid;
  border-radius: 12px;
  background: #fff;
}
.sky-form .toggle i:after {
  content: 'OFF';
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size: 9px;
  line-height: 13px;
  font-weight: 700;
  text-align: left;
  color: #5f5f5f;
}
.sky-form .toggle.audio i:after {
  content: 'NO';
}
.sky-form .toggle.audio input:checked+i:after{
  content: 'YES';
  padding-right: 12px;
}
.sky-form .toggle i:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 1;
  -ms-transition: right 0.2s;
  -moz-transition: right 0.2s;
  -webkit-transition: right 0.2s;
}
.sky-form .toggle input:checked + i:after {
  content: 'ON';
  text-align: right;
}
.sky-form .toggle input:checked + i:before {
  right: 36px;
}


/**/
/* ratings */
/**/
.sky-form .rating {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
}
.sky-form .rating:last-child {
  margin-bottom: 0;
}
.sky-form .rating input {
  position: absolute;
  left: -9999px;
}
.sky-form .rating label {
  display: block;
  float: right;
  height: 17px;
  margin-top: 5px;
  padding: 0 2px;
  font-size: 17px;
  line-height: 17px;
  cursor: pointer;
}


/**/
/* buttons */
/**/
.sky-form .button {
  float: right;
  height: 39px;
  overflow: hidden;
  margin: 10px 0 0 20px;
  padding: 0 25px;
  outline: none;
  border: 0;
  font: 300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.sky-form .button-uploading {
  position: relative;
  color: transparent;
  cursor: default;
}
.sky-form .button-uploading:after {
  content: 'Uploading...';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  -o-animation: blink 1s linear infinite;
  -ms-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite; 
  -webkit-animation: blink 1s linear infinite;
}
@-o-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}
@-ms-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}
@-moz-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}
@-webkit-keyframes blink
{
  0% {opacity: 1}
  50% {opacity: 0.3}
  100% {opacity: 1}
}


/**/
/* icons */
/**/
.sky-form .icon-append,
.sky-form .icon-prepend {
  position: absolute;
  top: 5px;
  width: 29px;
  height: 29px;
  font-size: 15px;
  line-height: 29px;
  text-align: center;
}
.sky-form .icon-append {
  right: 5px;
  padding-left: 3px;
  border-left-width: 1px;
  border-left-style: solid;
}
.sky-form .icon-prepend {
  left: 5px;
  padding-right: 3px;
  border-right-width: 1px;
  border-right-style: solid;
}
.sky-form .input .icon-prepend + input,
.sky-form .textarea .icon-prepend + textarea {
  padding-left: 46px;
}
.sky-form .input .icon-append + input,
.sky-form .textarea .icon-append + textarea {
  padding-right: 46px;
}
.sky-form .input .icon-prepend + .icon-append + input,
.sky-form .textarea .icon-prepend + .icon-append + textarea {
  padding-left: 46px;
}


/**/
/* grid */
/**/
.sky-form .row {
  margin: 0 -15px;
}
.sky-form .row:after {
  content: '';
  display: table;
  clear: both;
}
.sky-form .col {
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.sky-form .col-1 {
  width: 8.33%;
}
.sky-form .col-2 {
  width: 16.66%;
}
.sky-form .col-3 {
  width: 25%;
}
.sky-form .col-4 {
  width: 33.33%;
}
.sky-form .col-5 {
  width: 41.66%;
}
.sky-form .col-6 {
  width: 50%;
}
.sky-form .col-7 {
  width: 58.33%;
}
.sky-form .col-8 {
  width: 66.67%;
}
.sky-form .col-9 {
  width: 75%;
}
.sky-form .col-10 {
  width: 83.33%;
}
.sky-form .col-11 {
  width: 91.66%;
}
@media screen and (max-width: 600px) {
  .sky-form .col {
    float: none;
    width: 100%;
  }
}


/**/
/* tooltips */
/**/
.sky-form .tooltip {
  position: absolute;
  z-index: 1;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background: rgba(0,0,0,0.9);
  color: #fff;
  opacity: 0;
  -ms-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -webkit-transition: margin 0.3s, opacity 0.3s;
}
.sky-form .tooltip:after {
  content: '';
  position: absolute;
}
.sky-form .input input:focus + .tooltip,
.sky-form .textarea textarea:focus + .tooltip {
  opacity: 1; 
}

.sky-form .tooltip-top-right {
  bottom: 100%;
  margin-bottom: 15px;
}
.sky-form .tooltip-top-right:after {
  top: 100%;
  right: 16px;  
  border-top: 4px solid rgba(0,0,0,0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-right,
.sky-form .textarea textarea:focus + .tooltip-top-right {
  right: 0;
  left: auto;
  margin-bottom: 5px;
}

.sky-form .tooltip-top-left {
  bottom: 100%;
  margin-bottom: 15px;
}
.sky-form .tooltip-top-left:after {
  top: 100%;
  left: 16px;
  border-top: 4px solid rgba(0,0,0,0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-left,
.sky-form .textarea textarea:focus + .tooltip-top-left {
  right: auto;
  left: 0;
  margin-bottom: 5px;
}

.sky-form .tooltip-right {
  top: 9px;
  white-space: nowrap;
  margin-left: 15px;
}
.sky-form .tooltip-right:after {
  top: 6px;
  right: 100%;
  border-top: 4px solid transparent;
  border-right: 4px solid rgba(0,0,0,0.9);
  border-bottom: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-right,
.sky-form .textarea textarea:focus + .tooltip-right {
  left: 100%;
  margin-left: 5px;
}

.sky-form .tooltip-left {
  top: 9px;
  white-space: nowrap;
  margin-right: 15px;
}
.sky-form .tooltip-left:after {
  top: 6px;
  left: 100%;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid rgba(0,0,0,0.9);
}
.sky-form .input input:focus + .tooltip-left,
.sky-form .textarea textarea:focus + .tooltip-left {
  right: 100%;
  left: auto;
  margin-right: 5px;
}

.sky-form .tooltip-bottom-right {
  top: 100%;
  margin-top: 15px;
}
.sky-form .tooltip-bottom-right:after {
  bottom: 100%;
  right: 16px;  
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0,0,0,0.9);
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-right,
.sky-form .textarea textarea:focus + .tooltip-bottom-right {
  right: 0;
  left: auto;
  margin-top: 5px;
}

.sky-form .tooltip-bottom-left {
  top: 100%;
  margin-top: 15px;
}
.sky-form .tooltip-bottom-left:after {
  bottom: 100%;
  left: 16px;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(0,0,0,0.9);
  border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-left,
.sky-form .textarea textarea:focus + .tooltip-bottom-left {
  right: auto;
  left: 0;
  margin-top: 5px;
}


/**/
/* normal state */
/**/
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
  border-color: #e5e5e5;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
  background-color: #2da5da;  
}
.sky-form .rating label {
  color: #ccc;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.sky-form .button {
  background-color: #2da5da;
  opacity: 0.8;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.sky-form .button.button-secondary {
  background-color: #b3b3b3;
}
.sky-form .icon-append,
.sky-form .icon-prepend {
  color: #ccc;
}


/**/
/* hover state */
/**/
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover {
  border-color: #8dc9e5;
}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label {
  color: #2da5da;
}
.sky-form .button:hover {
  opacity: 1;
}


/**/
/* focus state */
/**/
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
  border-color: #2da5da;
}


/**/
/* checked state */
/**/
.sky-form .radio input + i:after {
  background-color: #2da5da;  
}
.sky-form .checkbox input + i:after {
  color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
  border-color: #2da5da;
  background-color: #2da5da;  
  color:#fff;
}
.sky-form .rating input:checked ~ label {
  color: #2da5da; 
}


/**/
/* error state */
/**/
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error select + i,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i,
.sky-form .toggle.state-error input:checked + i {
  background: #fff0f0;
}
.sky-form .state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #ee9393;
}
.sky-form .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}


/**/
/* success state */
/**/
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success select + i,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i,
.sky-form .toggle.state-success input:checked + i {
  background: #f0fff0;
}
.sky-form .state-success + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #ee9393;
}
.sky-form .note-success {
  color: #6fb679;
}


/**/
/* disabled state */
/**/
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
  cursor: default;
  opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
  border-color: #e5e5e5;
}


/**/
/* submited state */
/**/
.sky-form .message {
  display: none;
  color: #6fb679;
}
.sky-form .message i {
  display: block;
  margin: 0 auto 20px;
  width: 81px;
  height: 81px;
  border: 1px solid #6fb679;
  border-radius: 50%;
  font-size: 30px;
  line-height: 81px;
}
.sky-form.submited fieldset,
.sky-form.submited footer {
  display: none;
}
.sky-form.submited .message {
  display: block;
  padding: 25px 30px;
  background: rgba(255,255,255,.9);
  font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
}


/**/
/* datepicker */
/**/
.ui-datepicker {
  display: none;
  padding: 10px 12px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #666;
}
.ui-datepicker a {
  color: #404040;
}
.ui-datepicker-header {
  position: relative;
  margin: -10px -12px 10px;
  padding: 10px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 15px;
  line-height: 27px;
}
.ui-datepicker-prev, 
.ui-datepicker-next {
  position: absolute;
  top: 0;
  display: block;
  width: 47px;
  height: 47px;
  font-size: 15px;
  line-height: 47px;
  text-decoration: none;
  cursor: pointer;
}
.ui-datepicker-prev {
  left: 0;
}
.ui-datepicker-next {
  right: 0;
}
.ui-datepicker-calendar {
  border-collapse: collapse;
  font-size: 13px;
  line-height: 27px;
}
.ui-datepicker-calendar th {
  color: #999;
}
.ui-datepicker-calendar a,
.ui-datepicker-calendar span {
  display: block;
  width: 31px;
  margin: auto;
  text-decoration: none;
  color: #404040;
}
.ui-datepicker-calendar a:hover {
  background: rgba(0,0,0,.05);  
}
.ui-datepicker-calendar span {
  color: #bfbfbf;
}
.ui-datepicker-today a {
  font-weight: 700;
}
.ui-datepicker-calendar .ui-state-active {
  background: rgba(0,0,0,.05);
  cursor: default;  
}
.ui-datepicker-inline {
  border: 2px solid #e5e5e5;
  background: #fff;
  box-shadow: none;
}
.ui-datepicker-inline .ui-datepicker-header {
  line-height: 47px;
}
.ui-datepicker-inline .ui-datepicker-calendar {
  width: 100%;
}


/**/
/* slider */
/**/
.sky-form .ui-slider {
  position: relative;
  height: 3px;
  border: 2px solid #e5e5e5;
  background: #fff;
  margin: 12px 6px 26px;
}
.sky-form .ui-slider-handle {
  position: absolute;
  width: 15px;
  height: 15px;
  margin: -8px 0 0 -8px;
  border: 2px solid #e5e5e5;
  outline: none;
  background: #fff;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}


/**/
/* modal */
/**/
.sky-form-modal {
  position: fixed;
  z-index: 1;
  display: none;
  width: 400px;
}
.sky-form-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}


/**/
/* bootstrap compatibility */
/**/
/*
.sky-form *,
.sky-form *:after,
.sky-form *:before {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
*/
.sky-form .label {
  border-radius: 0;
  font-size: 100%;
  text-align: left;
  white-space: normal;
  color: inherit;
}
.sky-form .radio,
.sky-form .checkbox {
  font-weight: 400;
}
.sky-form .radio + .radio,
.sky-form .checkbox + .checkbox {
  margin-top: 0;
}

/*Sky-Forms
------------------------------------*/
/*Contact Style*/
.sky-form.contact-style {
  border: none;
}

/*Comment Style*/
.sky-form.comment-style,
.sky-form.comment-style fieldset {
  padding: 0;
  border: none;
  background: inherit;
}

.sky-form.comment-style input,
.sky-form.comment-style textarea {
  border: none;
}

.sky-form.comment-style input:focus,
.sky-form.comment-style textarea:focus {
  box-shadow: none;
}

/*Sky Space*/
.sky-form .sky-space-20 {
  margin-bottom: 20px;
}

.sky-form .sky-space-30 {
  margin-bottom: 30px;
}

/**/
/* defaults */
/**/
.sky-form {
  box-shadow: none;
  border: 1px solid #eee;
}

.sky-form header {
  color: inherit;
  display: block;
  font-size: 20px;
  background: #fff;
  font-weight: 400;
  padding: 8px 30px;
}

.sky-form fieldset.no-padding {
  padding: 0;
}

.sky-form fieldset {
  background: #fff;
}

.sky-form footer {
  background: #fff;
  padding: 15px 30px;
}

.sky-form a {
  color: inherit;
}

.sky-form a.btn-u {
  color: #fff;
}

.sky-form .input input {
  height: 34px;
  padding: 6px 12px;
}

.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea {
  border-width: 1px;
  font-size: 14px;
  color: #404040;
}

.sky-form .select select {
  height: 33px;
  padding: 6px 10px;
}

.sky-form .select-multiple select {
  height: auto;
}

/**/
/* file inputs */
/**/
.sky-form .input-file .button {
  height: 32px;
  top: 1px;
  right: 1px;
}

/**/
/* captcha inputs */
/**/
.sky-form .input-captcha img {
  position: absolute;
  top: 1px;
  right: 1px;
  border-left: 1px solid #e5e5e5;
}


/**/
/* normal state */
/**/
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
  border-color: #bbb;
}
.sky-form .toggle i:before {
  background-color: #999;  
}

.sky-form .button {
  background: #72c02c;
}

/**/
/* toggles */
/**/
.sky-form .toggle {
  font-weight: normal;
}

.sky-form .toggle i {
  width: 54px;
  height: 21px;
  border-width: 1px;
}
.sky-form .toggle i:after {
  top: 3px;
}
.sky-form .toggle i:before {
  top: 5px;
  right: 6px;
}

/*(remove Bootstrap 'radio, checkbox' margin-top)
--------------------------------------------------*/
.radio, .checkbox {
  margin-top: 0;
}

/**/
/* radios and checkboxes */
/**/
.sky-form .radio i,
.sky-form .checkbox i {
  width: 17px;
  height: 17px;
  border-width: 1px;
}

.sky-form .checkbox input + i:after {
  top: 2px;
  left: 0;
  font: normal 10px FontAwesome;
}

/**/
/* checked state */
/**/

.sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after, .sky-form .toggle input:checked + i:after{
  background-color: #fff;
}

.sky-form .radio input + i:after {
  top: 5px;
  left: 5px;
  background-color: #999;  
}
.sky-form .checkbox input + i:after {
  color: #999;
}
.sky-form .rating input:checked ~ label {
  color: #72c02c; 
}

/**/
/* selects */
/**/
.sky-form .select i {
  top: 14px;
  width: 9px;
  right: 13px;
  height: 6px;
}
.sky-form .select i:after,
.sky-form .select i:before {
  top: 4px;
}
.sky-form .select i:before {
  top: -2px;
  border-bottom: 4px solid #404040;
}

.label-rounded .ui-slider-handle {
  border-radius: 50% !important;
}

/**/
/* icons */
/**/
.sky-form .icon-append,
.sky-form .icon-prepend {
  top: 1px;
  height: 32px;
  font-size: 14px;
  line-height: 33px;
  background: #fff;
}

.sky-form .comment_top .icon-append,
.sky-form .comment_top .icon-prepend {
  top: 70px;
  z-index:100
}

.sky-form .icon-append {
  right: 1px;
  padding: 0 3px;
  min-width: 34px;
}

.sky-form .icon-prepend {
  left: 6px;
  padding-right: 5px;
}

/**/
/* focus state */
/**/
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus {
  border-color: #bbb;
  box-shadow: 0 0 2px #c9c9c9;  
}

.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
  border-color: #999;
  box-shadow: none;
}

/**/
/* hover state */
/**/
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea {
  border-color: #999;
}

.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover {
  border-color: #999;
}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label {
  color: #72c02c;
}

.sky-form .icon-append,
.sky-form .icon-prepend {
  color: #b3b3b3;
}

/**/
/* disabled state */
/**/
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
  border-color: #bbb;
}

.play_but{position: absolute; left: 40%; top: 30%; z-index: 100; font-size: 26px; width:50px; height:50px; border-radius:60px !important; background:#fff; box-shadow:1px 1px 5px #000; line-height:50px; padding-left:5px; color:#03A9F4;}

.myspace_cntnr .calendar{margin:0;}

/*.myspace_cntnr .list-group-item.active, .myspace_cntnr .list-group-item.active:hover, .myspace_cntnr .list-group-item.active:focus {background: #999;}*/

.my_course_sidebar{background:#fff; height:100%; padding:15px; border-right:solid 1px #ddd;}
.my_course_sidebar *{background:#fff !important;}
/*.my_course_sidebar .sidebar.profile .profile-event{border-bottom:solid 1px #ccc;}*/
.my_course_sidebar .sidebar.profile .profile-event a{color: #555;}
.my_course_sidebar .sidebar.profile .profile-event:hover a{color: #72c02c;}
.my_course_sidebar .profile .panel-heading{border-color:#ddd;}

.blackinner > *{color:black;}

.video_thumb{background:#555; border:solid 3px #fff; outline:solid 2px #eee !important; float:left; width:100%; height:120px; position:relative;}
.video_thumb .fa{width:40px; height:40px; color:#2196F3; background:#fff; border-radius:40px !important; line-height:40px; text-align:center; position:absolute; left:40%; top:30%; padding-left:5px;}


.inner_content > p > ol, .inner_content > p > ul{width: 48%; float: right; text-align: left; padding-left: 11px; margin:10px 0 0;}
.inner_content > p > ol li, .inner_content > p > ul li{margin-bottom:5px;}

.who_v_r{background:#2D3E50; color:#fff;}
.who_v_r .container{padding:20px 0; min-height:370px;}
.who_v_r .container h2{font-size:26px; font-weight:600; text-transform:uppercase;}
.who_v_r .container p{font-size:16px; font-weight:400; text-align:justify;}
.who_v_r .container .btn{margin-top:20px; padding:7px 30px;}
.who_v_r *{color:#fff;}


.heading_btm_sep{text-align:center; width:100%;}

.heading_btm_sep h1{font-size:26px; font-weight:600; text-transform:uppercase; color:#11112d; position:relative; display:inline-block; margin-bottom:40px;}
.heading_btm_sep h1:before{position:absolute; bottom:-13px; content:''; border:solid 1px; width:70%; margin:0 15%}
.heading_btm_sep h1:after{content:"\f19d";font: normal normal normal 14px/1 FontAwesome;background:#fff; padding:0 5%; position:absolute; bottom:-20px; left:40%; font-size:16px;}

.category_bg{position:relative; padding:20px 0 30px 0;}
.category_bg:before{position:absolute; left:0; right:0; top:0; bottom:0; content:''; background:rgba(0, 0, 0, 0.60);}
.category_bg .heading_btm_sep h1{color:#fff;}
.category_bg .heading_btm_sep h1:after{background:#030309;}

.text_content{display:none; text-align:left;}
.slider_type1 .text_content, .slider_type2 .text_content, .slider_type3 .text_content{display:inline-block}
.slider_type1 .text_content{background:rgba(0, 0, 0, .5); color:#fff; position:absolute; width:35%; top:20%; right:10%; padding:15px;}
.slider_type3 .text_content{color:#fff; position:absolute; width:40%; top:20%; left:10%; padding:15px;}
.slider_type1 .text_content *, .slider_type2 .text_content *, .slider_type3 .text_content *{color:#fff; font-weight:400;position:relative; z-index:10; font-size: 26px; line-height:28px;}
.slider_type2 .text_content{color:#fff; position:absolute; width:35%; bottom:0; right:0; padding:15px 8% 10% 0;}
.slider_type2 .text_content:before{position:absolute; bottom:0; right:0; content:''; z-index:5;}
.slider_type1 .text_content h1{margin-top:0; margin-bottom:20px;}
.slider_type2 .text_content h1{margin-bottom:20px; float:left; width:100%; font-size:36px; line-height:36px;}
.slider_type3 .text_content h1{font-size:50px; line-height:50px; color:#fff;}
.slider_type2 .text_content h1:after{content:''; border-bottom:solid 3px #fff; width:60%; float:left; margin-top:5px; margin-right:40%}
.slider_type2 .text_content .btn{padding:10px 20px; font-size:16px; text-transform:uppercase; background:#e26613; margin-top:30px;}

.slider_full_middle.carousel{cursor:default;}

.g-width-25x--sm {
    width: 25% !important;
}

.advantage_section{width:100%; float:left; margin:10px 0;}
.advantage_section li{width:25%; position:relative; float:left; padding:10px 20px;}
.advantage_section li > div{width:70%; float:left;}
.advantage_section li {width:25%; position:relative; float:left; padding:10px 10px 10px 20px;}
.advantage_section li i{float: left; color:rgba(0, 0, 0, 0.9); width: 60px; font-size: 50px; line-height: 80px; margin-right: 10px;}
.advantage_section li:before{content:''; border-left:solid 1px #ccc; left: 0; position: absolute; top: 0; bottom: 0;}
.advantage_section li:first-child:before{display:none;}
.advantage_section li h3{font-size:19px; font-weight:600;}
.advantage_section li p{font-size:13px; font-weight:500;}

.u-icon-v3.u-icon-size--xl{border-radius:50px !important;}
.benifits_section .benifts_holder{width:20%; float:left; padding:0 15px;}
.benifits_section .benifts_holder h3{margin-bottom:20px;}
.benifits_section .benifts_holder p{line-height:18px;}
.benifits_section .benifts_holder h3, .benifits_section .benifts_holder p{z-index:10; position:relative; color:#fff;}
.benifts_holder .u-icon-v3{background:#FF5722}
.benifts_holder:nth-child(2) .u-icon-v3{background:#2196F3}
.benifts_holder:nth-child(3) .u-icon-v3{background:#FFC107}
.benifts_holder:nth-child(4) .u-icon-v3{background:#4CAF50}
.benifts_holder:nth-child(5) .u-icon-v3{background:#E91E63}
.home_new .benifits_section.parallax-team.parallaxBg{padding:65px 0;}

.card_section{text-align:center; padding:20px 0;}
.card_section > h2{margin-bottom:20px; color:rgba(0, 0, 0, 0.9);}
.card_section > p{margin-bottom:30px; color:rgba(0, 0, 0, 0.9);}
.card_holder{background:#ffff; border:solid 1px #03A9F4; margin:0 20px 20px;}
.card_holder h2{color:#fff; font-size:20px; background:#2196F3; margin:0; padding:20px;}
.card_holder img{width:80%;}
.card_holder ul{margin:10px 0;}

.col-md-4:nth-child(2) .card_holder h2{background:#FF9800;}
.col-md-4:nth-child(3) .card_holder h2{background:#8BC34A;}

.banner_info{position:absolute; right:10%; top:10%; width:30%; text-align:center; background:rgba(0, 0, 0, 0.7); padding:10px 20px 20px; text-align:right;}
.banner_info h2,.banner_info p{color:#fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); font-size: 30px; margin-bottom:20px;}
.banner_info p{font-size: 20px;}


.card_section .g-pa-60 h3{margin-bottom:20px;}
.card_section .g-pa-60 p{margin-bottom:30px;}
.card_section .g-pa-60 a.btn{border-radius:20px !important;}
.card_section .g-pa-60{padding:8rem 4.28571rem !important;}

ul.clients_top{height:60px; overflow:hidden; float:left; width:100%; background:#fff; border-bottom:solid 1px #fafafa; margin:10px 0 !important;}
.clients_top li{width:12.5%; display:inline-block; background:#fff; margin-left:-4px; text-align:center; height:60px;}
.clients_top li img{height:100%;}

.t3_header_hide{margin-top:-145px;}

.portfolio .g-bg-primary{background:#fff !important;}
.portfolio .g-bg-primary:hover{background:#8bc34a !important;}

.date-display-single{width: 35px; display: inline-block;}

.mr-auto, .mx-auto{margin-right: auto!important;}
.ml-auto, .mx-auto{margin-left: auto!important;}
.rounded-circle {border-radius: 50%!important;}

.theme_five .adv_fullscreen{display:none;}
.theme_five .home_new .headline{text-align:center;}
.theme_five .home_new .headline h3{font-size:26px; padding-bottom:15px;}
.theme_five .home_new .headline h3:after{content:''; border-bottom: solid 2px #8BC34A; width: 100%; float: left; }
.theme_five .home_new .headline{border:none;}


.avatar-square-md {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.link-dark {
    cursor: pointer;
    color: #616161 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}

.media-list .media {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 15px;
}
.media-list .media:last-child {
  border-bottom: none;
}
.media-list .media-body .bullet {
  padding: 0 3px;
  font-size: 75%;
  color: #ccc;
  line-height: 1.4;
}
.media-list .empty-item {
  text-align: center;
  color: #999;
}
.media-body {
  word-break: break-all;
}
.media-left {
  padding-right: 15px;
}
.media .media-object-small img {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.media-default .media-body > .title {
  margin-bottom: 10px;
}
.media-default .media-body > .content {
  color: #919191;
}
.media.media-number-o .media-body {
  color: #919191;
}
.media.media-number,
.media.media-number-o {
  padding-bottom: 5px;
}
.media.media-number .media-left,
.media.media-number-o .media-left {
  position: relative;
  color: #919191;
}
.media.media-number .media-left .num,
.media.media-number-o .media-left .num {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #919191;
  border-radius: 50%;
}
.media.media-number:last-child,
.media.media-number-o:last-child {
  border-bottom: none;
}
.media-hot-comment .comments-info {
  margin-top: 5px;
  padding-left: 50px;
  font-size: 12px;
  color: #c1c1c1;
  min-height: 34px;
}
.media-hot-comment .comments-content {
  padding: 10px;
  margin: 10px 0;
  background: #f5f5f5;
  color: #919191;
  line-height: 25px;
  border: 1px solid #f1f1f1;
}
.media-comment .media-left img,
.media-subcomment .media-left img {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.media-comment .media-body,
.media-subcomment .media-body {
  position: relative;
  padding-bottom: 15px;
}
.media-comment .reply-link,
.media-subcomment .reply-link {
  position: absolute;
  top: 28px;
  right: 10px;
  font-size: 12px;
  color: #919191;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.media-comment .reply-link:hover,
.media-subcomment .reply-link:hover {
  color: #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.media-comment .title,
.media-subcomment .title {
  color: #919191;
  margin-bottom: 5px;
}
.media-comment .title a,
.media-subcomment .title a {
  margin-right: 5px;
}
.media-comment .title .date,
.media-subcomment .title .date {
  margin-left: 5px;
}
.media-comment .comment-sns i,
.media-subcomment .comment-sns i {
  margin-right: 5px;
}
.media-comment .comment-sns a,
.media-subcomment .comment-sns a {
  color: #919191;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 10px;
}
.media-comment .comment-sns a:hover,
.media-subcomment .comment-sns a:hover {
  color: #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.media-comment .media-body {
  border-bottom: 1px solid #f5f5f5;
}
.subcomments {
  margin-left: 20px;
  padding-left: 10px;
  background-color: #f5f5f5;
}
.media-evaluate .media-body {
  padding-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}
.media-evaluate .title {
  color: #919191;
  margin-bottom: 5px;
}
.media-evaluate .title a {
  margin-right: 5px;
}
.media-evaluate .title .date {
  margin-left: 5px;
}
.media-evaluate .actions {
  margin-top: 10px;
}
.media-evaluate .actions .show-full-btn,
.media-evaluate .actions .show-short-btn {
  visibility: hidden;
}
.media-evaluate:hover .actions .show-full-btn,
.media-evaluate:hover .actions .show-short-btn {
  visibility: visible;
}
.media-group-list {
  margin-top: -20px;
}
.media-group {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .media-group {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .media-group:first-child {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .media-group .avatar-square-md {
    width: 40px !important;
    height: 40px !important;
  }
}
.media-group .title {
  height: 20px;
  overflow: hidden;
  margin: 5px 0;
}
@media (max-width: 767px) {
  .media-group .title {
    margin: 0;
  }
}
.media-group .metas {
  color: #c1c1c1;
}
.media-group .metas span {
  margin-right: 10px;
}
.media-group .metas i {
  margin-right: 5px;
  font-size: 14px;
}
.media-dynamic:last-child .media-body {
  border: none;
}
.media-dynamic .media-body {
  position: relative;
  padding-right: 80px;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  .media-dynamic .media-body {
    padding-right: 0;
  }
}
.media-dynamic .media-body .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
}
.media-dynamic .media-body .content {
  height: 20px;
  overflow: hidden;
  display: block;
  color: #919191;
  padding:0;
}
.media-dynamic .date {
  position: absolute;
  right: 0px;
  top: 9px;
  color: #c1c1c1;
}
@media (max-width: 767px) {
  .media-dynamic .date {
    display: none;
  }
}
.media-search .reply {
  background-color: #f5f5f5;
  color: #919191;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.media-search .title {
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .media-search .title {
    font-size: 14px;
  }
}

.index-group {
  padding-bottom: 3px;
}
.index-article .index-recommend-aricle {
  float: left;
  width: 35%;
  padding-left: 0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .index-article .index-recommend-aricle {
    width: 43%;
  }
}
@media (max-width: 991px) {
  .index-article .index-recommend-aricle {
    width: 28%;
  }
}
@media (max-width: 767px) {
  .index-article .index-recommend-aricle {
    width: 100%;
  }
}
.index-article .index-recommend-aricle li {
  position: relative;
  list-style-type: none;
  margin-bottom: 14px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .index-article .index-recommend-aricle li {
    float: left;
    width: 50%;
  }
}
.index-article .index-recommend-aricle li.last {
  margin-bottom: 0;
}
.index-article .index-recommend-aricle li img {
  width: 100%;
  height: 106px;
  border-radius:4px !important;
}
@media (max-width: 991px) {
  .index-article .index-recommend-aricle li img {
    height: auto;
  }
}
.index-article .index-recommend-aricle .title {
  position: absolute;
  bottom: 5px;
  left: 10px;
  right: 10px;
  color: #fff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.index-article .index-new-article {
  float: left;
  width: 65%;
  padding-left: 20px;
  margin-bottom: 0;
}
.index-article .index-new-article.full {
  width: 100% !important;
  padding-left: 0;
}
@media (max-width: 1199px) {
  .index-article .index-new-article {
    width: 57%;
  }
}
@media (max-width: 991px) {
  .index-article .index-new-article {
    width: 72%;
  }
  .header .navbar-collapse.collapse.in{background:#72c02c; top:60px;    z-index: 100;}
  .theme_3.header .navbar-nav > li > a {padding: 5px 10px 9px 10px !important; height: 45px; line-height: 45px;}
  .theme_3.header .navbar-nav > li > a span{height: 35px; line-height: 35px;}
  .theme_3.header .navbar-nav > li:hover{}
  .theme_3.header .logo{margin-top:29px;}
  .header .navbar-collapse.collapse {background:#72c02c;}
  .header .navbar-nav > li.dropdown > a{color:#fff;}
  .header .navbar-nav > li > a{color:#fff;}
  .navbar-nav > li.dropdown:hover > .dropdown-menu{background:transparent;}
  .nav > li > a:hover, .nav > li > a:focus{background: transparent !important;}
}
@media (max-width: 767px) {
  .index-article .index-new-article {
    width: 100%;
    padding-left: 0;
  }
}
.index-article .index-new-article .date {
  position: absolute;
  top: 0;
  right: 0;
  color: #c1c1c1;
}
.index-article .index-new-article li {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-bottom: 30px;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .index-article .index-new-article li {
    margin-bottom: 20px;
  }
}
.index-article .index-new-article li.last {
  margin-bottom: 0;
}

.image-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: alpha(opacity=30);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.image-overlay:hover {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.image-overlay.image-overlay-o:hover {
  opacity: 1;
  filter: alpha(opacity=30);
}

.avatar-small, .avatar-sm {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}

.media-group:nth-child(1), .media-group:nth-child(2){margin-top:0;}

.myspace uib-accordion .panel{padding-top:0; margin-bottom:0;}
.myspace .acc-v1 .panel-heading a{background: transparent; color:#fff;}
.myspace .my_course .accordian_container h4.panel-title{background: transparent;}
.myspace .my_course .accordian_container .panel-title h4 i.fa{color:#337ab7;}
.myspace .my_course .accordian_container .panel-title{color:#337ab7;}
.myspace .panel-info > .panel-heading{background-color:#badbf1;}
.myspace .my_course.accordian .panel-group .panel{margin:0}
.myspace a.btn-u.btn-outline{border:solid 1px #72c02c;}
.myspace a.btn-u.btn-outline:hover{color:#72c02c;}

.d-flex {display: -ms-flexbox!important; display: flex!important;}
.justify-content-between {-ms-flex-pack: justify!important; justify-content: space-between!important;}
.tag-box .myspace .service-block h2{margin:10px 0 5px 0; font-size:16px;}
.tag-box .myspace  .service-block h2.font_adj{margin-bottom: 0; margin-top: 8px; line-height: 16px;}
.g-color-white {color: #fff !important;}

.average-rating-container{}

.sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a {color: #72c02c;}


.u-timeline-v2-wrap li:first-child{padding-left:15px;}

.js-scrollbar{overflow:hidden; overflow-y:auto; padding-bottom:25px;}



/* Custom button */
.btn-group-sm > .btn, .btn-group-xs > .btn, .btn-sm, .btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
/* Custom button Ends */

.banner_search{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.5);}
.banner_search > form{margin-top:12%}
.banner_search > .form-group .col-md-6 > input-group{border-radius:4px !important; overflow:hidden;}
.banner_search > form input, .banner_search > form select{line-height:20px; height:40px; color:black;}
.banner_search > form button{border-radius:3px !important;}
.banner_search .input-group.function_srch:hover .function_secondlevel{display:block;}
.banner_search .input-group .function_secondlevel{background:#fff; box-shadow:0 0 5px; position:absolute; left:0; top:40px; height:300px; width:600px; overflow:auto; display:none;}
.function_secondlevel *{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.function_holder{position:relative; width:100%; height:100%;}
.function_holder ul{float:left; text-align:left; width:100%; position:absolute; top: 0; bottom: 0; overflow:auto; margin:0;}
.function_holder ul li{float:left; width:100%; border-bottom:solid 1px #ddd;}
.function_holder ul li a{float:left; width:100%; padding:10px 15px; cursor:pointer;}
.function_holder > ul{left: 0; z-index: 5;}
.function_holder > ul ul{left:50%; width:50%; z-index: 10; background:#eee; height:300px; display:none;}
.function_holder > ul > li:hover ul{z-index: 15;}
.function_holder > ul > li a{width:50%;}
.function_holder > ul > li a i{float:right;}
.function_holder > ul > li.active, .function_holder > ul > li:hover{background:#eee;}
.function_holder > ul > li.active ul,.function_holder > ul > li:hover > ul{display:block;}
.banner_search *{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.banner_search .input-group .input-group-addon{border-radius:5px 0 0 5px !important;}
.banner_search .input-group i{color:#3498db;}
.banner_search .input-group .form-control{border-radius:0 5px 5px 0 !important;}
.banner_search .padding-right-0 .input-group .form-control{border-radius:0 !important;}
.banner_search .padding-left-0 .input-group .input-group-addon{border-radius:0 !important;}
.bnr_srch_hldr{width:50%; padding:0 15px; float:left;}
.banner_search.fixed > form{width:100%; position:fixed; top:0; left:0; padding-top:15px; margin:0;     background: rgba(51, 51, 51, 0.90); box-shadow:0 0 5px;}
.banner_search.fixed .form-group{width:46.5%; float:left;}
.banner_search.fixed .form-group:nth-child(1){padding-right:13px;}
.banner_search.fixed .form-group:nth-child(2){padding-left:13px;}
.banner_search.fixed .form-group:nth-child(3){width:10%;}
.banner_search.fixed select{margin-right:15px}
.banner_search.fixed .btn{line-height:26px;}

.category_k12 img{width:100%;}
.categoryk12_content{position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.categoryk12_content .inside_categoryk12{position: absolute; top: 0; left: 0; width:100%; height:100%; padding:10px; background:#3398dc;}
.category_k12:nth-child(2) .categoryk12_content .inside_categoryk12{background:#e64b3b;}
.category_k12:nth-child(3) .categoryk12_content .inside_categoryk12{background:#9a69cb;}
.category_k12:nth-child(4) .categoryk12_content .inside_categoryk12{background:#72c02c;}
.categoryk12_content *{color:#fff;}
.categoryk12_content h3{margin-top:5px}
.categoryk12_content a{position:absolute; right:10px; bottom:10px;}

.d-inline-block{display:inline-block!important}

.stroke_writing_all .fillup7.col-xs-11 > .stroke_text h2.count_4 a{width:14.28%; padding-top:14.28%;}
.stroke_writing_all .fillup6.col-xs-10 > .stroke_text h2.count_4 a{width:16.66%; padding-top:16.66%;}
.stroke_writing_all .fillup5.col-xs-6 > .stroke_text h2.count_4 a{width:20%; padding-top:20%;}
.stroke_writing_all .fillup3.col-xs-6 > .stroke_text h2.count_4 a{width:33.3%; padding-top:33.3%;}


.stroke_writing_all .fillup7.col-xs-11 > .stroke_text{margin-left:5%}

.poetry{height:100%;}
.height_poetry{height:72%}
.poetry .headline{float: left; width: 100%;     margin-bottom: 10px;}
.poetry .headline h3{font-size:28px; margin-top:20px;}
.poetry .headline h5 span span{color:#9C27B0;}
.poetry_line{width:100%; float:left; margin-bottom:15px; text-align:center;}
.poetry_line > div{width:5.8%; padding:0 0.1%; display:inline-block;}
.poetry_line > div .poetry_phonetic, .poetry_line > div .poetry_character{width:100%; float:left; text-align:center;}
.poetry_line > div .poetry_phonetic{color:red; font-size:16px; font-family:"Times New Roman", Georgia, Serif; letter-spacing:0.5px; height:22px; float:left;}
.poetry_line > div .poetry_character{font-size:30px;     font-family: arial, "KaiTi", "楷体", STKaiti, "华文楷体", serif;}
.poetry_para, .poetry_explanation{height:80%; display:inline-block; overflow:hidden; overflow-y:auto;    border-bottom: solid 15px #ebfce9;}
.poetry_explanation{height:19%; border:none; padding-top:1%;}
.poetry_explanation > div{width:90%; float:left;}
.poetry_explanation > a.btn.btn-info{margin-left:4%; float:left;}
.poetry a.btn.btn-info{padding:0; border-radius:15px !important;}
.poetry_line a.btn.btn-info{margin-top:-30px;}
.poetry .fa{height: 24px; width: 26px; float: left; line-height: 22px; font-size:16px; text-align:center;}
.poetry .fa{margin-left:-2px;}

.knowledge_btn{width:100%; float:left; text-align:right; padding-top: 5px; margin-top: 5px; border-top: solid 1px #eee;}
/*.knowledge_node .tree-node.active .knowledge_btn{display:block;}*/
.knowledge_node .node_container.list-group-item{border:none; margin-bottom:20px; padding:15px; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.51); display:inline-block; width:99%; margin-top:3px;}
.knowledge_node .node_container > .tree-node-content > a{color: #3498db; pointer-events: none;}
.knowledge_node .coverage{font-size:12px; color:#999; font-weight:400; float:right;}
.knowledge_node .coverage.color-blue{color:#3498db;}
.knowledge_node .coverage.color-red{color:#e74c3c;}
.knowledge_node .coverage.color-orange{color:#e67e22;}
.knowledge_node .coverage.color-green{color:#72c02c;}
.knowledge_node .node_container ol li.list-group-item{padding-bottom:10px; margin-bottom: 10px;     background: #e9f6ff; padding-right: 10px; padding-left:0;}
.knowledge_node .node_container ol li.list-group-item .coverage{display:none;}
.knowledge_node .node_container ol li.list-group-item .knowledge_btn{border-color:#c6e3f7;}
.info_progress .progress-bar{background-color: #3498db;}

.media .media-body h3{margin-top:0;}
.mr-4, .mx-4 {margin-right: 1.5rem!important;}
.mb-5, .my-5 {margin-bottom: 3rem!important;}

.column_2{-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}

.column_2 li{-webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid;/* Theoretically FF 20+ */ break-inside: avoid-column;}

.scorm_nav{position:absolute; left:0; top:0; z-index:10;}
.scorm_nav  ul.list-group{margin-left:-500px; width:300px; box-shadow:1px 1px 5px;}
.scorm_nav  ul.list-group.active{margin:0;}
.full_screen_browser .scorm_button{left:40px;}
.scorm_button{position: absolute; z-index: 11; height: 38px; width: 40px; top:1px; opacity:0.6;}

.panel-body.inner_slider:hover .scorm_button{opacity:0.1;}
.panel-body.inner_slider .scorm_button:hover{opacity:1;}

.scrom_hldr{}
.scrom_hldr > .relative{overflow:hidden;}
.scorm_nav .second_level{position:static;}
.scorm_nav .second_level li ul{background:#eee !important;}
.sidebar-nav-v1 li ul.second_level a{padding-left:25px;}
.side-nav .second_level a > span{font-size:12px;}

.scorm_nav .sidebar-nav-v1 li:hover > ul > ul.second_level{display:none}
.scorm_nav .sidebar-nav-v1 li > ul > ul.second_level.active{display:block;}



.sorting .viewtype a i{line-height:23px;}

.eword_title{text-align:center; padding-top:10%;}
.eword_objective{text-align:center; height: 100%; float: left; width: 100%; background:#3498db;}
.eword_objective > *{color:#fff;}
.eword_objective > h1{margin-top:20%;}

.img_middle{display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 100% 0 0;
  overflow: hidden;}

.img_middle.algn{
  overflow:visible;
}

.img_middle.algn img{
  margin-top:40px;
  max-height:85%;
}

.img_middle img{
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
    }

.txt_middle{
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 100% 0 0;
  overflow: hidden;
}

.txt_middle.algn{
  overflow:visible;
}

.txt_middle > h1{
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  text-align:center
  }

.txt_middle h1{margin:0; padding-top:40%;}

.img_option_select i.fa{position:absolute; right:5px;}
.img_option_select{box-shadow:0 0 2px rgba(0, 0, 0, 0.25); border: solid 4px #fff; background:#fff;}
.img_option_select.active{border: solid 4px #3498db;}
.img_option_select:hover, .img_option_select.ui-droppable-hover{box-shadow:0 0 15px rgba(52, 152, 219, 0.8);}
.img_option_select.ui-droppable-active .drop_area{box-shadow:0 0 15px rgba(52, 152, 219, 0.8);}
.drop_area{position:absolute !important; left:3px; top:3px; z-index:100; width:40px; height:35px;}
.drop_area.disabled.btn{background:#eee; border-color:#eee; color:#ccc;}
.drag_nav{text-align:center;}
.drag_nav .btn-droppable{width:40px; height:35px;}
.drag_nav .btn-droppable .btn.disabled{background:#ddd; border-color:#ddd; color:#999;}
.drag_nav .btn-droppable.ui-droppable-active{box-shadow:0 0 15px rgba(52, 152, 219, 0.8);}
.drag_nav .btn-droppable .ui-draggable-dragging, .drag_nav .btn-droppable .ui-draggable-dragging:focus, .drag_nav .btn-droppable .ui-draggable-dragging:active{cursor:move;}

#page-wrap{width:100% !important;}

.video_page_full{position:fixed; left:0; top:0; right:0; bottom:0;}

.image_square{width:100%; padding-top:100%; float:left; position:relative}
.image_square img{position:absolute; left:0; top:0; width:100%  !important; height:100% !important;}

.info_line{float:left; width:100%; padding:5px; font-size:11px; border: solid 1px #ccc; border-left: none; border-right: none; color:#ccc;}
.info_line li{display:inline-block; float:left; color:#949494;}
.info_line li + li{float:right;}

.following_state{width:110px; border-color:#2196F3; background:#f5fafd;  height:35px; overflow:hidden;}
.following_state, .following_state span{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.following_state:hover{border-color:#F44336; background:#fff5f4;}
.following_state .following, .following_state .unfollow{position:absolute; float:left; width:100%; left:0; top:6px;}
.following_state .unfollow{top:-60px;}
.following_state:hover .unfollow{top:6px;}
.following_state:hover .following{top:60px;}

.text_ellipsis{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.read_more_content.clamped-3.active{max-height:inherit;}
.modal-body.read_more_content.clamped-3{margin-bottom:0;}
.model_readmore{margin-right: 10px; margin-top: 10px; color:#72c02c !important;}

.teacher_icon, .teacher_icon_small{position:relative;display: inline-block;}
.teacher_icon:before, .teacher_icon_small:before{position:absolute; right:0; top:0; content:'\f19d'; display: inline-block; font: normal normal normal 30px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #232F7B; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.51);}
.teacher_icon_small:before{font-size:20px; right:8px;}

.filter_holder{border:solid 1px #eee; border-left:none; border-right:none; padding:10px 10px; float:left; width:100%;}
.filter_holder > i.fa{float:left; line-height: 33px; margin-right: 10px; font-size: 20px; color: #2196F3;}
.input-group.top-search.filter_search{margin-top:-150px;}
.search_keyword{padding:5px 10px !important; float:left; background:#fafafa; border:solid 1px #ccc;margin-right:5px}
.search_keyword i:hover{color:#F44336;}

.myspace_right .myspace_hed{top:-10px;}

.follow_icon, .completed_status{position: absolute; right: 25px; top: 10px; font-size: 9px; line-height:8px; text-transform:uppercase; background: #2196F3; color:#fff; border:solid 1px #fff; outline:solid 1px #2196F3; padding:3px; font-weight:600;}
.completed_status{max-width:100%; text-align: center; right:inherit; left:0; z-index:100; top:115px; padding:5px 10px; background:#8BC34A; outline:solid 1px #8BC34A; width:80px;}
.thumbnails.thumbnail-kenburn:hover .completed_status{top:0; padding: 26% 0; font-size: larger; background:rgba(139, 195, 74, 0.70); width:100%;}

.html5_panel0{background:transparent; box-shadow: 0 0 0; border: none;}
.html5_panel0 .panel-body{padding:0}

.content_loader{width:100%; float:left; text-align:center; padding:100px; position:relative; margin-bottom:50px;}
.content_loader:before{content:''; background:rgba(127, 197, 70, 0.50); position: absolute; left: 0; top: 0; right: 0; bottom:0; z-index:-1}

.search_clear{float:right; line-height:30px; font-weight:600; text-transform:uppercase;}
.search_clear a{color:#f77e72;}
.search_clear a:hover{color:red}

.u-shadow-v11{border: solid 1px #fff;}
.u-shadow-v11:hover{border: solid 1px #fafafa;}

.course-preview .course-footer .list_rating{width:85px; float:right;}

.teacher_new_holder{}
.teacher_new{background:#fff; padding:15px;}
.teacher_new .headline{margin-top:0; margin-bottom:10px; padding-bottom:10px;}
.teacher_new .headline h4{border:none}
.teacher_new .teacher_block{box-shadow:0 0 0; border:none; background:#fff; margin-bottom:10px;}
.teacher_new .teacher_block .col-md-4.col-xs-3 img, .teacher_new .teacher_block .col-md-3.col-xs-2 img{border-radius:120px !important;}
.teacher_new .teacher_block div + div.padding-left-0{padding-bottom:0;}


.theme_asia .nav.nav-tabs{background:#fff;}
.theme_asia .nav-tabs > li.active > a, .theme_asia .nav-tabs > li.active > a:hover, .theme_asia .nav-tabs > li.active > a:focus{border:none; border-bottom:solid 1px #2196F3; color:#2196F3;}
.theme_asia .nav-tabs > li > a{color:#555; padding:13px 15px;}
.theme_asia .content_heading_sec a.btn{padding: 8px 20px; margin-left: 0; font-size: 16px; margin-right: 5px; font-weight: 600; border-radius:3px !important}
.theme_asia .avrg_aln{float:right; width:100%;}
.theme_asia .content_heading_sec a.btn.rev_but{padding:2px 5px; font-size:14px; float: right; font-weight: 500; padding: 5px 10px; border-radius:1px !important; position:relative; top:-7px;}

.btn-bg{padding:6px 45px; font-size:18px;}

.text_videoslide{position:absolute; right:20px; bottom:60px; width:45%; background:rgba(0, 0, 0, 0.6); padding:10px 15px; color: #fff; font-size:18px; max-height:35%; border:solid 3px #fff; z-index:10;}
.text_videoslide.videoslide_close{right:-45%;}
.text_videoslide > div{position:relative; float:left; width:100%; height:100%; overflow:hidden; overflow-y:auto;}
.text_videoslide i.fa{position:absolute; right:5px; top:5px; cursor:pointer;}
.text_videoslide i.fa-angle-left{left:-33px; right:auto; border:solid 3px #fff; padding:10px; border-radius:10px 0 0 10px !important; display:none; background:rgba(0, 0, 0, 0.6);}
.text_videoslide.videoslide_close i.fa-angle-left{display:block;}
.answered_assignment{padding:10px; background:#fff; border:solid 1px #ddd; margin-bottom:20px;}


.aboutArea {
    padding: 25px 0 40px;
}

.aboutArea, .aboutTitle, .aboutImage, .mainContent, .menuFooter, .footer {
    width: 100%;
    display: block;
}

.aboutArea, .footer {
    padding: 35px 0 40px;
    background: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222c34',endColorstr='#2a3a46',GradientType=1 );
}

.mbl_cntnr .aboutArea, .mbl_cntnr .footer {
    padding-bottom:0;
}

.aboutTitle > h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.mbl_cntnr .aboutTitle > h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.aboutImage {
    position: relative;
}

.mbl_cntnr .aboutImage {
  border:solid 1px #fff;
}
.aboutImage img {
    padding-bottom:44px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.aboutImage .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 44px;
    width: 100%;
    padding: 15px 20px;
    text-align: left;
    background: 0 0;
    z-index:20;
    transition: background .3s;
}
.aboutImage:hover .overlay {
    background: rgba(0,0,0,.45);
    transition: background .3s;
}

.aboutImage .overlay p {
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(0,30px);
    transform: translate(0,30px);
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s;
    font-weight: 400;
}
.aboutImage:hover .overlay p {
    opacity: 1;
    transition-delay: .1s;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}


.captionLink, .captionLink:hover {
    width: 100%;
    height: 44px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
    text-indent: 13px;
    background-color: #0060b1;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: open sans,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index:20;
}

.captionLink>span {
    width: 8px;
    height: 13px;
    display: inline-block;
    float: right;
    margin: 16px 20px 0 0;
}

.videoArea > h3 {
    margin-top:0;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.mbl_cntnr .videoArea > h3, .mbl_cntnr .related_post_sec h3, .mbl_cntnr .white-bg.home_new .headline{
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 10px;}

.btn.learnBtn {
    padding: 0;
    height: 42px;
    border: 1px solid #0060b1;
    background: #0060b1;
    border-radius: 0;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.formArea, .getArea {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dce4ea;
    padding: 15px 12px 25px;
    border-top: 3px solid #49c32c;
}

.list_block, .sidebar_item, .formArea {
    border-top-color: #49c32c;
}

.commonBtn {
    padding: 0;
    background-color: #49c32c;
    text-transform: uppercase;
    color: #fff;
    border-color: #49c32c;
    height: 42px;
    line-height: 42px;
    font-weight: 700;
}

.videoArea {
    margin-bottom: 27px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dce4ea;
}

.mbl_cntnr .videoArea {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: none;
}

.related_post_sec h3 {
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #dce4ea;
    margin: 0 0 18px;
    font-size: 22px;
}

.related_post_sec ul li {
    padding: 0 0 6px;
    margin: 0 0 18px;
    border-bottom: 1px solid #dce4ea;
    display: block;
    clear: both;
    width: 100%;
    float: left;
}

.single_post ul li {
    padding: 0 0 25px;
    margin: 0 0 22px;
    float: left;
    display: block;
}

.videoNine .single_post.related_post_sec ul li {
    border-bottom: 0;
}

.rel_thumb {
    width: auto;
    float: left;
    height: auto;
    margin: 5px 10px 0 0;
}
.single_post.related_post_sec .rel_thumb {
    margin-right: 20px;
    width: 34%;
}
.mbl_cntnr .single_post.related_post_sec .rel_thumb {
    margin-right: 10px;
}
.rel_right h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.mbl_cntnr .rel_right h4 {
    font-size: 14px;
    line-height: 20px;
    margin:2px 0;
}

.meta {
    padding: 0 0 6px;
    border-bottom: 1px solid #dce4ea;
    margin: 0 0 25px;
}
.single_post.related_post_sec .meta {
    padding: 0;
    border: 0;
    margin: 0 0 15px;
}
.single_post p {
    margin: 0 0 45px;
}
.single_post.related_post_sec p {
    margin: 0;
}
.videoNine .single_post.related_post_sec p {
    clear: none;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #000;
    outline: 0;
    text-decoration: none;
}
.sbHolder, .sbSelector, .sbSelector:hover, .sbOptions a {
    font-family: open sans,sans-serif;
    font-weight: 400;
}
.sbSelector {
    width: 100%;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    line-height: 42px;
    outline: 0;
    overflow: hidden;
    text-indent: 12px;
}
.sbHolder, .sbSelector, .sbSelector:hover, .sbOptions a {
    font-family: open sans,sans-serif;
    font-weight: 400;
}
.sbHolder {
    width: 100%;
    height: 42px;
    float: left;
    position: relative;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    background: #fff;
    border: 1px solid #dcdfe3;
}
.selectBox {
    margin-bottom: 20px;
    width: 100%;
}
.list_block, .sidebar_item, .formArea {
    border-top-color: #49c32c;
}
.list_block {
    border: 1px solid #dce4ea;
    padding: 15px 12px 25px;
    border-top: 3px solid #49c32c;
    margin: 0 0 20px;
}
.related_post_sec h3 {
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #dce4ea;
    margin: 0 0 18px;
    font-size: 22px;
}
.upcoming_events .btn {
    padding-left: 20px;
    padding-right: 20px;
    float:left;
    width:100%;
}
.upcoming_events li.related_post_sec.single_post {
    float: left;
    margin-bottom: 16px;
    width:100%;
}

.upcoming_events .related_post_sec.single_post {
    margin-bottom: 70px;
    position: relative;
    float: left;
}
.related_post_sec ul li {
    padding: 0 0 6px;
    margin: 0 0 18px;
    border-bottom: 1px solid #dce4ea;
    display: block;
    clear: both;
    width: 100%;
    float: left;
}
.upcoming_events .related_post_sec.single_post .date-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}
.upcoming_events .related_post_sec.single_post .rel_right {
    padding-left: 90px;
    float: left;
}
.upcoming_events .related_post_sec.single_post span.date {
    display: block;
    margin-right: 20px;
}

.upcoming_events ul{
  float:left;
  width:100%;
}

.upcoming_events ul li {
    display: table;
    float: none;
    position: relative;
}

.upcoming_events span.date {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.7);
    transition: color .3s;
    padding: 5px 0;
    border: 3px solid #dce4ea;
    display: inline-block;
    width: 70px;
    text-align: center;
    margin-right: 10px;
}
.upcoming_events span.date span {
    font-weight: 700;
    font-size: 36px;
    display: block;
    line-height: 30px;
}
.single_post.related_post_sec .meta {
    padding: 0;
    border: 0;
    margin: 0 0 15px;
}
.list_block .upcoming_events .meta {
    padding: 0;
    border-bottom: 0;
    margin: 0;
}
.upcoming_events .meta, .single-event .meta {
    margin: 15px 0;
}
.mainContent {
    padding: 47px 0 65px;
    background-color: #fff;
    float: left;
}
.mbl_cntnr .mainContent {
    padding: 35px 0 25px;
}

.carousal_content {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.08);
    position: relative;
    margin: 0 0 36px;
}
.carousal_content p {
    font-weight: 600;
    font-style: italic;
    color: #7e7e7e;
    margin: 0;
    line-height: 28px;
}
.carousal_bottom .thumb {
    width: 70px;
    float: left;
    height: auto;
    margin-right: 18px;
    border-radius: 50%;
}
.thumb_title {
    margin: 12px 0 0;
    float: left;
}
.carousal_bottom .thumb img {
    border-radius: 50% !important;
    width:100%;
}
.thumb_title span {
    display: block;
    font-weight: 600;
}
.thumb_title .author_name {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}
.thumb_title .author_designation {
    font-style: italic;
    font-size: 14px;
    color: #7e7e7e;
}
.thumb_title .author_designation a {
    text-decoration: none;
    color: #49c32c;
}

.carousal_content::after {
    width: 26px;
    height: 27px;
    position: absolute;
    content: " ";
    bottom: -27px;
    left: 30px;
}

.g-bg-main-light-v2 {
    background-color: #44537e;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-initialized .slick-slide {
    display: block;
}

.u-shadow-v36 {
    -webkit-box-shadow: 0 10px 15px 0 rgba(38, 48, 77, 0.14);
    box-shadow: 0 10px 15px 0 rgba(38, 48, 77, 0.14);
}

.slick-slide img {
    display: block;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.single_feature {
    padding: 70px 6%;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 25%;
    display: inline-block;
    float: left;
    background-color: #009688;
    overflow: hidden;
}

.mbl_cntnr .single_feature {
    padding: 20px 4%;
    width: 50%;
}

.feature_img i {
    font-size: 4em;
    color: #fff;
    margin-bottom: 15px;
}

.single_feature .feature_text h5 {
    color: #fff;
    font-size: 1.5em;
}

.mbl_cntnr .single_feature .feature_text h5 {
    font-size: 1.3em;
    margin-top:0;
}

.carousel-inner div.item{border:none;}
.testimonials .text-center{text-align:left;}
.mbl_cntnr .testimonials .text-center{text-align:center;}
.testimonials .carousel-control{display:none;}
.testimonials .carousel-indicators .active{background-color:#fff;}
.testimonials .carousel-indicators li{margin:2px 5px;background-color:#44537e;}

.section_padding_100 {
    padding: 50px 0;
}

.call_to_action {
    background-size: cover;
    background-position: 0 0;
    position: relative;
    z-index: 1;
}
.call_to_action:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9;
    content: '';
}
.call_to_action.alt:before {
  display:none;
}
.call_to_action.alt .welcome-btn {
  margin-top:25px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.call_to {
    text-align: center;
    color: #fff;
}

.call_to h3 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #fff;
    font-size: 3em;
    font-weight: 100;
    margin-bottom: 30px;
}

.mbl_cntnr .call_to > h3 {
    font-size: 1.5em;
}
.welcome-btn {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 15px 50px;
    text-transform: capitalize;
    border-radius: 30px !important;
}

.welcome-btn{font-size: 16px; padding: 10px 30px;}

.welcome-btn i {
    padding-left: 10px;
}
.welcome-btn:hover, .welcome-btn:focus {
    background-color: #8BC34A;
    color: #fff;
    border: 2px solid #8BC34A;
}
.awesome_features_area{background-color: #009688;}

.carousel-inner .btn-warning{background:#49c32c; border-color:#49c32c; padding:10px 15px;}
.mbl_cntnr .carousel-inner .btn-warning{padding:5px 10px; font-size:12px;}
.carousel-inner .btn-warning.overwrite{background-color: #f0ad4e; border-color: #eea236; padding: 6px 12px;}
.mbl_cntnr .carousel-inner .btn-warning.overwrite{background-color: #f0ad4e; border-color: #eea236; padding: 5px 10px;}

.aboutImage > a{display:block; width:100%; position:relative; height:0; padding:67.20% 0 0 0; overflow:hidden;}
.aboutImage > a img{position:absolute; display:block; max-width:100%; left:0; right:0; top:0; bottom:0; margin:auto; z-index:10;}

.meta span {
    font-weight: 400;
    font-style: italic;
    line-height: 20px;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #dce4ea;
}

.single_post.related_post_sec .meta>span {
    border: 0;
}
.meta span a {
    color: #49c32c;
    text-decoration: none;
    font-weight: 400;
}

.image_wrapper{display: block; width: 100%; position: relative; height: 0; padding: 56.25% 0 0 0; overflow: hidden;}

.image_wrapper img{position: absolute; display: block; max-width: 100%; max-height: 100%; right:0; left:0; top: 0; bottom: 0; margin: auto; z-index: 10;}

.header .dropdown-submenu li, .header .dropdown-submenu li a{}
.header .dropdown-submenu li a{background:#eee; display:inline-block; width:100%; border-bottom-color:#ccc; padding-left:25px; font-size:12px;}

.animated {opacity: 0;}

.mlft-35{margin-left:35px;}


.mbl_cntnr .text_videoslide{position:inherit; width:100%; background:rgba(0, 0, 0, 0.6); font-size:14px; height: 56%;
 max-height: inherit;}

.course_practice .home_live_course.glossary .service-block{    padding-top: 56%; height: 0; position:relative;}
.course_practice .home_promobg img{z-index:inherit;}
.course_practice .home_live_course.glossary .practice_list .white-bg{height:120px; padding:5px 15px; border: solid 1px #eee;}
.course_practice .home_live_course.glossary .practice_list .white-bg p{line-height:20px;}
.course_practice .home_live_course h2{margin-top: 15px; position: absolute; width: 95%; float: left; left: 0; top: 25%; text-shadow: 0 0 1px #000;}

.sticker {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 65px;
    height: 65px;
    border-radius: 100% !important;
    text-align: center;
    line-height: 65px;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.bg-color-1 {
    background-color: #f0c24b!important;
}

.thumbnailContent .caption {
    border-top: 5px solid #ddd;
    background-color: #fff;
    padding: 15px;
}

.thumbnail.thumbnailContent{
    padding: 0;
    border: 0;
    border-radius: 10px !important;
    overflow:hidden;
    border:solid 1px #eee;
    position: relative;
    box-shadow: 0 4px 0 rgba(0,0,0,.1);
}
.thumbnail.thumbnailContent .caption {
    padding: 9px;
    color: #333;
}
.thumbnail.thumbnailContent>a img {
    border-radius: 9px 9px 0 0;
    width: 100%;
}
.thumbnail.thumbnailContent a>img, .thumbnail.thumbnailContent>img {
    margin-right: auto;
    margin-left: auto;
}
.block h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 20px;
}
.block .list-inline .btn-link {
    text-transform: capitalize;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    box-shadow: none;
}

.thumbnail.thumbnailContent .list-inline li .btn i{color:#555;}
.thumbnailContent .thumbnail-style{margin:0; box-shadow:0 0 0 #000; padding:0;}
.border-color-1, .border-color-5, .border-color-9, .border-color-13 {border-color: #f0c24b!important;}
.border-color-2, .border-color-6, .border-color-10, .border-color-14, .priceRange .progress .bulet {border-color: #b5d56a!important;}
.border-color-3, .border-color-7, .border-color-11, .border-color-15 {border-color: #ea7066!important;}
.border-color-4, .border-color-8, .border-color-12, .border-color-16 {border-color: #84bed6!important;}

.sectionTitle h2 {
    font-size: 36px;
    color: #ea7066;
    text-transform: capitalize;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top:40px;
}

.sectionTitle.alt h2 {
    color: #fff;
}

.sectionTitle h2 span.shape {
    width: 18px;
    height: 18px;
    border-radius: 50% !important;
    background: #fff;
    display: inline-block;
    padding: 0;
    position: relative;
    float: none;
}

.sectionTitle h2 span.bg-color-4, .sectionTitle h2 span.bg-color-4:after, .sectionTitle h2 span.bg-color-4:before {
    background-color: #9fccdf!important;
}
.sectionTitle h2 span {
    display: inline-block;
    width: auto;
    float: none;
    font-weight:700;
}

.sectionTitle h2 span.shape:after, .sectionTitle h2 span.shape:before {
    content: "";
    height: 2px;
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 2px;
}

.sectionTitle h2 span.shape:before {
    content: "";
    width: 55px;
    top: 11px;
}
.sectionTitle h2 span.shape:after {
    content: "";
    width: 70px;
    top: 6px;
}

.sectionTitle h2 span.shape-left:before, .sectionTitle h2 span.shape-left:after {
    right: 3px;
}

.sectionTitle h2 span.bg-color-4, .sectionTitle h2 span.bg-color-4:after, .sectionTitle h2 span.bg-color-4:before {
    background-color: #9fccdf!important;
}

.sectionTitle h2 span.bg-color-3, .sectionTitle h2 span.bg-color-3:after, .sectionTitle h2 span.bg-color-3:before {
    background-color: #ee8d85!important;
}


.bg-color-2, .priceRange .progress .progress-bar, .priceRange .progress .bulet, .courseList .media-body .list-inline.btnPart.btn-green>li a.btn-primary:hover {
    background-color: #b5d56a!important;
}
.bg-color-3, .courseList .media-body .list-inline.btnPart.btn-red>li a.btn-primary:hover {
    background-color: #ea7066!important;
}
.bg-color-4, .courseList .media-body .list-inline.btnPart.btn-sky>li a.btn-primary:hover {
    background-color: #84bed6!important;
}
.bg-color-5, .courseList .media-body .list-inline.btnPart.btn-purple>li a.btn-primary:hover {
    background-color: #a597e7!important;
}
.bg-color-6, .courseList .media-body .list-inline.btnPart.btn-pink>li a.btn-primary:hover {
    background-color: #ea77ad!important;
}

.featuresContent {
    margin-bottom: 40px;
}

.teamSection {
    width: 100%;
    background-repeat: repeat;
    height: auto;
}
.colorSection {
    padding: 50px 0;
}
.whiteSection, .mainContent, .lightSection{
    padding: 50px 0;
}

.media-body h3.media-heading {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-family: dosis,sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.color-1, .courseList .media-body .list-inline.btnPart.btn-yellow>li a.btn-link:hover {
    color: #f0c24b!important;
}
.color-2, .courseList .media-body .list-inline.btnPart.btn-green>li a.btn-link:hover {
    color: #b5d56a!important;
}
.color-3, .block .list-inline.btn-red .btn-link:hover, .courseList .media-body .list-inline.btnPart.btn-red>li a.btn-link:hover {
    color: #ea7066!important;
}
.color-4, .courseList .media-body .list-inline.btnPart.btn-sky>li a.btn-link:hover, .coursesCounter .counterInner>.btn-primary {
    color: #84bed6!important;
}
.color-5, .formPanel.panel .panel-body .media-list.blogListing li .media-heading a:hover, .courseList .media-body .list-inline.btnPart.btn-purple>li a.btn-link:hover, .rightSidebar .panel .panel-body .media-list.blogListing li .media-heading a:hover, .eventSidebar.panel .panel-body .media-list.blogListing li .media-heading a:hover {
    color: #a597e7!important;
}
.color-6, .courseList .media-body .list-inline.btnPart.btn-pink>li a.btn-link:hover {
    color: #ea77ad!important;
}
.featuresContent .media-left {
    width: 76px;
    height: 76px;
    padding: 6px;
    margin-right: 20px;
    display: inline-block;
    float: left;
    box-shadow: 4px 4px 0 rgba(0,0,0,.1);
    border-radius: 100% !important;
}

.featuresContent .media-left i {
    width: 62px;
    height: 62px;
    line-height: 56px;
    border-radius: 100% !important;
    border: 2px solid #fff;
    text-align: center;
    font-size: 22px;
    color: #fff;
    transition: all .3s ease-in-out;
}
.sticker-round {
    width: 70px;
    padding: 10px 0;
    border-radius: 13px !important;
    box-shadow: 0 0 1px rgba(0,0,0,.5);
    background-color: #84bed6;
    display: block;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
}

.theme_six .category_sec .row > div a{border-radius: 10px !important;}
.theme_six .news_style .news-dateinfo{left:10px; top:10px; border-radius:10px !important;}
.theme_six .event_style .news-dateinfo span, .theme_six .news_style .news-dateinfo span{border-radius:10px 10px 0 0 !important;}
.theme_six .news_cont{margin:0 10px;}
.theme_six .category_sec .row > div a{padding-top:90%;}
.theme_six .category_sec .row > div a img{width: 130%;
    min-height: 100%;
    margin-left: -15%;}

.k12_header{margin-top:33px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#95d7eb+1,45b3c6+44,00aac9+100 */
background: #95d7eb; /* Old browsers */
background: -moz-linear-gradient(top, #95d7eb 1%, #45b3c6 44%, #00aac9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #95d7eb 1%,#45b3c6 44%,#00aac9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #95d7eb 1%,#45b3c6 44%,#00aac9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95d7eb', endColorstr='#00aac9',GradientType=0 ); /* IE6-9 */
}
.header .k12_header .navbar-nav > li > a{color:#fff; font-weight:700;}
.header .k12_header .navbar-nav > li > a:hover{border-color:transparent; color:#0f6473;}
.k12_header .dropdown-menu{background-color: #0cacc8; border:none;}
.header .k12_header .dropdown-menu li a{color:#fff; border-color:#178092;}
.header .k12_header .dropdown-menu .active > a, .header .k12_header .dropdown-menu li > a:hover{background: #1691a7 !important;}

.k12_header .main_banner_search_subholder{position: absolute; top: -40px; right: 15px; width:25%;}
.k12_header .main_banner_search button{background-color:#20aec8; border-color:#20aec8;}
.k12_header .main_banner_search_subholder .main_banner_search{background-color:#20aec8; border-color:#20aec8;}


.k12_header.green_header{background:#52b700}
.header .k12_header.green_header .navbar-nav > li > a:hover{color:#FFEB3B;}
.k12_header.green_header .dropdown-menu{background-color: #52b700; }
.header .k12_header.green_header .dropdown-menu li a{border-color:#fff;}
.header .k12_header.green_header .dropdown-menu .active > a, .header .k12_header .dropdown-menu li > a:hover{background: #449006 !important;}

.k12_header.green_header .main_banner_search_subholder{position: absolute; top: -40px; right: 15px; width:25%;}
.k12_header.green_header .main_banner_search button{background-color:#20aec8; border-color:#20aec8;}
.k12_header.green_header .main_banner_search_subholder .main_banner_search{background-color:#20aec8; border-color:#20aec8;}


.number_pagi li{float:left; font-size:16px;}
.number_pagi li a{border:none;}
.number_pagi li .fa{font-size:25px; padding:0 5px; font-size:100;}
.number_pagi li input{width:30px; line-height:25px; margin:0 5px 0 10px; text-align:center; font-size:14px;}

.mt-100 {
    margin-top: 6.25rem !important;
}
.bg-primary {
    background-color: #20aec8 !important;
    margin-bottom:100px;
}
.motto {
    min-height: 180px;
}
.motto-text {
    font-size: 30px;
    font-style: italic;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: #fff;
    padding: 45px 0 45px 45px;
    margin:0;
    padding-left: 280px;
}

.motto.audjust .motto-text{
  font-size:24px;
  line-height:28px;
  text-align:justify;
  padding: 25px 0 0 25px;
  padding-left: 320px;
}

.testi_author{float: right; font-size:22px;}
.testi_author > *{float: left; width:100%; color:yellow; font-weight:600;}
.testi_author p{font-size:16px; margin-bottom:5px;}
.testi_author i{font-size:13px;}
.testi_author span{font-size:11px;}


.motto-img {
    position: absolute;
    bottom: 0;
}

.image_responsive img{max-width:100%; height:inherit !important;}

.register_link{text-align:center; font-size:18px; font-weight:600;}
.register_link img{padding:50px 0;}
.register_link p{font-weight:500;}
.link_style{font-size:16px; color:#555; margin-top:20px;}

.sticker-right, .sticker-left {
    color: #fff;
    width: 150px;
    padding: 2px 5px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    position: absolute;
    text-align: center;
    letter-spacing: 2px;
    z-index:100;
}

.sticker-left {
    top: 9px;
    left: -48px;
    background: #FF5722;
    border: #fff solid 2px;
    outline: solid 1px #ff5722;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.match_type{}
.match_type ul{float:left; width:100%; position:relative; height: 450px;}
.match_type ul li.main{width:50%; margin:0 25%; overflow:hidden}
.match_type ul li.main{width:45%; margin:0;}
.match_type ul li.options{position:absolute; bottom:0; width:25%;
-webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
    -webkit-transition-duration: 2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: width height background-color font-size left top transform -webkit-transform color;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;}
.match_type ul li.options:nth-child(3){left:25%}
.match_type ul li.options:nth-child(4){left:50%}
.match_type ul li.options:nth-child(5){left:75%}
.match_type ul li.options.active{bottom:inherit; top:0; left:55%; width:45%;
-webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
    -webkit-transition-duration: 2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: width height background-color font-size left top transform -webkit-transform color;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;}
.match_type ul li img{width:100%}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 100;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F44336 0%, #F70505 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #F70505;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #F70505;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #F70505;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #F70505;
}


.ribbon.big {
  width: 125px;
  height: 125px;
}

.ribbon.big span {
  font-size: 14px;
  line-height: 30px;
  top: 28px;
  left: -31px;
  width:150px
}


.ribbon.blue span {
  background: #79A70A;
  background: linear-gradient(#3498db 0%, #337ab7 100%);
}
.ribbon.blue span::before {
  border-left: 3px solid #337ab7;
  border-top: 3px solid #337ab7;
}
.ribbon.blue span::after {
  border-right: 3px solid #337ab7;
  border-top: 3px solid #337ab7;
}

.img-rounded {
    border-radius: 3px !important;
}



.label.label-outlined {
  border-width: 1px;
  border-style: solid;
  background-color: transparent
}

.label.label-outlined.label-default {
  border-color: #B0BEC5;
  color: #B0BEC5
}

.label.label-outlined.label-primary {
  border-color: #2196F3;
  color: #2196F3
}
.label.label-outlined.label-primary:hover, .label.label-outlined.label-primary.active {
  background: #2196F3;
  color:#fff;
}

.label.label-outlined.label-secondary {
  border-color: #323a45;
  color: #323a45
}

.label.label-outlined.label-info {
  border-color: #29B6F6;
  color: #29B6F6
}

.label.label-outlined.label-success {
  border-color: #64DD17;
  color: #64DD17
}

.label.label-outlined.label-warning {
  border-color: #FFD600;
  color: #FFD600
}

.label.label-outlined.label-danger {
  border-color: #ef1c1c;
  color: #ef1c1c
}

.benifits_container{}
.benifits_container ul li{ float:left; width:20%; text-align:center;}
.benifits_container ul li h1{ font-size:16px; padding:15px 5px 5px 5px;}
.benifits_container ul li h2{ font-size:20px; padding:0 5px;}
.benifits_container ul li a{ display:block;}
.benifits_container ul li a div.benifits_img{ width:100%; padding-bottom:100%; height:0; position:relative;}
.benifits_container ul li a div.benifits_img span{ position:absolute; display:block; width:100%; height:100%; padding:25%;}
.benifits_container ul li a div.benifits_img span img{ width:100%; height:100%;}
.benifits_bg1 a div.benifits_img{ background-color:#ffb47a;}
.benifits_bg2 a div.benifits_img{ background-color:#05ddb6;}
.benifits_bg3 a div.benifits_img{ background-color:#ff8b8c;}
.benifits_bg4 a div.benifits_img{ background-color:#04cdf9;}
.benifits_bg5 a div.benifits_img{ background-color:#ff7be1;}
.benifits_bg1 a h1, .benifits_bg1 a h2{ color:#fe7a0d;}
.benifits_bg2 a h1, .benifits_bg2 a h2{ color:#05937b;}
.benifits_bg3 a h1, .benifits_bg3 a h2{ color:#c94948;}
.benifits_bg4 a h1, .benifits_bg4 a h2{ color:#4ca8f5;}
.benifits_bg5 a h1, .benifits_bg5 a h2{ color:#b03995;}
.benifits_bg1 a:hover div.benifits_img,.benifits_bg1 a:active div.benifits_img{ background-color:#ffa45d;}
.benifits_bg2 a:hover div.benifits_img,.benifits_bg2 a:active div.benifits_img{ background-color:#00d0aa;}
.benifits_bg3 a:hover div.benifits_img,.benifits_bg3 a:active div.benifits_img{ background-color:#fd797a;}
.benifits_bg4 a:hover div.benifits_img,.benifits_bg4 a:active div.benifits_img{ background-color:#03c2ec;}
.benifits_bg5 a:hover div.benifits_img,.benifits_bg5 a:active div.benifits_img{ background-color:#fd60d9;}



.footer-promo-arrow {
    background-color: #a8edf7;
    text-align: center;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}
.footer-promo-arrow:hover {
    background-color: #CDDC39;
}

.footer-promo-arrow > a {
    color: #00B6FC;
    font-weight:600;
    font-size: 20px;
    line-height: 30px;
    display: block;
    padding: 35px 10%;
    font-family: "ProximaNova-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

ul.gallery {
    display: block;
    margin: -15px
}
ul.gallery.col-1 li {
    width: 100%
}
ul.gallery.col-2 li {
    width: 50%
}
ul.gallery.col-3 li {
    width: 33.3333%
}
ul.gallery.col-4 li {
    width: 25%
}
ul.gallery li {
    display: block;
    padding: 0;
    margin: 0;
    float: left;
}
ul.gallery li .desc {
    margin:0px 15px 15px;
    height:60px;
}
ul.gallery li .desc h5 {
    font-weight: bold;
}

ul.gallery li .desc small {
    color:#619434;
   float: left;
   width: 100%;
   line-height: 16px 
}

ul.gallery li .preview {
    margin: 10px 10px 15px;
    display: block;
    position: relative;
    height:0;
    padding-top:56.25%;
     -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
     box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
}
ul.gallery.altr li .preview {
    padding-top:130.25%;
}
ul.gallery li .preview > a {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
ul.gallery li .preview a{margin-bottom:0; height:100%;}

ul.gallery li .preview img{padding:5px;}
ul.gallery li .preview .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}
ul.gallery li .preview .links {
    width: 104px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -52px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}
ul.gallery li .preview .links>a {
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #2dcc70;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    margin: 0 1px
}
ul.gallery li .preview:hover .overlay,
ul.gallery li .preview:hover .links {
    opacity: 1;
    filter: alpha(opacity=100)
}
ul.gallery li .preview:hover .links {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.portfolio-box .portfolio-box-in i{border-radius: 50% !important;}

.testi_content {
    border: 1px solid #ededed;
    background-color: #fafafa;
    border-radius: 4px;
    margin: 15px 0;
    padding: 20px 20px 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}


.testi_content p{font-size:20px; line-height:28px;}

.testi_content a{color:#3498db;}

.btn-info.btn-outline{color:#2196F3}
.btn-info.btn-outline:hover{color:#2196F3}


.ul_product{padding-left: 20px; list-style:circle;}
.ul_product li{margin-bottom: 10px;}

.mk-page-section {
    position: relative;
    overflow: hidden;
}

.mk-page-section.drop-top-shadow {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
}

.mk-page-section .vc_row-fluid {
    position: relative;
    z-index: 10;
}

.mk-page-section .theme-content, .mk-page-section .page-section-content {
    padding: 0 20px;
}

.referral {
    background-color: #696C6E;
}

.var {
    background-color: #4A90E2;
}
.part-content {
    background-color: #0465AC;
}
.tech {
    background-color: #5EBE5E;
}
.embed {
    background-color: #F5A623;
}
.ways-to-partner .column_container {
    padding: 20px 5px;
    margin: 0;
    width: 20%;
    display: block;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
}

.mk-text-block{
    padding:0 20px;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;}

.mk-image-shortcode .mk-image-inner {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: auto;
}

.ways-to-partner .column_container .mk-image-inner {
    height: 45px;
}
.mk-image-shortcode.align-center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    max-width:42px;
    margin-bottom:10px;
}

.mk-image-shortcode img {
    position: relative;
    max-width: 100%;
    width: auto\9;
    height: auto;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.ways-to-partner p, .ways-to-partner strong {
    color: white !important;
}

.eng_box.ways-to-partner p{
    height:20px;
    font-size:14px !important;
}

.eng_box.ways-to-partner p + p{
    height:50px;
    font-size:13px;
    line-height:15px;
}

.ways-to-partner p:nth-child(2){
  min-height:40px;
}

.ways-to-partner a {
    color: white;
    padding: 3px 10px;
    border: 1px solid white;
    margin-top: 15px;
}

.wd_header > div{position:relative; top:-8px;}
.header.wd_header{background:#f7f7f7;}
.header.wd_header .logo img{max-height:55%; margin:10px 0 0;}
.header.wd_header .navbar-nav > li > a{font-weight:600; padding: 5px 10px 9px 10px;}
.header.wd_header .navbar-nav > li.dropdown > a{padding-right:15px;}

.download-list li a{width:41%; float:left;}
.download-list.wd_down li a{width:30%;}
.download-list.wd_down li a + a{margin-left:5%;}
.download-list li a + a{margin-left:4%}
.download-list li a img{width:100%; margin-bottom: 10px;}


.box-content-wrap{
    font-size: 18px;
    text-align:center;
    background: #c9ebff!important;
    color: #606f8f!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 30px;
    margin-top:20px;}

.dummy_avg .average-rating-container{padding:18px 0;}

.carousel{cursor:default;}

.mbl_cntnr .list-unstyled.portfolio-box li:first-child{padding-left:15px;}

.news_style .news-dateinfo{left:15px;}
.news_style.padding-left-0 .news-dateinfo{left:0px;}

.mbl_cntnr .home_features li{padding: 10px 10px; height:120px;}

.header .navbar-toggle.wd_menu{background:transparent !important; border:none;}
.header .navbar-toggle.wd_menu span{color:#72c02c;}
.wd_mobile_header{position: fixed; left: 0; right: 0; top: 44px; width: 100%; background: #fff; padding-top:10px;}
.wd_mobile_header .navbar-collapse{margin:0;}
.mbl_hdr_cntnr .fixed_header.header > .container{background:#fff;}
.mbl_hdr_cntnr .header .navbar-nav > li.dropdown > a{    padding: 5px 15px 9px 15px;}

.headline-center p{font-size:20px;}


#live-chat {
  bottom: 0;
  font-size: 12px;
  right: 24px;
  position: fixed;
  width: 300px;
  box-shadow: 0 0 5px;
  border-radius: 5px 5px 0 0 !important;
}

#live-chat header {
  background: #293239;
  border-radius: 5px 5px 0 0 !important;
  color: #fff;
  cursor: pointer;
  padding: 16px 24px;
}

#live-chat h4:before {
  background: #1a8a34;
  border-radius: 50% !important;
  content: "";
  display: inline-block;
  height: 8px;
  margin: 0 8px 0 0;
  width: 8px;
}

#live-chat h4 {
  font-size: 12px;
  margin:0;
  color:#fff;
}

#live-chat h5 {
  font-size: 10px;
}

#live-chat form {
  padding: 10px;
}

#live-chat textarea {
  border: 1px solid #ccc;
  border-radius: 3px !important;
  padding: 2px 4px;
  outline: none;
  width: 100%;
  resize: none;
}

.chat-message-counter {
  background: #e62727;
  border: 1px solid #fff;
  border-radius: 50% !important;
  display: none;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  left: 0;
  line-height: 28px;
  margin: -15px 0 0 -15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 28px;
}

.chat-close {
  background: #1b2126;
  border-radius: 50% !important;
  color: #fff;
  display: block;
  float: right;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  margin: 2px 0 0 0;
  text-align: center;
  width: 16px;
}

.chat {
  background: #fff;
}

.chat-history {
  height: 252px;
  padding: 8px 24px;
  overflow-y: scroll;
}

.chat-message {
  margin: 16px 0;
}

.chat-message img {
  border-radius: 50% !important;
  float: left;
}

.chat-message-content {
  margin-left: 56px;
}

.chat-time {
  float: right;
  font-size: 10px;
}

.chat-feedback {
  font-style: italic; 
  margin: 0 0 0 80px;
}

.img_banner {
    min-height: 370px;
    padding: 40px 0 40px;
    background-attachment: scroll;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

.wd_home .text_content{right:auto; left:10%;}

.survey_rating{margin-top:10px; font-weight:600;}
.survey_rating i{cursor:pointer; font-size:20px;}
.survey_container .survey_rating i{margin:0 25px;}
.survey_legend{font-size:10px; float:left; width:100%; margin-top:10px;}
.survey_legend > span{width: 74px; float: left; text-align: center;}
.survey_legend.two_step > span{width: 74px; float: left;}
.survey_legend.two_step > span + span{margin-left: 220px;}

.input-group-prepend {
    margin-right: -1px;
}

.g-width-45 {
    width: 45px !important;
}

.g-color-gray-dark-v5 {
    color: #999 !important;
}

.g-brd-gray-light-v4 {
    border-color: #eee !important;
}

.g-brd-right-none {
    border-right: none !important;
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-group.altr>.custom-file, .input-group.altr>.custom-select, .input-group.altr>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    height:50px;
}
.input-group.altr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.g-py-15 {
    padding-top: 1.07143rem !important;
    padding-bottom: 1.07143rem !important;
}
.g-px-15 {
    padding-left: 1.07143rem !important;
    padding-right: 1.07143rem !important;
}
.g-brd-gray-light-v4 {
    border-color: #eee !important;
}
.g-color-black {
    color: #000 !important;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

[class*="input-group-"] > * {
    white-space: normal;
}

[class*="input-group-"] i {
    margin: 0 auto;
}


.paper_preview{border:solid 1px #ccc; padding:10px; margin-bottom:30px;}
.paper_preview .option_info{border-bottom:solid 1px #ccc; padding-bottom:15px; margin-bottom:15px;}
.paper_preview .option_info .score{float:right; font-size:12px; color:#555;}
.paper_preview hr{margin:5px 0 7px 0;}

.question_table table{border:solid 1px #e7eaec; width:100%;}
.question_table p b + table{margin-top:20px;}
.question_table table td{width:20% !important; padding:5px 3px; height:inherit; font-size:12px;}
.question_table table td p{font-size:12px;}

.survey_rating i{cursor:pointer; font-size:20px;}
.rightw_b4_100:before{content:''; width:100px; float:right; height:10px;}

.fullscreen_corsepage.full_screen{top:55px;}

.resourse_nav.inline_nav ul{ float:left; width:100%; text-align:center;}
.resourse_nav.inline_nav .navbar-nav > li{float:none; display:inline-block;}
.block-description .resourse_nav.inline_nav .navbar-nav > li > a{font-size:16px; padding:20px 25px;}


.g-bg-gray-light-v5 {
    background-color: #eee !important;
}
.g-bg-gray-light-v5  h3{
    margin-top:0;
    color:#0465ac;
    font-size:22px;
}

.g-brd-gray-light-v5-right {
    border-right-color: #eee !important;
}
.u-triangle-inclusive-v1--right__back {
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent;
}
.g-pa-30 {
    padding: 2.14286rem !important;
}

.g-orientation-left .u-timeline-v2__icon {
    right: 100%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.g-top-35 {
    top: 2.5rem;
}

.u-timeline-v2__icon {
    font-size: 16px;
    position: absolute;
}

.g-height-18 {
    height: 18px;
}

.g-width-18 {
    width: 18px !important;
}
.g-brd-gray-light-v5 {
    border-color: #eee !important;
}

.g-brd-3 {
    border-width: 3px !important;
}

.g-brd-around {
    border: solid 1px transparent !important;
}

.g-z-index-2 {
    z-index: 2;
}
.g-top-30 {
    top: 2.14286rem;
}
.u-triangle-inclusive-v1--right {
    left: -14px;
}

.g-pb-10 {
    padding-bottom: 0.71429rem !important;
}
.g-mb-25 {
    margin-bottom: 1.78571rem !important;
}
.g-brd-bottom {
    border-bottom: solid 1px transparent !important;
}
.g-brd-gray-light-v4 {
    border-bottom: solid 2px #ddd !important;
}

.text-md-right {
    text-align: right!important;
}

.g-mb-20 {
    margin-bottom: 1.42857rem !important;
}
.g-pt-20--md {
    padding-top: 1.42857rem !important;
}
.g-pr-40--md {
    padding-right: 2.85714rem !important;
}

.rounded-circle {
    border-radius: 50%!important;
}
.d-block {
    display: block!important;
}
.g-bg-white {
    background-color: #fff !important;
}
.g-brd-around {
    border: solid 1px transparent !important;
}
.g-brd-3 {
    border-width: 3px !important;
}
.g-brd-gray-light-v5 {
    border-color: #f7f7f7 !important;
}
.g-width-18 {
    width: 18px !important;
}
.g-height-18 {
    height: 18px;
}

.g-pl-40--md {
    padding-left: 2.85714rem !important;
}

.u-timeline-v2-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    left: 25%;
    width: 3px;
    height: 100%;
    margin-left: -1px;
    background-color: #eee;
}

.g-mb-40 {
    margin-bottom: 2.85714rem !important;
}

.timeline_font h5{font-weight:600; font-size:20px;}
.timeline_font h4{font-weight:500; font-size:16px; color:#bbb;}

/*-----------------------------------------------------------------------------------*/
/* Member
/*-----------------------------------------------------------------------------------*/
.member{
    margin: 0;
}

.member-img img{
    width: 100%;
    max-width: 100%;
    height:auto;
    border-radius: 3px;
}

.member-img {
    display: block;
    margin-bottom: 20px;
}

.member h4{
    text-transform: uppercase;
    margin:0;
    padding:0;
    font-weight: 700;
    font-size: 14px;
}

.member .member-role{
    color:#999999;
    margin: 0 0 20px 0;
}

.member .member-content{
    border-top:1px solid rgba(130,130,130,0.14);
    border-bottom:1px solid rgba(130,130,130,0.14);
    padding:20px 0 20px 0 !important;
    margin:0 0 30px;
    height:175px;
}

.member .social-icons{
    margin: 26px 0 0 0;
    list-style: none;
}

.member .social-icons li{
    margin: 0 8px 0 0;
}

.member .social-icons li a{
    font-size: 21px !important
}

pad-top8{padding-top:8%}
pad-top4{padding-top:4%}
pad-top2{padding-top:2%}

.ck_editor_content ul{list-style:inherit; padding-left:20px;}
.ck_editor_content ul li{margin-bottom:10px; font-size:13px; color:#888;}
.ck_editor_content h1, .ck_editor_content h2, .ck_editor_content h3, .ck_editor_content h4, .ck_editor_content h5{color:#3498db;}

.ck_editor_content h1{font-size:26px;}
.ck_editor_content h2{font-size:23px;}
.ck_editor_content h3{font-size:20px;}
.ck_editor_content h4{font-size:16px;}
.ck_editor_content h5{font-size:14px;}




.mbl_video.control_slide .vclas_ppt .video_hldr.active{padding-left:0;}
.mbl_video .vclas_video{right:0; bottom:60%; border-bottom:solid 1px #ccc;left: 0; background: #e6e6e6; overflow: hidden; position: absolute; top: 0; z-index: 5;}
.mbl_video .vclas_message{width:100%; top:40%; background: #fff;  border-left: #d6dee2 1px solid; right: 0; z-index: 100; transition: all .2s ease-in; position: absolute; bottom: 0;}
.mbl_video .vclas-peoplechat-box, .mbl_video .vclas_controls{width:100%;}
.mbl_video .vclas-peoplechat-box.no_video_me{top:0;}
.mbl_video .vclas-peoplechat-box .nav-tabs.nav-justified > li{float:left; width:33.3%;}
.mbl_video .vcls_nav{width:auto; min-width:inherit;}
.mbl_video .vcls_nav li{text-align:center;}
.mbl_video .vcls_nav li > div{width:60px; line-height:12px;}
.mbl_video .vclas_body{overflow:hidden;}

.mbl_video.audio_video .vcls_title{padding:9px 10px 0; right:0; left:inherit; width:100%; font-size:14px; line-height:40px;}
.audio_video .vclas_ppt .video_hldr{padding-bottom:0}
.audio_video.control_slide .vclas_ppt{padding-bottom:0;}
.audio_video .frame_container > div span{display:none !important;}
.audio_video .nav-tabs.nav-justified > li > a{margin:0; padding:10px 5px; background:#f5f5f5; font-weight:600; border:none;}
.audio_video .tab-v1 .nav-tabs > .active > a,
.audio_video .tab-v1 .nav-tabs > .active > a:hover,
.audio_video .tab-v1 .nav-tabs > .active > a:focus{color:#72c02c; border-bottom:solid 2px #72c02c; background:#f5f5f5 !important; border-left:none; border-top:none; border-right:none; }


.messages {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: top;
    -ms-flex-line-pack: top;
    align-content: top;
    -webkit-box-align: top;
    -moz-box-align: top;
    -webkit-align-items: top;
    -ms-flex-align: top;
    align-items: top;
}

.messages .message {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding:0 10px 10px;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    overflow: hidden;
    text-align: left;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.messages .message span {
    background: #eee;
    display: inline-block;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    max-width: 240px;
    border: solid 1px #e2e2e2;
    position: relative;
}
.messages .message b {
  float:left;
  width:100%;
  font-size:12px;
  font-weight:normal;
}

.messages .message span:after,
.messages .message span:before {
    right: 100%;
    top: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.messages .message span:after {
    border-color: rgba(152, 225, 101, 0);
    border-right-color: #eee;
    border-width: 7px;
    margin-top: -7px;
}

.messages .message span:before {
    border-color: rgba(226, 226, 226, 0);
    border-right-color: #e2e2e2;
    border-width: 8px;
    margin-top: -8px;
}

.msg_time {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: auto;
    text-align: right;
    padding: 0 0 0 0;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    font-size: 11px;
    margin-right: 16px;
    margin-bottom: -9px;
    opacity: 0.8;
}

.msg_time.slide-right {
    -webkit-transform: translate3d(130px, 0, 0);
    -moz-transform: translate3d(130px, 0, 0);
    transform: translate3d(130px, 0, 0);
}

.messages.other .message {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: right;
}

.messages.other .message.slide-right {
    -webkit-transform: translate3d(120px, 0, 0);
    -moz-transform: translate3d(120px, 0, 0);
    transform: translate3d(120px, 0, 0);
}

.messages.other span {
    color: black;
    padding-left: 10px;
    background-color: #98E165;
}

.messages.other span:after,
.messages.other span:before {
    left: 100%;
}

.messages.other span:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #98E165;
}

.messages.other span:before {
    border-color: rgba(226, 226, 226, 0);
    border-left-color: #e2e2e2;
}

.post-img {
    width: 100%;
    max-width: 250px;
    border-radius: 10px;
}

.send_active {
    color: #387ef5;
}

.msg_prfl {
    width: 40px;
    height: 40px;
    float: left;
}

.messages .msg_prfl {
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 2px !important;
}

.messages.other .msg_prfl {
    margin-right: 10px;
    margin-left: 0;
    float: right;
}

.message_time {
    text-align: center;
    font-size: 12px;
}

.message_time span {
    background: #DADADA;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
}

.message_footer.bar-footer {
    background: #eee;
    height: 55px;
}

.message_footer.bar-footer textarea {
    padding: 5px;
    width: 100%;
    height: 80%;
    margin: 10% 0 10% 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
    overflow-y: auto;
}

.message_footer.bar-footer .item-input-wrapper {
    padding: 0;
}

.message_footer.bar-footer .button.button-balanced {
    height: 20px;
    line-height: 20px;
    margin-top: 7px;
}

.message_container.has-footer {
    bottom: 55px;
}

.message_footer.bar-footer.two_lines {
    height: 70px;
}

.message_container.has-footer.two_lines {
    bottom: 70px;
}

.message_footer.bar-footer.three_lines {
    height: 80px;
}

.message_container.has-footer.three_lines {
    bottom: 80px;
}

.message_footer.bar-footer.four_lines {
    height: 90px;
}

.message_container.has-footer.four_lines {
    bottom: 90px;
}

#topcontrol{display:none;}
.audio_video .vclas_message_input textarea{height:36px !important; padding:5px; margin:0 !important; border: solid 1px #eee;}
.mbl_video .vclas_message_input{height: 55px; display:flex; padding:10px;}

.mbl_video .vclas-groupchat-out{bottom:32px; margin:0;}

.vclas-groupchat-out{position: absolute; left: 0; transition: all .2s ease-in; top: 0; bottom: 32px; right: 0; padding: 20px 15px 0;}

.vclas_groupchat {position: absolute; display: block; padding: 0; margin: 0 0 0 -15px; top: 10px; bottom: 3px; left: 15px; right: 0; list-style: none; overflow: auto; z-index: 2;}

.vclas_message_input {height: 55px; border-top: #d6dee2 1px solid; width: 100%; background: #f5f8fa; z-index: 3; overflow: hidden;bottom: 0; display: flex; padding: 10px;
}

.vclas_body {position: absolute; bottom: 0; top: 50px; left: 0; right: 0; background: #f5f8fa; z-index: 1; transition: all .2s ease-in;}

.vclas-peoplechat-box {
    position: absolute;
    background: #fff;
    width: 100%;
    border-left: #d6dee2 1px solid;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    transition: all .2s ease-in;
}

.chat_body {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    top: 52px;
}

.messages .message span img{width:100%; margin:0}
.messages .message.msg_img span, .messages .message.msg_aud span{padding:0;}
.messages .message.msg_img span img{max-width:100px;}
.messages .message.msg_aud span{width:100%;}
.messages .message.msg_aud span audio{width:100%; margin:0;}

.tagbox article p{margin-bottom:20px;}

.breadcrumbs-v3 h1{font-size:30px;}
.breadcrumbs-v3 p{font-size:20px; margin-top:60px;}

.header.wd_header .logo.bamboosys_logo img{max-height: 90%; margin-top:5px;}

.category_filter{margin-bottom:10px; height:40px; background: #3498db; position:relative;}
.category_filter > ul{margin-bottom:0px; padding-right:25px; float:left; width:100%; height:40px; overflow:hidden;}
.category_filter li{display:inline-block; padding:0 7px;}
.category_filter li a{position:relative; padding:0; line-height:40px; float: left; width: 100%; font-weight:500; color:#fff;}
.category_filter li:hover a{color:yellow;}
.category_filter li.active > a:after, .category_filter li.active > a:before {bottom:-8px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 10;}
.category_filter li.active > a:after {border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px;}
.category_filter li.active > a:before {border-color: rgba(194, 225, 245, 0); border-bottom-color: #8BC34A; border-width: 6px; margin-left: -6px; bottom: -7px;}
.category_filter li a:after{position:absolute; content:'';}
.category_filter li ul{position:absolute; left:0; border-top:solid 1px #8BC34A; width:100%; top: 42px; z-index: 1; background: #fafde0;}
.category_filter li ul ul{top: 34px; border-color:#8BC34A; z-index: 2;}
.category_filter li.active li.active > a:before{border-bottom-color:#8BC34A;}
.category_filter li ul ul ul{border-color:#8BC34A; z-index: 3;}
.category_filter li.active li.active li.active > a:before{border-bottom-color:#8BC34A;}
.category_filter li ul li a{font-size:12px; padding: 7px 0 3px;}
.category_filter li.active a{color:#4CAF50;}
.category_filter li.active li.active a{color:#8BC34A;}
.category_filter li.active li.active li.active a{color:#CDDC39;}
.category_list_more{position:absolute; right:20px; top:10px; z-index:100; background:#fff;}
.category_filter .category_list_more > a{position:absolute; right:0px; top:0px;}
.category_filter .category_list_more li a{font-size:12px; color:#555; font-weight:500; border-bottom:solid 1px #ccc; line-height:16px; padding:10px 5px;}
.category_filter .category_list_more li:hover a{background: #72c02c; color: #fff;}
.category_list_more ul{display:none; width:200px; max-height:500px; overflow:auto; position:relative; margin:30px 0 0; box-shadow: 1px 2px 5px;}
.category_list_more a{color:#fff;}
.category_list_more ul li{float:left; width:100%; padding:0}
.category_list_more:hover ul{display:block;}

.category_breadcrumb{float:left; width:100%; font-size:12px;}
.category_breadcrumb li{float:left; font-weight:600;}
.category_breadcrumb li a{color:#3498db;}
.category_breadcrumb li:before{content:'>'; float:left; padding:0 5px; font-weight:400;}
.category_breadcrumb li:first-child:before{display:none;}

.myspace_theme2 > .container > .tag-box{background: rgba(179,220,237,1);
background: -moz-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: linear-gradient(135deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );}
.myspace_theme2 .sidebar-nav-v1 > li{border: solid 1px rgba(0, 0, 0, 0.1) !important;; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.myspace_theme2 .sidebar-nav-v1 > li.active{border-color:#3498db !important;}
.myspace_theme2 .sidebar-nav-v1 > li > a > i{float: left; width: 30px; height: 30px; background: #fff; border-radius: 30px !important; margin-right: 10px; line-height: 30px; text-align: center; color:red;}
.myspace_theme2 .sidebar-nav-v1 > li.active > a > i{background:#3498db; color:#fff !important;}
.myspace_theme2 .sidebar-nav-v1 > li > a{color:#fff; line-height: 30px; font-weight: 600; text-transform: uppercase;}
.myspace_theme2 .sidebar-nav-v1 > li.active > a{color:#3498db !important;}
.myspace_theme2 .myspace_menu li.dropdown:after{color:#fff; top:13px;}
.myspace_theme2 .sidebar-nav-v1 > li:hover, .myspace_theme2 .sidebar-nav-v1 > li.active{width:104% !important; margin-left:-4%}
.myspace_theme2 .sidebar-nav-v1 > li.active{background:#fff !important;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(1){background:#f0c24b;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(1) > a > i{color:#f0c24b;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(2){background:#b5d56a;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(2) > a > i{color:#b5d56a;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(3){background:#ea7066;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(3) > a > i{color:#ea7066;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(4){background:#84bed6;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(4) > a > i{color:#84bed6;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(5){background:#CDDC39;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(5) > a > i{color:#CDDC39;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(6){background:#FFC107;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(6) > a > i{color:#FFC107;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(7){background:#E91E63;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(7) > a > i{color:#E91E63;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(8){background:#FF5722;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(8) > a > i{color:#FF5722;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(9){background:#3F51B5;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(9) > a > i{color:#3F51B5;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(10){background:#00BCD4;}
.myspace_theme2 .sidebar-nav-v1 > li:nth-child(10) > a > i{color:#00BCD4;}

.myspace_theme2 .g-bg-white{background-color: #f3faff !important;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius:10px !important;}
.myspace_theme2 .g-bg-gray-light-v5{color:#fff; background-color: #3498db !important; border-radius:5px !important;}
.myspace_theme2 .g-bg-gray-light-v5 h3{margin:0; color:#fff;}
.myspace_theme2 .g-bg-gray-light-v5 .g-color-black{color:#fff !important;}
.myspace_theme2 .mCustomScrollbar{border:solid 1px #3498db; border-radius:0 0 5px 5px !important; margin-top:-15px;}
.myspace_theme2 .myspace .panel{margin:0 6px; background:none; box-shadow:0 0 0; padding-top:10px;}
.myspace_theme2 .mCustomScrollBox{background:#fff;}
.myspace_theme2.myspace_cntnr .calendar{border-radius:15px !important; overflow:hidden;}
.myspace_theme2 .calendar .fc-toolbar{background: #F0C24B;}
.myspace_theme2 .calendar .fc-toolbar h2{color:#fff; margin-left:10px;}
.myspace_theme2 .calendar.fc button{background: #8BC34A; color:#fff;}
.myspace_theme2 .fc-unthemed td.fc-today{background:#c3e9f5;}
.myspace_theme2 input[type="radio"], .myspace_theme2 input[type="checkbox"]{margin-top:2px;}
.myspace_theme2 .legend li{color:#fff;}
.myspace_theme2 .fc-toolbar .fc-right{margin-right:10px;}
.myspace_theme2 .widget-head-color-box{border-radius:0 15px 0 0 !important;}
.myspace_theme2 .sidebar-nav-v1.list-group li:last-child{border-radius:0 0 15px 0 !important; overflow:hidden;}
.myspace_theme2 .tab-v1 .nav-tabs > .active > a{background: #fff; color:#40bee7;}
.myspace_theme2 .tab-v1 .nav-tabs{border-bottom: solid 2px #fff;}
.myspace_theme2 .nav-tabs > li{border-radius:15px 15px 0 0 !important; overflow:hidden;}
.myspace_theme2 .tab-v1 .nav-tabs > li > a:hover{background: #337ab7 none repeat scroll 0% 0% !important; color:#fff;}
.myspace_theme2 .tab-v1 .nav-tabs > li > a{color:#0368e8;}
.myspace_theme2 .no_record{background:#a6e0f3; color:#40bee7;     border-radius: 10px !important;}
.myspace_theme2 .btn{border-radius:5px !important;}
.myspace_theme2 .progress{margin-bottom:10px; border-radius: 10px !important; height: 15px;}
.myspace_theme2 .thumbnail.thumbnailContent .caption .font-12{font-size: 11px; color: #3498db;}
.myspace_theme2 .border-color-1 .progress-bar{background:#f0c24b;}
.myspace_theme2 .border-color-2 .progress-bar{background:#b5d56a;}
.myspace_theme2 .border-color-3 .progress-bar{background:#ea7066;}
.myspace_theme2 .border-color-4 .progress-bar{background:#84bed6;}
.myspace_theme2 dir-pagination-controls span{color:#fff !important;}
.myspace_theme2 .table.table-hover.tbl_aln{border-radius:10px !important; overflow:hidden; background:rgba(255, 255, 255, 0.6);}
.myspace_theme2 .table-hover > tbody > tr:hover{background-color: #8ddcf5;}
.myspace_theme2 td > a{color:#599cd8;}
.myspace_theme2 td > a.btn{color:#fff;}
.myspace_theme2 .table > thead > tr > th, .table > tbody > tr > th,
.myspace_theme2 .table > tfoot > tr > th, .table > thead > tr > td, 
.myspace_theme2 .table > tbody > tr > td, .table > tfoot > tr > td{border-color: #98d9f4;}
.myspace_theme2 .color-red {color: #e74c3c;}
.myspace_theme2 .panel{border-radius: 15px !important; overflow: hidden;}
.myspace_theme2 .myspace_hed{border-color:#fff;}
.myspace_theme2 .panel_radius0 .panel{border-radius: 0 !important;}
.myspace_theme2 .panel_radius0 .myspace_hed{margin-top:-12px;}
.myspace_theme2 .myspace_hed{position:static;}
.myspace_theme2 .profile_btn{top:13px; right:30px;}
.myspace_theme2 .panel.panel-profile{padding-left:20px !important;}
.myspace_theme2 span.badge-green{background:#fff; color:#1c84c6;}
.myspace_theme2 .info_class .widget.blue-bg .snd_msg{color:#fff;}
.myspace_theme2 .widget.blue-bg h2{color:#1C84C6;}
.myspace_theme2 .blue-bg{color:#1C84C6; background:#fff;}
.myspace_theme2 .status_info{background:#8abd3a;}

.theme_6 .course_btm{margin:0; padding:0 15px; position:absolute; z-index:5; bottom:0; right:0; left:0; background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );}
.theme_6.second_theme .thumbnail.thumbnailContent .caption{padding-top:0;}
.theme_6.second_theme .thumbnail h3, .theme_6.second_theme .thumbnail-style h3{margin-top:0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.theme_6.second_theme .list-inline > li{line-height:25px}
.theme_6.second_theme .course_btm.list-inline li span{color:#fff;}
.theme_6 .thumbnailContent .thumbnail-style a{display: block; width: 100%; position: relative; height: 0; padding: 66.25% 0 0; overflow: hidden;}
.theme_6 .thumbnailContent .thumbnail-style a img{position: absolute; display: block; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1;}
.theme_6 .sticker{z-index:5;}

.navy-bg {background-color: #3898d0;}

.category_list .category_content{border-radius:5px !important; }
.category_list.category_courselist .home_category{border-radius:5px !important;overflow:hidden;}
.category_list.category_courselist .home_category.knowledge_level2, .category_list.category_courselist .home_category.knowledge_level3, .category_list.category_courselist .home_category.knowledge_level4 {border-radius:10px !important;}
.category_list.category_courselist .category_content p{font-size:11px; margin-bottom:0px;}
.cat_info p{position:absolute; bottom:10px; left:15px;}
.cat_info p + p{right:15px; left:auto;}
.cat_info p, .cat_info p b{color:#FFEB3B !important}
.cat_info p + p, .cat_info p + p b{color:#00BCD4 !important}

.profile .table a.btn{color:#fff;}
.profile .panel-heading.overflow-h a.btn i{color:#fff;}

.paper_preview .option_info{font-size:12px; font-weight:600;}
.paper_preview{padding:15px;}

.progress_box{border-top:solid 3px #eee; padding-top:10px;}
.progress_box > div.col-md-4:before{content:''; border-right:solid 3px #eee;height: 70%; float: left; position: absolute; left: 0; margin: 5% 0 25% 0;}
.progress_box > div:first-child:before{display:none;}

.category_courselist .knowledge_level.home_category .category_content{background:0;}
.category_courselist .knowledge_level.home_category .category_content h4{font-size:16px; line-height:20px; color:#bbb; height: 60px; overflow: hidden; margin:0 0 10px; font-weight:600; word-break: break-word;}
.category_courselist .knowledge_level.home_category .category_content h4:before{content:''; float:right; width:60px; height:23px;}
.knowledge_level .cat_info{padding-top:5px;}
.knowledge_level .cat_info p{position:static; float:left; width:100%; text-align:right;}
.knowledge_level .cat_info p b{text-align:left; float:left;}
.knowledge_level .cat_info p,
.knowledge_level .cat_info p b{color: #555 !important; font-weight:500;}
.knldg_crct{position:absolute; right:15px; top:15px; font-size:20px;}


.category_courselist .knowledge_level2.home_category .category_content{background: #8BC34A;}
.category_courselist .knowledge_level3.home_category .category_content{background: #2196F3;}
.category_courselist .knowledge_level4.home_category .category_content{background: #FFC107;}
.category_courselist .knowledge_level2.home_category > i, .category_courselist .knowledge_level3.home_category > i, .category_courselist .knowledge_level4.home_category > i{color:rgba(255, 255, 255, 0.20); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; text-align:center; font-size: 5em; line-height: 1.1em;}
.category_courselist .knowledge_level2.home_category h4, .category_courselist .knowledge_level3.home_category h4, .category_courselist .knowledge_level4.home_category h4{text-align: center; line-height: 30px; font-size:20px; color: white; font-weight: 500; text-transform: uppercase;}

.overview_category{float:left; width:60%; margin-left:20%; border-radius: 10px !important; box-shadow: 0 0 5px; padding: 15px; margin-bottom: 20px; margin-top:30px;}
.overview_category h3{color:#3498db; margin-top:0; border-bottom:solid 1px #7fc2ef; padding-bottom:5px;}
.overview_correct{float:left;}
.overview_coverage{float:right;}
.overview_coverage span{color:orange}

.rs_right{position:absolute; right:0; top:0;}

.thumbnail-multiple:after{left:4px; top:4px; right:-4px; bottom:-4px;}
.thumbnail-multiple:before{left:8px; top:8px; right:-8px; bottom:-8px;}
.thumbnail-multiple:after, .thumbnail-multiple:before{content:''; position:absolute; box-shadow: 0 0 4px #c0c0c0; z-index:-1; background:#fff;}

.thumbnail-kenburn .caption .clamped h3{line-height:19px;}

.myspace.my_space .col-md-12 > h4, .myspace.my_space .col-md-6 > div > h4{color:#3498db; border-bottom: 1px solid #ddd; padding-bottom:5px;}
.myspace_theme2 .myspace.my_space .col-md-12 > h4, .myspace.my_space .col-md-6 > div > h4{color:#fff; border-bottom: 1px solid #fff;}

.myspace_theme2 canvas{background:#fff; padding:5px; border-radius:10px !important;}

.col-inline{text-align:center; margin-bottom:15px; padding-top:30px;}
.col-inline > div.col-md-2, .col-inline > div.col-sm-3, .col-inline > div.col-xs-4{float:none !important; display:inline-block; text-align:center; margin-top:-5px;}

.knowledge_level{background:#f7f7f7; border:solid 1px #ccc; border-radius:15px;} 
.knowledge_level.knowledge-green{background: #ebf7e0; border: solid 1px #5fb611;}
.knowledge_level.knowledge-orange{background: #fdf0dc; border: solid 1px #FF9800;}
.knowledge_level.knowledge-yellow{background: #fffbd8; border: solid 1px #efd919;}
.knowledge_level.knowledge-red{background: #fbeeed; border: solid 1px #F44336;}
.category_courselist .knowledge_level.home_category.knowledge-green .category_content h4{color: #5fb611;}
.category_courselist .knowledge_level.home_category.knowledge-orange .category_content h4{color: #FF9800;}
.category_courselist .knowledge_level.home_category.knowledge-yellow .category_content h4{color: #efd919;}
.category_courselist .knowledge_level.home_category.knowledge-red .category_content h4{color: #F44336;}

.category_courselist .knowledge_level .category_content .progress{margin-bottom:0; margin-top:1px;}
.category_courselist .knowledge_level .category_content .progress.progress-xs{height:5px;}

.sidebar-nav-v1 li ul a{padding: 6px 10px 6px 15px;}
.gallery_album{float:left; width:100%;}

.second_theme .frame_container, .second_theme .html_container, .second_theme .pdf_container, .second_theme .pdf_container .pdf-viewer, .second_theme vg-media video{overflow:auto;}
.second_theme .pdf_container .pdf-viewer{margin-top:0;}

.thumbnail.thumbnailContent span.badge.list_micro{left: 0; bottom: auto; top: 35%;}

.t6_category.category_filter{background:#fff; border:solid 1px #ddd; border-left:none; border-right:none; border-top:none;}
.t6_category.category_filter .container > .relative > li a{color:#999; line-height: 39px; border-bottom: solid 1px transparent;}
.t6_category .category_list_more a{color:#999;}
.t6_category.category_filter .container > .relative > li:hover a, .t6_category.category_filter .container > .relative > li.current a{color: #3498db; border-bottom: solid 1px #3498db;}

.input-group.top-search{float:right; margin-top:-45px; margin-right:40px; position: inherit;}
.second_theme.theme_6 .input-group.top-search{ margin-top:0px; margin-right:0px;}

.t_new .header{position:fixed; left:0; top:0; right:0; box-shadow:0 0 5px;}
.t_new .header:before{content:''; float:left; height:75px;}

.t_new.scrl_header_change .header{background:black;}
.t_new.scrl_header_change .loginbar{display:none;}
.t_new.scrl_header_change .header .navbar-nav > li > a{color:#fff; padding-bottom:14px;}
.t_new.scrl_header_change .header .logo{height:50px; line-height:50px;}
.t_new.scrl_header_change .header:before{height:50px;}

.quiz_yt_vm{height:100%;}
.iframe_holder .quiz_yt_vm videogular.video_small{height:100%; background:transparent;}
.iframe_holder .quiz_yt_vm videogular.video_small.youtube_player{padding-top:16%; height:0}
.iframe_holder .quiz_yt_vm videogular.video_small iframe{height:auto !important; margin:0 !important;}

.t6_profile{width:70%; margin:15px 15%; padding-top: 70%; position: relative;}
.alter .t6_profile{width: 15%; margin:10px 0 10px 10px; padding-top: 15%; float: left;}
.alter .m-b-md{text-align:left; width:75%; float:right;}
.alter .m-b-md h2{margin-top:10px !important;}
.t6_profile .img-circle.circle-border{position: absolute; top: 0px; width: 100%; height: 100%; left: 0px;}

.second_theme.t_new .sidebar-nav-v1 li ul a{padding: 6px 25px 6px 6px;}
.second_theme.t_new .second_level {left: 100%; right: auto;}
.second_theme.t_new .sidebar_arrow{right: 10px; left: auto;}
.second_theme.t_new .banner_search.fixed > form{margin-top:3.5%}
.second_theme.t_new .banner_search > form{margin-top:6%}


.t_new .menu_profile{position:relative; margin-top:21px;}
.t_new.scrl_header_change .menu_profile{margin-top:7px;}
.t_new .menu_profile img{width:25px; height:25px; border-radius:25px !important; margin-top: -9px;}
.t_new .menu_profile ul.loginbar{display:none; position:absolute; right:0; top:34px; padding:0 10px; width:160px; background:#fff; box-shadow:0 0 5px; border-radius: 5px !important; margin:0;}
.t_new .menu_profile:hover ul.loginbar{display:block;}
.t_new .header .topbar ul.loginbar > li{display:block; padding: 5px 0 5px 5px; border-top: solid 1px #ccc;}
.t_new .header .topbar ul.loginbar > li:first-child{border:none;}
.t_new .header .topbar ul.loginbar > li.topbar-devider{display:none;}
.t_new .header .topbar ul.languages{z-index:10; top:25px;}
.t_new .menu_profile ul.loginbar:after {top: -8px; width: 0; height: 0; right: 13px; content: " "; display: block; position: absolute; border-bottom: 9px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; border-left-style: inset; border-right-style: inset;}
.t_new .menu_profile ul.loginbar:before {top: -10px; width: 0; height: 0; right: 12px; content: " "; display: block; position: absolute; border-bottom: 10px solid #d3d3d3; border-left: 10px solid transparent; border-right: 10px solid transparent; border-left-style: inset; border-right-style: inset;}

.t_new .nav_search{float: right !important; width: 15%; margin-right: 130px; margin-left:10px;}
.t_new .nav_search .main_banner_search_subholder{width:100%;}
.menu_nav{position: absolute; top: 22px;}
.scrl_header_change .menu_nav{top: 7px;}
.t_new .scrl_header_change .menu_profile{margin-top: 7px;}
.header .navbar-collapse.collapse.fullwidth_header{background: #8bc34a; color: #fff; margin-top:40px;}
.mbl_hdr_cntnr .header .navbar-collapse.collapse.fullwidth_header{margin-top:0px;}

.attachments_img, .attachments_doc{margin-bottom:10px;}
.attachments_img{float:left; width:100%;}
.attachments_img img, .media .media-body .attachments_img img{max-width:50%; margin:0;}
.attachments_doc{float:left; width:100%; margin-top:0.5%;}
.attachments_doc > i.fa{float:left; width:50%; border:1px solid #DCDCDC; padding:10px;}

.input-group.top-search.poiz_company_search{margin-top: 0; position: absolute; top: 10px; right: 130px;}

.attachments_doc .fa span, .attachments_img .fa span{font-size:14px; font-family:arial; color:#555;}
.attachments_doc .fa:hover span, .attachments_img .fa:hover span{color:#72c02c;}
.attachments_doc .fa span span, .attachments_img .fa span span{color:#bbb;}

.special_tagbox .tag-box-v2{border: solid 1px #eee; padding:10px;}
.special_tagbox div.item-image{width:100%; height:100px;}
.special_tagbox div.item-image img {max-width: 80%; max-height: 100%; margin: 0; margin-bottom:10px;}
.special_tagbox div.item-name {width:100%; line-height: 26px; height:30px; text-align: center; border-top: 1px solid #ddd; font-size: 15px; font-weight: 500;}
.special_tagbox div.item-content{margin:0;}
span.badge.profile_badge{position: absolute; right: 3px; top: -10px; width: 20px; height: 20px; line-height: 20px; padding: 0; border-radius: 20px !important;}
.t_new.scrl_header_change .header span.badge.profile_badge{right:4px; top:-6px; width:18px; height:16px; line-height:16px; font-size:9px;}


.t_new .menu_profile > a{padding:8px}
.t_new .menu_profile > a i.fa{font-size:22px;}
.t_new .category_filter{background:#fff; margin:0;margin-top: -54px; z-index: 10;}
.t_new .category_filter .container > ul{height:45px; overflow:hidden;}
.t_new .category_filter li a{color:#9E9E9E;}
.t_new .category_filter li a b:after{color:#8BC34A; content:'>'; position:relative; left:9px; top:1px; font-weight:500;}
.t_new .category_filter li:hover a, .t_new .category_filter li.active a{color:#72c02c;}
 .t_new .category_filter li.active, .t_new .category_filter li:hover{background: rgba(0,0,0,.1);}
.t_new .category_list_more a{color: #72c02c;}
.t_new .category_filter .category_list_more li:hover a {color: #fff;}

.category_third_level li{background:#fff; align-items: center; box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1); color: #505763; display: inline-flex; font-size: 15px; height: 54px; justify-content: flex-start; margin-bottom: 10px; margin-right: 10px; min-width: 1px; padding: 6px 14px; vertical-align: middle; width: 180px; position: relative; border: none; flex-basis: calc(100% / 4 - 10px);}

.t_new .navbar-nav{text-align:right; cursor:default;}
.t_new .navbar-nav > li{float:none; display:inline-block;}

.t_new .main_banner_search_subholder .main_banner_search input{height: 25px; line-height: 25px; font-size:12px;}
.t_new .main_banner_search_subholder .main_banner_search button{height: 25px; padding: 5px 9px;}
.t_new .main_banner_search_subholder .main_banner_search{margin-top:2px;}
.t_new .menu_profile .fa{font-size:12px;}
.t_new .header .navbar-nav > li > a{padding-bottom:26px;}
/*.theme_8{padding-top:76px;}*/
.breadcrumb_top{padding-top:76px;}

.header .mega-menu .dropdown-menu > li:hover{background: #c3e4ff;}

.drag_fill_word.stroke_writing_all .navbar-inner .btn-droppable .btn {width:auto; border-left:solid 1px #fff;}
.drag_fill_word.stroke_writing_all .btn-group.pull-right{position:absolute; right:10px;}
.drop_fill_word.btn.btn-droppable{padding:0; line-height:30px; height: 30px; vertical-align:text-bottom; min-width:100px;}
fill-blank, .fill_blank{line-height: 30px; height: 30px; display: inline-block; min-width:100px;border-bottom:dashed 1px #000; margin:0 10px;}
.fill_blank{float:left;}
.drop_fill_word.btn.btn-droppable > div{min-width:100px;  line-height:30px; display:inline-block; vertical-align:bottom;}
.drag_fill_word.stroke_writing_all .navbar-inner .btn-droppable .btn.ui-draggable-dragging{background:transparent; padding:0; border:none; fon-size:12px; color:red; height:auto; line-height:16px;}
.drag_fill_word.stroke_writing_all .fill_content{position: absolute; left: 15px; right: 15px; top: 82px; bottom: 75px;}
.drag_fill_word.stroke_writing_all .fill_content:hover .drop_fill_word.btn.btn-droppable{background: #d3e6f3;}

.level_progress{position:relative; margin-top:20px;}
.level_1,.level_2,.level_3,.level_4{width:25%; position:absolute; font-size:11px; font-weight:600; top:10px;}
.level_1:after,.level_2:after,.level_3:after,.level_4:after{border-left:solid 1px #a7def7;  height: 30px; top: -20px; content:'';right: 0; position: absolute;}
.level_1{left:0%; color:#FF9800;}
.level_2{left:25%; color:#FFC107;}
.level_3{left:50%; color:#CDDC39;}
.level_4{left:75%; color:#8BC34A;}
.level_score{color:orange; font-size:11px;}

.myspace_theme2 .level_progress .progress{margin-bottom:20px; height:7px;}

.stroke_writing_all.drag_fill_word .fill_content .btn.fa.fa-volume-up{position: relative; float:left;}
.questions_drag{min-width:80px; float:left; line-height:30px;}

.t_new .header.hide_fixed_header{top:-75px;}
.t_new.course_argbg .header_arrow.active{top: -57px;}
.t_new .header_arrow{top: -15px;}
.t_new .height_adjust.breadcrumb_top{padding-top:0; margin-top: -35px;}
.t_new .menu_nav{width:100%;}
.t_new .header .topbar .languagesSelector{display:inline-block;}
.t_new .header .topbar .languagesSelector:hover ul.languages{display:block}
.t_new .nav_search.t8srch_b4_lgn{margin-right: 170px;}
.t_new .header .topbar .languagesSelector ul.languages{top:20px;}

.profile > .panel-body.white-bg > .media.media-v2{padding:15px 0 10px;}
.profile > .panel-body.white-bg > .media.media-v2 > a.pull-left{margin-top:5px;}
.profile > .panel-body.white-bg > .media.media-v2 > .media-body p{width: 95%; float: left;}

.navbar-toggle{z-index:10;}

.thirdPartyLogin a span{width:30px; height:30px; line-height:30px; text-align:center; border-radius:30px !important; background:#555; display:inline-block;}
.thirdPartyLogin a span i{color:#fff;}
.thirdPartyLogin a{margin:0 5px;}
.thirdPartyLogin.alter a{float:left;}

.poiz_web .mbl_hdr_cntnr .header .navbar-collapse.collapse.fullwidth_header{top:0;}


.loc_park{margin-left:20px}
.opening_hours, .loc_park{float:right; padding-top:15px;}
.opening_hours i.fa, .loc_park i.fa{font-size:34px; line-height:40px; color: orange; float:left; margin-right:10px; font-weight:100;}
.loc_park i.fa{color: #72c02c;}
.opening_hours > span, .loc_park > span{float:left; width:210px; font-weight: 600;}
.loc_park > span{width:210px;}
.opening_hours > span > span{float:left; width:100%;}
.opening_hours > span > span b{display:inline-block; width:28px;}
.opening_hours > span > span b + b + b{width:62px; text-align:right}

.theme_3 .opening_hours{float: left; padding: 0; margin-top: -26px; z-index: 10; position: relative; color: #fff;}
.theme_3 .opening_hours > span{width:auto;}
.theme_3 .opening_hours i.fa{font-size: 18px; line-height: 20px; color:#fff;}

.blog_cat li{background:#eee; float:left; margin:0 2px 2px 0;}
.blog_cat li:hover{background:#e2f7ca;}
.blog_cat li.active{background:#ccc;}
.blog_cat li a{padding:8px 12px; cursor:pointer; float:left;}
.blog_cat li.active a{color:#fff;}
.blog_cat li a span{color:#4CAF50; font-size:11px;}



































/* 1Media starts */

@media (min-width: 480px) {

    .onboarding .onboarding-role-select>.role-candidate,
    .onboarding .onboarding-role-select>.role-employer,
    .onboarding .onboarding-role-select>.role-customer,
    .onboarding .onboarding-role-select>.role-restaurant,
    .onboarding .onboarding-role-select>.role-student,
    .onboarding .onboarding-role-select>.role-school,
    .onboarding .onboarding-role-select>.role-teacher,
    .onboarding .onboarding-role-select>.role-partner {
        -webkit-flex-basis: 280px;
        -ms-flex-preferred-size: 280px;
        flex-basis: 280px
    }
    .onboarding .onboarding-role-or {
        padding: 10px 0
    }
    .onboarding .icon-candidate,
    .onboarding .icon-employer,
    .onboarding .icon-customer,
    .onboarding .icon-restaurant,
    .onboarding .icon-student,
    .onboarding .icon-school,
    .onboarding .icon-teacher,
    .onboarding .icon-partner {
        border-radius: 125px !important;
        width: 250px;
        height: 250px
    }
}

@media (min-width: 768px) {
    .content .page-header-perks {
        background: #19967d;
        color: #eee
    }
    .content .page-banner-perks {
        background: #20c2a1
    }
    .content .page-banner-perks>.point-balance-mobile {
        display: none
    }
    .content .page-banner-perks>.perks-illustration {
        position: relative;
        margin: 0 auto;
        display: inline-block
    }
    .content .page-banner-perks>.perks-illustration>.point-balance {
        position: absolute;
        left: 315px;
        bottom: 130px;
        text-align: center;
        font-size: 18px;
        color: #fff
    }
    .content .page-banner-perks>.perks-illustration>.point-balance>.points-number {
        font-size: 36px;
        line-height: 1em
    }
    .content .page-banner-perks>.perks-info {
        color: #eee;
        padding-bottom: 12px
    }

    .onboarding .onboarding-role-select {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .onboarding .onboarding-role-select>.role-candidate,
    .onboarding .onboarding-role-select>.role-employer,
    .onboarding .onboarding-role-select>.role-customer,
    .onboarding .onboarding-role-select>.role-restaurant, 
    .onboarding .onboarding-role-select>.role-student,
    .onboarding .onboarding-role-select>.role-school,
    .onboarding .onboarding-role-select>.role-teacher,
    .onboarding .onboarding-role-select>.role-partner {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .onboarding-well {
        width: 480px
    }
    .onboarding .onboarding-role-select>.role-candidate,
    .onboarding .onboarding-role-select>.role-employer,
    .onboarding .onboarding-role-select>.role-customer,
    .onboarding .onboarding-role-select>.role-restaurant,
    .onboarding .onboarding-role-select>.role-student,
    .onboarding .onboarding-role-select>.role-school,
    .onboarding .onboarding-role-select>.role-teacher,
    .onboarding .onboarding-role-select>.role-partner  {
        -webkit-flex-basis: 280px;
        -ms-flex-preferred-size: 280px;
        flex-basis: 280px
    }
    .onboarding .onboarding-role-or {
        line-height: 250px
    }
    .onboarding .icon-candidate,
    .onboarding .icon-employer,
    .onboarding .icon-restaurant,
    .onboarding .icon-student,
    .onboarding .icon-school ,
    .onboarding .icon-teacher,
    .onboarding .icon-partner {
        border-radius: 125px !important;
        width: 250px;
        height: 250px
    }
}

@media (min-width: 991px) {
  
.second_theme.full_screen .sidebar_responsive {
  overflow: visible;
  }
.header.gsx_header .topbar{margin:0;}

.mbl_cntnr .block-description .inline_nav button{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.mbl_cntnr .inline_nav{right:40px; top:60px;}




.padding-left-xs-15 {
  padding-left: 15px !important;
}
.padding-right-xs-15 {
  padding-right: 15px;
}

.coruse_fixed > .row.relative > .col-md-3{height:auto;}
.sidebar_bg{overflow:inherit;}
.coruse_fixed > .row.relative > .col-md-3{z-index:100;}

}



@media (min-width: 992px) {
.modal-md-lg{width:700px; margin:60px auto 30px;}
.onboarding .overlay-application>.overlay-content>.body>.left .onboarding-subtitle,
.overlay-application>.overlay-content>.body>.left .onboarding .onboarding-subtitle,
.overlay-application>.overlay-content>.body>.left h4 {font-weight: 700}

.wisdom_header .mega-menu .nav.navbar-nav > li:nth-child(odd){padding-top:60px;}
.wisdom_header .mega-menu .nav.navbar-nav > li:nth-child(even){padding-top:30px;}
.wisdom_header .mega-menu .nav.navbar-nav > li{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg.png') repeat-x 0 0; margin-left:30px; position:relative;}
.wisdom_header .mega-menu .nav.navbar-nav > li:after{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg.png') repeat-x 0 -20px; content:''; position: absolute; left: -25px; top: 0; width: 20px; height: 20px;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg1.png') repeat-x 0 0;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li > a{background:#5491ca;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li:after{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg1.png') repeat-x 0 0;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li+li{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg2.png') repeat-x 0 0;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li+li > a{background:#46a2d1;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li+li:after{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg2.png') repeat-x 0 0;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li+li+li{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg3.png') repeat-x 0 0;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li+li+li > a{background:#1d76ba;}
.wisdom_header .mega-menu .nav.navbar-nav > li+li+li+li:after{background:url('https://https.bamboostudy.com/bb_unify/assets/images/headerline_bg3.png') repeat-x 0 0;}
.wisdom_header .mega-menu .nav.navbar-nav > li > a{background:#3b4fa6; color:#fff; border:none;}
.header .wisdom_header .navbar-nav > li > a:hover, .header .wisdom_header .navbar-nav > .active > a, .wisdom_header .mega-menu .nav.navbar-nav > li+li > a:hover{background:#CF1055;}
/*.header .logo.wisdom_logo{height:120px; line-height:120px;}*/


.header .gsx_main_header .navbar-nav > li > a{height: 65px; line-height: 65px; padding:0 22px; border-left:solid 1px #ebebeb;}
.header .gsx_main_header .navbar-nav > li > a:hover{border-bottom:none;}

.gsx_main_header .container{padding:0;}
.gsx_main_header{background:#f9f9f9; border-top:solid 1px #ebebeb; margin-top:-50px;}

    .onboarding .onboarding-role-select>.role-candidate,
    .onboarding .onboarding-role-select>.role-employer, 
    .onboarding .onboarding-role-select>.role-customer,
    .onboarding .onboarding-role-select>.role-restaurant,
    .onboarding .onboarding-role-select>.role-student,
    .onboarding .onboarding-role-select>.role-school,
    .onboarding .onboarding-role-select>.role-teacher,
    .onboarding .onboarding-role-select>.role-partner {
        -webkit-flex-basis: 330px;
        -ms-flex-preferred-size: 330px;
        flex-basis: 330px
    }
    .onboarding .onboarding-role-or {
        line-height: 300px
    }
    .onboarding .icon-candidate,
    .onboarding .icon-employer,
    .onboarding .icon-customer,
    .onboarding .icon-restaurant,
    .onboarding .icon-student,
    .onboarding .icon-school,
    .onboarding .icon-teacher,
    .onboarding .icon-partner {
        border-radius: 150px !important;
        width: 300px;
        height: 300px
    }

.responsive_sidebar{height: 0; padding-top: 180.25%;}
.li_sidbar_responsive{position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: auto;}
.li_sidbar_responsive .list-group{margin-bottom:0;}

.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu{top: -2px; left: 200px; height:101.5%; margin-top:0}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu{top: -2px; left: 200px; height:101.5%; margin-top:0}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu{top: -2px; left: 200px; height:101.5%; margin-top:0}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown a{position:relative;}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > a:after{content: "\f105";}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > a:after{content: "\f105";}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > a:after{content: "\f105";}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu{display: block; background:#c3e4ff;}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu li a{border-color:#aad9f9;}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu{display: block; background:#c3e4ff;}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu li a{border-color:#aad9f9;}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu{display: block; background:#c3e4ff;}
.header .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu li a{border-color:#aad9f9;}

}


@media (min-width: 1001px){
  .desktop_hide{display:none !important;}
}


@media (min-width: 1200px) {
    .onboarding .onboarding-role-select>.role-candidate,
    .onboarding .onboarding-role-select>.role-employer,
    .onboarding .onboarding-role-select>.role-customer,
    .onboarding .onboarding-role-select>.role-restaurant, 
    .onboarding .onboarding-role-select>.role-student,
    .onboarding .onboarding-role-select>.role-school, 
    .onboarding .onboarding-role-select>.role-teacher,
    .onboarding .onboarding-role-select>.role-partner {
        -webkit-flex-basis: 330px;
        -ms-flex-preferred-size: 330px;
        flex-basis: 330px
    }
    .onboarding .onboarding-role-or {
        line-height: 300px
    }
    .onboarding .icon-candidate,
    .onboarding .icon-employer,
    .onboarding .icon-customer,
    .onboarding .icon-restaurant,
    .onboarding .icon-student,
    .onboarding .icon-school,
    .onboarding .icon-teacher,
    .onboarding .icon-partner {
        border-radius: 150px !important;
        width: 300px;
        height: 300px
    }
}

 @media screen and ( min-width: 1800px ){
  .clients-grid li{padding:0;}
}



@media (min-width: 2001px){
.container-fluid #loader,.container-fluid pdf-viewer{min-height:1260px;}
.iframe_holder .html_container{max-height:1260px; overflow-y:auto;}
.clients-grid.grid-6 li {height: 200px; }
.slider_type1 .text_content h1{font-size:40px; line-height:42px;}
.slider_type1 .text_content p{font-size:22px;}
}





@media (max-width: 2000px){
/*.container-fluid .full_screen_on img, .container-fluid .full_screen_off img{max-height: 700px;}
.container-fluid pdf-viewer, .container-fluid #loader, .container-fluid iframe, .container-fluid object, .container-fluid .panel-body.inner_slider iframe{min-height:700px;}*/
.container-fluid iframe{width:100%;}
.container-fluid #loader,.container-fluid pdf-viewer{min-height:1260px;}
.iframe_holder .html_container{max-height:1260px; overflow-y:auto;}
.clients-grid.grid-6 li {height: 200px; }
.second_theme.full_screen .sidebar_responsive.sidebar_active button.more_btn{left:28%;}
.gsx_bg .container{width:1570px;}
.multi_character .stroke_text h2{margin:20.5% 0;}
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:95px; line-height:115px;}
.stroke_writing_all .stroke_text h2.seprate a span{padding-top: 2%;}
.stroke_writing .stroke_text h2.seprate{font-size:120px;}
.stroke_writing .stroke_text.same_idiom  > div h2{padding-top:3%;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 50px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 66px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 70px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 86px;}
.slider_type1 .text_content h1{font-size:40px; line-height:42px;}
.slider_type1 .text_content p{font-size:24px; line-height:28px;}
.slider_type2 .text_content:before{border-bottom:solid 1600px rgba(127, 197, 70, 0.50); border-left:solid 1000px transparent;}
.banner_info{width:30%;}
.poetry_line > div .poetry_phonetic{font-size:24px; height:26px;}
.poetry_line > div .poetry_character{font-size:45px;}
.poetry_explanation{font-size:26px;}
}



@media (max-width: 1900px){
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:90px; line-height:100px;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 46px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 63px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 65px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 80px;}
}


@media (max-width: 1800px){
.container-fluid #loader,.container-fluid pdf-viewer{min-height:1260px;}
.iframe_holder .html_container{max-height:1260px; overflow-y:auto;}
.clients-grid.grid-6 li {height: 180px; }
.second_theme.full_screen .sidebar_responsive.sidebar_active button.more_btn{left:29%;}
.multi_character .stroke_text h2{margin:20.5% 0;}
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:85px; line-height:95px;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 43px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 59px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 60px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 76px;}
.slider_type2 .text_content{width:40%;}
.slider_type1 .text_content h1{font-size:34px; line-height:36px;}
.slider_type1 .text_content p{font-size:20px;}
.slider_type2 .text_content:before{border-bottom:solid 1500px rgba(127, 197, 70, 0.50); border-left:solid 950px transparent;}
.slider_type2 .text_content{padding-bottom:8%;}
.poetry_line > div .poetry_phonetic{font-size:20px; height:24px;}
.poetry_line > div .poetry_character{font-size:42px;}
.poetry_explanation{font-size:22px;}
.t_new .container{width: 1600px;}
}

@media (max-width: 1700px){
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:80px; line-height:100px;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 41px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 57px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 58px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 74px;}
.t_new .container{width: 100%;}
}

@media (max-width: 1600px){
/*.container-fluid .full_screen_on img, .container-fluid .full_screen_off img{max-height: 600px;}
.container-fluid pdf-viewer, .container-fluid #loader, .container-fluid iframe, .container-fluid object, .container-fluid .panel-body.inner_slider iframe{height:600px;}*/
.container-fluid iframe{width:100%;}
.container-fluid #loader,.container-fluid pdf-viewer{min-height:800px;}
.iframe_holder .html_container{max-height:1260px; overflow-y:auto;}
.iframe_holder .pdf_container+.audio_div {bottom: -210px;}
.clients-grid.grid-6 li {height: 150px; }
.gsx_bg .container{width:1500px}
.multi_character .stroke_text h2{margin:19.5% 0; font-size:60px;}
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:75px; line-height:80px;}
.stroke_writing_all .stroke_text h2.seprate a span{padding-top: 1%;}
.stroke_writing .stroke_text.same_idiom  > div h2{padding-top:6%;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 40px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 55px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 56px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 72px;}
.popover_style2 p{font-size: 24px;}
.popover_style2 > p > strong{font-size: 20px;}
.popover_style2 h4{font-size: 28px;}
.slider_type1 .text_content h1{font-size:34px; line-height:36px;}
.slider_type1 .text_content p{font-size:18px; line-height:20px;}
.slider_type2 .text_content:before{border-bottom:solid 1400px rgba(127, 197, 70, 0.50); border-left:solid 900px transparent;}
.banner_info{width:40%;}
.poetry_line > div .poetry_phonetic{font-size:18px; height:22px;}
.poetry_line > div .poetry_character{font-size:38px;}
.poetry_explanation{font-size:20px;}
}

@media (max-width: 1500px){
.gsx_bg .container{width:1400px;} 
.stroke_writing_all .column_4 .stroke_text h2{font-size: 36px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 51px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 49px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 65px;}
.poetry_line > div .poetry_phonetic{font-size:16px;}
.poetry_line > div .poetry_character{font-size:36px;}
.poetry_explanation{font-size:18px;}
}

@media (max-width: 1400px){
.main_banner_search_holder{left:32%; top:28%; width:40%;}
.main_banner_search input{line-height:40px; height:40px;}
.main_banner_search button{height:40px;}
.gsx_bg .container{width:1300px;}  
.stroke_writing_all .column_4 .stroke_text h2{font-size: 32px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 46px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 46px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 60px;}
.popover_style2 p{font-size: 22px;}
.popover_style2 > p > strong{font-size:18px;}
.popover_style2 h4{font-size: 26px;}
.slider_type1 .text_content h1{font-size:30px; line-height:32px;}
.slider_type2 .text_content:before{border-bottom:solid 1200px rgba(127, 197, 70, 0.50); border-left:solid 800px transparent;}
.slider_type2 .text_content{padding-bottom:5%;}
.poetry_line > div .poetry_phonetic{font-size:15px;}
.poetry_line > div .poetry_character{font-size:34px;}
}

@media (max-width: 1300px){
/*.container-fluid .full_screen_on img, .container-fluid .full_screen_off img{max-height: 600px;}
.container-fluid pdf-viewer, .container-fluid #loader, .container-fluid iframe, .container-fluid object, .container-fluid .panel-body.inner_slider iframe{height:600px;}*/
.container-fluid iframe{width:100%;}
.container-fluid #loader,.container-fluid pdf-viewer{min-height:600px;}
.iframe_holder .html_container{max-height:1260px; overflow-y:auto;}
.iframe_holder .pdf_container+.audio_div {bottom: -145px;}
.clients-grid.grid-6 li {height: 150px; }
.second_theme.full_screen .sidebar_responsive.sidebar_active button.more_btn{left:30%;}
.left-inner.company_info .info.hex > div{padding:10px 20px}
.input-group.top-search {right: 15px;}
.input-group.top-search.enable{right:15px;}
.banner_text{padding-top:6%;}
.home_live_course h2{font-size: 16px; height:40px;}
.right_notes{width:20%;}
.sgpower_login .container{width:80% !important;}
.container {width: 1200px;}
.gsx_bg .container{width:1200px;}
.multi_character .stroke_text h2{margin:18% 0;}
.stroke_writing .headline{margin: 30px 0 40px;}
.stroke_writing .headline h3{font-size: 55px;}
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:55px; line-height:65px;}
.stroke_writing_all .stroke_text h2.seprate a span{padding-top: 11%;}
.stroke_writing .stroke_text h2.seprate{font-size:65px; line-height:65px;}
.stroke_writing .stroke_text.same_idiom  > div h2{padding-top:19%;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 29px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 41px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 40px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 56px;}
.popover_style2 > p > strong{width:30%; font-size:16px;}
.popover_style2 > p > span{width:70%;}
.popover_style2 p{font-size:20px}
.stroke_writing_all .navbar-inner .btn-droppable .btn{height: 40px; line-height: 30px; width: 40px; font-size: 24px;}
.stroke_writing_all .headline h3{font-size:30px;}
.poetry_line > div .poetry_phonetic{font-size:14px;}
.poetry_line > div .poetry_character{font-size:32px;}
.poetry_explanation{font-size:16px;}
.height_poetry{height:68%}
}

@media (max-width: 1200px){
h2.heading-md{font-size:16px;}
.clients-grid.grid-6 li {height: 130px; }
.second_theme .home_teacher_section .tag-box .alter, .second_theme .home_teacher_section.inside .tag-box .alter{height:270px;}
.fullwidth_category.container{right:15px; width:auto !important;}
.cf_info .cf_text{font-size:22px; line-height:26px;}
.cf_info .cf_text.alter{font-size:18px; line-height:22px;}
.search_container .srch{width:38%;}
.container{width: 1100px;}
.t_new .container{width: 100%;}
.gsx_bg .container{width:1100px;}
.award_user2{width:500px;}
.award_user2 > img{left: 70px; top: 30px; width: 98px; height: 98px;}
.profile_progress{width: 200px; right: 117px; top: 59px;}
.profile_progress div{height:15px; line-height:15px;}
.profile_progress div + div{height: 10px; line-height: 10px; margin-top: 7px;}
.profile_progress div + div + div{height: 11px; line-height: 11px; margin-top: 6px;}
.award_score_title{text-align:right; font-size:14px;}
.award_score{width:135px; height:135px;}
.award_score div.score{width:85px; height:85px; top:-140px; right:3px;}
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:45px; line-height:45px;}
.stroke_writing_all .stroke_text h2.seprate a span{padding-top: 15%;}
.stroke_writing .stroke_text h2.seprate{font-size:55px;}
.stroke_writing .stroke_text.same_idiom  > div h2{padding-top:17%;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 26px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 37px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 34px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 50px;}
.arg_bg .slider_full_middle .container{width:100%;}
.reading_text h2:before, .reading_img:before{right:-4%;}
.popover_style2 p{font-size: 22px;}
.popover_style2 > p > strong{font-size:14px;}
.popover_style2 h4{font-size: 26px;}
.slider_type1 .text_content h1{font-size:26px; line-height:28px;}
.slider_type1 .text_content p{font-size:18px;}
.slider_type2 .text_content:before{border-bottom:solid 1000px rgba(127, 197, 70, 0.50); border-left:solid 700px transparent;}
}

@media (max-width: 1150px){
.slick-prev{left: -15px;}
.slick-next{right: -15px;}
.poetry_line > div .poetry_phonetic{font-size:13px;}
.height_poetry{height:65%}
}


@media (max-width: 1100px){
h2.heading-md{font-size:16px;}
.well-sm{padding:0;}
.header .navbar-nav > li > a{padding:5px 15px 9px 15px;}
.header .navbar-nav > li.dropdown > a{padding:5px 10px 9px 7px;}
.header .dropdown > a:after{top: 5px; right: 7px;}
.hide_1200{display:none;}
.clients-grid.grid-6 li {height: 120px; }
.left-inner.company_info .info.hex > div{padding:10px 15px}
.banner_text{padding-top:4%;}
.home_live_course h2{font-size: 14px;}
.t_new .container{width:100%;}
.container{width:1000px;}
.gsx_bg .container{width:1000px;}
.search_container .srch{width:36%;}
.multi_character .stroke_text h2{margin:17% 0; font-size: 40px;}
.stroke_writing .headline h3 {font-size: 45px;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 23px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 33px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 29px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 45px;}
.reading_text h2:before, .reading_img:before{right:-1%;}
.stroke_writing_all .navbar-inner .btn-droppable .btn{height: 35px; line-height: 25px; width: 35px; font-size: 20px;}
.stroke_writing_all .headline h3{font-size:22px;}
.poetry_line > div .poetry_phonetic{font-size:12px;}
.poetry_explanation{font-size:14px;}
.height_poetry{height:63%}
}


@media (max-width: 1000px){
.full_screen_off .panel{min-height:200px;}
/*.full_screen_on img, .full_screen_off img{max-height: 450px;}*/
.audio_div{width:100%;}
.teacher_container .col-md-6:nth-child(odd), .teacher_container .col-md-6:nth-child(even){padding:0;}

.sky-form .comment_top .icon-append,
.sky-form .comment_top .icon-prepend {
  top: 102px;
}
.sidebar_responsive{position:relative; top:-15px; margin-top:-30px; z-index:0;}

  .tag-box.tag-box-v6 .form-inline{margin-bottom:10px;}
  .clients-page{text-align:left;}
.thumbnails.thumbnail-style.thumbnail-kenburn .thumbnail-img > img{height:200px !important;}
.sidebar_responsive + .calendar{display:none;}
.clients-grid.grid-6 li {height: 110px; }
.second_theme .home_teacher_section .tag-box .alter, .second_theme .home_teacher_section.inside .tag-box .alter{height:200px;}
.second_theme.full_screen .sidebar_responsive.sidebar_active button.more_btn{left:31%;}
.left-inner.company_info .info.hex > div{padding:5px 10px}
.banner_text{padding-top:2%;}
.sgpower_login .btn{font-size:12px;}
.mbl-margin-bottom-40{margin-bottom:60px}
.mbl-margin-bottom-35{margin-bottom:35px}
accordion{margin-top:0 !important;}
.hide1000{display:none;}
.clients_list li {width: 20%px}
.banner_text h2{font-size:32px; line-height:32px;}
.answer_float{width: 60%; margin: 0 20%;}
.container{width:100%;}
.gsx_bg .container{width:100%;}
.search_container .srch{width:38%;}
.multi_character .stroke_text h2{margin:25% 0;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 30px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 41px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 40px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 56px;}
.slider_type2 .text_content:before{border-bottom:solid 800px rgba(127, 197, 70, 0.50); border-left:solid 600px transparent;}
.poetry_line > div .poetry_phonetic{font-size:15px;}
.height_poetry{height:60%}
.text_videoslide{font-size:14px;}
}

@media (max-width: 900px){
.stroke_writing_all .column_4 .stroke_text h2{font-size: 26px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 36px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 33px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 49px;}
.poetry_line > div .poetry_phonetic{font-size:13.4px;}
}

@media (max-width: 800px){
.search_container .srch{width:30%;}
.stroke_writing_all .stroke_text h2.seprate, .stroke_writing .stroke_text h2.seprate{font-size:25px; line-height:25px;}
.stroke_writing_all .stroke_text h2.seprate a span{padding-top: 25%;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 24px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 34px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 30px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 46px;}
.slider_type2 .text_content:before{border-bottom:solid 600px rgba(127, 197, 70, 0.50); border-left:solid 400px transparent;}
.poetry_line > div .poetry_phonetic{font-size:12px;}
.poetry_explanation{font-size:12px;}
}


@media (max-width: 768px) {
.modal-dialog{margin:80px auto 30px;}
.average-rating-container{width:60px;}
.rating li{font-size:10px;}
.average span{line-height:32px; padding:0;}
.navbar-nav > li.dropdown:hover > .dropdown-menu{background:transparent; border-top:solid 1px #fff;}
.nav > li > a:hover, .nav > li > a:focus{background:transparent !important;}
.side-nav .list:hover, .sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a{background:#fafafa !important; color:#333; border-bottom:none}
.sidebar-nav-v1 li ul a{color:#555; border-top:none; padding:11px 15px 11px 17px;}
.itm_cntr{color:#337AB7;}
.side_header{top:55px;}
.splash_page .btn_cntnr{bottom:70px;}
.splash_page .btn_cntnr.more_lines{bottom:30px;}
.splash_img{margin-top:8%; width:160px;}
.mrgn_mbl_aln.margin-top-100{margin-top:20px;}
.mrgn_mbl_aln.margin-top-50{margin-top:20px;}
.padding_inside_reduce .col-xs-6{padding-left:5px; padding-right:5px; }
.thumbnail-style{margin-bottom:10px;}
.mbl_cntnr .thumbnail-style{margin-bottom:0px;}
.thumbnail-style a.btn-more{font-size:12px;}
  .list-inline > li{font-size:11px; vertical-align:top;}
  .forum .tag-box-v6 .pagination li a{line-height:12px !important;}
  .with-others > span{line-height:20px;}
  .pagination > li > a, .pagination > li > span{padding:4px 8px;}
  .clst h3{line-height:14px;}
  .clst h3 a {
    font-size: 14px !important;
    line-height: 14px !important;
}
.thumbnail-kenburn .caption{line-height:15px !important;}
.list_rating{height:20px;}
.navbar-collapse.collapse{display:block; visibility:visible !important;}
.caption .line-ellipsis {
  white-space: inherit;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background:#5AA715;}
.service-block{padding:20px 10px;}
.panel .row_adjst{padding-top:10px;}
.msg_info h4{font-size: 20px;}
.msg_info p{font-size:12px; font-weight:normal;}
.forum .block-grid-v2-info{margin-bottom:10px;}
.block-grid-v2-info{padding:5px;}
.tag-box.tag-box-v6{margin-bottom:10px;}
.tag-box.tag-box-v6.text-right > .form-inline.pull-left, .tag-box.tag-box-v6.text-right > .form-inline.pull-left .input-group{width:100%;}
dir-pagination-controls > span{line-height: 20px !important; height:20px; display:inline-block;}
.landscape_50{width:50%; float:left;}
.landscape_50 input{min-width: auto !important;}
.blog_pagi{margin:10px 0;}
.forum .blog_pagi .pagination li a{line-height:14px !important;}
.forum_box i.icon-custom{font-size:20px; width:40px; height:40px; line-height:40px;}
.forum_box font{font-size:11px;}
.forum_box{margin-bottom:10px;}
.blog-comments .comments-itself{padding:15px;}
.row-mbl-non{margin:0 !important;}
.blog-comments .comments-itself .col-xs-2 img{width:100%;}
.sidebar-nav-v1 > li.active a, .sidebar-nav-v1 > li.active a span, .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text{color: #1c860d !important;}
pdf-viewer, .pdf-viewer{height:300px !important;}
#loader{height:300px !important;}
.hgt_100, .hgt_100 > body.splash_bg, .hgt_100 > body.splash_bg > div.action_ui, .hgt_100 > body.splash_bg > div > div, .hgt_100 > body.splash_bg > div > div > div.mbl_cntnr, .hgt_100 > body.splash_bg > div > div > div.mbl_cntnr > div, .hgt_100 > body.splash_bg > div > div > div.mbl_cntnr > div > div, .hgt_100 > body.splash_bg > div > div > div.mbl_cntnr > div > div > div.splash_bg{height:100%;}
.splash_bg{background:#3498db}
.splash_bg .mbl_cntnr{margin-top:0 !important;}
.side-nav .list.active+ul li a{background: #5fb611 !important; color: #fff; border:none}
 .img_res_adj{width:95%; height:auto;}
 .mrgn_mbl_aln .form-control, .overlap_bg .form-control{height:40px;}
 .form-group.font-size-12{margin-bottom:40px;}
 .form-group.font-size-12 + .btn-u, .overlap_bg .btn-u{line-height:25px}
.inner_slider .badge-info{padding:3px 6px !important; right:10px; bottom:10px; }
.reg-page{padding:30px 15px;}
.mbl_srch .form-inline .input-group input.form-control{height:35px;}
.mbl_srch .form-inline .input-group .fa-search {top: 1px; right:0; padding:10px; padding-top:9px; background:#E6E7E9;}
.msg_info h4:hover{text-shadow:0 0 0}
.side_header .list-group .list-group-item{border-right:none;border-left:none;}
.clients-page h3{font-size:14px; margin-bottom:5px;}
.team-v1 li.col-lg-2 .team-img{height:350px;}
 .header .logo{margin-top:20px !important;}
.mbl_hdr_cntnr .header .logo{margin-top:0px !important;}
.clients_list li {width: 25%px}
.disable_scrubbar:before{font-size:12px; line-height:14px;}.fullwidth_dropdown li .secondlevel .tab-content li{width:33%;}
.mbl_hide{display:none;}
.desktop_hide{display:block;}
.modal-footer .btn{padding:5px 10px; font-size:12px;}
.banner_text h2{font-size:26px; line-height:26px;}
.login_logo, .login_image{display:none;}
.login_bg_blue .modal-header{display:block; background:transparent; color:#fff;}
.login_bg_blue .modal-header h4{color:#fff;}
.sg_form{background:rgba(255, 255, 255, 0.78); padding:20px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35); border-radius: 10px !important;}
  .xs-width-40{width:40%}
  .xs-left{float:left;}
  .clients-page{text-align:center;}
  .clients-page.mbl_text_lft{text-align:left; padding: 10px 0; margin: 0;} 
  .blog-comments .col-sm-10{width:100%;}
  .news-v3.margin-top-60{margin-top:0;}
.easy-block-v1 img{height:auto !important;}
.thumbnails.thumbnail-style.thumbnail-kenburn .thumbnail-img img{height:auto !important; width: 100%;}
.form-horizontal .form-group{margin:0;}
.nav-tabs.nav-justified > li > a{border:solid 1px #ddd;}
.clients-page li{margin:0 0 3px 0; padding-left: 0;}
.blog_container .panel > div:first-child .clients-page{border:none;}
.news-v3 h2 a{font-size:16px; line-height:16px;}
.news-v3 h2{line-height:18px;}
div.item-image{width:30%;}
div.item-content{margin-top:5px;}
.table_rating{font-size:12px}
.search_container .srch{width:28%;}
.multi_character .stroke_text h2{margin:14% 0;}
.stroke_writing_all .column_4 .stroke_text h2{font-size: 17px;}
.stroke_writing_all .column_3 .stroke_text h2{font-size: 24px;}
.stroke_writing_all .column_4 .stroke_text h2.count_3{font-size: 17px;}
.stroke_writing_all .column_3 .stroke_text h2.count_3{font-size: 33px;}
.slider_type1 .text_content h1{font-size:20px; line-height:22px;}
.poetry_line > div .poetry_phonetic{font-size:11px;}
.multi_banner a > h3{font-size:0.6em; padding:0.5em; max-width:95%; font-weight: 600;}
.thumbnail-img .overflow-hidden > a:after, .media_container:after{font-weight: normal; font-size: 0.5em;}
}


@media (max-width: 600px) {
  .mblform_tbl td > a,.p_txt{width:450px;}
.msg_info{width:100%;}
.msg_info + .msg_info{width: 100%; margin:0;}
.clients_list li {width: 33%px}

.dynamic_width > div img{width:100%;}
.fullwidth_dropdown li .secondlevel .tab-content li{width:50%;}
.sg_form{background:transparent; padding:20px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.modal-dialog{margin:55px auto 10px;}
.modal-body.form-horizontal .img-thumbnail{max-height:150px; margin:10px 0;}

.clients-page.mbl_text_lft{text-align:left;} 
.xs-width-40{width:100%; float:left;}
.clients-page{text-align:center;}
.sidebar_responsive{top: -15px;}
.container{padding-left:0; padding-right:0; width:100%}
.panel-body{padding:5px;}
.mbl_vdo .panel-body{padding:0px;}
.nav-tabs > li > a{border:1px solid #ddd}
.nav-tabs > li{width:100%;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-bottom:1px solid #ddd;}
.col-xs-12.no-padding{padding-left:15px; padding-right:15px;}
.no-padding-xs{padding:0;}
.sidebar_responsive{width:100%; float:left; top:5px;}
.nav-tabs{margin-bottom:30px;}
.fullwidth_dropdown .nav-tabs{margin-bottom:0;}
.table_rating{font-size:11px}
.mbl_nav.nav-tabs > li{width:33.3%; font-size:12px;}
.mbl_nav.nav-tabs > li a{padding:10px;}
.mbl_nav.nav-tabs{margin:0}
.search_container .srch{width:26%;}
.mbl_cntnr audio{width:100%}
}

@media (max-width: 500px) { 
  .error-v1 p {
    font-size: 12px;
  } 

  .error-v1 span {
    font-size: 25px;
  }

  .error-v1 span.error-v1-title {
    font-size: 140px;
  }
  .mblform_tbl td > a,.p_txt{width:350px;}
}

@media (max-width: 450px) {
div.item-content{margin-top:25px;}
  .icon_title{}
.splash_page h1{top:43%;}
.font-size-12+.btn-u, .mbl_full_width{width:100%;}
.teacher_block .col-xs-3{width:120px}
.teacher_block .col-xs-9{width:65%; float:right;}
.splash_img { margin-top: 30%;}
.splash_page .btn_cntnr{bottom:150px;}
.splash_page .btn_cntnr.more_lines{bottom:50px;}
.mrgn_mbl_aln.margin-top-100{margin-top:100px;}
.mrgn_mbl_aln.margin-top-50{margin-top:50px;}
.landscape_50{width:100%; float:none;}
.landscape_50 input{min-width: 100% !important;}
.form-inline.pull-left.col-xs-12 .input-group{width:100%; margin-bottom:10px;}
  .mblform_tbl td > a,.p_txt{width:300px;}
.team-v1 li.col-lg-2 .team-img{height:200px;}
} 


@media (max-width: 360px) {
.teacher_block .col-xs-9{width:53%;}
h2.heading-md.font-adjust{font-size:14px;}
  .mblform_tbl td > a,.p_txt{width:260px;}.fixed_header.header .topbar ul.loginbar > li > i.fa, .fixed_header.header .topbar ul.loginbar > li > a > i.fa{margin-left:5px;}
  .mrgn_mbl_aln .form-control, .overlap_bg .form-control{height:30px;}
.middle_tab li a{font-size:11px;}
.middle_tab.crse_tab li{width: 24%;}
.middle_tab.crse_tab li + li + li {width: 42%;}
} 






/*For Mobile Devices*/

/* iphone 6+ Starts */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
 .author_name {font-size: 13px;}
 .mblform_tbl td > a {font-size: 15px;}
 .p_txt {font-size: 14px;line-height: 20px;}
 .news-v3 h2 a {font-size: 18px; line-height: 18px;}
 .list-inline > li {font-size: 12px;}
 .news-v3.mbl .news-v3-in .tag-box.tag-box-v2{font-size:16px;}
 h5, .h5 {font-size: 16px;}
 .blog-comments .comments-itself a{font-size:16px;}
 .mbl_title div{font-size:16px;}
 .table.th-style > thead:first-child > tr:first-child > td.tag-box-v1 > div{font-size:16px;}
 .rpls{font-size:13px;}
 .forum_box font{font-size:12px;}
 .clst h3 a {font-size: 15px !important; line-height: 15px !important; }
 .mbl_cntnr .thumbnail-kenburn .caption p {line-height: 17px; font-size: 13px;}
 .thumbnail-kenburn .caption {height:55px !important;}
 .mbl_cntnr .thumbnail-kenburn {height:70px !important;}
 .thumbnail-kenburn.news_height .caption {height:65px !important;}
 .mbl_cntnr .thumbnail-kenburn.news_height {height:75px !important;}
 .mbl_cntnr .thumbnail-kenburn .caption.hgt_22 {height:26px !important;}
 .fixed_header.header .topbar ul.loginbar > li > i.fa, .fixed_header.header .topbar ul.loginbar > li > a > i.fa{font-size:26px}
.mblform_tbl td > a{font-size:16px;}
 }
/* iphone 6+ Ends */


 /* iPad Portrait starts */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
.header .navbar-toggle{position: absolute; left: 15px; top: 9px; z-index: 15;     margin: 0;}
.header .logo{margin:0 0 0 50px !important; height: 50px; line-height: 50px;}
.header .navbar-collapse.collapse {background:#72c02c;}
.header .navbar-nav > li.dropdown > a{color:#fff;}
.header .navbar-nav > li > a{color:#fff;}

.forum .block-grid-v2-info{margin-bottom:30px;}
.forum .block-grid-v2-info h5{text-align:left}
.tag-box.tag-box-v6.text-right > .form-inline.pull-left.srch_wdth{width:40%; margin:0}
.forum .tag-box-v6 .pagination li a {line-height: 24px !important;}
dir-pagination-controls > span {line-height: 34px !important; height: 34px;}
.forum .tag-box{padding:10px;}
.thumbnail-style a.btn-more {font-size: 13px;}
.thumbnail-kenburn .caption{height:94px !important;}
.tag-box.tag-box-v6.text-right > .form-inline.pull-left.ipad_count_aln{width:40%; text-align:left;}
.input-group.top-search{position:absolute; right: 65px; top: -48px; z-index:0;}
.tag-box.tag-box-v6 .form-inline {margin-bottom: 0px;}
.pagination > li > a, .pagination > li > span{padding:6px 12px;}
.clients-page {text-align: left;}
.average-rating-container .background, .average-rating-container .foreground{top:0;}
.list_reviews{margin-top:0}
.average span {line-height: 22px;}
.sidebar_responsive > li.sidebar_responsive_active > ul {margin-left: 0px; width:50%}
.sidebar_responsive > li > ul, .sidebar_responsive > li > div.headline {margin-left: -1500px; margin-top:0;}
.sidebar_responsive{height:0; position: fixed; left: 0; top: 90px; width: 98%;}
.sidebar_active{z-index:100000; height:1000px;}
.xs-width-40 {width: 100%;}
.forum .blog_pagi .pagination li a {line-height: 24px !important; padding: 6px 14px;}
.forum + .row > .col-md-6 > .tag-box.tag-box-v2.box-shadow.shadow-effect-1{min-height:180px !important;}
.nav > li > a{padding:10px;}
.col-xs-12.margin_bottom50{margin: 40px 0 50px 0;}
.container-fluid ul.nav.nav-tabs{margin-right:20px}
.header_arrow.active{top:-108px}
}

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.header .logo{margin:0 0 0 50px !important; height: 50px; line-height: 50px;}
  
}
 /* iPad Portrait Ends */
 /* iPad Landscape Ends */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{.hide1000{display:none;}}

 /* iPad Landscape Ends */


@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px) and (min-device-width: 414px) and (orientation : landscape) {
.mbl_cntnr .thumbnail-kenburn {height: 100px !important;}
}



 @media screen and ( min-width: 990px ) and ( max-width: 1200px ){
    .img_res_adj{width:95%; height:auto;}
}



.audio_mic{position:relative; width:35px; margin:0 auto;}
.audio_mic .surv{top:-11px; right:0}
.audio_mic .fa-microphone{font-size:30px; color:red}






 /* media height */




 @media screen and ( max-height: 1100px ){
    .modal-body {max-height:1000px;}
}

 @media screen and ( max-height: 1000px ){
    .modal-body {max-height:900px;}
}

 @media screen and ( max-height: 900px ){
    .modal-body {max-height:800px;}
}

 @media screen and ( max-height: 800px ){
    .modal-body {max-height:700px;}
    .container-fluid .pdf-viewer{min-height:550px;}
    .panel-body.inner_slider .pdf-viewer iframe{height:100%;}
}

 @media screen and ( max-height: 700px ){
    .modal-body {max-height:600px;}
}
 @media screen and ( max-height: 600px ){
    .modal-body {max-height:500px;}
    .container-fluid .pdf-viewer{min-height:100%;}
}
















/* Print Css */

.show_print{display:none;}
.hide_print{display:block;}


@media print {
body {background:white; font-size:10pt; margin:0 }
.header, .ng-isolate-scope.container, .nav.nav-tabs, .footer, .sidebar_responsive{display: none;}
#topcontrol{display:none;}


.show_print{display:block}
.hide_print{display:none}

 @page {
  size: auto;
  margin: 2cm;
       }
}