/* * Theme Name: SS Theme * * Layout: Shortcode Styes * * Learn more: https://developer.wordpress.org/themes/basics/template-files/ */
 .widget-container {
     clear: both;
     display: block;
}
/*------------------------------------------ # Icon boxes ---------------------------------------*/

 .hsk-icon-box-icon-wrapper {
     clear: both;
     display: block;
     margin-bottom: 5px;
}
.icon-box-shadow {
    box-shadow: 0 30px 40px rgba(0,0,0,0.10);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.icon-box-shadow:hover{
     -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.hsk-icon-box-icon-wrapper .hsk-icon-box-icon{
     -webkit-transition: 0.6s ease-out;
     -moz-transition:  0.6s ease-out;
     transition:  0.6s ease-out;
}
.hsk-icon-box-icon-wrapper:hover .hsk-icon-box-icon{
   -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
 #hsk-main-footer-wrapper .widget_hsk-icon-box {
     margin-bottom: 20px;
}
 #hsk-main-footer-wrapper .widget_hsk-icon-box:last-child, #hsk-main-footer-wrapper .widget_hsk-icon-box:last-child .hsk-icon-box-icon-wrapper {
     margin-bottom: 0px;
}
 .hsk-icon-box-left-icon .hsk-icon-box-icon, .hsk-icon-box-right-icon .hsk-icon-box-icon {
     font-size: 22px;
     color: #353535;
     text-align: center;
     border-radius: 3px;
     overflow: hidden;
}
 .hsk-icon-box-left-icon .hsk-icon-box-icon {
     float: left;
}
 .hsk-icon-box-right-icon .hsk-icon-box-icon {
     float: right;
}
 .hsk-icon-box-right-icon .description {
     text-align: right;
     padding-right: 15px;
}
 .hsk-icon-box-icon-wrapper .description {
     overflow: hidden;
     display: block;
}
 .hsk-icon-box-icon-wrapper h4 {
     font-size: 18px;
     font-weight: bold;
     padding: 0;
     margin: 0px;
     margin-bottom: 10px;
}
 .hsk-icon-box-icon-wrapper h3 {
     margin-bottom: 5px;
}
 .hsk-icon-box-icon-wrapper p:last-child {
     padding-bottom: 0px;
}
/* Icon Box Style - 2 */
 .hsk-icon-box-center-icon .hsk-icon-box-icon {
     font-size: 30px;
     text-align: center;
     color: #d22a78;
     margin: 0px auto!important;
}
 .hsk-icon-box-center-icon .description {
     text-align: center;
     margin-top: 20px;
}
/* Icon Box Style - 2 */
 .hsk-icon-box-icon-wrapper.hsk-icon-box-left-icon .icon-without-bg.hsk-icon-box-icon {
     text-align: left!important;
}
 .hsk-icon-box-icon-wrapper.hsk-icon-box-center-icon .icon-without-bg.hsk-icon-box-icon {
     text-align: center!important;
}
 .hsk-icon-box-icon-wrapper.hsk-icon-box-right-icon .icon-without-bg.hsk-icon-box-icon {
     text-align: right!important;
}
 .hsk-icon-box-icon-wrapper.icon-box-style2, .hsk-icon-box-icon-wrapper.icon-box-style2 {
     background: #ffffff;
     border: 1px solid #ddd;
     text-align: center;
     padding: 0 30px 30px;
     margin: 30px 0 0;
     position: relative;
     padding-bottom: 20px!important;
}
 .hsk-icon-box-icon-wrapper.icon-box-style2 .description {
     padding: 0 15px;
}
 .hsk-icon-box-icon-wrapper .hsk-icon-container-wrapper {
     top: -30px;
     position: absolute;
}
 .hsk-icon-box-icon-wrapper .hsk-icon-container {
     display: inline-block;
     width: 75px;
     height: 75px;
     text-align: center;
     font-size: 2.4em;
     line-height: 75px;
     color: #fff;
     top: 0 !important;
     -webkit-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
     background: #d22a78;
     border-radius: 3px;
     margin-left: 0px!important;
}
 .hsk-icon-box-icon-wrapper.icon-box-style2 h4 {
     font-size: 18px;
     font-weight: bold;
     margin-top: 20px;
}
/* Style -3 */
 .hsk-icon-box-icon-wrapper.icon-box-style3 {
     background: #ffffff;
     border: 1px solid #ddd;
     text-align: center;
     position: relative;
     padding: 30px;
}
 .hsk-icon-box-icon-wrapper.icon-box-style3 .hsk-icon-box-icon {
    /* margin: 0px auto;
     */
     margin: 0 auto!important;
     padding: 0;
     margin-right: 0!important;
     display: inline-block;
     margin-bottom: 0px!important;
}
 .hsk-icon-box-icon-wrapper p {
     padding-bottom: 0px;
}
 .hsk-icon-box-icon-wrapper.hsk-icon-box-left-icon.icon-box-style3 .hsk-icon-box-icon {
     float: none!important;
     text-align: center;
     display: block;
     margin: 0 0 15px 0px!important;
}
 .hsk-icon-box-icon-wrapper.hsk-icon-box-right-icon.icon-box-style3 .hsk-icon-box-icon {
     float: right!important;
     text-align: center;
     display: block;
     margin: 0px!important;
}
 .hsk-icon-box-icon-wrapper.hsk-icon-box-center-icon.icon-box-style3 .hsk-icon-box-icon {
     float: none!important;
     text-align: center;
     display: block;
     margin: 0px auto!important;
}
 .hsk-icon-box-icon-wrapper.hsk-icon-box-right-icon.icon-box-style3 .description3, .hsk-icon-box-icon-wrapper.hsk-icon-box-left-icon.icon-box-style3 .description3, .hsk-icon-box-icon-wrapper.hsk-icon-box-center-icon.icon-box-style3 .description3 {
     clear: both;
}
/*------------------------------------------ # Image Boxes ---------------------------------------*/
 .hsk-img-content-wrapper p {
     margin-top: 0px;
     margin-bottom: 10px;
}
 .above-img-title {
     padding-bottom: 15px;
}
 .hsk-image-content-wrapper .description h3 {
     margin-bottom: 5px;
}
 .hsk-image-content-wrapper .description {
     margin-top: 10px;
}
 .hsk-image-content-wrapper .description p {
     padding-bottom: 0px;
     margin-bottom: 0px;
}
 .hsk-image-content-wrapper .description .image-button-text {
     padding-top: 5px;
}
 .hsk-image-content-wrapper .img-content-wrapper {
     display: block;
     overflow: hidden;
}
 .hsk-image-content-wrapper .above-img-title {
     padding-bottom: 15px;
}
 .hsk-image-position-left img {
     float: left;
     clear: both;
}
 .hsk-image-position-right img {
     float: right;
     clear: both;
}
 .hsk-image-position-center img {
     margin: 0px auto;
     clear: both;
     display: table;
}
 .hsk-image-position-left .description, .hsk-image-position-right .description, .hsk-image-position-center .description {
     clear: both;
     margin-top: 15px;
}
/** * Image with title align left */
 .hsk-image-position-left-title-img .description {
     overflow: hidden;
     display: block;
}
 .hsk-image-position-left-title-img .img-content-wrapper {
     float: left;
     margin-right: 20px;
}
/** * Image with title align right */
 .hsk-image-position-right-title-img .description {
     overflow: hidden;
     display: block;
     text-align: right!important;
}
 .hsk-image-position-right-title-img .img-content-wrapper {
     float: right;
     margin-left: 20px;
}
 .hsk-image-position-right-title-img span.title-price {
     margin-left: 20px;
}
/*------------------------------------------- # Progress Bar -----------------------------------*/
 .progress-bar-holder {
     width: 125px;
     border: 1px solid #ccc;
     padding: 0.2em;
     margin: 1em 0.2em;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .progress-bar {
     height: 30px;
     color: #fff;
     font-weight: bold;
     text-align: right;
     background: #63A25C;
     width: 0px;
     padding: 0.8em;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
/*---------------------------------- Custom Title ---------------------------------*/
 .hsk-custom-title-wrapper h3 {
     margin-bottom: 15px;
}
 .hsk-custom-title-wrapper.hsk-custom-title-center p {
     margin: 0px auto;
     width: 75%;
}
 span.title-border-bottom {
     border-bottom: 2px solid #ececec;
     width: 150px;
     display: block;
     text-align: center;
     margin: 0px auto;
     margin-top: 15px!important;
     position: relative;
}
 .hsk-custom-title-left span.title-border-bottom {
     margin: 0;
}
 .hsk-custom-title-wrapper h3 {
     margin-bottom: 15px;
}
 span.title-border-bottom span.title-border-strip {
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     margin: 0px auto;
     height: 4px;
     top: -1px;
     width: 55px;
     border-radius: 4px;
     background-color: #e5e5e5;
     background-repeat: no-repeat;
     background-position: center center;
}
 span.title-border-bottom-url {
     width: 20%;
     display: block;
     margin: 0px auto;
}
 .hsk-custom-title-wrapper.hsk-custom-title-left {
     float: left;
}
 .hsk-custom-title-wrapper.hsk-custom-title-left {
     float: left;
}
 span.above-title-icon {
     display: block;
}
 span.title-border-icon {
     position: absolute;
     top: -18px;
     font-size: 20px;
     left: 0;
     right: 0;
}
 span.above-title-icon i{
     font-size:30px;
}
/* Social Media Icons */
 .social-media-icons-wrapper ul li a {
     height: 35px;
     width: 35px;
     padding: 0;
     display: inline-block;
     line-height: 35px;
     text-align: center;
}
 #hsk-top-header-section ul li {
     list-style: none;
}
 #hsk-top-header-section ul {
     list-style: none;
     padding: 0;
     list-style: none;
}
 .social-media-icons-wrapper ul li {
     display: inline-block;
}
 #hsk-main-footer-wrapper .social-media-icons-wrapper ul li {
     margin-right: 3px;
}
 .social-media-icons-wrapper ul {
     margin: 0px;
     padding: 0px;
}
 .social-media-icons-wrapper ul li a:hover {
     -webkit-transition: all 0.7s ease;
     transition: all 0.7s ease;
}
/** * talents category slider */
 .talents-cat-content-wrapper {
     position: relative;
     display: block;
}
 .talents-cat-content-wrapper h3 {
     position: absolute;
     background: rgba(210, 41, 120, 0.7);
     color: #fff;
     display: block;
     padding: 7px 20px;
     text-align: center;
     width: auto;
     bottom: 15px;
     left: 15px;
     border-radius: 4px;
     font-size: 18px;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 .hsk-talents-cat-wrapper.owl-carousel .owl-item {
     overflow: hidden;
}
 .talents-cat-content-wrapper:hover img, .talents-cat-content-wrapper img {
     -webkit-transition: .9s ease-in-out;
     transition: .9s ease-in-out;
     -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera */
     backface-visibility: hidden;
}
 .talents-cat-content-wrapper img {
     transform: scale(1) rotate(0deg);
     -webkit-transform: scale(1) rotate(0deg);
}
 .talents-cat-content-wrapper {
     background: #000;
}
 .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
}
 .hsk-talents-cat-wrapper .owl-prev {
     float: left;
}
 .hsk-talents-cat-wrapper .owl-prev {
     left: -7px;
     background-image: url(../images/main-sliderl.png);
     background-position: top;
     background-repeat: no-repeat;
     width: 77px;
     height: 124px;
     text-indent: -999px;
     margin-top: -60px;
}
 .hsk-talents-cat-wrapper .owl-next {
     right: -16px;
     background-image: url(../images/main-sliderr.png);
     background-position: top;
     background-repeat: no-repeat;
     width: 77px;
     height: 124px;
     text-indent: 999px;
     margin-top: -60px;
}
 owl-next .owl-prev {
     position: absolute;
}
 .owl-next {
     position: absolute;
     right: 0;
}
 .talents-cat-content-wrapper:hover img {
     opacity: .7;
     -webkit-transform: scale(1.2) rotate(5deg);
     -ms-transform: scale(1.2) rotate(5deg);
     transform: scale(1.2) rotate(5deg);
     background: rgba(0, 0, 0, .1);
}
/** * Testimonial Slider */
 .testimonial-wrapper-data {
     position: relative;
     display: block;
}
 span.tesimonial-content-quotes {
     background-image: url(../images/testimonial-quotes.png);
     height: 60px;
     width: 60px;
     background-repeat: no-repeat;
     display: block;
     position: absolute;
     opacity: .2;
     background-position: center;
     margin: 0px auto;
     display: table;
     top: 31%;
     left: 10%;
}
 .testimonial-style-1 .description-with-img {
     background: #16202a;
     padding: 30px 30px 70px 30px;
     position: relative;
     border-radius: 10px;
}
 .testimonial-style-1 .description-with-img img {
     position: absolute;
     border-radius: 100%;
     bottom: -30px;
     width: inherit!important;
}
 .description-with-img img {
     width: inherit!important;
}
 .testimonial-style-1 .description-with-img p {
     margin-bottom: 0px;
     padding-bottom: 20px;
}
 .testimonial-style-1 .title-wrapper-section h6 {
     font-size: 13px!important;
     display: inline-block;
     text-transform: uppercase;
     margin-right: 5px;
}
 .testimonial-style-1 .title-wrapper-section {
     padding: 0 30px;
     margin-left: 65px;
     font-size: 15px!important;
     margin-top: 5px;
}
 .testimonial-style-1 .description-with-img::after {
     content: "";
     position: absolute;
     right: 0%;
     bottom: 0px;
     width: 0px;
     height: 0px;
     border-top: 25px solid #eee;
     border-right: 25px solid #ffffff;
}
 .testimonial-style-2 img {
     display: table;
     margin: 0px auto;
     border-radius: 100%;
     box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
}
 .testimonial-style-2 {
     text-align: center;
}
 .testimonial-style-2 .description-with-img p {
     padding: 20px 0px;
     margin-bottom: 0px;
}
 .testimonial-slider-content-wrapper .owl-dot {
     height: 3px;
     width: 30px;
     background: #000;
     display: inline-block;
     margin: 0 5px;
}
 .testimonial-slider-content-wrapper .owl-dot {
     margin: 0 5px!important;
}
 .testimonial-slider-content-wrapper .owl-dot.active {
     background: #D22977!important;
}
 .owl-dots {
     text-align: center;
}
/** * Callout Boxes */
 .cbox-content-wrraper{
     overflow:hidden;
}
 .cbox-content-button a {
     background: #f5f5f5;
     padding: 7px 25px;
     display: inline-block;
     width: auto;
     margin: 0 3px;
     border-radius: 1px;
     -webkit-transition: 0.8s ease all;
     transition: 0.8s ease all;
}
 .cbox-content-button {
     display: inline-block;
     width: auto;
     margin: 0 3px;
     border-radius: 1px;
}
 .cbox-content-wrraper h3 {
     margin-bottom: 0px;
}
 .cbox-content-wrraper p {
     margin-bottom: 0px;
     padding-bottom: 0px;
}
 .cbox-content-wrraper-style1 .cbox-title-description-wrapper {
     width: 80%;
     float: left;
}
 .cbox-content-wrraper-style1 .cbox-content-button-1.cbox-content-button {
     float: right;
}
 .cbox-content-wrraper-style2 .cbox-title-description-wrapper p {
     width: 70%;
     margin: 0px auto;
}
/** * List */
 .list-data-content-wrapper ul {
     list-style: none;
     margin: 0px;
     line-height: 32px;
     padding: 0px;
}
 .list-data-content-wrapper ul li i {
     padding-right: 10px;
}
 .list-style-none {
     list-style: none;
     margin: 0px;
     padding-top: 0px;
}
 .list-style-none ul li i {
     padding-right: 5px;
}
 .hsk-row-position .panel-layout, .hsk-row-position {
     position: relative;
}
 img {
     display: block;
}
/** Team Members */
 .team-member-image {
     position: relative;
     overflow: hidden;
}
 .team-member-description {
     text-align: center;
}
 .team-title-designation {
     position: absolute;
     bottom: 20px;
     padding: 15px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     border-radius: 0 8px 8px 0;
}
 .team-title-designation h5 {
     margin-bottom: 0;
     display: inline-block;
     color: #fff!important;
     margin-right: 10px;
}
 .team-title-designation strong {
     font-size: 12px;
     font-weight: 300;
     color: #fff;
}
 .team-social-follow-icons {
     position: absolute;
     bottom: 15px;
     top: -100%;
     right: 0;
}
 .team-social-follow-icons ul {
     list-style: none;
     margin: 0px;
     padding: 0px;
}
 .team-social-follow-icons ul li a {
     background: rgba(0, 0, 0, .3);
     border-bottom: 1px solid rgba(0, 0, 0, .5);
     height: 40px;
     width: 40px;
     line-height: 40px;
     display: block;
     text-align: center;
     border-radius: 100%;
     margin-top: 5px;
}
 .team-social-follow-icons {
     padding: 5px;
}
 .team-member-description p {
     margin-top: 10px;
}
/** * Blog Styles */
 .blog-content-wrapper h3 {
     margin-bottom: 0px;
     font-weight: bold;
}
 .blog-content-wrapper article {
     margin-bottom: 30px;
     display: block;
     overflow: hidden;
     border-bottom: 3px solid rgba(127, 127, 127, 0.2);
     -webkit-transition: box-shadow 0.3s ease-in-out 0s;
     -moz-transition: box-shadow 0.3s ease-in-out 0s;
     -o-transition: box-shadow 0.3s ease-in-out 0s;
     -ms-transition: box-shadow 0.3s ease-in-out 0s;
     transition: box-shadow 0.3s ease-in-out 0s;
}
 .blog-content-wrapper article:hover {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .blog-content-wrapper .img-wrapper {
     position: relative;
}
 .blog-content-wrapper .img-wrapper img {
     display: block;
}
 .blog-content-wrapper .post-date-wrapper {
     position: absolute;
     top: 5px;
     left: 5px;
     background-color: #fff;
     padding: 5px 15px;
     border: 1px solid rgba(127, 127, 127, 0.2);
     box-shadow: 3px 3px 2px -2px rgba(127, 127, 127, 0.3);
}
 .blog-content-wrapper .post-meta-info a {
     color: #fff!important;
}
 .blog-content-wrapper .post-meta-info {
     padding: 5px 20px;
}
 .blog-content-wrapper h5 {
     text-align: center;
     padding: 10px 0px;
     margin-bottom: 0px;
     font-weight: bold;
     text-transform: uppercase;
}
 .blog-content-wrapper h5:first-child {
     border-bottom: 1px solid rgba(204, 204, 204, .3);
}
 .post-meta-info {
     background-color: rgba(0, 0, 0, .5);
     display: block;
     position: absolute;
     bottom: 0px;
     right: 0px;
     color: #fff;
}
 .description.fullwidth.has-featured-image {
     border: 1px solid rgba(204, 204, 204, .3);
}
 .blog-content-wrapper .post-meta-info span:first-child {
     border-right: 1px solid rgba(204, 204, 204, .3);
     padding-right: 10px;
     margin-right: 10px;
}
 .post-data-wrapper {
     padding: 0 0 5px 0px;
}
 .post-data-wrapper span {
     margin-right: 15px;
     font-style: italic;
     font-size: 13px;
}
 .post-data-wrapper span i, .post-meta-info i {
     padding-right: 8px;
}
 .blog-content-wrapper .description p {
     margin-top: 10px;
     margin-bottom: 0px;
     padding-bottom: 0px;
}
 .img-wrapper.hsk-column4 {
     margin-right: 0px!important;
     width: 33.33%;
}
 .description.hsk-column8.has-featured-image {
     margin-right: 0px;
}
 .blog-content-wrapper a:hover {
     opacity: 0.8;
}
 #hsk-main-footer-wrapper .blog-content-wrapper .post-data-wrapper {
     padding: 0px;
}
 #hsk-main-footer-wrapper .blog-content-wrapper article:hover {
     box-shadow: none!important;
}
 .img-wrapper.hsk-column4 {
     margin-right: 0px!important;
     width: 33.33%;
}
 .description.hsk-column8.has-featured-image {
     margin-right: 0px;
}
 .blog-content-wrapper .description p {
     margin-bottom: 0px;
     padding-bottom: 0px;
}
/** * Footer custom title */
 #hsk-main-footer-wrapper .hsk-custom-title-wrapper {
     clear: both;
     display: block;
     float: none;
}
 #hsk-main-footer-wrapper .description-wrapper h3::after {
     content: none;
}
 #hsk-main-footer-wrapper .description-wrapper h3 {
     padding-bottom: 0px;
     margin-bottom: 8px;
}
/** * Instagram */
 .instagram-user-images {
     float: left;
     margin-right: 5px;
     margin-bottom: 5px;
}
 .instgram-feed-images-wrapper {
     margin-bottom: 30px;
     overflow: hidden;
}
/** * Counters */
 .counter-wrapper .counter-icons {
     margin-bottom: 15px;
}
 .counters-content-wrapper {
     position: relative;
     overflow: hidden;
}
 .counters-content-wrapper p {
     clear: both;
     overflow: hidden;
     display: block;
     margin-top: 5px;
     padding-bottom: 0px;
     margin-bottom: 0px;
}
 .counter-wrapper-aligin-left {
     text-align: left;
}
 .counter-wrapper-aligin-left .counter-wrapper .counter-icons {
     float: left;
     margin-right: 15px;
}
 .counter-wrapper-aligin-center {
     text-align: center;
     margin: 0px auto;
}
/** * Feature Boxes */
 .feature-box-hover-details-wrapper {
     opacity: 0;
     right: 100%;
     display: none;
}
 .feature-box-hover-details-wrapper h3 {
     margin-bottom: 0px;
}
 .feature-box-title-icon {
     background: #e5e5e5;
     text-align: center;
     padding: 50px 15px;
     position: relative;
     z-index: 0;
}
 .feature-box-title-icon i {
     font-size: 30px;
     margin-bottom: 15px;
}
 .feature-box-content-wrapper {
     position: relative;
     overflow: hidden;
}
 .feature-box-hover-details-wrapper {
     position: absolute;
     top: 0px;
     background-color: #000;
     color: #fff;
     height: 100%;
     z-index: 10;
     width: 100%;
}
 .feature-box-hover-details-wrapper p {
     padding: 10px!important;
}
 .feature-box-link {
     position: absolute;
     bottom: 0px;
     right: 0px;
     background: rgba(204, 204, 204, 0.3);
     color: #fff;
     padding: 5px;
     width: 40px;
     display: block;
     text-align: center;
}
 .clients-column-wrapper ul {
     padding: 0px;
     margin: 0px;
}
 .clients-column-wrapper ul li {
     margin-bottom: 0px;
}
/* custom links based on user roles */
 .display-links-on-roles ul {
     list-style: none;
     ;
     padding: 0px;
     margin: 0px;
}
/* Profile */
 .hsk-form-styles th {
     width: 100%;
     text-align: left;
     display: block;
     padding: 0px;
}
 .hsk-form-styles td {
     width: 100%;
     display: block;
     padding: 0px;
}
 .hsk-form-styles td input {
     width: 100%;
     display: block;
}
 td#wp-user-avatars-ratings input {
     width: auto;
     display: inline-block;
}
 td#wp-user-avatars-ratings {
     text-align: left;
}
/* Custom Links */
 .custom-links-generate ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 .custom-links-generate li {
     list-style: none;
}
/** * User roles custom links */
 .user-roles-custom-links ul {
     list-style: none;
     padding: 0px;
}
/** * Blog Recent News */
 .hsk-blog-recent-post-wrapper ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .hsk-blog-recent-post-wrapper ul li {
     margin-bottom: 30px;
}
 .Image-content-wrapper {
     display: inline-block;
     float: left;
     margin-right: 15px;
}
 .hsk-blog-recent-post-wrapper ul li .description h5 {
     margin-bottom: 0px;
}
/** * Image over text */
 .overly-image-content-wrapper {
     position: relative;
     background: #000;
}
 .overlay-img-description h3 {
     background-color: #fff;
     padding: 5px 15px;
     color: #353535;
     margin-bottom: 0px;
     font-size: 16px;
     line-height: 24px;
}
 .overlay-img-description p {
     background-color: #fff;
     padding: 5px 15px;
     color: #353535;
}
 .image-link-icon {
     position: absolute;
     right: 0px;
     bottom: 0px;
     line-height: 0;
     display: block;
}
 .image-link-icon a {
     height: 50px;
     width: 50px;
     background-color: #000;
     color: #fff;
     display: block;
     line-height: 50px;
     text-align: center;
}
 .overly-image-content-wrapper img {
     display: block;
     webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.25s ease;
     transition: all 0.25s ease;
}
 .overlay-img-description {
     text-align: center;
     position: absolute!important;
     top: 50%!important;
     left: 50%!important;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .overly-image-content-wrapper:hover img {
     opacity: 0.5;
     background: rgba(0, 0, 0, .3);
}
/** * User Dashboard Avathar images */
 .user-avathar-login img {
     border-radius: 100%;
     float: left;
     margin-right: 14px;
     width: 70px;
     height: 70px;
}
 .user-avathar-login {
     clear: both;
     margin-bottom: 15px;
     overflow: hidden;
}
 .user-avathar-login h5 {
     margin-bottom: 5px;
     line-height: 8px;
     margin-top: 20px;
     font-size: 20px;
}
 .user-avathar-login strong {
     font-size: 12px;
     font-weight: 300;
}
 .widget_hsk-user-role-custom-links h3 {
     font-weight: bold;
}
/*-----------------------------------------------------------------------------------*/
/* Pricing Table 
/*-----------------------------------------------------------------------------------*/
 .hsk-pricing-table {
     list-style: none;
     margin: 0;
     padding: 0;
     font-size: 16px;
}
 .hsk-pricing-table div {
     list-style: none;
     border-radius: 4px 4px 0 0;
}
 .hsk-pricing {
     list-style: none;
     text-shadow: none;
     margin-bottom: 0;
     border: 1px solid #ddd;
     transition: all 0.25s ease-in-out;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
}
 .hsk-pricing .hsk-pricing-header {
     background: #333;
     text-align: center;
}
 .hsk-pricing .hsk-pricing-header h5 {
     color: #fff;
     font-size: 1em;
     margin: 0;
     padding: 20px 0px;
     font-weight: bold;
     border-bottom: 1px solid rgba(204,204,204,.5);
     text-transform: uppercase;
     border-radius: 4px 4px 0 0;
}
 .hsk-pricing .hsk-pricing-cost {
     color: #fff;
     font-size: 2em;
     line-height: 1em;
}
 .hsk-pricing.featured .hsk-pricing-header {
     background: #fd5c41;
     margin: -1px;
     color: #fff;
}
 .hsk-pricing.featured .hsk-pricing-header h5 {
     color: #fff;
     border-bottom: 1px solid rgba(0,0,0,0.1);
}
 .hsk-pricing .hsk-pricing-per {
     font-size: 0.786em;
     color: #fff;
     opacity: 0.5;
}
 .hsk-pricing .hsk-pricing-content {
     background: #fff;
     font-size: 0.857em;
     text-align: center;
}
 .hsk-pricing .hsk-pricing-content ul {
     margin: 0 !important;
     list-style: none !important;
     padding: 0 !important;
}
 .hsk-pricing .hsk-pricing-content ul li {
     margin: 0 !important;
     padding: 10px 20px !important;
     border-bottom: 1px solid #eee;
     list-style: none !important;
}
 .hsk-pricing .hsk-pricing-content ul li:nth-child(2n+2) {
     background: #f9f9f9 
}
 .hsk-pricing .hsk-pricing-button {
     background: #fff;
     text-align: center;
     border-top: 1px solid rgba(204,204,204,.5);
     padding: 20px;
}
 .hsk-pricing .hsk-pricing-button .hsk-button {
     float: none;
     margin: 0 auto;
}
 .hsk-pricing-button a {
     padding: 8px 20px;
     display: inline-block;
     background: #000;
     border-radius: 4px;
}
 .hsk-pricing.featured {
     transform: scale(1.05);
     box-shadow: 0 0 4px 1px rgba(20, 20, 20, 0.8);
}
 .hsk-price-head {
     padding: 20px 0;
}
/** * Search Widget */
 .custom-search-widget .container, .custom-search-widget p.hsk-column-5 {
     width: 100%;
}
 .custom-search-widget input, .custom-search-widget select {
     width: 98%!important;
     border: 1px solid rgba(204,204,204,.5);
     background: rgba(204,204,204,.3);
}
 .custom-search-widget select.hsk-column-2 {
     width: 48%!important;
     margin-right: 2%!important;
}
 .custom-search-widget .close-search-wrapper{
     display: none;
}
 .custom-search-widget label {
     display: block;
}
 .custom-search-widget input#search_submit {
     margin-top: 20px;
}
 .custom-search-widget p.hsk-column-5 {
     margin-bottom: 14px!important;
}
label {
    display: inline-block;
}

.hsk-column-1 label {
    display: inline-block;
    margin-left: 24px;
}

.hsk-column-1 input[type="checkbox"] {
    width: auto;
}
.hsk-column-1 label {
    display: inline-block;
}

.hsk-column-1 label {
    display: inline-block;
    margin-left: 24px;
}

.hsk-column-1 input[type="checkbox"] {
    width: auto;
}

/** * Category Count */
 .taxonomy-cat-terms-list ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
/** * Tabs */
 .ui-widget.ui-widget-content, .ui-widget-header, .ui-tabs .ui-tabs-nav li{
     border:0px!important;
}
 .tabs-navigation{
     list-style: none;
     padding:0px;
     margin: 0px;
}
 .tabs-navigation li{
     list-style: none;
     display: inline-block;
}
 .ui-widget-header{
     background:none!important;
}
 .tab-content{
     border:1px solid rgba(204,204,204,.3)!important;
}
 #hsk-tabs .ui-tabs-active.ui-state-active{
     color:#000;
}
 .ui-tabs .ui-tabs-panel{
     padding:0px;
}
 .tab-content {
     margin-top: -1px;
     clear: both;
     display: block;
}
 .ui-accordion-header-icon{
     font-family: "fontawesome";
     float: right;
}
 .ui-accordion-header-icon:before {
     content: "\f0da";
     color:#fff;
}
 .ui-accordion-header-active.ui-state-active .ui-accordion-header-icon:before {
     content: "\f0d7";
     color:#fff;
}
 .accordion-content-wrapper h3, .accordion-content-wrapper h3:hover, #hsk-htabs li a:hover, #hsk-htabs li a:hover, #hsk-htabs li.ui-tabs-active.ui-state-active a{
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
/** Slider Images **/
 .hsk-slider-content-wrraper .owl-nav i {
     font-size: 34px;
     background: #000;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     color: #fff!important;
}
 .hsk-slider-content-wrraper .owl-prev {
     float: left;
}
 .hsk-slider-content-wrraper .owl-nav {
     margin-top: -30px;
}
 P.img-caption {
     position: absolute;
     bottom: 0;
     text-align: center;
     margin: 0px auto;
     display: block;
     left: 0;
     right: 0;
     background: rgba(0,0,0,0.3);
     color: #fff!important;
     font-size: 15px!important;
     padding: 10px;
}
 .image_gallery_slider {
     text-align: center;
}
/** Progress bar **/
 .progressbar {
     position:relative;
     display:block;
     margin-bottom:15px;
     width:100%;
     background:#eee;
     height:5px;
     border-radius:3px;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     -webkit-transition:0.4s linear;
     -moz-transition:0.4s linear;
     -ms-transition:0.4s linear;
     -o-transition:0.4s linear;
     transition:0.4s linear;
     -webkit-transition-property:width, background-color;
     -moz-transition-property:width, background-color;
     -ms-transition-property:width, background-color;
     -o-transition-property:width, background-color;
     transition-property:width, background-color;
}
 .progressbar-title {
     position:absolute;
     top:0;
     left:0;
     font-weight:600;
     font-size:16px;
     color:#ffffff;
     background:rgba(0, 0, 0, 0.4);
     -webkit-border-top-left-radius:3px;
     -webkit-border-bottom-left-radius:4px;
     -moz-border-radius-topleft:3px;
     -moz-border-radius-bottomleft:3px;
     border-top-left-radius:3px;
     border-bottom-left-radius:3px;
}
 .progressbar-title span {
     display:block;
     background:rgba(0, 0, 0, 0.1);
     padding:0 20px;
     height:5px;
     line-height:25px;
     -webkit-border-top-left-radius:3px;
     -webkit-border-bottom-left-radius:3px;
     -moz-border-radius-topleft:3px;
     -moz-border-radius-bottomleft:3px;
     border-top-left-radius:3px;
     border-bottom-left-radius:3px;
     font-size: 14px;
}
 .progressbar-bar {
     height:5px;
     width:0px;
     background:rgba(0, 0, 0, 0.3);
     border-radius:3px;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
}
 .progress-bar-percent {
     position:absolute;
     left:0px;
     bottom:0;
     font-size:15px;
     height:35px;
     line-height:35px;
     color:#ffffff;
     color:rgba(0, 0, 0, 0.4);
}
 .progress-bar-percent.per-outer {
     bottom: 100%;
}
 .progress-bar-percent.per-inner {
     right: 10px;
     left:inherit!important;
}
 span.skillbar-percentage {
     float: right;
}
/** * Process Widget */
 .img-content-wrapper{
     position: relative;
}
 .hsk-process-wrapper .description{
     margin-top: 15px;
}
 .img-counter-num{
     position: absolute;
     left: -10px;
     height: 55px;
     width: 55px;
     border-radius: 100%;
     background: #e5e5e5;
     border: 5px solid #ddd;
     text-align: center;
     line-height: 45px;
     font-size: 26px;
     font-weight: bold;
     top: 50%;
     margin-top: -27px;
}
 .hsk-process-wrapper{
     text-align: center;
}
 .img-content-wrapper {
     position: relative;
     margin: 0px auto;
     display: table;
}
 img.img-process {
     margin: 0px auto;
     border-radius: 100%;
}
 span.process-border-line {
     width:210%;
     display: block;
     position: absolute;
     top: 50%;
     left: 100%;
     z-index: 0;
     border-top: 1px dashed rgba(204,204,204,.3);
}
 .process-border-last-remove span.process-border-line {
     border: 0;
}

/**
 * Woocomme product
 */
.woo-description {
    overflow:  hidden;
}

.hsk-woo-grid-wrapper ul li {
    margin-bottom:  30px;
    overflow: hidden;
    margin-top: 0px!important;
}
.hsk-woo-list-wrapper ul li:last-child {
    margin-bottom: 0;
}
.hsk-woo-grid-wrapper ul {
    margin: 0;
    padding: 0;
}
.product-star-rating.star-rating {
    clear: both;
    float:  none!important;
    display: block!important;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
}

.woo-description h4 {
    font-size: 15px;
    clear: both;
    display: block;
    margin: 0;
}
.woo-description a:hover {
    opacity: 0.8;
}