header .profilebox img {
    width: 43px;
    height: 43px;
}
header .profilebox .img ul {
    top: 72px;
}
.hidden {
    display: none !important;
}
form label.required:after {
    content: " *";
    color: #b40101;
}
.form-throbber {
    display: none;
}
.form-errors, .form-errors p {
    color: firebrick !important;
}
.form-errors p {
    padding: 5px 0 20px 0 !important;
}
.form-errors ul {
    list-style: none;
    color: firebrick;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
}
.form-errors.no-padd-left ul {
    margin-bottom: 10px;
    padding-left: 0;
}
.form-success p {
    color: #2ab12a !important;
}
.rating-well {
    display: inline-block;
    direction: rtl;
}
.rating input.rating {
    display: none;
}
.rating i.star:before {
    padding-right:4px;
    color:#a7a7a7;
}
.rating > i.star,
.rating > i.star-empty,
.rating > i.star-full,
.rating > i.star:before,
.rating i.star:hover:before,
.rating i.star:hover~i.star:before,
.rating i.star-empty:before,
.rating i.star-full:before {
    color: #dfb40b;
}
.btn {
    border-radius: 10px;
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
    height: 48px;
    text-transform: uppercase;
    padding: 6px 20px;
    color: #fff;
}
.btn.btn-sm {
    font-size: 9px;
    border-radius: 4px;
    padding: 4px 10px;
}
.btn.btn-primary {
    background-color: #01a3b2;
    border: 0 none;
    color: #fff;
}
.btn.btn-danger {
    background-color: #b20710;
    border: 0 none;
    color: #fff;
}
.btn.btn-default {
    background-color: rgba(218, 230, 236, 0.3);
    border: 1px solid #e2e2e2;
    color: #777;
}
.btn.btn-info {
    background-color: #35b8e0 !important;
    border: 1px solid #35b8e0 !important;
}
.btn.btn-success {
    border: 1px #4caf50 solid;
    background: #fff;
    color: #4caf50;
    font-size: 16px;
    border-radius: 5px;
}
.btn.btn-success:hover {
    background: #4caf50;
    color: #ffffff;
}
button[type="submit"], button.btn-cyan {
    background-color: #01a3b2;
    border: 0 none;
    color: #fff;
}
button[type="submit"].btn-secondary {
    margin-left: 10px;
}
.video-sec .right-sec .review-area form button[type="submit"] {
    background: #009889 none repeat scroll 0 0;
    border: medium none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 16.61px;
    padding: 7px 25px;
    text-transform: uppercase;
}

.field-label label, .field-label .info-tooltip {
    float: left;
}

.field-label ~ * {
    clear: left;
}

.info-tooltip, .field-label .info-tooltip {
    background: #333;
    color: #fff;
    cursor: pointer;
    font-style: italic;
    font-size: 12px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    margin-left: 8px;
}

#calendar {
    margin-bottom: 40px;
}
#calendar .fc-event .fc-title {
    font-weight: 500;
    font-size: 11px;
    padding: 0;
}
#calendar .fc-event {
    background-color: #808080;
    border: solid 1px #808080;
}
#calendar .fc-event.kwu-event-6 {
    background-color: #6f13b9;
    border: solid 1px #6f13b9;
}
#calendar .fc-event.kwu-event-5 {
    background-color: #3174aa;
    border: solid 1px #3174aa;
}
#calendar .fc-event.kwu-event-4 {
    background-color: #47af7c;
    border: solid 1px #47af7c;
}
#calendar .fc-event.kwu-event-3 {
    background-color: #b21f27;
    border: solid 1px #b21f27;
}
#calendar .fc-event.kwu-event-2 {
    background-color: #2daeed;
    border: solid 1px #2daeed;
}
#calendar .fc-event.kwu-event-1 {
    background-color: #e5ad2a;
    border: solid 1px #e5ad2a;
}
#calendar .fc-more-popover .fc-event-container {
    max-height: 150px;
    overflow-y: scroll;
}
.fc-ltr .fc-popover .fc-header .fc-title {
    color: #898b8c;
}

#login-page {
    color: #333;
}
#login-page h2 {
    color: #333;
}
#login-page label {
    font-weight:bold;
}
#login-page input {
    float: none;
}
#topics.overlay-item li span {
    color: #333;
}

/*** Form page styles start ***/
#formpage {
    background: #fff none repeat scroll 0 0;
    padding: 80px 0 60px;
    width: 100%;
    color: #898a8c;
}
#formpage h2 {
    /*background: rgba(0, 0, 0, 0) url("../themes/kwc/images/pro-icon.png") no-repeat scroll 10px 60%;*/
    border-bottom: 1px solid #dbdcdc;
    color: #898a8c;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 42px;
    padding: 4px 0 12px 55px;
}
#formpage form {
    margin: 0 auto;
    max-width: 1388px;
}
#formpage .page {
    margin: 0 auto;
    min-height: 295px;
    max-width: 1388px;
}
#formpage p {
    color: #898a8c;
}
#formpage form .form-group {
    margin: 0;
    overflow: hidden;
    padding: 0 0 35px;
    color: #898a8c;
}
#formpage form label {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding-bottom: 6px;
}
#formpage form input[type="text"], #formpage form input[type="email"], #formpage form input[type="url"], #formpage form input[type="number"] {
    background: #f6f6f7 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1) inset;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 52px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 19px;
    width: 100%;
}
#formpage form select {
    -moz-appearance: none;
    background: #f6f6f7 url("../themes/kwc/images/select-arrow.png") no-repeat scroll right center;
    border: 1px solid #e2e2e2;
    border-radius: 0 !important;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 46px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 19px;
    width: 100%;
}
#formpage form select option {
    padding-top: 5px;
    padding-bottom: 5px;
}
#formpage form textarea {
    background: #f6f6f7 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1) inset;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 162px;
    letter-spacing: 1px;
    margin: 0;
    padding: 15px 19px;
    resize: none;
    width: 100%;
}
#formpage form .file-uploader {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
}
#formpage form input[type="file"] {
     background: #959697 none repeat scroll 0 0;
     border-radius: 10px;
     color: #fff;
     height: 40px;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
}
#formpage form span.files {
    background: #959697 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    width: 200px;
}
#formpage span.note {
    color: #77c6b8;
    float: right;
    font-family: "Roboto",sans-serif;
    font-style: italic;
    font-weight: 400;
    padding-top: 5px;
}
#formpage.calendar h2 {
    /*background: rgba(0, 0, 0, 0) url("../themes/kwc/images/calender.png") no-repeat scroll 10px 60%;*/
}
#formpage.compose h2 {
    /*background: rgba(0, 0, 0, 0) url("../themes/kwc/images/review-icon.png") no-repeat scroll 10px 60%;*/
}
#formpage.reporting {
    padding:0;
}
#formpage.reporting .wrapper {
    padding: 25px 20px;
    width: auto;
}
#formpage.reporting table#report th, #formpage.reporting table#report td {
    font-size: 16px;
    padding: 0 5px;
}
#formpage .checkbox-inline, #formpage .radio-inline {
    padding-top:6px;
}
#formpage .checkbox-inline input, #formpage .radio-inline input {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
#formpage .radio-inline label.required::after,
#formpage .radio label.required::after,
#formpage .checkbox label.required::after,
#formpage .checkbox-inline label.required::after {
    content:"";
}
#formpage .select2-container {
    margin: 0;
}
#formpage .select2-container .select2-choice, .select2-container .select2-choices {
    padding: 0 19px;
    height: 46px;
    line-height: 46px;
    border: #e2e2e2 solid 1px;
    color: #898a8c;
    font-family: 'Roboto', sans-serif;
}
#formpage .select2-container .select2-choice, #formpage .select2-container:not([id$="_keywords"]) .select2-choices {
    background: #f6f6f7 url('../themes/kwc/images/select-arrow.png') top right no-repeat;
    padding-right: 50px;
}
#formpage .select2-container .select2-choices .select2-search-field .select2-input {
    height: 46px;
    border: medium none;
    box-shadow: none;
    padding: 0;
}
#formpage .select2-container .select2-choices .select2-search-choice-close, .select2-container .select2-choice .select2-search-choice-close {
    background: none !important;
    font-size: 22px;
    font-weight:bold;
    top: 0;
    color: #008cba;
}
#formpage .select2-container .select2-choices .select2-search-choice-close:before, .select2-container .select2-choice .select2-search-choice-close:before {
    content: "×";
}
#formpage .select2-container .select2-choice .select2-search-choice-close {
    right: 70px;
}
#formpage .select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: none !important;
}
#formpage .select2-container-multi .select2-choices .select2-search-choice {
    color: inherit;
    margin-right: 5px;
}
.select2-drop-active .select2-search input {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 8px 20px 8px 12px;
}
.select2-drop-active .select2-results li {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 5px 10px;
}
.select2-drop-active .select2-results li.default:not(.select2-highlighted) {
    background-color:#ddd;
}
.select2-hide-dropdown {
    display: none !important;
}
ul.select2-results > li img {
    width: 30px;
    margin-right: 2px;
}
#formpage form input.datepicker, #formpage form input.daterangepicker, #formpage form input.daterangepicker-event {
    background: #f6f6f7 url("../themes/kwc/images/calender.png") no-repeat scroll 99% center;
}
.daterangepicker {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    margin: 2px 0 0;
    min-width: 160px;
    z-index: 1000;
}
.daterangepicker thead {
    color:#666;
}
.daterangepicker td.available {
    color: #333;
}
.daterangepicker .daterangepicker_input i {
    color: #555;
}
.daterangepicker .daterangepicker_input .calendar-time {
    padding-left:0;
}
.daterangepicker .daterangepicker_input .calendar-time i {
    top:auto;
    bottom:8px;
}
.daterangepicker .daterangepicker_input .calendar-time select {
    font-size: 12px;
    font-weight: 300;
    height: 30px;
    width: 56px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.daterangepicker .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 400;
    text-transform: uppercase;
}
.daterangepicker .btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.daterangepicker .btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

#formpage .field-group {
    border-radius: 15px;
    border: 4px #c3c3c3 solid;
    padding: 20px 20px 0px;
    margin-bottom: 15px;
}

#formpage #form-overlay {
    background: rgba(199, 199, 199, 0.1);
    border-radius: 10px;
    display: none;
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 10px;
}
#formpage.calendar #kwu_calendarevent_product_description {
    height: 51px;
    resize: vertical;
}

#formpage.calendar select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

#formpage.calendar #kwu_calendarevent_recurringEndDate {
    background: #f6f6f7 url(../themes/kwc/images/calender.png) no-repeat scroll 99% center;
}

#formpage.calendar .recurringEvent .col-2 {
    padding-top: 40px;
}

#formpage.calendar .recurringDay select {
    display: inline-block;
    width: 190px;
    float: none;
}

#formpage.calendar .recurringDay select:first-child {
    width: 140px;
}

#formpage.calendar .recurringDay input#kwu_calendarevent_recurringMonthlyOption_1 {
    margin-top: 18px;
}

@media (max-width: 1024px) {
    #formpage.calendar .recurringEvent .col-2 {
        padding-top: 0;
        padding-bottom: 25px;
    }
}

/*** Form page styles end ***/

#registerList, #attendeeList {
    border:1px dotted #e2e2e2;
    list-style: none;
    margin:0 0 20px;
    padding:10px;
    min-height:200px;
    max-height:400px;
    overflow-x:hidden;
    overflow-y:auto;
}
#registerList li, #attendeeList li {
    border:1px solid #c2c2c2;
    cursor:move;
    padding:6px 10px;
    margin-bottom: 5px;
}
.ui-draggable-dragging {
    width: 50% !important;
    z-index: 10;
}
.row .column.large-6 {
    float: left;
    width: 50%;
}
.row:after {
    float: none;
    clear:both;
}
@media (max-width:640px) {
    .row .column.large-6 {
        width: 100%;
        float:none;
    }
    .row .column.large-6:first-child {
        margin-bottom: 20px;
    }
}
.form-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    color: #4d4d4d;
}
strong {
    font-weight: 500;
}
#formpage h5 {
    font-size: 18px;
}

.menubar .search form > span .select2-container .select2-choice, .search-area-home form .select2-container .select2-choice, .search-area .order-by .select2-container .select2-choice {
    -moz-appearance: none;  -webkit-appearance: none; background: #fff url("../themes/kwc/images/all-arrow.png") no-repeat scroll 97% center;  border: medium none; color: #595959; font-size: 14px;  height: 42px;  padding: 0; font-weight:600; width: 100%; cursor:pointer; border:0px; border-radius: 0px !important; -webkit-border-radius: 0px !important;
    box-shadow:none;
}
.menubar .search form > span .select2-container .select2-choice > .select2-chosen, .search-area-home form .select2-container .select2-choice > .select2-chosen, .search-area .order-by .select2-container .select2-choice > .select2-chosen {
    margin-right: 0;
    padding: 0.7rem 23px;
}
.search-area-home form .select2-container {
    float:left;
}

@media only screen and (max-width: 650px) {

    .search-area-home form .select2-container {
        margin-bottom:0;
    }
    .search-area-home .search input[type="search"] {
        height: auto;
        margin-top:0;
    }
    .search-area-home form .select2-container .select2-choice {
        text-align: center;

    }
}
.search-area .order-by .select2-container {
    margin-bottom:0;
}
.search-area .order-by .select2-container:after {
    clear:both;
    float:none;
}
.search-area .order-by .select2-container .select2-choice {
    background-image:url("../themes/kwc/images/select-button.png");
    background-position:right center;
    height:44px;
}
.search-area .order-by .select2-container .select2-choice > .select2-chosen {
    padding:0.7rem 48px 0.7rem 0px;
}
.tint-black{
    position:relative;
    cursor: pointer;
    margin:0px;
    padding: 0px;
}
.tint-black:before{
    content:"";
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: rgba(0,0,0, 0.7);
    -moz-transition: background 0s linear;
    -webkit-transition: background 0s linear;
    -o-transition: background 0s linear;
    transition: background 0s linear;

}
#profile-section .right-section .tabs .content section#my-uploads ul li figure a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#profile-section .right-section .tabs .content section#my-follwing .inner-tab #following ul li > div figure img,
#profile-section .right-section .tabs .content section#my-follwing .inner-tab #follower ul li > div figure img {
    border-radius: 0%;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
#formpage.simple-page h2 {
    background: none;
    padding-left: 0;
}
.embeddedContent.oembed-provider-youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embeddedContent.oembed-provider-youtube iframe {
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
}

/* Carousel */
/*.topslider-sec{width:100%; float:left; background:#fff; padding:25px 0px;}*/
ul.carousel-list {margin:0; padding:25px 0; list-style:none;}
ul.carousel-list li:first-child{margin-left:0;}
ul.carousel-list li:last-child{margin-right:0;}
ul.carousel-list li{display:inline-block; margin:0px 10px; position:relative; box-sizing:border-box; height:100px;width: 15.1%;}
ul.carousel-list li figure{margin:0; padding:0; position:relative; height:100px; width:100%;}
ul.carousel-list li figure img{max-width:100%; height:100%;width:100%;}
ul.carousel-list li .slidecontent{position:absolute; padding:0 5px; width:100%; box-sizing:border-box; background:rgba(0,0,0,0.4); bottom:0px; color:#fff; font-size:10px; text-align:center; line-height:12px;}
ul.carousel-list li .slidecontent .slidecontent-inner{display:table; height:36px;width:100%;}
ul.carousel-list li .slidecontent p{color:#fff !important;display:table-cell; vertical-align:middle;}
ul.carousel-list li.active .slidecontent{background:rgba(0,0,0,0.7)}
ul.carousel-list li.active figure a{background:none}
ul.carousel-list li figure a { position: absolute;  left: 0; top: 0px; height: 100%; width: 100%; background-size:50px; opacity:0.5;}
ul.carousel-list li.video figure a {background: url(../themes/kwc/images/play-icon.png) no-repeat center center;}
ul.carousel-list li.audio figure a {background: url(../themes/kwc/images/audio-icon.png) no-repeat center center;}
ul.carousel-list .owl-item > li { width: 92% }

/* Social share links */
.share-links{float:left;width:100%;padding: 15px 0;}
.share-links h5{float:left;font-size:12px;line-height:22px;color:#6b6c6d;text-transform:uppercase;font-weight:400;}
.share-links ul{float:left;padding:0px 15px;list-style: none;}
.share-links ul li{float:left;margin-right:5px;border:none;width:auto;}
.share-links ul li a:hover {background-color:transparent;}

.video-sec .right-sec .profile img {
    max-width: 43px;
    max-height: 43px;
}
.video-sec .right-sec .profile .follow a {
    float: none;
}

.banner-sec picture img {
    width: 100%;
}

/* Tabs */
.tabs .content section {display: none;}
.tabs .content section.content-current {display: block;}

#course-tabs{background:#959697; float:left; width:100%; clear:both;}
#course-tabs nav ul{margin:0; padding:0; list-style:none;}
#course-tabs nav ul li{float:left; border-left:1px solid #dbdcdc;position:relative;  text-align:center; width:19.8%;}
#course-tabs nav ul li img{vertical-align:middle; margin-top:-8px; margin-right:5px;}
#course-tabs nav ul li:last-child{border-right:1px solid #dbdcdc}
#course-tabs nav ul li a{font-size:20px; float:left; color:#fff; width:100%; text-align:center;  text-transform:uppercase;padding:13px 0px; letter-spacing:2px; }
#course-tabs nav ul li:hover a {background:#6b6c6d}

#course-tabs nav {
    width: 96%;
    margin: 0 auto;
}
#course-tabs nav li.tab-current a {
    background-color:#6b6c6d;
}
#course-tabs .career-sec section {
    width: 96%;
    margin: 0 auto;
}
#course-tabs .tabs .fullwidth-sec > h3 {
    color: #b40101;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
}
#course-tabs section#materials ul {
    border: 1px solid #fff;
    margin: 0 2%;
    list-style:none;
    padding:0;
}
#course-tabs section#materials ul li {
    float:none;
    border-bottom:1px dotted #fff;
    width:auto;
    padding: 10px 0;
    text-align:center;
}
#course-tabs section#materials ul li.title {
    background-color:#6b6c6d;
    color:#fff;
    font-size:20px;
    border-bottom:none;
}
#course-tabs section#materials ul li:hover a {
    background:transparent;
}
#course-tabs section#materials ul li a {
    color: #008cba;
    float: none;
    text-transform: none;
    letter-spacing: 0;
    padding: 0;
}
@media only screen and (min-width:1367px) and (max-width:1447px) {
    #course-tabs nav ul li a {
        padding: 17px 0px 17px;
        font-size: 18px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1366px) {
    #course-tabs nav ul li a {
        padding: 17px 0px 17px;
        font-size: 18px;
    }
    #course-tabs nav ul li img{max-width:20px;margin-right:0px;}
    #course-tabs nav ul li{width:19.89%;}
}
@media only screen and (min-width:1025px) and (max-width:1199px) {
    #course-tabs nav ul li a{font-size:12px;}
    #course-tabs nav ul li img{max-height:28px;}
}
@media only screen and (min-width:992px) and (max-width:1024px){
    #course-tabs nav ul li a{font-size:12px;}
    #course-tabs nav ul li img{max-height:13px; margin-right:0px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    #course-tabs nav ul li {
        width: 19.8%;
    }
    #course-tabs nav ul li a {
        font-size: 10px;
    }
    #course-tabs section#materials ul li a {
        font-size:14px;
    }
    #course-tabs nav ul li img {
        max-height: 13px;
        margin-top: -4px;
        margin-right: 0px;
    }
}
@media only screen and (max-width:767px) {
    #course-tabs nav { width:100%; }
    #course-tabs nav ul li {
        width: 100%;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #dbdcdc;
    }

    #course-tabs nav ul li img{max-height:24px;}

    #course-tabs nav ul li a {
        font-size: 16px;
        padding: 20px 0px;
    }

    #course-tabs nav ul li:last-child {
        border-right: none;
    }

    #course-tabs section#materials ul li a {
        font-size:12px;
    }
}
/*-- End Tabs -*/
#course-tabs .career-content > .course-desc {
    color:#6b6c6d;
}
#course-tabs .career-content > .course-desc ul {
    float:none;
}
#eLearning .fullwidth-sec .box-area {
    margin-top: 30px;
}
#eLearning .fullwidth-sec .course-content > h4 {
    color: #6b6c6d;
    font-size: 24px;
    font-weight:500;
    margin-top: 30px;
}
#eLearning .fullwidth-sec .box-area ul li {
    min-height:unset;
    margin-bottom:30px;
}
#eLearning .fullwidth-sec .box-area ul li:last-child {
    float:left;
}
.box-area ul li .wrap .content .text-area {
    font-weight:400;
}
.videoReview-sec .review-list ul li .review-details .found-review > h5 {
    border-right: none;
}
#calendarResults {
    color: #333;
}
#calenders .filters form input[type="search"] {
    -moz-appearance: none;
    border: medium none;
    box-sizing: border-box;
    height: 45px;
    padding: 10px;
    width: 80%;
}
#calenders .filters form input[type="submit"] {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../themes/kwc/images/calender/search-icon.png") no-repeat scroll right center;
    border: medium none;
    cursor: pointer;
    height: 45px;
    width: 48px;
}
@media only screen and (max-width:767px){
    #calenders .event-list ul {
        display: block;
    }
}

.product-scores {
    padding: 10px;
}
.product-scores span {
    color: #01a3b2;
    font-size:16px;
    font-weight: 400;
    margin-right: 10px;
    padding: 0 0 0 26px;
}
.product-scores span.views {
    background: rgba(0, 0, 0, 0) url("../themes/kwc/images/eye.png") no-repeat scroll left center;
}
.product-scores span.likes {
    background: rgba(0, 0, 0, 0) url("../themes/kwc/images/heart-icon1.png") no-repeat scroll left center;
    padding-left: 22px;
}
.product-scores span.reviews {
    background: rgba(0, 0, 0, 0) url("/images/icon-comment.png") no-repeat scroll left center;
    padding-left: 22px;
    color: #b40101;
}
.product-scores a.report-this {
    font-size: 15px;
}
blockquote {
    background: #fff none repeat scroll 0 0;
    border-left: 0.5em solid #ddd;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    margin: 1.5em 3em 3.5em;
    padding: 0.75em 0.5em 0.75em 1em;
}
.blockquote-label {
    margin: 1.5em 3em 0;
}
.videoReview-sec .review-list ul li .review-details .found-review > h5 {
    padding-right:15px;
}
.videoReview-sec .review-list ul li .review-details .found-review > h5::after {
    background:none;
}

#formpage form[name=coursebundle_coursesurvey] .form-group > label {
    font-weight: bold;
}
#formpage form[name=coursebundle_coursesurvey] textarea {
    height: 100px;
}
#formpage form[name=coursebundle_coursesurvey] div.radio input[type=radio] {
    margin-top: 5px;
}
#formpage form[name=coursebundle_coursesurvey] div.radio label,
#formpage form[name=coursebundle_coursesurvey] div.checkbox label {
    display:inline;
}
#formpage form[name=coursebundle_coursesurvey] div.radio,
#formpage form[name=coursebundle_coursesurvey] div.checkbox {
    padding: 6px 10px;
}
#formpage form[name=coursebundle_coursesurvey] div.radio:hover {
    background-color: #f0f0f0;
}
#formpage form[name=coursebundle_coursesurvey] .ratingBlock {
    margin-bottom: 1rem;
}
#formpage form[name=coursebundle_coursesurvey] .ratingBlock div.radio-inline {
    padding: 0 !important;
}
#formpage form[name=coursebundle_coursesurvey] .ratingBlock div.radio-inline input[type=radio] {
    display: none;
}
#formpage form[name=coursebundle_coursesurvey] .ratingBlock div.radio-inline:first-child label {
    border-left: 1px solid #d0d0d0;
}
#formpage form[name=coursebundle_coursesurvey] .ratingBlock div.radio-inline label {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    margin-left: 0;
    padding: 10px 0;
    width: 9.9%;
    text-align: center;
    float:left;
}
#formpage form[name=coursebundle_coursesurvey] .ratingBlock div.radio-inline label:hover,
#formpage form[name=coursebundle_coursesurvey] .ratingBlock div.radio-inline input[type=radio]:checked + label {
    background-color: #f0f0f0;
}
#formpage form[name=coursebundle_coursesurvey] div.checkbox {
    padding: 6px 10px;
}

#product-related-videos-carousel .owl-next,
#product-related-videos-carousel .owl-prev {
    background: #869791 none repeat scroll 0 0 !important;
    padding: 0px;
    text-indent: 0px;
    top: -30px;
}


/* BEGIN PRODUCT DETAIL RELATED VIDEOS */
#product-related-videos-carousel .owl-next {
    right: -50px;
}
#product-related-videos-carousel .owl-prev {
    left: -50px;
}

#product-related-videos-carousel .owl-buttons div {
    width: 30px;
    height: 30px;
    padding: 0px;
}

#product-related-videos-carousel .icon-chevron-left {
    background-position: -432px -72px;
}
#product-related-videos-carousel .icon-chevron-right {
    background-position: -456px -72px;
}
#product-related-videos-carousel .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings-white.png");
}
#product-related-videos-carousel [class^="icon-"], [class*=" icon-"] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 8px;
    vertical-align: text-top;
    width: 14px;
}

.hidden-desktop {
  display: none !important;
}


/* END PRODUCT DETAIL RELATED VIDEOS */

#secondary-menu-home .owl-theme .owl-controls {
    position:relative;
    float: none;
}

.playlist-leftpart {
    border-right: none !important;
}

#profile-section .right-section .tabs .content section#my-uploads ul li.files .innercontent .author .tag {
    background: rgba(0, 0, 0, 0) url("/themes/kwc/images/user-icon.png") no-repeat scroll left center / 23px auto;
    padding: 7px 0 7px 30px;
}

/* COURSE & UPCOMING COURSES IN CALENDAR PAGE */

.course-item .wrap .views span.view {
    background-image: url("/themes/kwc/images/eye.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    color: #1ab9c6;
    font-size: 12px !important;
    line-height: inherit !important;
}
.course-item .wrap .views span.view::before {
    content: none !important;
}

/*upcoming courses - copied from index.html.twig */
.upcoming-courses ul li .box-img .content .text-area{background:rgba(255, 255, 255, 0.3);padding:5px 10px;text-transform:uppercase;position:absolute;bottom:0px;width:100%;}
.upcoming-courses ul{display:table;width:100%;table-layout:fixed;}
.upcoming-courses ul li{display: table-cell;padding-right: 23px;margin-right: 0px;}
.upcoming-courses ul li:last-child{background-color:#b40101;padding-right:0px;vertical-align:middle;width:14%;}
.upcoming-courses ul li:last-child h5 a{display:block;line-height:25px;}
.upcoming-courses ul li .details h5 a .fa{margin:0px 0px 0px 8px;}
.upcoming-courses .box-img .content .text-area ul li{background-color:transparent;}
.upcoming-courses .box-img.view-more{background:transparent;min-height:0px !important;display: block;height: auto;}
.upcoming-courses .box-img.view-more .details.more-course{background:transparent;max-width: 144px;margin: 0 auto;padding:20px 0 0 0 !important;}
.upcoming-courses .box-img .course-date{bottom:31%;}
.upcoming-courses .course-date h4 a{color:white;display: block;margin: 8px 0px 0px 0px;}
.upcoming-courses .box-img .course-date h4{display: inline-block;width: 100px;height: 100px;padding: 0px;}
.upcoming-courses .box-img .course-date h4 span{color:white;margin:-10px 0px 10px 0px;}
.upcoming-courses .box-img.view-more img{padding-top:0px !important;}
.upcoming-courses ul li, .upcoming-courses ul li h4, .upcoming-courses ul li h4 a, .upcoming-courses ul li .tint-black:before{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.upcoming-courses ul li:hover .tint-black:before{background:rgba(0, 0, 0, 0.05);}
.upcoming-courses ul li:hover .course-date h4{background:rgba(255, 255, 255, 0.25) none repeat scroll 0 0;border:8px solid rgba(130, 130, 130, 0.1);}
.upcoming-courses ul li:hover .course-date h4 a{opacity:.3;}
.upcoming-courses ul li:last-child:hover{background-color:#900000;}
.upcoming-courses ul li:hover .details{background-color:#900000;}
.upcoming-courses .tint-black{min-height: 241px;}

@media only screen and (max-width: 1300px){
    .upcoming-courses .box-img .course-date h4{width: 75px;height: 75px;padding: 0px;}
    .upcoming-courses .box-img .course-date h4 a{font-size: 25px;margin:4px 0 0 0;}
    .upcoming-courses .box-img .course-date h4 a span{font-size:28.46px;margin:-20px 0px 10px;}
    .upcoming-courses .box-img .course-date{left:26%;bottom:23%;}
    .upcoming-courses .tint-black{min-height:210px;}
}

@media only screen and (max-width: 1199px){
    /*upcoming courses*/
    .box-area .all-type{max-height:none;}
    .box-area .all-type:nth-child(4n+1){margin-left:.5%;margin-right:.5%}
    .box-area .all-type:nth-child(4n+3){margin-right:.5%}
    .box-area .all-type:nth-child(4n+4){margin-right:0%;}
    .upcoming-courses >  ul > li{background:transparent;}
    .upcoming-courses .box-img.view-more .details.more-course{max-width:130px;}
    .upcoming-courses .box-img .course-date{left: 21%;bottom: 32%;}
    .upcoming-courses .box-img .course-date h4 a span{margin:-5px 0px 10px 0px;}
    .upcoming-courses .box-img .course-date h4 a{margin:11px 0 0 0;}
    /*trending*/
    .trending{padding:20px 0 50px 0;}
    .upcoming-courses .tint-black{min-height:195px;}
}

@media only screen and (max-width: 1024px){
    /*upcoming courses*/
    .box-area .all-type:nth-child(3n+1){margin-left:1%;margin-right:2% !important;}
    .box-area .all-type:nth-child(3n+3){margin-right:0;margin-left:1%;}
    .box-area .all-type:nth-child(3n+2){margin-left:1%;margin-right:1%;}
    .owl-item .item a{padding: 2% 1.2%;}
    .upcoming-courses ul{display:block;float:left;}
    .upcoming-courses ul li{display:inline-block;width:23.5%;padding-right:2%;margin-left:-4px;}
    .upcoming-courses ul li:nth-child(4){padding-right:0px;}
    .upcoming-courses ul li:nth-child(5){display:none;}
    .upcoming-courses ul li:nth-child(6){display:none;}
    .upcoming-courses .box-img .course-date h4 a{margin:3px 0 0 0;}
    .upcoming-courses .box-img .course-date h4 a span{line-height:22px;}
    .upcoming-courses .box-img .course-date{left: 29%;bottom: 38%;}
    .upcoming-courses .tint-black{min-height:256px;}
}

@media only screen and (max-width: 930px){
    .upcoming-courses .box-img .course-date{left:20%;bottom:31%;}
    .upcoming-courses .tint-black{min-height:226px;}
}

@media only screen and (max-width: 767px){
    /*upcoming courses*/
    .course{padding: 30px 0px 20px;}
    .details h5{font-size:16px;}
    .owl-item .item a{padding:2%;}

    .box-area .all-type:nth-child(2n+1){margin-left:1%;margin-right:2% !important;}
    .box-area .all-type:nth-child(2n+2){margin-right:0 !important;margin-left:1%;}
    .upcoming-courses .tint-black{min-height:181px;}
}

@media only screen and (max-width: 655px){
    /*upcoming courses*/
    .upcoming-courses ul li{width:47.5%;padding-right:5%;}
    .upcoming-courses ul li:nth-child(even){padding-right:0px;}
    .upcoming-courses .tint-black{min-height:252px;}
}

@media only screen and (max-width: 430px){
    /*upcoming courses*/
    .upcoming-courses{padding:0px;}
    .upcoming-courses ul li{width:100%;padding-right:0%;margin:10px auto;}
    .upcoming-courses .box-img .course-date h4{width:100px;height:100px;}
    .upcoming-courses .box-img .course-date h4 a{font-size:30px;margin:10px 0 0 0;}
    .upcoming-courses .box-img .course-date h4 a span{margin:0px;font-size:42px;}
    .upcoming-courses .tint-black{min-height:unset;height:200px;overflow:hidden;}
    .upcoming-courses .box-img .content .text-area ul li{display:block;width:100%;text-align:center;}
}


/* END COURSE & UPCOMING COURSES IN CALENDAR PAGE */

.follower-counts a {
    cursor: pointer;
}

.playlist-track .loading-image {
    position: absolute;
    top: 43px;
    left: 95px;
    width: 35px !important;
    z-index:999;
}

/* BEGIN 20 - HOMEPAGE MINOR CHANGES */
section.homepage-secondary-menu {
    background-color: #e8e8e8 !important;
}

section.homepage-secondary-menu div.wrapper2 {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}
section.homepage-secondary-menu div.wrapper2 nav {
    line-height: 3.1 !important;
    width: 98% !important;
}
section.homepage-secondary-menu .owl-item .item a {
    padding-top: 1%;
    padding-bottom: 5px;
}
section.homepage-secondary-menu #owl-demo {
    margin-bottom: 15px;
}

.course {
    padding: 15px 0px;
}
.course .search-area-home {
    width: 98%;
    height: auto;
    margin-bottom: 0;
    background-color: #fff;
}
.course .search-area-home .search {
    width: 82%;
}
.course .search-area-home .all-content {
    width: 18%;
}

.search-area-home .all-content select {
    background-color: #fff;
    font-size: 20px;
    color: #d0d0d0;
    padding: 8px 38px 0 0 !important;
    font-weight: 500;
    float: right;
}

.search-area-home .all-content .select2-container::before {
    width: 2px;
    height: 60px;
    top: -6px;
    background-color: #ededed
}
.search-area-home .all-content .select2-container {
    width: 95% !important;
    margin: 0px;
}

.search-area-home .all-content .select2-chosen {
    font-size: 21px;
    color: #a0a0a0;
    padding: 8px 38px 0 0 !important;
    font-weight: 500;
    float: right;
}


.search-area-home .search input[type="submit"] {
    background: rgba(0, 0, 0, 0) url("/images/icon-search.png") no-repeat scroll left top;
}
.search-area-home .search input[type="search"] {
    margin-bottom: 0px;
    background-color: #fff;
    font-size: 20px;
}


/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    section.homepage-secondary-menu div.wrapper2 nav {
        line-height: 4.1 !important;
    }
    .search-area-home .all-content .select2-chosen {
        padding: 12px 38px 0 0 !important;
    }
}

@media only screen and (max-width: 1199px){
    .course .search-area-home .search {width: 78%;}
    .course .search-area-home .all-content {width: 22%;}
}

@media only screen and (max-width: 1024px){
    .course .search-area-home .search {width: 75%;}
    .course .search-area-home .all-content {width: 25%;}
    .course .search-area-home .all-content::after {height:1px;}
}

@media only screen and (max-width: 900px){
    .course .search-area-home .search {width: 72%;}
    .course .search-area-home .all-content {width: 28%;}
}

@media only screen and (max-width: 767px) {
    section.homepage-secondary-menu div.wrapper2 nav {width: 100% !important;}
    .course .search-area-home {width: 100%;}
    .course .search-area-home .search {width: 64%;}
    .course .search-area-home .all-content {width: 35%;}
    .course {padding: 12px 0;}
    .search-area-home .all-content .select2-chosen {font-size: 16px;}
    .search-area-home .all-content .select2-choice {padding-top:4px !important;margin-top:-5px;}
    .search-area-home .all-content .select2-container::before {display:inherit;height:44px;top:0px;}
    .search-area-home .search input[type="search"] {width: 86%;padding:9px 9px 9px 0px;font-size:16px;text-align:left}
    .search-area-home .search input[type="submit"] { background-size:90%;background-position:0 95%;width:37px;height:36px;}
}

@media only screen and (max-width: 600px) {
    .course .search-area-home .search {width: 63%;}
    .course .search-area-home .all-content {width: 35%;}
    .course {padding: 8px 0;}
    .search-area-home .all-content .select2-chosen {font-size: 15px;}
    .search-area-home .all-content .select2-choice {padding-top:2px !important;}
    .search-area-home .all-content .select2-container::before {display:inherit;height:38px;top:0px;}
    .search-area-home .search input[type="search"] {width: 75%;padding:8px 8px 8px 0px;}
    .search-area-home .search input[type="submit"] { background-size:80%;background-position:0 95%;width:37px;height:33px;}
}

@media only screen and (max-width: 480px) {
    section.homepage-secondary-menu div.wrapper2 nav {line-height: 34px !important;}
    section.homepage-secondary-menu #filters .sortby {right:77px !important;position:relative !important;}
    .course .search-area-home .search {width: 60%;}
    .course .search-area-home .all-content {width: 38%;}
    .course {padding: 5px 0;}
    .search-area-home .all-content .select2-chosen {font-size: 14px; padding: 12px 25px 0 0 !important;}
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        .search-area-home .all-content .select2-chosen {padding: 12px 25px 0 0 !important;}
    }
    .search-area-home .all-content .select2-choice {padding-top:0px !important;height:30px;background-position: 98% 55% !important;}
    .search-area-home .all-content .select2-container::before {display:inherit;height:32px;top:0px;}
    .search-area-home .search input[type="search"] {width: 75%;padding:7px 7px 7px 0px;}
    .search-area-home .search input[type="submit"] { background-size:70%;background-position:0 95%;width:37px;height:30px;}
}

/* END 20 - HOMEPAGE MINOR CHANGES */

.upload-file-name {
    color: #898a8c;
    font-size: 15px;
    line-height: 25px;
}

.btn-controls {
    margin-bottom: 20px;
}

a.btn-small {
    background-color: #009889;
    padding: 9px 8px 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    margin-right: 8px;
}

a.btn-small i {
    font-size: 90%;
    margin-right: 6px;
}

.btn-controls a.btn-report {
    background-color: #ECAF03;
}

.btn-controls a.btn-delete {
    background-color: firebrick;
}

a.btn-lg {
    padding: 11px 12px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    margin-right: 8px;
    font-size: 18px;
}

a.btn-download {
    background-color: #ECAF03;
    display: inline-block;
}

a.text-link {
    color: #b40101;
    font-size: 14px;
    margin: 0 8px;
}

a.view-now {
    background: #00b2c0;
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #fffefe;
    padding: 8px 25px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
}

a.view-now:hover {
    background: #01818b;
}

/* way to detech current screen is mobile or not */
.is-mobile {
    display:none;
}
@media only screen and (max-width: 767px){
    .is-mobile {display:inline;}
}

.video-sec .right-sec .service-area ul.social-icon {
    min-height: 40px;
}

.review-word-count-container {
    width: 100%;
    font-size: 12px;
    color: #898a8c;
    font-style: italic;
    display:none;
}

.review-word-count-container .word-count {
    float:right;
}

.video-sec .right-sec .review-area form textarea {
    margin-bottom: 7px;
}

.video-sec .right-sec .review-area form input[type="submit"] {
    margin-top: 5px;
}

.review-form form div.review-first-row {
    float: left;
    width: 100%;
}
.review-form form div.review-first-row textarea {
    margin-bottom: 5px;
}
.review-form form div.review-second-row {
    float: left;
    width: 100%;
}
.review-form form div.review-second-row .word-count {
    padding-right:162px;
}

#searchresult-part span, #search-part span {
    padding-right: 7px;
    font-family: "Roboto";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#searchresult-part span.heart, #search-part span.heart {
    background: rgba(0, 0, 0, 0) url("/themes/kwc/images/heart-icon1.png") no-repeat scroll left center;
    color: #01a3b2;
    padding-left: 22px;
}
#searchresult-part span.comment, #search-part span.comment {
    background: rgba(0, 0, 0, 0) url("/images/icon-comment.png") no-repeat scroll left center;
    color: #b40101;
    padding-left: 22px;
}

#searchresult-part .circle-image-container, .profilebox .circle-image-container {
    border: 1px solid gainsboro;
    padding: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 15px !important;
    position: relative;
}
#searchresult-part .thumb .circle-image-container {
    height: auto;
    width: 60%;
    padding-top: 60%;
    margin-left: 20%;
    margin-top: 0px !important;
}

@media only screen  and (max-width:900px) {
    #searchresult-part .thumb .circle-image-container { width: 16%; padding-top: 16%; margin-left: 42%;}
}
@media only screen  and (max-width:767px) {
    #searchresult-part .thumb .circle-image-container { width: 20%; padding-top: 20%; margin-left: 40%;}
}
@media only screen  and (max-width:480px) {
    #searchresult-part .thumb .circle-image-container { width: 30%; padding-top: 30%; margin-left: 35%;}
}

#searchresult-part .circle-image-container  img.creator {
    width: 50px;
}
#searchresult-part .circle-image, .who-to-follow .circle-image,
#profile-section .right-section .tabs .content section#my-follwing #follower .circle-image,
#profile-section .right-section .tabs .content section#my-follwing #following .circle-image,
#my-communities #connection #connections-list .circle-image,
#my-communities #community #community-list .circle-image,
#community-members .circle-image
{
    position: absolute;
}


#follower ul li .fcontent, #following ul li .fcontent {
    padding-left: 10px;
}

.who-to-follow .follow-list .pic figure,
#profile-section .right-section .tabs .content section#my-follwing .inner-tab #follower ul li > div figure,
#profile-section .right-section .tabs .content section#my-follwing .inner-tab #following ul li > div figure {
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

#profile-section .right-section .tabs .content section#my-follwing .inner-tab #follower ul li > div figure img  {
    max-width: none;
}
#profile-section .left-section .profile-picture figure img {
    width: auto;
    height: auto;
}
.circle-image {
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    position: absolute;
}

.circle-image-container.top-profile {
    margin-top:0px !important;
    border-color: #a1a1a1;
    width:43px;
    height:43px;
}
.circle-image-container.top-profile.black-border {
    border: none;
    padding: 2px 0 0 1px;
}

.kwu-top-main-menu > ul > li.last {
    display: none;
}

/* new mobile navigation*/
header .profilebox .img ul {
    top: 74px;
}
@media only screen  and (max-width:1366px) {
    header .profilebox .img ul {top: 75px;right:-24px;}
    .profilebox .img ul::before {left:98px;}
}
@media only screen  and (max-width:1024px) {
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important;
    }
    .visible-phone {
        display: inherit !important;
    }
    .hidden-phone {
        display: none !important;
    }

    .wrapper {padding-top:13px;padding-bottom:4px;}
    .wrapper header {padding: 0px;width:95%;margin:0 auto;}
    .header {margin: 0px;max-width:none;}
    .header .logo {width: 48%;max-width:none;float:left;}
    .header .logo a img {display:block;}
    .profilebox {margin: -5px 36px 6px 0;padding: 0px;float: right;}
    .profilebox .img ul {right:-55px;}
    .profilebox .img ul::before {left:104px;background-size: 55%;top:-20px;}
    .profilebox .img li a {line-height: 28px;}
    .menubar ul {top:55px;background-color: #343434;padding:0px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        .menubar ul {top:56px;}
    }
    .menubar ul li {border-bottom: #555555 solid 1px;}
    .menubar ul li.last {background-color: #00b2c0;}
    .kwu-top-main-menu ul li.last {display: inherit !important;}
    .hidden-phone {display: none !important;}
    header .profilebox img {width:36px;height:36px;}
    header .profilebox .black-border img {width:38px;height:38px;}
    header .profilebox .img ul {top: 54px; width: 220px;right:-54px;}
    a.mobmenu {margin-top:-2px;width:36px;height:36px;float: left;right: 2.5%;left: auto;top: auto;background: #000 url("/images/menu-berger.png") no-repeat scroll center center;background-size: 100%;}
    .circle-image-container.top-profile {margin-top:0px !important;width:38px;height:38px;}
}
@media only screen  and (max-width:767px) {
    .header .logo {width: 48%;max-width: 180px;float:left;}
    .profilebox {margin: -5px 30px 5px 0;padding: 0px;float: right;}
    .profilebox .img ul {right:-43px;}
    .profilebox .img ul::before {left:95px;background-size: 55%;top:-20px;}
    header .profilebox img {width:33px;height:33px;}
    header .profilebox .black-border img {width:35px;height:35px;}
    header .profilebox .img ul {top: 52px; width: 200px;right:-43px;}
    a.mobmenu {margin-top:-2px;width:32px;height:32px;float: left;right: 2.5%;left: auto;top: auto;background: #000 url("/images/menu-berger.png") no-repeat scroll center center;background-size: 100%;}
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        .menubar ul {top:53px;}
    }
    .circle-image-container.top-profile {margin-top:0px !important;width:36px;height:36px;}
}
@media only screen  and (max-width:480px) {
    .header .logo {width: 48%;max-width: 170px;float:left;}
    .profilebox {margin: -6px 26px 3px 0;padding: 0px;float: right;}
    .profilebox .img ul {right:-42px;}
    .profilebox .img ul::before {left:100px;background-size: 55%;top:-22px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        .profilebox .img ul::before {left:102px;top:-21px;}
    }
    .menubar ul {top:49px;background-color: #343434;padding:0px;}
    header .profilebox img {width:31px;height:31px;}
    header .profilebox .black-border img {width:33px;height:33px;}
    header .profilebox .img ul {top: 49px;right:-35px;}
    a.mobmenu {margin-top:-3px;width:30px;height:30px;float: left;right: 2.5%;left: auto;top: auto;background: #000 url("/images/menu-berger.png") no-repeat scroll center center;background-size: 100%;}
    .circle-image-container.top-profile {width:33px;height:33px;}
}

.sharelist{width:100%; float:left; margin-top:15px !important;padding:0 0 0 10px;}
.sharelist ul{list-style:none; margin:0; padding:0px; }
.sharelist ul li{display:inline-block; margin-right:15px; border-right: 1px solid #ddd;padding-right: 20px; }
.sharelist ul li:last-child{border-right:none;}
.sharelist ul li a{color:#313131; opacity:0.6; text-transform:uppercase; font-size:12px;}
.sharelist ul li a span{padding-right:15px;}
.sharelist ul li a span img{vertical-align:middle;}
.share-links {padding:0 0 0 10px !important;}
.share-links h5 {margin: 10px 10px 10px 0px  !important;}
.share-links ul {margin: 10px 0px !important;padding:0px !important;}

.searchbar {
    border-bottom: 1px solid #e8e8e8;
}

select.fancy-select {
    -moz-appearance: none;
    background: #f6f6f7 url("../themes/kwc/images/select-arrow.png") no-repeat scroll right center;
    border: 1px solid #e2e2e2;
    border-radius: 0 !important;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 46px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 60px 0 10px;
}
select.fancy-select option {
    padding-top: 5px;
    padding-bottom: 5px;
}

#featured-video-list li.featured-item .overlay-content {
    display: none;
    position: absolute;
    color: #fff;
    z-index: 10;
}
#featured-series-carousel .owl-controls .owl-buttons div.owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll right center !important;
    left: -10px;
    width: 24px;
    height: 50px;
    opacity: 0.12;
}
#featured-series-carousel .owl-controls .owl-buttons div.owl-next {
    background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll left center !important;
    right: -10px;
    width: 24px;
    height: 50px;
    opacity: 0.12;
}
#featured-videos #featured-series-carousel .item {
    padding-left: 3%;
    padding-right: 3%;
}

/**** community */
#formpage h2.no-icon {
    background: transparent none;
    padding-left: 0;
}
@media only screen  and (min-width:767px) {
    .profile-banner-sec {
        min-height: 135px;
    }
}

/* Related videos of playlist & featured shows */
@media only screen  and (max-width:1199px) {
    #product-related-videos-carousel .owl-wrapper-outer {
        /* Firefox */
        width: -moz-calc(100% - 80px);
        /* WebKit */
        width: -webkit-calc(100% - 80px);
        /* Opera */
        width: -o-calc(100% - 80px);
        /* Standard */
        width: calc(100% - 80px);

        margin: 0 auto;
    }

    #product-related-videos-carousel .owl-prev {
        left: -10px;
    }
    #product-related-videos-carousel .owl-next {
        right: -10px;
    }
}
@media only screen  and (max-width:767px) {
    #product-related-videos-carousel .owl-wrapper-outer {
        /* Firefox */
        width: -moz-calc(100% - 60px);
        /* WebKit */
        width: -webkit-calc(100% - 60px);
        /* Opera */
        width: -o-calc(100% - 60px);
        /* Standard */
        width: calc(100% - 60px);

        margin: 0 auto;
    }
}

.btn-add-master-faculty-course {
    height: 30px;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 600;
}

.btn-remove-master-faculty-course {
    background-color: firebrick !important;
    display: inline-block;
    height:40px;
    font-size: 25px;
    margin-left: 10px;
    padding: 6px 8px 2px 13px !important;
    border-radius: 3px !important;
}


ul.master-faculty-courses-container {
    padding-left: 0px;
}
ul.master-faculty-courses-container li {
    list-style: none;
    display: inline-block;
    width: 100%;
}

.master-faculty-product {
    width: 80%;
    float:left;
    padding-bottom:10px;
}

.product-categories .checkbox-inline {
    float:left;
    width: 25%;
}

section.banner-container {
    width: 100%;
    float:left;
    background-color: #e8e8e8;
    color: #000;
    min-height: 100px;
}
section.banner-container .banner-header {
    text-align: center;
}
section.banner-container .banner-header .tagline {
    margin-top:100px;
    margin-bottom:20px;
}

section.membership-directory-content {
    width: 100%;
    float:left;
    background-color: #fff;
    color: #454545;
    padding: 40px 0;
}
section.membership-directory-content .title {
    text-align: center;
    font-size: 24px;
}

section.membership-directory-content .sidebar {
    width: 26%;
    border: 1px solid #ccc;
    margin-right:15px;
    margin-top: 5px;
    padding-left:30px;
    padding-top:20px;
}
section.membership-directory-content .sidebar h3 {
    color: #454545;
    font-weight: bold;
}
section.membership-directory-content .sidebar ul {
    padding-left: 0px;
}
section.membership-directory-content .sidebar li {
    list-style: none;
    padding: 3px 0px;
}

section.membership-directory-content .main {
    float:left;
    width: 70%;
}
section.membership-directory-content .main .item-wrap {
    color: #454545;
}
section.membership-directory-content .main .item-wrap h3 {
    font-weight: bold;
    font-size: 17px;
}

.item-list {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;

}
.item-list .item {
    float: left;
    width: 100%;
}
.item-list .item {
    position: relative;
}
.item-list .item-wrap {
    overflow: hidden;
    display: block;
    position: relative;
    margin: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}
.item-list .item-wrap:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.item-list .item-inner {
    display: flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.item-list .item-content {
    display: block;
    padding: 10px;
    max-width: 80%;
    text-align: center;
}

@media (min-width: 1199px) {
    .item-list .item {width: 33.33333333%;}
}

@media (min-width: 992px) {
    .item-list .item {width: 33.33333333%;}
    section.membership-directory-content .sidebar { width: 15%; }
    section.membership-directory-content .main { width: 80%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .item-list .item {width: 50%;}
    section.membership-directory-content .sidebar { width: 20%; padding-left:15px;}
    section.membership-directory-content .main { width: 72%; }
}

@media (min-width: 480px) and (max-width: 767px) {
    .item-list .item {width: 50%;}
    section.membership-directory-content .sidebar { width: 28%; padding-left:10px; }
    section.membership-directory-content .main { width: 64%; }
}

@media (max-width: 480px) {
    .item-list .item {width: 95%;}
    section.membership-directory-content .sidebar { width: 30%; padding-left:10px; }
    section.membership-directory-content .main { width: 58%; }
}


#community-members {
    font-size: 1em !important;
    font-weight: 400;
}

.left-section .community-members, .left-section .community-related-groups {
    color: #6f7174;
    float:left;
    width:100%;
    margin-top:30px;
}

.sidebar-community-members ul {
    padding-left: 0px;
}
.sidebar-community-members li {
    width: 100%;
    float:left;
    min-height: 60px;
}

.community-members ul {
    list-style: none;
    margin: 0;
}

.community-members .pic {
    float:left;
    width: 50px;
}
.community-members .pic figure {
    width: 50px !important;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0px;
}

#community-member-pending-requests {
    padding: 20px;
    border-radius: 5px;
    display: none;
}
#community-member-pending-requests h3 {
    color: #6f7174;
    font-weight: bold;
    border-bottom: 1px solid #909090;
    padding-bottom: 8px;
}

#community-member-list ul,
#community-member-pending-requests ul,
#community-member-sent-invitations ul {
    padding: 0;
    margin: 0;
}

#community-member-list li,
#community-member-pending-requests li,
#community-member-sent-invitations li {
    display: inline-block;
    margin-right: 5%;
    margin-bottom: 25px;
    width: 44.8%;
    float: left;
}

#community-member-pending-requests .fcontent,
#community-member-list .fcontent,
#community-member-sent-invitations .fcontent,
.sidebar-community-members .fcontent {
    width: 63%;
    float:left;
    padding: 16px 0px 16px 65px !important;
}

#community-member-pending-requests .plus-icon,
#community-member-list .plus-icon,
#community-member-sent-invitations .plus-icon {
    margin-top: 12px;
}

#community-member-pending-requests .fcontent-list,
#community-member-sent-invitations .fcontent-list,
#community-member-list .fcontent-list,
.sidebar-community-members .fcontent-list {
    width: 60%;
    float:left;
}

#community-member-list,
#community-member-pending-requests,
#community-member-sent-invitations {
    padding: 30px 15px 0 15px;
}

#community-member-list .pagination ul {
    margin: 0px;
    list-style: none;
    text-align: center;
}

#community-member-list .pagination li {
    padding: 0 10px;
    color: #898b8c;
    font-size: 16px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
}

.clearfix:before {content: ""; display: table;}
.clearfix:after {content: ""; display: table;clear: both;}

#profile-section .left-section .community-followers {
    width: 100%;
}

.btn-error-report {
  color: #ffffff !important;
  background-color: #bd362f !important;
  border-color: #bd362f !important;
}

.div-request-to-join {
    margin-bottom: 0;
    margin-top: 20px;
}

#profile-section .right-section.full-width {
    float: none;
    width: 100%;
}

#profile-section .right-section.full-width .tabs .content section {
    max-width: 100%;
}

#profile-section .right-section.full-width .tabs  .content section#about-me {
    float: none;
    max-width: 100%;
}

#profile-section .right-section.full-width .tabs  .content section#about-me .left-part {
    width: 70.3%;
}

#profile-section .right-section .tabs .content section#about-me .right-part .service-area p {
    margin-bottom: auto;
    float: none;
}

/*css for slide*/
@media screen and (max-width: 767px) {
    #product-related-videos-carousel {
        padding: 0;
    }
    #product-related-videos-carousel li {
        height:80px;
    }
    #product-related-videos-carousel li figure{
        margin: 0;
        padding: 0 0 0 5px;
        position: relative;
        height: 80px;
        width: 40%;
        display:block;
        float:left;
    }
    #product-related-videos-carousel li .slidecontent {
        width:50%;
        display:block;
        float:left;
        background:none;
        position:static;
        margin-top:5px;
        height:auto;
        text-align:start;
        padding:0 10px;
    }
    #product-related-videos-carousel li .slidecontent p {
        color:black !important;
        font-size:15px;
        line-height:18px;
        font-weight: 400;
    }
    #product-related-videos-carousel li .slidecontent .product-scores {
        width:100%;
        padding:0;
    }
    #product-related-videos-carousel li .slidecontent .product-scores span{
        font-size:10px;
        background-size:auto 90%;
        margin-right: 10px;
    }
    #product-related-videos-carousel .owl-buttons .owl-next {
        border-radius:0px;
        border-left:1px solid #E5E5E5;
        height:80px;
        top:-58px;
        background: url(../themes/kwc/images/right-grey-arrow-1.png) no-repeat center !important;
        background-origin: content-box !important;
    }
    #product-related-videos-carousel .owl-buttons .owl-prev {
        border-radius:0px;
        border-right:1px solid #E5E5E5;
        height:80px;
        top:-58px;
        background: url(../themes/kwc/images/left-arrow-1.png) no-repeat center !important;
        background-origin: content-box !important;
    }
    #product-related-videos-carousel .product-scores span.likes {
        background: rgba(0, 0, 0, 0) url(../themes/kwc/images/heart-icon1.png) no-repeat scroll left center;
        padding-left:13px;
    }
    #product-related-videos-carousel .product-scores span.views {
        background: rgba(0, 0, 0, 0) url(../themes/kwc/images/eye.png) no-repeat scroll left center;
        padding-left:20px;
    }
}

#product-related-videos-carousel .product-scores {
    display: none !important;
}

@media screen and (max-width: 768px) {
    #product-related-videos-carousel .product-scores {
        display:block !important;
    }
}

@media only screen and (max-width:767px) {
    .fc-right .fc-button-group button {
        display: inline;
        width: calc(100% / 3) !important
    }
}
@media only screen and (min-width:320px) and (max-width:479px) {
    .fc-right .fc-button-group button {
        width: calc(100% / 3) !important;
    }
}

@media only screen and (max-width: 807px) {
    #calendar .fc-scroller.fc-day-grid-container {
        height: 570px !important;
    }
    #calendar .fc-row.fc-week.fc-widget-content.fc-rigid {
        height: 95px !important;
    }
}

@media only screen and (max-width: 448px) {
    #calendar .fc-scroller.fc-day-grid-container {
        height: 480px !important;
    }
    #calendar .fc-row.fc-week.fc-widget-content.fc-rigid {
        height: 80px !important;
    }
}

/* Profile section tabs width */
#profile-section .right-section #tabs-nav li {
    width: calc(100% / 6.2);
}

#profile-section .right-section #tabs-nav #tabs-isme li {
    width: calc(100% / 7.2);
}

@media only screen and ( max-width: 349px ) {
    #profile-section .right-section #tabs-nav #tabs-isme li {
        width: calc(100% / 7.19);
    }
}

.profilebox a.upload {
    padding: 8px 20px 2px 20px;
    line-height: 20px;
}

.inner-content .dropdown-menu {
    background-color: rgb(210,228,228) !important;
    position: absolute;
    bottom: 0px;
    left: -90px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    margin: 2px 0 0 !important;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.inner-content .dropdown-menu li {
    background-color: rgb(232,232,232) !important;
    width:100% !important;
    height:20px;
    min-height:20px !important;
    float:left !important;
    cursor: pointer;
    margin: 0 !important;
}

.inner-content .dropdown-menu li:hover {
    background-color: rgb(210,228,228) !important;
}

.inner-content .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid rgb(209,209,209) !important;
}

.inner-content .dropdown-toggle {
    z-index:100;
    padding:0 0 0 10px !important;
}

.inner-content .dropdown-toggle i{
    padding:0 5px !important;
    font-size:14px !important;
    cursor: pointer;
    color: #a9a9a9;
}

.inner-content .dropdown-menu li a {
    font-weight: 400 !important;
    color: rgb(138,138,140) !important;
    display: block;
    padding:6px 9px;
    letter-spacing: 1px;
    font-size: 10px !important;
}

.inner-content .product-description {
    color:rgb(65,65,65);
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    height:30px;
}

.inner-content .creator-identify {
    color: rgb(0,160,175) !important;
    font-size: 9px;
}

.inner-content .product-scores span.reviews {
    background: rgba(0, 0, 0, 0) url(/images/icon-comment.png) no-repeat scroll left center;
    padding-left: 22px;
    /* color: #b40101; */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    font-size: 12px;
    margin-left:5px;
    padding: 0px 0px 0px 15px;
}

.inner-content .product-scores span.reviews {
    background: rgba(0, 0, 0, 0) url(/images/icon-comment-1.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 12px;
    color: rgb(181,181,181);
}

.inner-content .product-scores span.likes {
    background-image: url(/images/heart-icon1-1.png);
    color: rgb(181,181,181);
}

.inner-content .product-scores span.views {
    background-image: url(/images/eye-1.png);
    color: rgb(181,181,181);
}

.no-member-msg {
    color: #464749;
    font-size: 15.01px;
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

#profile-section .right-section .tabs nav ul li a.icon-forum {
    background:url(../images/tabs-icon/forum-icon.png) no-repeat center center;
    background-position:center 45%;
}
#profile-section .right-section .tabs nav ul li a.icon-forum:hover,
#profile-section .right-section .tabs nav li.tab-current a.icon-forum {
    background:url(../images/tabs-icon/forum-icon-hover.png) no-repeat center center;
    background-position:center 45%;
}
#profile-section .right-section .tabs nav ul li a.icon-gallery {
    background:url(../images/tabs-icon/gallery-icon.png) no-repeat center center;
    background-position:center 45%;
}
#profile-section .right-section .tabs nav ul li a.icon-gallery:hover,
#profile-section .right-section .tabs nav li.tab-current a.icon-gallery {
    background:url(../images/tabs-icon/gallery-icon-hover.png) no-repeat center center;
    background-position:center 45%;
}


.profile-uploads .inner-content {
    float:left;
    width:100%;
    min-height: 110px;
    position:relative;
    padding: 18px 14px 40px 14px;
    box-sizing: border-box;
}

.profile-uploads .inner-content h3 {
    line-height: .9em;
    margin: 0px 0px 5px 0px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    height: 13px;
    overflow: hidden;
}

.profile-uploads .inner-content h4 {
    letter-spacing: .03em;
    color: #9c9c9c;
    font-size: 10px;
    text-transform: uppercase;
}

.profile-uploads .tag-link {
    padding: 0px 0px 0px 29px;
    position: absolute;
    right: 13px;
    bottom:15px;
    background-size: 20px auto !important;
}

.profile-uploads .tag-link a {
    padding: 4px 9px;
}

.profile-uploads .inner-content .product-scores {
    padding: 0px;
    position: absolute;
    left: 15px;
    bottom: 13px;
}

.profile-uploads .inner-content .product-scores span.views {
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    font-size: 12px;
    padding: 0px 0px 0px 20px;
}

.profile-uploads .inner-content .product-scores span.likes {
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    font-size: 12px;
    padding: 0px 0px 0px 15px;
}

.profile-uploads .inner-content .product-scores span.reviews {
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    font-size: 12px;
    padding: 0px 0px 0px 15px;
}

.profile-uploads .inner-content .product-scores span {
    font-weight: 500;
}

.profile-uploads .dropdown-menu {
    width:100%;
    border:none;
}

.profile-uploads .dropdown-menu ul li {
    border:none;
}

.div-request-to-join .btn {
    padding-top: 10px;
    font-size: 20px;
}
.div-request-to-join .btn.btn-info[disabled]
{
    background-color: #77c6b8 !important;
    border-color: #77c6b8 !important;
}

.my-uploads-btns {
    margin-bottom:20px;
    display: inline-block !important;
}
.my-uploads-btns .btn-upload {
    font-size:20px;
    border-radius:6px;
    padding:12px 14px 5px;
}

.my-events-btns .btn-create-event {
    font-size:20px;
    border-radius:6px;
    padding:12px 14px 5px;
    height: auto;
}


#message-list-section .qa-list {
    list-style: none;
    width:100%;
    float:left;
    display:table;
    margin-bottom: 20px;
    border: 0;
    padding: 0;
    background-color: white;
}

#message-list-section .qa-header {
    padding-bottom: 10px;
    border-bottom: 1px solid darkgray;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#message-list-section .pagination ul {
    margin: 0px;
    list-style: none;
    text-align: center;
}

#message-list-section .pagination li {
    padding: 0 10px;
    color: #898b8c;
    font-size: 16px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
}
#message-list-section ul {
    padding-left: 0px;
}

#upload-section {
    margin: 20px 0px;
    color: black;
    float: left;
    width: 100%;
}

#upload-section .upload-button {
    display: inline-block;
    margin-right: 20px;
}

#add-message-section {
    padding-left: 40px;
    width: 100%;
}

#add-message-section #forum-message-input {
    height: 100px;
    width: 98%;
    font-size: 16px;
    border-radius: 5px;
}

#add-message-section .btn-create-forum-message {
    float:right;
    margin-right: 40px;
    height:30px;
    padding:6px 20px;
}

.no-member-msg {
    color: #464749;
    font-size: 15.01px;
    font-family: "futura-pt",sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

.shorten-text {
    position: relative;
}

.shorten-text .see-more .fa {
    vertical-align: text-top;
}

.shorten-text .see-more {
    background: #fff;
    color: #848689;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
}

.shorten-text .see-more:hover {
    color: #008cba;
}

.shorten {
    height: 38px;
    line-height: 20px;
    overflow: hidden;
}

.shorten-hide {
    display: none;
    line-height: 20px;
}

.community-desc {
    color: #6f7174;
    font-size: 14px;
    padding-top: 5px;
}

.community-desc .see-more {
    color: #b40101;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
}

.profile-img-circle img {
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

.profile-img-circle img.gray-border {
    background: #ccc;
}

.profile-img28 {
    width: 28px;
    height: 28px;
}

.profile-img32 {
    width: 32px;
    height: 32px;
}

.profile-img38 {
    width: 38px;
    height: 38px;
}

.profile-img48 {
    width: 48px;
    height: 48px;
}

.profile-img52 {
    width: 52px;
    height: 52px;
}

.profile-img80 {
    width: 80px;
    height: 80px;
}

.menubar li.submenu-parent {
    padding-bottom: 0px !important;
}

.menubar li.submenu-parent ul {
    display: block !important;
    position: static !important;
    padding-top: 0px;
    margin-top: 8px;
    border-bottom:0px;
    width: 100%;
}
.menubar li.submenu-parent ul::before {
    background: none;
}

.menubar li.submenu-parent ul li {
    padding: 0px !important;
    border-bottom: rgba(198,58,55,0.9) solid 1px !important;
    background-color: rgba(180,1,1,0.9);
}

.menubar li.submenu-parent ul li.last {
    background-color:rgba(180,1,1,0.9);
}

@media only screen  and (max-width:1024px) {
    .parent-menu {
        padding: 8px 0;
    }
    .parent-menu>a:after {
        content: "";
        width: 18px;
        height: 18px;
        background: url('../images/sort_desc_disabled.png') 4px 0 no-repeat;
        opacity: 0.8;
        right: 5px;
        display: inline-block;
    }
}

.autopager a {
    display: none;
}

.autopager .throbber {
    display: none;
    padding-top: 10px;
    text-align: center;
}

.autopager .throbber div {
    color: #b40101;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin: auto;
    width: 70px;
}

#ask-kelle {
    background: #fff;
}

#ask-kelle .wrapper2 {
    background: transparent;
}

#ask-kelle h1 {
    font-size: 55px;
    font-weight: normal;
    color: #b40101;
    line-height: 80px;
    margin: 0;
    padding: 15px 0 20px;
    text-align: center;
}

#ask-kelle section {
    background: #f4f4f4;
    padding: 10px 0;
}

#ask-kelle h2 {
    color: #000000;
    font-size: 24px;
    margin-bottom: 10px;
}

#ask-kelle #ask-kelle-form {
    background: #d1e5e3;
    color: #9B9C9E;
    padding: 30px;
    width: 60%;
    margin: 0 auto;
}

#ask-kelle textarea {
    width: 100%;
    height: 8em;
}

#ask-kelle button {
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
    text-transform: uppercase;
    width: 100%;
}

#ask-kelle .feedback {
    color: #02998a;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 15px;
}

#ask-kelle .description {
    color: #8b8c8e;
    padding: 0 30px 30px;
    width: 60%;
    margin: 0 auto;
}

@media only screen  and (max-width:768px) {
    #ask-kelle h1 {
        font-size: 40px;
    }

    #ask-kelle #ask-kelle-form {
        width: 90%;
    }
}

.community-profile-page .ui-autocomplete.user-mentions {
    max-width: 400px;
}
.community-profile-page .ui-autocomplete.user-mentions li {
    padding: 5px;
}
.community-profile-page .ui-autocomplete.user-mentions li:hover {
    background-color: #e8e8e8;
}
.community-profile-page .ui-autocomplete.user-mentions li img {
    vertical-align: middle;
    border: 0;
    height: 30px;
    width: 30px;
    margin: unset;
    margin-right: 10px;
    padding: 0;
}

#my-communities #btn-create-group {
    display: none;
}

/** Profile Notification Settings **/

#notification-section section {
    color: #4d4d4d;
}

#notification-section #notification-header {
    background: #f2f2f2;
    height: 240px;
    color: #787878;
}

#notification-section #notification-header h1 {
    margin: 0;
    padding: 85px 0 60px;
    font-size: 28px;
}

#notification-section .inner-tabs {
    border-bottom: 6px #b8b8b8 solid;
    height: 40px;
}

#notification-section .inner-tabs a:hover,
#notification-section .inner-tabs a.active,
#notification-section .inner-tabs a.active:hover {
    border-bottom: 6px #01a3b2 solid;
    color: #01a3b2;
}

#notification-section .inner-tabs a {
    color: #bbbbbb;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 15px;
}

#notification-section #notification-settings {
    background: #fff;
    min-height: 1235px;
}

#notification-section #notification-settings .tab-info {
    color: #333;
    padding: 45px 15px;
    font-weight: bold;
}

#notification-section #notification-settings .tab-info img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

#notification-section #notification-settings h3 {
    color: #159789;
    font-weight: bold;
    padding: 0;
    height: 67px;
    border: none;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.5);
    box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.5);
}

#notification-section .ui-icon {
    position: static;
    width: 58px;
    height: 68px;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
    margin-right: 20px;
}

#notification-section .ui-state-default .ui-icon {
    background: #898b8c url(../images/arrows.png) 0 0 no-repeat;
}

#notification-section .ui-accordion-header-collapsed .ui-icon {
    background: #898b8c url(../images/arrows.png) 0 -68px no-repeat;
}

#notification-section .ui-state-default,
#notification-section .ui-state-active,
#notification-section .ui-state-focus,
#notification-section .ui-state-hover {
    background: #fff;
}

#notification-section .ui-accordion .ui-accordion-content {
    background: #f2f2f2;
    padding: 1em 0 0 0;
}

#notification-section .ui-accordion .ui-accordion-content ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

#notification-section .ui-accordion .ui-accordion-content p {
    padding: 16px 20px 0;
    margin: 0;
    color: #4d4d4d;
    font-weight:bold;
    background-color:#f2f2f2;
}

#notification-section .ui-accordion .ui-accordion-content li {
    color: #808080;
    cursor: pointer;
    padding: 12px 60px;
    background: #f5f5f5;
}

#notification-section .ui-accordion .ui-accordion-content li:nth-child(odd) {
   background-color: #fafafa;
}

#notification-section .ui-accordion .ui-accordion-content li .right {
    float: right;
}

#notification-section .ui-accordion .ui-accordion-content ul.first-level li {
    padding-left: 20px;
    color: #4d4d4d;
    background: #f5f5f5;
    font-weight:bold;
}

/* Checkbox styling */
#notification-section .checkbox:not(:checked),
#notification-section .checkbox:checked {
    position: absolute;
    left: -9999px;
}
#notification-section li .checkbox + span.customCheckbox {
    content: '';
    position: absolute;
    right: 3.6em;
    width: 1.2em;
    height: 1.2em;
    border: 2px solid #ccc;
    background: #dedede;
    border-radius: 4px;
    cursor: pointer;
}
#notification-section li .checkbox:checked + span.customCheckbox:after {
    content: '✔';
    position: absolute;
    left: 0.2em;
    top: 0.1em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
}
.noselect {
    -webkit-user-select: none; /* Safari, iOS, and Android */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#profile-section .right-section .tabs .content.full-bg,
#profile-section .right-section .tabs .content.full-bg:before,
#profile-section .right-section .tabs .content.full-bg:after {
    background: #e8e8e8;
}

#profile-section .right-section .tabs .content.white-bg,
#profile-section .right-section .tabs .content.white-bg:before,
#profile-section .right-section .tabs .content.white-bg:after {
    background: #fff;
}

#profile-section .right-section .tabs .content.white-bg section#activity-feed,
#profile-section .right-section .tabs .content.full-bg section#community-members {
    padding: 0;
}

#profile-section .right-section .tabs .content.white-bg section#activity-feed > div,
#profile-section .right-section .tabs .content.full-bg section#community-members > div {
    padding: 0 45px;
}

#tab-searchbar,
#activity-feed-searchbar {
    background: #d1d1d1;
    padding: 0 20px;
    padding-top: 17px !important;
    padding-bottom: 5px !important;
    height: 61px;
}

#tab-searchbar:before,
#activity-feed-searchbar:before {
    background: #d1d1d1;
    content: " ";
    height: 83px;
    right: 100%;
    position: absolute;
    top: 0;
    width: 101%;
}

#tab-searchbar:after,
#activity-feed-searchbar:after {
    background: #d1d1d1;
    content: " ";
    height: 83px;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 1;
}

#activity-feed-searchbar {
    padding-top: 25px !important;
    padding-bottom: 12px !important;
}

#activity-feed-searchbar:before,
#activity-feed-searchbar:after {
    height: 98px;
    background: #e8e8e8;
}

#activity-feed-searchbar,
#activity-feed:before,
#activity-feed:after {
    background: #e8e8e8;
}

#activity-feed-searchbar input {
    background: #fff url(../themes/kwc/images/search-icon.png) 0 0 no-repeat;
    border-color: #eeeeee;
    padding-left: 65px;
    float: left;
    font-size: 15px;
    height: 45px;
    width: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#activity-feed-searchbar #filter-dropdown {
    float: right;
    width: 20%;
    margin-right: 20px;
}

#activity-feed-searchbar #noti-setting-menu {
    float: right;
}

#activity-feed-searchbar #noti-setting-menu img {
    border: 1px #fff solid;
}

#activity-feed-searchbar .select2-container {
    background: #fff url(../themes/kwc/images/select-button.png) right center no-repeat;
    color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    height: 44px;
}

#activity-feed-searchbar .select2-container:before {
    content: "Filter By:";
    color: #9f9f9f;
    position: absolute;
    top: 0;
    right: 99%;
    width: 80px;
    background: #fff;
    border: none;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    height: 44px;
    text-align: center;
    line-height: 45px;
}

#activity-feed-searchbar .select2-container .select2-choice {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 27px;
    line-height: 27px;
}

#activity-feed-searchbar .select2-container-active .select2-choice {
    background: #fff url(../themes/kwc/images/select-button.png) right center no-repeat;
    border-color: #eeeeee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#activity-filter-select2-result .select2-highlighted {
    background: #19a3b0;
}

#activity-feed-list {
    background: #fff;
    padding-bottom: 25px;
}

#activity-feed-list div {
    color: #6f7174;
    font-size: 14px;
}

#activity-feed-list .feed {
    border-bottom: 1px #f0f0f0 solid;
    cursor: pointer;
    padding-bottom: 15px;
    padding-top: 15px;
}

#activity-feed-list .feed.active,
#activity-feed-list .feed:hover {
    background: #fafafa;
}

#activity-feed-list .feed.active a {
    background: none;
}

#activity-feed-list .feed > div {
    float: left;
}

#activity-feed-list .feed .pic {
    width: 50px;
    margin-left: 20px;
    margin-right: 15px;
}

#activity-feed-list .feed figure {
    border-radius: 50%;
    width: 50px !important;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#activity-feed-list .feed figure img {
    width: 100%;
    height: auto;
}

#activity-feed-list .feed .feed-content {
    line-height: 20px;
    padding-top: 6px;
    margin-right: 20px;
}

#activity-feed-list .feed .feed-content .created {
    color: #9f9f9f;
    font-size: 13px;
}

@media only screen  and (max-width:992px) {
    #activity-feed-searchbar input {
        width: 45%;
    }

    #activity-feed-searchbar #filter-dropdown {
        width: 30%;
    }
}

@media only screen  and (max-width:620px) {
    #activity-feed-searchbar #filter-dropdown {
        width: 35%;
    }

    #activity-feed-searchbar .select2-container:before {
        content: none;
    }
}

#tabs-nav .bx-wrapper {
    border: 0;
    border-bottom: 1px #e9e9e9 solid;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

#tabs-nav .bx-wrapper .bx-prev {
    left: 1px;
    background: #fff url(../themes/kwc/images/prev.png) center center no-repeat;
    -webkit-box-shadow: 5px 0px 10px -7px rgba(102,102,102,0.75);
    -moz-box-shadow: 5px 0px 10px -7px rgba(102,102,102,0.75);
    box-shadow: 5px 0px 10px -7px rgba(102,102,102,0.75);
}

#tabs-nav .bx-wrapper .bx-next {
    right: 0;
    background: #fff url(../themes/kwc/images/next.png) center center no-repeat;
    -webkit-box-shadow: -5px 0px 10px -7px rgba(102,102,102,0.75);
    -moz-box-shadow: -5px 0px 10px -7px rgba(102,102,102,0.75);
    box-shadow: -5px 0px 10px -7px rgba(102,102,102,0.75);
}

#tabs-nav .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
    top: 0;
    height: 100%;
}

.profilebox .img span.activity-signal {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 7px #b20710 solid;
    background: #fff;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -3px;
    top: -1px;
    z-index: 5;
}

.bx-loading {
    background: url(../images/bx_loader.gif) center center no-repeat #fff;
}

.ZebraDialogOverlay {
    z-index: 9999999 !important;
}

.ZebraDialog {
    z-index: 10000000 !important;
}

.ZebraDialog.referral-tag-dialog {
    width: 500px;
}

.ZebraDialog.referral-tag-dialog .ZebraDialog_Body {
    padding: 20px 40px 20px 40px;
}

.ZebraDialog.referral-tag-dialog .ZebraDialog_Body > div {
    padding-top: 0 !important;
}

.ZebraDialog.referral-tag-dialog .select2-container .select2-choices {
    height: 37px !important;
    padding: 0 0;
}

.ZebraDialog.referral-tag-dialog .select2-container {
    margin-bottom: 0;
    position: relative;
}

.ZebraDialog.referral-tag-dialog .select2-container input {
    height: 25px;
}

.ZebraDialog.referral-tag-dialog form label {
    display: block;
    margin: 10px 0 5px 0;
}

.ZebraDialog.referral-tag-dialog form .checkbox {
    padding-top: 5px;
    clear: both;
}

.ZebraDialog.referral-tag-dialog form .checkbox label {
    display: inline;
}

.ZebraDialog.referral-tag-dialog form textarea {
    background: #f6f6f7 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    height: 60px;
    letter-spacing: 1px;
    margin: 0;
    resize: none;
    width: 95%;
}

.select2-drop {
    z-index: 19999999 !important;
}

/** http://jquerymodal.com */

.jquery-modal.blocker {
    background-color: rgba(0,0,0,0.5);
    z-index: 100000;
}

.jquery-modal .modal {
    padding: 0;
}

.modal-dialog h3 {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(132, 132, 132, 0.3);
    -moz-box-shadow:    0px 1px 3px 0px rgba(132, 132, 132, 0.3);
    box-shadow:         0px 1px 3px 0px rgba(132, 132, 132, 0.3);
    color: #333;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 25px;
}

.modal-dialog h3 span {
    float: right;
    display: inline-block;
    font-size: 15px;
    color: #a3a3a3;
}

.modal-dialog .body {
    color: #333;
    font-size: 15px;
    padding: 25px;
}

.modal-dialog .select2-container .select2-choices {
    height: 37px !important;
    padding: 0 0;
}

.modal-dialog .select2-container {
    margin-bottom: 0;
    position: relative;
}

.modal-dialog label {
    display: block;
    margin: 10px 0 5px 0;
}

.modal-dialog .checkbox {
    padding-top: 5px;
    clear: both;
}

.modal-dialog .checkbox label {
    display: inline;
}

.modal-dialog textarea {
    background: #f6f6f7 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    clear: both;
    display: block;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    height: 70px;
    letter-spacing: 1px;
    margin: 0;
    resize: none;
    width: 100%;
}

.modal-dialog .buttons {
    padding: 15px 0 0 0;
    text-align: center;
}

.modal-dialog .btn {
    font-size: 14px;
    border-radius: 5px;
}

.modal-dialog .throbber {
    text-align: center;
}

.modal-dialog #notes .row {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.modal-dialog #notes {
    margin-top: 15px;
    max-height: 180px;
    overflow: auto;
    clear: both;
}

.modal-dialog #notes .row .actions {
    float: right;
    font-size: 20px;
    margin-top: -15px;
    margin-right: 5px;
    display: inline-block;
}

.modal-dialog #notes .row .date {
    color: #a3a3a3;
    font-size: 13px;
    margin-top: 3px;
}

.modal-dialog .action-cancel {
    display: none;
    float: right;
    font-size: 20px;
    margin-top: -25px;
}

#calenders .filters {
    margin-bottom: 5px;
}

#calenders a.adv-filter {
    color: #b21f27;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 8px;
    text-decoration: underline;
    text-transform: uppercase;
}

#calenders #calendar-sync,
#calenders #view-calendar-sync {
    float: right;
}

#calenders #view-calendar-sync {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #d7d7d7;
}

#calenders span#calendar-sync {
    color: #898b8c;
    font-style: italic;
}

#calenders .event-list {
    float: none;
    position: relative;
    width: 100%;
}

#calenders .filters form input {
    border: medium none;
    box-sizing: border-box;
    height: 45px;
    margin-bottom: 0;
    padding: 10px 38px 10px 10px;
    width: 100% !important;
}

#calenders .filters form input[name="e"] {
    background: #ffffff url(../images/search.png) 98% center no-repeat;
}

#calenders .filters form input[name="location"] {
    background: #ffffff url(../images/location.png) 96% center no-repeat;
}

#calenders .filters form input[name="date"] {
    background: #ffffff url(../themes/kwc/images/calender.png) 96% center no-repeat;
    background-size: 24px 24px;
}

#calenders .filters form button {
    background: #00b2c0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: medium none;
    box-sizing: border-box;
    height: 45px;
    margin-bottom: 0;
    width: 100%;
}

#calenders .filters .search-area {
    float: none;
    border-bottom: 1px #d7d7d7 solid;
    margin-bottom: 10px;
    padding-bottom: 15px;
    width: 100%;
    margin-left: 0 !important;
}

#calenders .filters .search-area .col {
    float: left;
    width: 23%;
    padding: 3px 1%;
}

#calenders .filters .search-area .col:first-child {
    padding-left: 0;
    width: 29%;
}

#calenders .filters .search-area .col:nth-child(2) {
    width: 20%;
}

#calenders .filters .search-area .col:nth-child(3) {
    border-left: 1px solid #d7d7d7;
    width: 19%;
}

#calenders .filters .search-area .col:nth-child(4) {
    border-left: 1px solid #d7d7d7;
    width: 12.9%;
}

#calenders .filters .search-area .col:last-child {
    padding-left: 0;
    padding-right: 0;
    width: 11.9%;
}

#calenders .filters .search-area .col:nth-child(2) div.location {
    float: left;
    width: calc(100% - 200px);
}

#calenders .filters .search-area .col:nth-child(2) div.distance {
    float: left;
    margin-top: 3px;
    width: 200px;
}

#calenders .filters .search-area .col:nth-child(2) div.distance > * {
    float: left;
    display: inline-block;
}

#calenders .filters .search-area .col:nth-child(2) div.distance input {
    background: #f9f9f9;
    border-radius: 37px;
    border: 1px #c5c5c5 solid;
    padding: 10px;
    text-align: center;
    width: 100px !important;
    margin: 0 6px;
    height: 39px;
    color: #aeaeae;
}

#calenders .filters .search-area .col:nth-child(2) div.distance a {
    background: #f2f2f2;
    border: 1px #c5c5c5 solid;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 37px;
    height: 37px;
    width: 37px;
    color: #aeaeae;
}

#calenders .filters .search-area .col:nth-child(2) div.distance a.minus {
    margin-left: 9px;
}

#calenders .filters .search-area .order-by {
    float: left;
    background: #fff;
    padding: 0;
    width: 100%;
}

#calenders .filters .search-area span {
    position: absolute;
    left: 15px;
    top: 0px;
    font-weight: normal;
}

#calenders .filters .search-area .order-by .select2-container .select2-choice {
    background-image: url('../themes/kwc/images/select-arrow.png');
    height: 45px;
}

#calenders a.adv-filter + .event-filter-dialog {
    display: none;
}

#calenders .event-filter-dialog .dialog-body > ul {
    float: left;
    width: 91%;
}

#calenders .event-filter-dialog ul li {
    width: auto;
}

#calenders .event-filter-dialog {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    position: absolute;
    top: 0;
    left: 105px;
    padding: 20px;
    width: 89.4%;
    z-index: 10;
}

#calenders .event-filter-dialog .dialog-body {
    position: relative;;
}

#calenders .event-filter-dialog .dialog-body .close {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 15px;
    height: 15px;
    color: #fff;
    background: #00b2c0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-transform: lowercase;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#calenders .event-filter-dialog .dialog-body > label {
    color: #000;
    clear: both;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 6px;
    display: block;
}

#calenders .event-filter-dialog .dialog-body > label:first-child {
    padding-top: 0;
}

#calenders .event-filter-dialog .dialog-body > button {
    border-radius: 5px;
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 25px;
    width: auto;
}

#calenders .event-filter-dialog #filter-class-name {
    clear: both;
    padding-top: 10px;
    width: 35%;
}

#calenders .event-filter-dialog .select2-container {
    margin: 0;
}

#calenders .event-filter-dialog .select2-container .select2-choices {
    background: #f6f6f7 url(../themes/kwc/images/select-arrow.png) top right no-repeat;
    padding: 0;
    padding-right: 50px;
}

#calenders .event-filter-dialog .select2-choices .select2-search-field {
    font-size: 13px;
}

#calenders .event-filter-dialog .select2-choices .select2-search-field input {
    padding-right: 10px;
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    #calenders .event-filter-dialog {
        width: 86%;
    }
}

@media only screen  and (max-width:1024px) {
    #calenders {
        padding-top: 5px;
    }

    #calenders .filters .search-area .col {
        float: none;
        padding: 4px 0;
        width: 100% !important;
    }

    #calenders .filters .search-area .col input,
    #calenders .filters .search-area .col button {
        float: none;
    }

    #calenders .filters .search-area .col:nth-child(3) {
        border-left: none;
    }

    #calenders .filters form input[name="e"],
    #calenders .filters form input[name="city"],
    #calenders .filters form input[name="date"] {
        background-position: 98% center;
    }

    #calenders .filters .search-area .col button {
        margin-top: 10px;
    }

    #calenders .event-list {
        margin-bottom: 0;
    }

    #calenders .event-list ul {
        padding: 0;
    }

    #calenders .event-filter-dialog {
        top: 20px;
        left: 0;
        width: 95.7%;
    }
}

.colgroup {
    margin-right: -1%;
    margin-left: -1%;
}

.colgroup:before, .colgroup:after {
    display: table;
    content: " ";
}

.colgroup:after {
    clear: both;
}

@media (min-width: 1024px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 1%;
        padding-right: 1%;
    }

    .col-12 {
        width: 98%;
    }

    .col-11 {
        width: 89.66666667%;
    }

    .col-10 {
        width: 81.33333333%;
    }

    .col-9 {
        width: 73%;
    }

    .col-8 {
        width: 64.66666667%;
    }

    .col-7 {
        width: 56.33333333%;
    }

    .col-6 {
        width: 48%;
    }

    .col-5 {
        width: 39.66666667%;
    }

    .col-4 {
        width: 31.33333333%;
    }

    .col-3 {
        width: 23%;
    }

    .col-2 {
        width: 14.66666667%;
    }

    .col-1 {
        width: 6.33333333%;
    }

    #formpage.calendar .groups .col-2 {
        width: 12%;
    }

    #formpage.calendar .groups .col-6 {
        width: 56%;
    }
}

.daterangepicker-overlay {
    background: black;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    position: absolute;
    opacity: 0.15;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.daterangepicker-overlay.withTime {
    height: 82%;
}

.daterangepicker .calendar {
    position: relative;
}

.daterangepicker {
    padding-right: 165px;
}

@media (min-width: 540px) {
    .daterangepicker .ranges {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.profile-display-switch-section {
    position:absolute;
    right:0;
    top: 0
}

.profile-display-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  padding-bottom: 0px !important;
}

.profile-display-switch input {display:none;}

.profile-display-switch-inner {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.profile-display-switch-inner:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .profile-display-switch-inner {
  background-color: #2196F3;
}

input:focus + .profile-display-switch-inner {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .profile-display-switch-inner:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.profile-display-switch-inner:after {
  content: "No";
  position: absolute;
  top: 50%;
  left: 35px;
  margin-top: -6px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

input:checked + .profile-display-switch-inner:after {
  content: "Yes";
  left: 5px;
}

.profile-display-switch-inner.round {
  border-radius: 34px;
}

.profile-display-switch-inner.round:before {
  border-radius: 50%;
}

.form-inline .form-group .field {
    display: inline-block;
    vertical-align: middle;
}
.form-inline .form-group .field + .field {padding-left: 5px;}

.profile-common-section {
    margin: 30px 10px;
}

.profile-common-section-title {
    color : #6AC6B8;
    font-family: "nimbus-sans",sans-serif;
    font-weight:700;
}

.profile-common-section-content {
    font-weight: 300;
    color : #333333;
    font-size : 18pt;
    line-height : 33pt;
}

.kw-extra-information {
    position: relative;
    padding: 25px 0;
    color: #fff;
    background: #6ac6b8;
}

.kw-extra-information:before, .kw-extra-information:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #6ac6b8;
}

.kw-extra-information:before {
    right: 100%;
}

.kw-extra-information:after {
    left: 100%;
}

.kw-extra-information .kw-extra-inner {
    position: relative;
    padding: 20px 0px;
}

.kw-extra-information .kw-extra-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 2px;
    height: 100%;
    background-color: #6ac6b8;
    opacity: 0.15;
    box-shadow: 0px 0px 0px black, 0px 0px 0px black, 2px 0 2px black;
}

.kw-extra-information ul {
    margin: 0;
    padding: 0;
    width: 1400px;
}

.kw-extra-information .bx-wrapper {
    margin-bottom: 0 !important;
    background: transparent;
    border: none;
    box-shadow: none;
}
.kw-extra-information li {
    display: inline;
    float: left;
}

.kw-extra-information li .item {
    position: relative;
    min-height: 55px;
    padding: 0;
    white-space: nowrap;
    margin-right: 5px;
}

.kw-extra-information li .circle {
    display: inline-block;
    float: left;
    /*position: absolute;
    top: 50%;
    left: 0;*/
    min-width: 55px;
    height: 55px;
    /*margin-top: -22.5px;*/
    /*transform: translateY(-50%); -webkit-transform: translateY(-50%);*/
    padding: 13px 5px;
    color: #6ac6b8;
    font-size: 21pt;
    font-weight: 700;
    line-height: 1;
    background: #fff;
    text-align: center;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kw-extra-information li .text {
    float: left;
    padding: 3px 0 0 10px;
    font-weight: bold;
}

.kw-extra-information li .text span {
    display: block;
}

.profile-extra-information {
    width: 66%;
    float: left;
}

.profile-extra-information ul {
    padding: 0;
}

.profile-extra-information li {
    display: inline-block;
    padding: 0;
    margin: 0 4px 10px 1px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 18px;
    background: #6ac6b8 none repeat scroll 0 0;
}
.profile-extra-information li a {
    padding: 6px 20px;
    display: block;
    font-size: 16pt;
    color: #ffffff;
    font-weight: bold;
}

.toggle-display-switch {
    display:inline-block;
    padding:20px 0px;
    width: 50%;
    float: left;
}

#formpage .toggle-display-switch strong {
    font-weight: bold;
}

.profileName .profileName-inner {
    position: relative;
    max-width: 1055px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width:992px) {
    .profileName .profileName-inner {
        padding: 0 250px 0 0;
    }
    .profileName .btn-group {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.profileName .btn-group {}
.profileName .btn {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    margin-left: 2px;
}
.profileName .btn-default {
    color: #6ac6b8;
    background-color: #fff;
    border-color: #6ac6b8;
}
.profileName .btn-primary {
    border-color: #6ac6b8;
}

.service-area-section {
    width: 33%;
    float: left;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    margin: 40px 0px;
}

.btn-contact-user {
    background-color: #6ac6b8;
}

.kw-popup {
    display: none;
    z-index: 999996;
}
.kw-popup .popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999998;
    background: rgba(255,255,255,.75);
}
.kw-popup .popup {
    /*overflow-x: hidden;
    overflow-y: auto;*/
    position: relative;
    z-index: 999999;
    max-height: 80%;
    margin: 90px auto 30px;
}
.kw-popup .popup .popup-body {
    padding: 50px;
    color: #fff;
    background: #6ac6b8;
}
.kw-popup .popup .popup-foot {
    padding: 25px 50px;
    background: #fff;
}
.kw-popup .popup .popup-close {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #fff;
    font-size: 20px;
}

@media (min-width: 769px) {
    .kw-popup .popup {
        position: absolute;
        top: 30px;
        right: 0;
        margin: 0;
    }
    .kw-popup .popup-contact-user {
        width: 400px;
    }
}

@media (max-width: 768px) {
    .kw-popup {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .kw-popup .popup {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.kw-popup .popup .social-icons {
    display: inline;
    float: right;
}


.kw-popup .popup-contact-user {
    max-width: 400px;
}


.kw-popup .popup-foot a {
    color: #6ac6b8;
}

.contact-user-info {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-user-info td {
    margin: 0 0 15px;
    background: transparent;
}
.contact-user-info td:last-child {
    margin-bottom: 0;
}
.contact-user-info .fa {
    font-size: 24px;
    margin-right: 5px;
}
.contact-user-info a {
    color: #fff;
    font-size: 18px;
}
.contact-user-info a * {
    vertical-align: middle;
}

.social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-icons li {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}
.social-icons li:first-child {
    padding-left: 0;
}
.social-icons li:last-child {
    padding-right: 0;
}
.social-icons a {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 6px 0;
    color: #000;
    font-size: 24px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.social-icons a:hover {
    color: #fff;
    background: #6ac6b8;
    border-color: #6ac6b8;
}

.service-area-section .service-area-banner {
    position: relative;
    min-height: 120px;
    margin: 0;
    padding: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-area-section .service-area-banner img {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.service-area-section .service-area-banner h6 {
    position: absolute;
    top: 50%;
    left: 110px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
    margin: 0;
    padding: 0;
    color: #6ac6b8;
    font-size: 20px;
    text-transform: uppercase;
}

.service-area-section .service-area-content {
    padding: 30px;
    color: #333;
    font-size: 18pt;
    line-height: 33pt;
    font-weight: 300;
    background: #fafafa;
}

@media (max-width: 767px) {

}

.bio-show-less, .bio-show-more {
    display: none;
    color: #6ac6b8;
}

@media only screen and (min-width: 1200px) {
    .kw-extra-information li .text {
        font-size: 18pt;
    }

    .kw-extra-information li .item {
        margin-right: 35px;
    }
}

#profile-section .right-section .profileName h2 {
    display: inline-block;
}

.profileName-inner .btn-group {
    position: relative;
    float: right;
    margin-top: 5px;
}

@media only screen and (max-width: 768px) {
    .profile-extra-information {
        width: 100%;
    }

    .service-area-section {
        clear: both;
        width: 360px;
        margin: 40px auto;
        float: none;
    }

    .profileName-inner .btn-group {
        margin-bottom: 10px;
    }

    .profile-common-section-content, .service-area-section .service-area-content {
        font-size: 15pt;
    }

    .kw-extra-information .kw-extra-inner:after {
        width: 0;
    }

    .profile-extra-information li a {
        font-size: 12pt;
    }
}

@media only screen and (max-width: 480px) {
    .kw-extra-information li .text {
        font-size: 14pt;
    }

    #profile-section .right-section .profileName h2 {
        display: block;
        text-align: center
    }

    .profileName-inner .btn-group {
        display: block;
        text-align: center;
        float: none;
    }
}

@media only screen and (max-width: 420px) {
    .kw-extra-information li .text {
        font-size: 11pt;
        padding: 8px 0 0 10px;
    }
}

.bio-show-more, .bio-show-less {
    cursor: pointer;
}

#community-form-privacy .radio-inline {
    padding-bottom: 6px;
}

#community-form-privacy .fa {
    float: left;;
    font-size: 20px;
    width: 17px;
    height: 19px;
    text-align: center;
}

#community-form-privacy label {
    float: left;
    font-size: 15px !important;
    font-weight: bold !important;
    padding-left: 8px;
}

#community-form-privacy span {
    display: block;
    clear: both;
    float: left;;
    font-size: 12px;
    margin-left: 53px;
    margin-top: -6px;
}

#community-form-privacy input {
    margin-top: 10px !important;
}

#community-form-privacy .fa {
    margin-top: 6px !important;
}

.btn-pending-ref {
    cursor: default;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 1000 !important;
}

.calendar-search .order-by .select2-container {
    float: left;
    width: 100% !important;
}

.daterangepicker.calendar-event-daterange-picker {
    padding-right: 5px;
}

#formpage.view-mcsync-calendars table td {
    padding: 5px;
    background: #fff;
    vertical-align: middle;;
}

#formpage.view-mcsync-calendars table td:first-child {
    padding-right: 20px;
}

#formpage.view-mcsync-calendars .btn {
    margin: 0;
    font-size: 12px;
    padding: 7px 15px;
}

#formpage.view-mcsync-calendars .btn.danger {
    background: #b20710;
}

#ui_notifIt {
    z-index: 999999 !important;
}

.replace-file-form {
    display: none;
}

.replace-file-form .file {
    padding: 0 20px;
    display: block;
    width: 200px;
    line-height: 40px;
    color: #fff;
    height: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #959697;
}

.replace-file-form input[type="file"] {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    height: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #959697;
    opacity: 0;
    filter: alpha(opacity=0);
}

.replace-file-form .file-uploader {
    display: block;
    position: relative;
}

.replace-file-form .form-group:last-of-type {
    margin-top: 10px;
}

.replace-file-form .btn-primary {
    margin: 15px 0;
    height: 40px;
}

.replace-file-form .form-throbber {
    margin: -7px 13px;
}

a.btn-small.btn-replace-file {
    background-color: darkmagenta;
}

#formpage form .report-event-types label {
    display: inline-block;
    margin-right: 20px;
}

#formpage form .report-event-status label {
    display: inline-block;
    margin-right: 20px;
}

#formpage form .trainning-filter {
    display: none;
}

#formpage form .report-event-class-name {
    display: none;
}

#review-list-container {
    clear: both;
    display: none;
}

#eventInfo ul {
    list-style-type: disc;
    padding-left: 30px;
    margin: 16px 0;
}

#eventInfo ol {
    padding-left: 30px;
    margin: 16px 0;
    font-size: 18px;
}
.head-turner {
    background: #e8e8e8;
    color: black;
    clear: both;
}

.head-turner h2 {
    text-align: center;
    padding: 20px 0px;
    color: rgb(65,65,65);
}

.top-head-turner {
    margin: 0;
    background: rgb(167,30,20);
    padding: 15px 0;
    font-family: "nimbus-sans",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #eed5d5;
}

.top-head-turner li {
    list-style-position: inside;
    color: #eed5d5;
}
.top-head-turner li span {
    padding: 7px;
    display: inline-block;
}

.top-head-turner li span.agent-name {
    background: rgb(195, 52, 52);
    margin-right: 7px;
    border-radius: 3px;
}

.top-head-turner .owl-wrapper-outer {
    background: rgb(167,30,20);
}

.top-head-turner .bullet {
    font-size: 10px;
}

.top-head-turner li span.agent-name a {
    color: white;
}

.top-head-turner li span.welcome-text {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.white-head-turner {
    background: #fff;
    position: relative;
}

.bottom-head-turner .owl-wrapper-outer {
    background: #fff;
}

.bottom-head-turner .agent-ticker {
    padding: 0 30px;
    text-align: center;
    color: rgb(175, 175, 175);
}

.bottom-head-turner .agent-ticker .agent-photo {
    overflow: hidden;
    position: relative;
    width: 125px;
    height: 125px;
    margin: 15px auto;
    padding: 3px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    border: 8px solid #900404;
    box-shadow: inset 0px 0px 0px 3px white;
}

.bottom-head-turner .agent-ticker .agent-photo img {
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 50%;
}
.bottom-head-turner .agent-ticker .agent-name, .bottom-head-turner .agent-ticker .kw {
    color: #b40101;
    font-weight: 500;
}

.bottom-head-turner .agent-ticker .address {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.bottom-head-turner .agent-ticker .address:before {
    content: '';
    overflow: hidden;
    display: block;
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 1px;
    background: #e4e1e2;
}

.bottom-head-turner .agent-ticker .came-from {
    display: table;
    margin: 0 auto;
}

.bottom-head-turner .agent-ticker .came-from > * {
    display: table-cell;
    vertical-align: middle;
}

.bottom-head-turner .agent-ticker .came-from strong {
    max-width: 120px;
    text-align: center;
    padding-right: 5px;
    font-size: 12px;
}

.bottom-head-turner .agent-ticker .came-from span.kw {
    padding-left: 5px;
    text-align: left;
    white-space: nowrap;
    font-size: 12px;
}

.bottom-head-turner .agent-ticker .came-from .fa-arrow-right {
    font-size: 12px;
}

.bottom-head-turner .agent-ticker .came-from strong, .bottom-head-turner .agent-ticker .came-from span {}

.bottom-head-turner .agent-ticker .quote {
    padding-top: 5px;
}

.bottom-head-turner .agent-ticker .came-from-inner {
    color: rgb(65, 65, 65);
}

.head-turner-title {
    text-align: center;
    margin-top: 50px;
    height: 80px
}

.head-turner-title span {
    font-size: 86px;
    color: #f8f8f8;
    letter-spacing: 20px;
}

#middle-part.overlapping {
    position: relative;
    height: 250px;
    overflow: hidden
}

#middle-part.overlapping:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to  bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.2) 200%,rgba(0, 0, 0, 0.25) 99%);
}

.toggle-head-turner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 20px);
    top: -20px;
    color: #d6d6d6;
    font-size: 30px;
    border: 2px solid white;
    background: #ffffff;
    cursor: pointer;
}

.toggle-head-turner:hover {
    background: #e1f5f6;
}

.toggle-head-turner:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    border: 2px solid lightgrey;
    border-radius: 50%;
}

.white-head-turner h3 {
    width: 800px;
    display: block;
    margin: 20px auto;
    text-align: center;
    padding: 50px 0px 40px 0;
    color: rgb(65,65,65);
    font-family: "nimbus-sans",sans-serif;
    font-size: 28px;
}

.search-results-page #secondary-menu-home nav .sortby::before {
    display: none;
}

.search-results-page #secondary-menu-home nav .sortby {
    display: block;
    line-height: 23px;
    margin-bottom: 15px;
}

#latest-in-tech {
    background: white;
    display: none;
    position: relative;
}

#latest-in-tech:before {
    display: block;
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    height: 25px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.2) 250%,rgba(0, 0, 0, 0.25) 99%);
}

#latest-in-tech:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    height: 25px;
    background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.2) 250%,rgba(0, 0, 0, 0.25) 99%);
}

#latest-in-tech #block-latesttech > h3 {
    border-bottom: 1px solid #cccdce;
    color: #898a8c;
    font-size: 25.78px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 10px 0;
    text-transform: capitalize;
    margin-bottom: 12px;
    margin: 0 10px 10px 10px;
}

#latest-in-tech .owl-wrapper-outer {
    background: white;
}

#latest-in-tech .box-area {
    padding-bottom: 0;
}

#latest-in-tech .box-area .all-type:nth-child(4n+1) {
    margin-left: 3%;
}

#latest-in-tech .all-type {
    width: 94%;
}

#latest-in-tech h3 .owl-controls {
    float: right;
}

#latest-in-tech h3 a {
    float: right;
    color: #b40101;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 10px;
}

#latest-in-tech h3 a span {
    font-size: 21px;
}

#latest-in-tech h3 .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    width: 32px;
    height: 33px;
    padding: 0;
    text-indent: -9999px;
}

#latest-in-tech h3 .owl-controls .owl-buttons div.owl-prev {
    background: url(../images/nav-left.png) no-repeat right center !important;
}

#latest-in-tech h3 .owl-controls .owl-buttons div.owl-next {
    background: url(../images/nav-right.png) no-repeat left center !important;
}

@media only screen and (min-width:1200px) {
    .bottom-head-turner {
        position: relative;
    }

    .bottom-head-turner::before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 250px;
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        pointer-events: none;
        z-index: 1;
    }

    .bottom-head-turner::after {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        width: 250px;
        height: 100%;
        background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        pointer-events: none;
        z-index: 1;
    }
}

@media only screen and (max-width:480px) {
    .white-head-turner h3 {
        width: 90%;
        margin: 0 auto;
    }

    .head-turner-title {
        margin-top: 20px;
        height: 37px;
    }

    .head-turner-title span {
        font-size: 40px;
        letter-spacing: 5px;
    }

    .top-head-turner li span {
        padding: 2px;
    }
}

@media only screen and (min-width:481px) and (max-width: 640px) {
    .head-turner-title {
        margin-top: 20px;
        height: 45px;
    }

    .white-head-turner h3 {
        width: 80%;
        margin: 0 auto;
    }

    .head-turner-title span {
        font-size: 50px;
        letter-spacing: 10px;
    }
}

@media only screen and (min-width:641px) and (max-width: 810px) {
    .head-turner-title {
        margin-top: 20px;
        height: 55px;
    }

    .head-turner-title span {
        font-size: 60px;
        letter-spacing: 10px;
    }

    .white-head-turner h3 {
        width: 80%;
        margin: 0 auto;
    }
}