.pd-0 {
    padding:0px !important;
}
.pd-5 {
    padding:5px !important;
}
.pd-10 {
    padding:10px !important;
}
.pd-20 {
    padding:20px !important;
}
.pt-10 {
    padding-top:10px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pt-5 {
    padding-top: 5px;
}
.pt-15 {
    padding-top:15px;
}
.pb-15 {
    padding-bottom:15px;
}
.pt-55 {
    padding-top: 55px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.ml--5 {
    margin-left: -5px;
}
.mr--5 {
    margin-right: -5px;
}
.ml--10 {
    margin-left: -10px;
}
.mr--10 {
    margin-right: -10px;
}
.ml-0 {
    margin-left: 0px;
}
.mr-0 {
    margin-right: 0px;
}
.ml-5 {
    margin-left: 5px;
}
.mr-5 {
    margin-right: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.ml-45 {
    margin-left: 45px;
}
.ml-50 {
    margin-left: 50px;
}
.mt-3 {
    margin-top: 3px;
}
.mb-3 {
    margin-bottom: 3px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mt-70 {
    margin-top: 70px;
}
@media (min-width: 1218px) {
    .mt-navbar {
        margin-top:75px;
    }
}
.font-14 {
    font-size: 14px;
}
.align-center {
    text-align: center;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
a {
    color: initial;
}
a:hover,a:focus {
    text-decoration: none;
    color: initial;
}
.work-item .work-bg {
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.works-grid.work-grid-gut.work-grid-gut-20 .work-item {
    padding-bottom: 0px;
}
.work-item:hover .work-bg {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.font-alt-2 {
    font-family: "microsoft yahei", Dosis, arial, sans-serif;
    letter-spacing: 0.08em;
}
.btn-subscribe {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.work-item:hover .btn-subscribe {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.btn-subscribed {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.work-item:hover .btn-subscribed {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.nav-tabs {
    border-bottom: none;
}

.tpl-minimal-tabs > li > a {
    padding: 6px 20px 5px;
    text-decoration: none;
    color: #000;
    background: none;
    border: 1px solid transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*

Carousel

*/

/*Carousel style*/
.owl-page span {
    background: rgba(0, 0, 0, .7);
}
.owl-page:hover span {
    background: rgba(0, 0, 0, 1);
}
.owl-page.active span {
    border: 1px solid rgba(0, 0, 0, .8)
}
.owl-prev:before,
.owl-next:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
section:hover .item-carousel.owl-carousel .owl-prev {
    left: -25px;
}
section:hover .item-carousel.owl-carousel .owl-next {
    right: -45px;
}
.small-item-carousel .owl-prev,
.owl-next {
    top: calc(50% - 27.5px);
}
.small-item-carousel .owl-prev,
.owl-next {
    top: calc(50% - 27.5px);
}
section:hover .small-item-carousel.owl-carousel .owl-prev {
    left: -25px;
}
section:hover .small-item-carousel.owl-carousel .owl-next {
    right: -45px;
}

/*carousel padding*/
.small-item-carousel.owl-carousel .owl-wrapper-outer {
    width: calc(100% - 20px);
    margin-left: 20px;
}
.small-item-carousel .owl-wrapper {
    margin-left: -20px;
}
.works-grid.work-grid-gut.work-grid-gut-20{
    margin: 0 0 0 -20px;
}
.works-grid.work-grid-gut.work-grid-gut-20 .work-item{
    padding: 0 0 20px 20px;
}

@media (max-width: 1217px) {  
     .small-item-carousel.owl-carousel .owl-wrapper-outer {
        width: calc(100% - 10px);
        margin-left: 10px;
    }   
    .small-item-carousel .owl-wrapper {
        margin-left: -10px;
    }    
    .works-grid.work-grid-gut.work-grid-gut-20 {
        margin: 0 0 0 -10px;
    }
    .works-grid.work-grid-gut.work-grid-gut-20 .work-item {
        padding: 0 0 0px 10px;
    }
}




#chat-close,
#chat-mobile {
    display: none;
}
@media (max-width: 1217px) {
    #chat-open,
    #chat-close {
        display: none !important
    }
    #chat-mobile {
        display: block;
    }
    #left-sections {
        width: 100% !important
    }
}
.btn {
    border-radius:0px;
}
.btn-chat {
    font-size: 16px;
    padding: 1px 15px;
}

#left-sections {
    width: 100%;
    background: white;
    float: left;
    position: absolute;
    padding-left: 50px;
    padding-right: 50px;
}

#right-sections {
    border-left: 1px solid rgba(0, 0, 0, .09);
    width: 300px;
    height: 100vh;
    background:white;
    position: fixed;
    right: 0;
    bottom: 0;

}
#right-sections:hover body {
    height: 100vh;
    overflow: none;
}
@media (max-width: 1217px) {
    #left-sections {
        padding-top:55px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #right-sections {
        display:none;
    }
}
/*notification alert */
.notification-number {
    font-size: 11px;
    letter-spacing: 0px;
}


.beep {
    -webkit-animation: color_change 1s 3 ;
    -moz-animation: color_change 1s 3 ;
    -ms-animation: color_change 1s 3 ;
    -o-animation: color_change 1s 3 ;
    animation: color_change 1s 3 ;
}



.beepbeep {
    -webkit-animation: color_change 1s infinite;
    -moz-animation: color_change 1s infinite;
    -ms-animation: color_change 1s infinite;
    -o-animation: color_change 1s infinite;
    animation: color_change 1s infinite;
}


@-webkit-keyframes color_change {
    0% { background-color: initial; }
    50% { background-color: rgba(217, 75, 97, 0.2); }
    100% { background-color: initial; }
}
@-moz-keyframes color_change {
    0% { background-color: initial; }
    50% { background-color: rgba(217, 75, 97, 0.2); }
    100% { background-color: initial; }
}
@-ms-keyframes color_change {
    0% { background-color: initial; }
    50% { background-color: rgba(217, 75, 97, 0.2); }
    100% { background-color: initial; }
}
@-o-keyframes color_change {
    0% { background-color: initial; }
    50% { background-color: rgba(217, 75, 97, 0.2); }
    100% { background-color: initial; }
}
@keyframes color_change {
    0% { background-color: initial; }
    50% { background-color: rgba(217, 75, 97, 0.2); }
    100% { background-color: initial; }

}

/*nav bar navigation menu*/

    /*mobile btn*/
.mobile-chat{
    display: none;
    float: right;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    display: table;
    position: fixed;
    right: 0;
    top: 0;    
    z-index:20;
}
.mobile-chat:hover,
.mobile-chat.active{
    background: #fff;
    color: #777;
}
.mobile-chat:active{
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
}
.no-js .mobile-chat{
    width: 55px;
    height: 55px;
}
.mobile-on .mobile-chat{
    display: table;
}
.mobile-chat .fa{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
}


.inner-nav .search-list {
    padding-left:15px;
    padding-right:15px;
}
@media (max-width: 1217px) {
    .main-nav {
        height:55px !important;
        z-index:15;
    }
    .nav-logo-wrap .logo {
        height: 55px;
    }    
    .mobile-nav, .mobile-chat {
    height: 55px !important;
    line-height: 55px !important;
    width: 55px !important;}
    .inner-nav .search-list {
        padding-left:5px;
        padding-right:5px;
    }
    .main-nav.transparent {
        background: white !important;
    }    
}
@media (min-width: 1218px) {
    .mobile-chat {
        display: none !important;
    }
}
.nav-logo-wrap .logo {
    white-space: nowrap;
}
.nav-logo-wrap {
    position: absolute;
}
.nav-logo-wrap .logo img {
    height: 75px;
}
.main-nav .count-number {
    color: #D94B61;
    text-align: center;
    margin-left:3px;
    display: inline-block;
}
.main-nav {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none ;
}

.main-nav.small-height {
    -webkit-box-shadow: 0 1px 0 #eee;
    -moz-box-shadow: 0 1px 0 #eee;
    box-shadow: 0 1px 0 #eee;
}
    /*inner nav*/
.inner-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
    color:rgba(0,0,0,0.7);
}
.inner-nav ul li {
    float: left;
    margin: 0px;
    position: relative;
}

.inner-nav .nav-list:hover {
    background-color: rgba(0, 0, 0, .09);
    color: black !important
}
.inner-nav .nav-small-list a {
    padding-left: 8px;
    padding-right: 8px;
}   
.mn-sub {
    background: white;
    border: 1px solid #ddd;
}
.mn-sub li a:hover,
.mn-sub li a.active {
    color: white !important;
}
.mobile-on .desktop-nav ul {
    background:white;
    border-bottom:1px solid #e3e3e3;
}
.mobile-on .desktop-nav ul li {
    border-top:1px solid #e3e3e3;
}
.mobile-on .desktop-nav ul li a:hover, .mobile-on .desktop-nav ul li a.active {
    color: black;
}
.mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active {
    color: black !important;
}
.mobile-nav {
    display:none !important;
}
.mn-sub.message-box {
    text-align: left;
    min-width: 320px;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.notification-dropdown-icon {
    background-size: cover;
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 5px;
    position: absolute;
}

.notification-text {padding-left:25px;}

.subscription-dropdown .channel-name {
    line-height: 48px;
    margin: 0px;
}
.subscription-dropdown .channel-icon {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    left: 10px;
    top: 12px;
    cursor: pointer;
}
.main-nav .least {
    opacity: 1 !important;
}
.inner-nav .nav-small-list .count-number {
    font-size:11px;
} 
.main-nav .dropdown-title-container {
    border-bottom: 1px solid #ddd;
} 
    
.main-nav .dropdown-title {
    font-size: 14px;
    text-align: center;
    margin:10px;
    font-weight: 300;
    text-transform: none;
} 
.main-nav .profile {
    text-align: left;
    box-shadow: 0px 1px #eee;
    letter-spacing:initial !important;
}
@media (max-width: 750px) {
    .main-nav {
        width: 100% !important;
    }
}
@media (max-width: 1400px) {
    .inner-nav ul li a{
        padding-left: 10px;
        padding-right: 10px
    }
    .inner-nav .nav-small-list a {
        padding-left: 5px;
        padding-right: 5px;
    }   
}
@media (min-width: 1218px) {
    .mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active {
        background: rgba(0,0,0, .09);
        color: black !important;       
    }
}
@media (max-width: 1217px) {
    .main-nav {
        box-shadow: 0 1px 0 #eee;
        width:100% !important;
    }
    .mn-sub.message-box {
        max-height: none;
    }
    .desktop-nav.js-opened {
        max-height: 100vh;
        overflow-y: auto;
    }
    .desktop-nav.js-opened {
        max-height: calc(100vh - 75px);
        overflow-y: auto;
    }
    .small-height .desktop-nav.js-opened {
        max-height: calc(100vh - 55px);
        overflow-y: auto;
    }
}
.small-height .search-wrap {
    padding-top: 7px;
    padding-bottom: 7px;
}
.search-wrap {
    padding-top: 17.5px;
    padding-bottom: 17.5px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.search-field {
    background: rgba(255, 255, 255, 0.8);
}
.inner-nav ul li a {
    height: 75px !important;
    line-height: 75px !important;
}
.nav-empty-list {
    height:8px;
}


/*hangout*/

.hangout-section {
    height: 100vh;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.message-container .message {
    width:300px;
}

.message .avatar {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 12px;
    cursor:pointer;
}

.message .avatar:hover {
    box-shadow: 0px 0px 0px 1px #ccc;
}
.message .content {
    margin-left: 55px;
    font-size: 15px;
    font-weight: 500;
}
.message .name {
    line-height: 27px;
    margin: 0px;
}
.message .rating {
    font-size: 11px;
}
.text-red {
    color: #D94B61 !important
}
.text-green {
    color: #36a367
}
.text-orange {
    color: #e33131;
}
.message .least {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.message .least-post {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 24px;
}
.message:hover .least {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.message .date {
    position: absolute;
    top: 0;
    right: 0;
}
.message-container {
    height: calc(100% - 120px);
    margin-right: -50px;
    padding-right: 35px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.message img {
    cursor: pointer;
    max-width: 80px;
    max-height: 300px;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.message img:hover {
    max-width: 100%;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.message .my-content img {
    float:right;
}
.hangout-control-container {
    border-top: 1px solid rgba(0, 0, 0, .09);
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 5px;
    background: white;
}
.form textarea {
    text-transform: initial !important
}
.hangout-control-container .work-img {
    width: 40px;
    height: 40px;
}


.emoji-list {
    max-height: 155px;
    overflow-y: auto;
}
.emoji-remove {
    position: absolute !important;
    right: -5px;
    top: -5px;
    line-height: 1;
}
.comment-disabled {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    color: #777;
    padding:10px;
    outline: none;



}
/*post-comment*/

#post-comments-container .work-img {
    width: 40px;
    height: 40px;
}
#post-comments-container .work-item {
    width: 50px;
}
/*emoji component*/

/*private chat*/
 #private-chat {
    display: block; 
    z-index: 1000; 
    position: fixed; 
    left: 50px; 
    bottom: 50px; 
    width: 400px; 
    height: 450px; 
    box-shadow: rgba(0, 0, 0, 0.0901961) 0px 6px 10px, rgba(0, 0, 0, 0.0901961) 0px 10px 30px; 
    border: 1px solid #ddd;
    background-color: white;
}
#private-chat .work-img {
    width: 40px;
    height: 40px;
}
@media (max-width: 720px) {
  #private-chat {    
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 10000;
    }  
}
#draggable-handle {
    box-shadow: 0px 1px #eee;
    margin:0;
    padding:10px;
    cursor:move;
}
.private-message-outer-container {
    height:calc(100% - 169px);
    overflow-y:auto;
    overflow-x:hidden;
    padding:5px 5px 0px 5px;
    margin-right:5px;
    margin-top:5px;
}
.private-message {
    width:100%;
    padding-top:7px;
    padding-bottom:7px;
    word-break: break-word;
}
.message .incoming-avatar {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100%;
    position: absolute;
    left: 3px;
    top: 5px;
    margin-bottom: 5px;
}
.message .incoming-content {
    margin-left: 35px;
    margin-right: 30%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.message .my-avatar {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100%;
    position: absolute;
    right: 3px;
    top: 5px;
    margin-bottom: 5px;
}
.message .my-content {
    margin-right: 35px;
    margin-left: 30%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
}
.message .my-content span{
    float:right;
}
.works-grid.hide-titles .work-item .work-intro.work-intro-topic {
    bottom: -20px;
    text-align: left;
}
.work-intro-topic .work-descr {
    text-align: left;
}
.featured-user .avatar {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100%;
    position: absolute;
    left: calc(50% - 35px);
    top: 10px;
}
.footer-note {
    line-height: 2;
    color: #777;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
.footer-note:hover {
    color: #000;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}
/*load animation*/

.small-loader {
    top: 50px;
    z-index: 1;
}
/*post preview*/

.post-preview-text {
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: -3px
}
/*post grid*/

.post-grid {
    width: 16.6666%;
}
@media (max-width: 1820px) {
    .post-grid {
        width: 20%;
    }
}
@media (max-width: 1500px) {
    .post-grid {
        width: 25%;
    }
}
@media (max-width: 1000px) {
    .post-grid {
        width: 33.33%;
    }
}
@media (max-width: 750px) {
    .post-grid {
        width: 50%;
    }
}
.post-grid-cover {
    padding-top: 56%;
}
@media (max-width: 2042px) {
    .work-item:hover .work-bg {
        transform: none;
    }
}
.post-grid-text {
    width: 100%;
    float: left;
    position: relative;
    font-weight: 400;
    line-height: 23px;
}
.post-grid .post-list-title-row {
    display: block;
}
.post-grid .post-list-names {
    display: inline-block;
    float: left;
    width: calc(100% - 145px);
    letter-spacing: initial;
}
/*post-list*/

.post-list {
    min-height: 60px;
    float: left;
    width: 100%;
}
.post-list-cover {
    float: left;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: 50% 50%;
}
.post-list-text {
    width: calc(100% - 60px);
    margin-left: 10px;
    float: left;
    position: relative;
    font-weight: 400;
    line-height: 23px;
}
.post-list,
.post-list-stats,
.post-list-names,
.post-list-title,
.post-list-time {
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-list-time {
    display: inline-block;
    float: left;
    width: 85px;
    padding-left: 10px;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.7)
}
.post-list a {
    color: black;
}
.post-list-stats {
    display: inline-block;
    float: left;
    width: 60px;
}
.post-list-names {
    display: inline-block;
    float: left;
    width: 150px;
}
.post-list-title {
    display: inline-block;
    float: left;
    width: calc(100% - 295px);
    color: black;
}
.post-list .post-list-title-row {
    display: none;
}
.post-list-comment {
    opacity: 0.6;
}
.post-link:hover {}@media (max-width: 767px) {
    .post-list-names {
        width: calc(100% - 145px);
        letter-spacing: initial;
    }
    .post-list-title {
        display: none;
    }
    .post-list .post-list-title-row {
        display: block;
    }
}
/*notification*/

.incoming-notification {
    padding: 10px;
    border: 1px solid #ddd;
    width: 300px;
    position: fixed;
    top: 0px;
    z-index: 10000;
    background: rgba(255, 255, 255, .97);
    right: calc(50% - 150px);
}
.incoming-notification:hover {
    background-color: #eee;
}
.incoming-notification .least {
    opacity: 1;
    line-height: 28px;
}
@media (max-width: 1040px) {
    .incoming-notification {
        right: calc(50% - 150px);
    }
}
@media (max-width: 767px) {
    .incoming-notification {
        width: 100%;
        top: 0px;
        right: 0px;
    }
}
.alert {box-shadow: 0px 0px 200px 30px rgba(0,0,0,1);}

.alert.incoming-notification {
    top: 10px;
    z-index: 20000;
}
.alert.incoming-notification:hover {
    background-color: rgba(255, 255, 255, .97)
}
/*account popup*/

/*profile*/

.profile-avatar {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100%;
    float: left;
    margin-left: calc(50% - 50px);
}
.btn-change-avatar {
    border: 2px solid black !important;
    position: absolute;
    left: calc(50% - 35px);
    top: 39px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover .btn-change-avatar {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
/*post page*/

.pagination.small-pagination a {
    padding: 2px 0px;
    min-width: 24px;
}
.pagination a {
    margin-right: 3px;
}
.textarea-comment {
    width: 100% !important;
    height:65px !important;
}
.btn-thin-border {
    border:1px solid #e9e9e9 !important;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);    
}
.btn-thin-border:hover,.btn-thin-border:hover {
    border:1px solid #333 !important;
}
.btn-blue:hover,.btn-blue:focus {
    color: #297ad3 !important
}
.btn-blue-active {
    color: #297ad3 !important
}
.btn-green:hover,.btn-green:focus {
   color: #36a367 !important
}
.btn-green-active {
    color: #36a367 !important
}
.btn-red:hover,.btn-red-down:focus {
    color: #e33131 !important
}
.btn-red-active {
    color: #e33131 !important
}
.btn-blue-bg:hover,.btn-blue-bg:focus {
    background-color: #297ad3 !important
}
.btn-blue-bg-active {
    background-color: #297ad3 !important
}
.btn-green-bg:hover,.btn-green-bg:focus {
   background-color: #36a367 !important
}
.btn-green-bg-active {
    background-color: #36a367 !important
}
.btn-red-bg:hover,.btn-red-bg:focus {
    background-color: #e33131 !important
}
.btn-red-bg-active {
    background-color: #e33131 !important
}
 .blog-item-body {
    font-size: 14px;
}
.desktop-right {
    float:right;
}
@media (max-width: 991px) {
    .post-switch-style {
        display:none !important;
    }
    .desktop-right {
        float:initial;
        margin-top:5px;
    }
}

/*blueimp gallery*/

.blueimp-gallery>.indicator>li {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-size: cover;
    border: none;
}
.blueimp-gallery-cover {
    width:100%;
    padding-top:100% !important;
    background-size: cover;
    background-position: 50% 50%;    
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);    
}
.work-img:hover .blueimp-gallery-cover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
/*attachments*/

.tags.attachments .fa {
    font-size: 40px;
    display: block;
    padding-bottom: 10px;
}
.tags.attachments a {
    font-size: 14px;
    padding: 20px;
    margin-right: 10px;
}
.work-item.work-img > img {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover.work-img > img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.work-item.work-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(250, 250, 250, 0);
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.works-grid.hover-white .work-item:hover.work-img:after {
    background: rgba(250, 250, 250, .9);
}
.work-item:hover.work-img:after {
    background: rgba(20, 20, 20, .85);
}
/*btn general*/

.border-light {
    border-color: rgba(0, 0, 0, .2);
}
/*form*/

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select {
    text-transform: initial;
}
@media (max-width: 480px) {
    .tpl-tabs > li {
        width: auto;
    }
}
.work-grid-1 .work-item {
    width: 100%;
}
/*breadcrubs*/

.breadcrumbs-wrapper {
    margin-top: 76px;
    padding: 0px;
    width: auto !important;
    height: auto !important;
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    border: none;
    z-index:9;
}
.breadcrumbs-wrapper.small-height {
    margin-top: 56px;
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    border: none;
}
.breadcrumb-arrow {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
}
.breadcrumb-arrow,
.breadcrumb-arrow a {
    display: inline-block;
}
.breadcrumb-arrow a {
    text-rendering: optimizeLegibility;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 20px;
    position: relative;
}
.breadcrumb-arrow a:first-child {
    padding-left: 16px;
}
.breadcrumb-arrow a:last-child {
    padding-right: 16px;
    pointer-events: none;
    cursor: default;
}
.breadcrumb-arrow a:last-child:after,
.breadcrumb-arrow a:last-child:before {
    border: 0;
}
.breadcrumb-arrow a:after,
.breadcrumb-arrow a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 2;
}
.breadcrumb-arrow a:before {
    margin-left: 1px;
    z-index: 1;
}
.light {
    box-shadow: 0 0px 0px 1px #eee;
    white-space: nowrap;    
    border:none;
}
.light a {
    color: #454545;
    background: white;
}
.light a:after {
    border-left-color: white;
}
.light a:before {
    border-left-color: rgba(0, 0, 0, 0.09);
}
.light a:hover,
.light a:focus {
    background: #e8e8e8;
}
.light a:hover:after,
.light a:focus:after {
    border-left-color: #e8e8e8;
}
.light a:active:before {
    border-left-color: #e8e8e8;
}
.light a:last-child {
    background-color: #e8e8e8;
}
@media (max-width: 1217px) {
    .breadcrumbs-wrapper {
        margin-top: 56px;
    }
}
@media (max-width: 750px) {
    .breadcrumbs-wrapper {
        width:100% !important;
    }
}


/*pagination*/
.pagination a:hover {
    border-color: rgba(0, 0, 0, .5);
}

/*widget featured carousel*/

.item-carousel .owl-prev,.item-carousel .owl-next {
    top: calc(50% - 28px);
}


/*widget images*/

.borderless {
    margin-left: -50px;
    width: calc(100% + 100px);

}
.pl-20 .borderless {
    margin-left: -20px;
    width: calc(100% + 40px);
}
@media (max-width: 1217px) {
    .borderless {
        margin-left: -10px;
        width: calc(100% + 20px);
    }
}
/*Widget Sorting*/

.sortable-item {
    width: 100%;
    float: left;
}
.sortable-control {
    width: 100%;
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    margin-top: -1px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.active-widgets .sortable-item:hover .sortable-control {
    opacity: 1;
    height: 80px;
    padding-top: 10px;
}
@media (max-width: 768px) {
    .sortable-control {
        opacity: 1;
        height: 80px;
        padding-top: 10px;
    }
}
.sortable-control a {
    background: white;
}
#advanced-1 {
    min-height: 100vh;
}
.all-widgets .sortable-control {
    display: none;
}
.drag-handle {
    cursor: move;
}
.js-remove {
    cursor: default;
}
.sortable-title {
    display: block;
    margin: 10px;
}
.active-widgets .sortable-title {
    display: none;
}
.all-widgets .page-section {
    display: none;
}
.all-widgets {
    position: fixed;
    right: 0;
    height: 100vh;
    top: 0;
    overflow-y: scroll;
    margin-right: -20px;
}
/*widget carousel*/
.section-header {
    font-size: 16px;
    font-weight: 100;
}

/*widget Hot Topics Small*/

.hot-topics-small .widget-cover {
    width: 15px;
    height: 15px;
    margin-top: 4px;
    margin-left: 4px;
    border-radius: 100%;
    margin-right: 9px;
    float: left;
    background-size: cover;
    background-position: 50% 50%;
}
.hot-topics-small .widget-text {
    width: calc(100% - 105px);
    float: left;
}
.hot-topics-small .widget-time {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 22px;
    float: right;
}
/*widget statistics*/

.count-number {
    font-size: 14px;
}
.count-descr {
    margin-bottom: 10px;
}
.count-descr .fa {
    font-size: 11px;
}
.count-title {
    margin-top: -1px;
    font-size: 11px;
}
/*widget section-preview*/

.section-preview .section-header {
    font-size: 16px;
    font-weight: 100;
}
.small-item-carousel .owl-prev,
.owl-next {
    top: calc(50% - 40px);
}

/*
off canvas menu
*/

#off-canvas-menu {
    position: fixed;
    right: 0px;
    top: 0px;
    padding-top:55px;
    width: 300px;
    height: 100vh;
    z-index: 10;
    background:white;
    border-left: 1px solid #eee;
    transform: translate3d(300px,0px,0px);    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
#off-canvas-menu h1 {
    font-size: 14px;
    text-align: center;
    margin: 10px;
}
#off-canvas-menu .owl-pagination {
    top: 0px;
    width: 100%;
}
#off-canvas-menu .owl-page {
    padding: 0px;
    width: 16.66666%;
}
#off-canvas-menu .owl-page span {
    width: 100%;
    height: 40px;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid grey;
    background: rgba(255, 255, 255, 0.5);
}
#off-canvas-menu .owl-page.active span {
    background: transparent;
    border: none;
    border-bottom: 3px solid #D94B61;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.pagination-icon-container {
    width: 100%;
    position: absolute;
    z-index:1;
    top: 55px;
    border-top: 1px solid #e5e5e5;
}
.pagination-icon-container div {
    width: 16.66666%;
    float: left;
    padding: 10px;
    text-align: center;
}
#off-canvas-menu .least {
    opacity: 1;
    right: 10px;
}
.mobile-item {
    display: block;
    position: relative;
    color: #777;
    text-decoration: none;
    padding: 14.5px 20px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: -1px;
    cursor: pointer;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
}
#off-canvas-menu .page {
    height: 100vh;
    overflow-y: auto;
    /*margin-right:-20px;*/
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
#off-canvas-menu .toggle > dt,
#off-canvas-menu .accordion > dt {
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
}
#off-canvas-menu .toggle > dd,
#off-canvas-menu .accordion > dd {
    margin-bottom: 0;
    padding: 10px;
}
#off-canvas-menu dl {
    margin-bottom: 0px;
}
.owl-theme .owl-controls .item-link {
    position: relative;
    display: block;
    width: 100px;
    height: 40px;
    margin: 0 2px;
    border-bottom: 4px solid #ccc;
    outline: none;
}
.owl-theme .owl-controls .item-link:focus {
    -webkit-box-shadow: 0 0 8px #cc4895;
    -moz-box-shadow: 0 0 8px #cc4895;
    box-shadow: 0 0 8px #cc4895;
    outline: none;
}
.owl-theme .owl-controls .active .item-link {
    border-bottom: 4px solid #cc4895;
}
#off-canvas-menu .owl-item {
    height: 100vh;
    overflow: hidden;
    padding-top: 40px;
}
@media (min-width: 1218px) {
    #off-canvas-menu {
        display:none;
    }
}
@media (max-width: 768px) {
    #off-canvas-menu {
        width:100%;
        transform: translate3d(100%,0px,0px);   
    }
}
/*
float chat window
*/

.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../img/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../img/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("../img/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../img/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("../img/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("../img/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../img/ui-icons_ffd27a_256x240.png");
}
/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}
/* Overlays */

.ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50);
    /* support: IE8 */
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    /* support: IE8 */
    border-radius: 5px;
}