unserver-unify/src/app/less/custom.less

/*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