.clear {

    clear: both
}



body {

    position: relative;

    font-family: pt_sansregular !important;

    transition: all .6s .2s ease-in-out;

    right: 0;

    overflow-x: hidden;

    font-size: 16px !important;

    line-height: 1.4 !important;

    background: #fff
}



header {

    width: 100%;

    left: 0;

    margin: 0;

    padding: 0 30px 0 30px;

    position: absolute;

    z-index: 9999
}



#feedback a {

    background: #93278f !important;

    font-family: philosopherregular !important;

    font-weight: 400 !important;

    letter-spacing: 2px;

    border-radius: 10px 10px 0 0 !important
}

#workshop a {

    background: #93278f !important;

    font-family: philosopherregular !important;

    font-weight: 400 !important;

    letter-spacing: 2px;

    border-radius: 10px 10px 0 0 !important
}





header.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: rgba(255, 255, 255, 1);

    /* border-bottom: #ddd 1px solid; */

}



/* header.sticky .menu li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item a {

    color: #d367cf !important;

    border-bottom: 3px solid #d367cf

} */



header.sticky .button {

    margin: 10px 0 0 0
}



header.sticky .button a {

    font-size: 10px;

    padding: 3px
}



header .logo {

    float: left;

    margin: 11px 0
}



header .logo a {

    font-family: ananda_namasteregular;

    color: #93278f;

    font-size: 34px;

    text-decoration: none !important;

    display: flex;

    align-items: center;

}



header.sticky .logo {

    margin: 5px 0
}



/* header.sticky .logo a {

    color: #fff

} */



header.sticky .menu {

    margin: 8px 24px 0 0
}



header.sticky .menu li a {

    padding: 14px 0;

    font-size: 13px;

    /* color: #fff */

}



header .logo img {

    width: 98px;

    padding-right: 15px;

}

header .logo a span {

    max-width: calc(100% - 52px);

    flex: calc(100% - 56px);

    line-height: 1;

}

header .logo a small {

    font-family: 'philosopherregular';
    color: #000;
    font-size: 14px;
    padding: 8px 12px;
    margin-top: 6px;

    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a693278f', endColorstr='#00000000', GradientType=1);

}



header .menu {

    float: right;

    margin: 0 24px 0 0;

    padding: 0
}



.right_side {

    width: auto;

    float: right
}



.right_side span {

    float: right
}



.right_side span a {

    color: #333;

    padding: 10px 23px 0;

    display: inline-block;

    font-size: 13px;

    text-decoration: none !important;

    font-family: pt_sansregular
}



header .menu li {

    float: left;

    margin: 0 60px 0 0;

    padding: 0;

    list-style: none;

    position: relative
}



header .menu li .sub-menu {

    width: 212px;

    height: auto;

    background: #000;

    position: absolute;

    top: 50px;

    left: -14px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .15);

    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .15);

    margin: 0;

    padding: 0;

    opacity: 0;

    visibility: hidden;

    transition: all .4s ease-in-out
}



header .menu li:hover .sub-menu {

    opacity: 1;

    visibility: visible
}



header .menu li .sub-menu li {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



header .menu li .sub-menu li a {

    color: #fff;

    margin: 0;

    padding: 6px 6px 6px 15px;

    float: left;

    text-transform: capitalize;

    width: 100%;

    border: none !important
}



header .menu li:last-child {

    margin: 0
}



header .menu li a {

    float: left;

    color: #333;

    margin: 0;

    padding: 10px 0;

    text-decoration: none;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 13px;

    font-family: pt_sansregular
}



header .menu li .sub-menu li li a {

    text-transform: capitalize;

    font-size: 12px;

    font-family: pt_sansregular
}



header .button {

    float: right;

    margin: 31px 0 0 0
}



header .button a {

    margin: 0;

    padding: 8px 8px;

    background: #92d1de;

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

    text-decoration: none;

    float: left;

    position: relative;

    transition: all .6s ease-in-out;

    border-radius: 3px
}



header .button a span {

    position: relative;

    z-index: 100
}



header .button a:after {

    width: 100%;

    height: 100%;

    background: #fff;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



header .button a:hover {

    color: #000
}



header .button a:hover:after {

    opacity: 1;

    transform: scale(1)
}



.active .animated-item-1 {

    -webkit-animation-name: fadeInUp;

    -moz-animation-name: fadeInUp;

    -o-animation-name: fadeInUp;

    -ms-animation-name: fadeInUp;

    animation-name: fadeInUp
}



.active .animated-item-2 {

    -webkit-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -o-animation-name: fadeInDown;

    -ms-animation-name: fadeInDown;

    animation-name: fadeInDown
}



.active .animated-item-3 {

    -webkit-animation-name: fadeInUpBig;

    -moz-animation-name: fadeInUpBig;

    -o-animation-name: fadeInUpBig;

    -ms-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig
}



.active .animated-item-4 {

    -webkit-animation-name: fadeInLeft;

    -moz-animation-name: fadeInLeft;

    -o-animation-name: fadeInLeft;

    -ms-animation-name: fadeInLeft;

    animation-name: fadeInLeft
}



.active .animated-item-5 {

    -webkit-animation-name: fadeInRight;

    -moz-animation-name: fadeInRight;

    -o-animation-name: fadeInRight;

    -ms-animation-name: fadeInRight;

    animation-name: fadeInRight
}



.active .animated-item-6 {

    -webkit-animation-name: flipInX;

    -moz-animation-name: flipInX;

    -o-animation-name: flipInX;

    -ms-animation-name: flipInX;

    animation-name: flipInX
}



.active .animated-item-7 {

    -webkit-animation-name: fadeIn;

    -moz-animation-name: fadeIn;

    -o-animation-name: fadeIn;

    -ms-animation-name: fadeIn;

    animation-name: fadeIn
}



.carousel-inner .item .text-details {

    opacity: 0;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s
}



.carousel-inner .item.active .text-details {

    opacity: 1;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

    z-index: 1
}



.active .animated-item-1.h2 {

    animation-delay: 2s;

    -webkit-animation-delay: 2s
}



.mobile-menu {

    width: 220px;

    margin: 0;

    padding: 0;

    background: #000;

    position: fixed;

    top: 0;

    right: 0;

    height: 100%;

    overflow: auto;

    z-index: 1000;

    padding: 30px 15px 0;

    display: none;

    right: -100%;

    transition: all .6s ease-in-out;

    opacity: 0
}



.mobile-menu .menu {

    width: 100%;

    height: auto;

    margin: 0 0 40px 0;

    padding: 0;

    float: left
}



.mobile-menu .menu li {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    position: relative
}



.mobile-menu .menu li a {

    margin: 0;

    padding: 8px;

    color: #fff;

    text-transform: capitalize;

    font-size: 13px;

    text-decoration: none;

    position: relative;

    width: 100%;

    float: left;

    border-radius: 3px;

    transition: all .4s ease-in-out;

    position: relative
}



.mobile-menu .menu li a:hover {

    background: #2b2b2b
}



.mobile-menu .menu li .plus {

    position: absolute;

    top: 3px;

    right: 8px;

    cursor: pointer
}



.mobile-menu .menu li .plus:before {

    color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 20px;

    font-weight: 700;

    content: "+"

}



.mobile-menu .menu li .minus {

    position: absolute;

    top: -3px;

    right: 8px;

    cursor: pointer
}



.mobile-menu .menu li .minus:before {

    color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 25px;

    font-weight: 700;

    content: "-"

}



.mobile-menu .menu li .sub-menu {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0 0 0 20px;

    position: relative;

    top: 0
}



.mobile-menu .menu li .sub-menu li a {

    background: 0 0 !important
}



.body-overalay {

    width: 100%;

    height: 100%;

    position: fixed;

    background: rgba(0, 0, 0, .8);

    top: 0;

    left: 0;

    z-index: 100;

    opacity: 0;

    visibility: hidden;

    transition: all .6s ease-in-out
}



.list-icon {

    cursor: pointer;

    color: #333;

    font-size: 16px;

    margin: 6px 4px 0;

    padding: 0;

    display: none;

    float: right
}



.welcome-section {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 120px 0;

    float: left;

    text-align: center
}



.welcome-section h1 {

    font-size: 36px;

    margin: 0 0 30px 0;

    padding: 0 0 30px 0;

    font-weight: 600;

    display: inline-block;

    position: relative;

    color: #3a4557
}



.welcome-section h1:after {

    width: 60%;

    height: 1px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    content: "";

    background: #92d1de
}



.welcome-section p {

    font-size: 16px;

    line-height: 24px;

    width: 40%;

    display: inline-block;

    color: #b6bec9
}



.all-heading-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 120px 50px 70px 30px;

    float: left;

    text-align: center
}



header.sticky .right_side span {

    display: none
}



.all-heading-back li {

    list-style: none
}



.all-heading-back h2 {

    font-size: 36px;

    margin: 0 0 30px 0;

    padding: 0 0 30px 0;

    font-weight: 600;

    display: inline-block;

    position: relative;

    color: #fff;

    text-transform: capitalize
}



.all-heading-back h2:after {

    width: 60%;

    height: 1px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    content: "";

    background: #fff
}



.all-heading-back p {

    font-size: 16px;

    line-height: 24px;

    width: 40%;

    display: inline-block;

    color: #fff
}



.all-heading-back.tanent {

    position: relative;

    background: #edefea;

    z-index: 1
}



.all-heading-back.tanent h2 {

    color: #3a4557
}



.all-heading-back.tanent p {

    color: #b6bec9
}



.all-heading-back.tanent h2:after {

    background: #92d1de
}



.all-heading-back.tanent:after {

    background: url(../images/strip.png) no-repeat;

    width: 126px;

    height: 67px;

    position: absolute;

    bottom: -65px;

    left: 0;

    right: 0;

    margin: auto;

    content: "";

    display: none
}



.our-services-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    text-align: center
}



.our-services-back .bg {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0 0 60px 0;

    float: left;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    background-attachment: fixed
}



.our-services-back .services-list {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.our-services-back .services-list li {

    width: 33.33333%;

    min-height: 376px;

    margin: 0;

    padding: 80px 20px 0;

    float: left;

    background: #fff;

    position: relative;

    border-right: #f1f1f1 1px solid;

    text-align: center;

    list-style: none
}



.our-services-back .services-list li .icon {

    display: inline-block;

    margin: 0 0 30px 0
}



.our-services-back .services-list li h3 {

    color: #000;

    font-weight: 600;

    margin: 0 0 20px 0;

    padding: 0;

    font-size: 20px;

    text-transform: capitalize
}



.our-services-back .services-list li p {

    color: #333;

    font-size: 14px;

    line-height: 24px;

    width: 80%;

    display: inline-block
}



.our-services-back .services-list li p a {

    color: #92d1de
}



.max-back {

    width: 50%;

    min-height: auto;

    margin: 60px 0 0 0;

    padding: 40px;

    background: #fff;

    position: relative;

    border-right: #f1f1f1 1px solid;

    text-align: center;

    list-style: none;

    display: inline-block
}



.max-back h5 {

    color: #000;

    margin: 0;

    padding: 0;

    font-size: 20px;

    text-transform: capitalize;

    line-height: 32px
}



.max-back h5 a {

    font-weight: 700;

    color: #92d1de;

    font-size: 25px
}



.max-back h5 span {

    font-size: 32px;

    color: #000;

    font-weight: 700;

    letter-spacing: 4px;

    text-transform: uppercase;

    position: relative;

    padding: 0 0 10px 0
}



.max-back h5 span:before {

    width: 50%;

    height: 1px;

    background: #92d1de;

    position: absolute;

    bottom: 0;

    left: 0;

    margin: auto;

    content: ""

}



.max-back h5 span:after {

    width: 20%;

    height: 1px;

    background: #000;

    position: absolute;

    bottom: -3px;

    left: 0;

    margin: auto;

    content: ""

}



.max-back .or {

    font-size: 60px;

    margin: 60px 0 60px 0;

    padding: 0;

    text-transform: uppercase;

    font-weight: 700
}



.home-owner-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.home-owner-back .bg {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0 0 60px 0;

    float: left;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    background-attachment: fixed
}



.home-owner-back .home-owner-list {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.home-owner-back .home-owner-list .portion {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    background: #fff
}



.home-owner-back .home-owner-list .portion img {

    width: 100%;

    display: block;

    margin: 0;

    padding: 0;

    float: left;

    border-bottom: #92d1de 3px solid
}



.home-owner-back .home-owner-list .portion .content-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 20px;

    text-align: left;

    float: left
}



.home-owner-back .home-owner-list .portion .content-back h3 {

    color: #394659;

    font-size: 20px;

    margin: 0 0 20px;

    padding: 0;

    font-weight: 600;

    text-transform: capitalize
}



.home-owner-back .home-owner-list .portion .content-back h3 span {

    color: #a9b5c5;

    font-size: 14px
}



.home-owner-back .home-owner-list .portion .content-back .contact-details {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.home-owner-back .home-owner-list .portion .content-back .contact-details li {

    width: 100%;

    height: auto;

    margin: 0 0 10px 0;

    padding: 0;

    float: left;

    list-style: none
}



.home-owner-back .home-owner-list .portion .content-back .contact-details li a {

    color: #a6b3bb;

    font-size: 15px;

    text-decoration: none
}



.home-owner-back .home-owner-list .portion .content-back .contact-details li span {

    width: 28px;

    margin: 0;

    padding: 0;

    font-weight: 400;

    font-size: 20px
}



.home-owner-back .home-owner-list .portion .content-back .social-back {

    height: auto;

    margin: 9px 0 0 0;

    padding: 0;

    float: left
}



.home-owner-back .home-owner-list .portion .content-back .social-back li {

    margin: 0 10px 0 0;

    padding: 0;

    float: left;

    list-style: none
}



.home-owner-back .home-owner-list .portion .content-back .social-back li a {

    color: #a6b3bb;

    font-size: 15px;

    text-decoration: none
}



.home-owner-back .home-owner-list .portion .content-back .button {

    float: right
}



.home-owner-back .home-owner-list .portion .content-back .button a {

    margin: 0;

    padding: 10px 20px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    text-decoration: none;

    float: left;

    position: relative;

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.home-owner-back .home-owner-list .portion .content-back .button a span {

    position: relative;

    z-index: 100
}



.home-owner-back .home-owner-list .portion .content-back .button a:after {

    width: 100%;

    height: 100%;

    background: #92d1de;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.home-owner-back .home-owner-list .portion .content-back .button a:hover {

    color: #fff
}



.home-owner-back .home-owner-list .portion .content-back .button a:hover:after {

    opacity: 1;

    transform: scale(1)
}



.tanent-listing-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 115px 0 30px 0;

    float: left
}



.premium-listing-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.premium-listing-back .portion {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left;

    background: #f7f7f7
}



.premium-listing-back .portion .image-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    position: relative
}



.premium-listing-back .portion .image-back img {

    width: 100%;

    height: 208px;

    object-fit: cover;

    margin: 0;

    padding: 0;

    float: left;

    object-fit: cover
}



.premium-listing-back .portion .image-back .price {

    position: absolute;

    bottom: 20px;

    left: 20px;

    color: #fff;

    font-weight: 700;

    font-size: 16px;

    background: #000;

    padding: 5px 10px;

    border-radius: 2px
}



.premium-listing-back .portion .content-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 20px 15px;

    float: left;

    border: #ddd 1px solid
}



.premium-listing-back.list .portion .content-back {

    min-height: 360px
}



.premium-listing-back .portion h3 {

    color: #000;

    margin: 0;

    padding: 0;

    font-size: 18px;

    font-weight: 700;

    text-transform: capitalize
}



.premium-listing-back .portion h3 a {

    color: #000;

    text-decoration: none
}



.premium-listing-back .portion h3 span {

    color: #62748c;

    margin: 0;

    padding: 0;

    font-size: 15px;

    font-weight: 400
}



.premium-listing-back .portion .list-iconback {

    margin: 20px 0 0 0;

    padding: 0;

    float: left;

    border: #ddd 1px solid;

    border-left: none;

    border-bottom: none
}



.premium-listing-back .portion .list-iconback li {

    float: left;

    list-style: none;

    margin: 0;

    padding: 5px 5px 5px 30px;

    font-size: 15px;

    text-transform: capitalize;

    position: relative;

    width: 100%;

    border-left: #ddd 1px solid;

    border-bottom: #ddd 1px solid
}



.premium-listing-back .portion .list-iconback li img {

    position: absolute;

    top: 7px;

    left: 4px
}



.premium-listing-back .portion .button {

    float: left;

    margin: 10px 0
}



.premium-listing-back .portion .button a {

    margin: 0;

    padding: 10px 20px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    text-decoration: none;

    float: left;

    position: relative;

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.premium-listing-back .portion .button a span {

    position: relative;

    z-index: 100
}



.premium-listing-back .portion .button a:after {

    width: 100%;

    height: 100%;

    background: #92d1de;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.premium-listing-back .portion .button a:hover {

    color: #fff
}



.premium-listing-back .portion .button a:hover:after {

    opacity: 1;

    transform: scale(1)
}



.premium-listing-back .portion .contact-back {

    width: 100%;

    height: 411px;

    float: left;

    background: #fff;

    margin: 0;

    padding: 20px;

    border: #ddd 1px solid
}



.premium-listing-back .portion .contact-back h5 {

    color: #000;

    margin: 0;

    padding: 0;

    font-size: 20px;

    text-transform: capitalize;

    line-height: 32px
}



.premium-listing-back .portion .contact-back h5 a {

    font-weight: 700;

    color: #92d1de;

    font-size: 25px
}



.premium-listing-back .portion .contact-back h5 span {

    font-size: 32px;

    color: #000;

    font-weight: 700;

    letter-spacing: 4px;

    text-transform: uppercase;

    position: relative;

    padding: 0 0 10px 0
}



.premium-listing-back .portion .contact-back h5 span:before {

    width: 50%;

    height: 1px;

    background: #92d1de;

    position: absolute;

    bottom: 0;

    left: 0;

    margin: auto;

    content: ""

}



.premium-listing-back .portion .contact-back h5 span:after {

    width: 20%;

    height: 1px;

    background: #000;

    position: absolute;

    bottom: -3px;

    left: 0;

    margin: auto;

    content: ""

}



.premium-listing-back .portion .contact-back .or {

    font-size: 60px;

    margin: 60px 0 60px 0;

    padding: 0;

    text-transform: uppercase;

    font-weight: 700
}



.premium-listing-back .button {

    text-align: center;

    width: 100%;

    margin: 0 0 30px 0
}



.premium-listing-back .button a {

    margin: 0;

    padding: 14px 50px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    text-decoration: none;

    position: relative;

    transition: all .6s ease-in-out;

    border-radius: 3px;

    display: inline-block
}



.premium-listing-back .button a span {

    position: relative;

    z-index: 100
}



.premium-listing-back .button a:after {

    width: 100%;

    height: 100%;

    background: #92d1de;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.premium-listing-back .button a:hover {

    color: #fff
}



.premium-listing-back .button a:hover:after {

    opacity: 1;

    transform: scale(1)
}



.premium-listing-back .button a i {

    margin: 0 10px 0 0;

    font-size: 20px
}



.onscroll-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.onscroll-back li {

    float: left;

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    width: 25%
}



.onscroll-back li .portion {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.onscroll-back li .portion .bg {

    width: 100%;

    height: 284px;

    margin: 0;

    padding: 0;

    float: left;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    position: relative;

    text-align: center
}



.onscroll-back li .portion .bg .ovarlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding: 15px
}



.onscroll-back li .portion .bg .ovarlay2 {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .8);

    padding: 15px
}



.onscroll-back li .portion .bg .text {

    font-size: 18px;

    text-transform: capitalize;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    width: 100%;

    text-align: center;

    margin: 0;

    padding: 0
}



.onscroll-back li .portion .icon-back {

    width: 150px;

    height: 150px;

    background: rgba(0, 0, 0, .3);

    display: inline-block;

    margin: 0 0 15px 0;

    padding: 0;

    border: #333 1px solid;

    position: relative;

    border-radius: 100%
}



.onscroll-back li .portion .icon-back img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto
}



.satisfied-home-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 72px 0 30px 0;

    float: left
}



.satisfied-home-back .portion {

    width: 100%;

    min-height: 240px;

    margin: 0 0 30px 0;

    padding: 20px;

    float: left;

    background: #eeeaea;

    border-right: 3px solid #3dbff7
}



.satisfied-home-back .portion .left {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    text-align: center
}



.satisfied-home-back .portion .left .image-back img {

    width: 100px;

    height: 100px;

    border-radius: 100%;

    border: #9a9b9b 3px solid;

    position: relative;

    object-fit: cover
}



.satisfied-home-back .portion .left .image-back {

    display: inline-block;

    position: relative;

    margin: 0 0 10px 0
}



.satisfied-home-back .portion .left .image-back:after {

    width: 30%;

    height: 2px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    background: #3dbff7;

    content: ""

}



.satisfied-home-back .portion .left h4 {

    font-size: 18px;

    text-transform: capitalize;

    margin: 0;

    padding: 0;

    color: #222;

    font-weight: 600
}



.satisfied-home-back .portion .left h4 span {

    font-size: 12px;

    text-transform: uppercase;

    color: #39a6d7
}



.satisfied-home-back .portion .left .social {

    display: inline-block;

    margin: 20px 0 0 0;

    padding: 0
}



.satisfied-home-back .portion .left .social li {

    float: left;

    margin: 0 10px 0 0;

    padding: 0;

    list-style: none
}



.satisfied-home-back .portion .left .social li:last-child {

    margin: 0
}



.satisfied-home-back .portion .left .social li a {

    color: #fff;

    text-decoration: none;

    font-size: 16px
}



.satisfied-home-back .portion .right {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 10px 0 0 0;

    float: left;

    text-align: center
}



.satisfied-home-back .portion .right p {

    font-size: 14px;

    text-align: left;

    font-style: italic;

    line-height: 24px;

    color: #222
}



.satisfied-home-back .common:nth-child(2n+2) .left-div {

    float: right
}



.satisfied-home-back .common:nth-child(2n+2) .right-div {

    float: left
}



.satisfied-home-back .max-back {

    background: #f7f7f7;

    border: #ddd 1px solid;

    margin: 30px 0
}



.satisfied-home-back .button {

    text-align: center;

    width: 100%;

    margin: 0 0 30px 0
}



.satisfied-home-back .button a {

    margin: 0;

    padding: 14px 50px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    text-decoration: none;

    position: relative;

    transition: all .6s ease-in-out;

    border-radius: 3px;

    display: inline-block
}



.satisfied-home-back .button a span {

    position: relative;

    z-index: 100
}



.satisfied-home-back .button a:after {

    width: 100%;

    height: 100%;

    background: #92d1de;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.satisfied-home-back .button a:hover {

    color: #fff
}



.satisfied-home-back .button a:hover:after {

    opacity: 1;

    transform: scale(1)
}



.satisfied-home-back .button a i {

    margin: 0 10px 0 0;

    font-size: 20px
}



.team-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 112px 0 30px 0;

    float: left
}



.team-back .portion {

    width: 100%;

    min-height: 350px;

    margin: 0;

    padding: 120px 20px 20px 20px;

    float: left;

    background: #d2e4f0;

    text-align: center;

    transition: all .6s ease-in-out;

    position: relative
}



.team-back .portion .avator {

    display: inline-block;

    margin: 0;

    padding: 0;

    position: absolute;

    top: -50px;

    left: 0;

    right: 0;

    margin: auto;

    width: 150px;

    height: 150px
}



.team-back .portion .avator img {

    width: 150px;

    height: 150px;

    border-radius: 100%;

    display: block;

    object-fit: cover
}



.team-back .portion h5 {

    color: #52768c;

    font-weight: 600;

    margin: 0;

    padding: 0;

    font-size: 22px;

    text-transform: capitalize;

    transition: all .6s ease-in-out
}



.team-back .portion h5 span {

    font-size: 14px;

    font-weight: 400
}



.team-back .portion p {

    color: #000;

    font-family: 14px;

    line-height: 24px;

    display: inline-block;

    padding: 0;

    width: 80%;

    margin: 20px 0 0 0
}



.team-back .portion .arrow-view {

    display: inline-block;

    margin: 20px 0 0 0;

    padding: 0;

    position: relative
}



.team-back .portion .arrow-view a {

    width: 40px;

    height: 40px;

    border-radius: 100%;

    border: #52768c 2px solid;

    float: left;

    text-align: center;

    line-height: 36px;

    font-size: 18px;

    transition: all .6s ease-in-out;

    transform: rotate(0)
}



.team-back .portion:hover .arrow-view a {

    transform: rotate(360deg);

    background: #fff;

    color: #000
}



.team-back .portion:hover {

    background: #ef5a4c
}



.team-back .portion:hover h5 {

    color: #fff !important
}


.footer-back {
  width: 100%;
  height: auto;
  margin: 20px 0 0;
  padding: 80px 0 25px;
  /* background: #1f001f; */
  float: left;
  position: relative;
}
/*.footer-back {

    width: 100%;

    height: auto;

    margin: 100px 0 0;

    padding: 80px 0 25px;

     background: #1f001f;

    float: left;

    position: relative;

}*/



.footer-back .portion {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left
}



.footer-back .portion .logo {

    float: left;

    margin: 0 0 15px 0;

    padding: 0
}



.footer-back .portion .logo img {

    width: 100px;

    height: auto;

    margin-right: 15px
}



.footer-back .portion .logo a {

    font-family: ananda_namasteregular;

    color: #333;

    font-size: 24px;

    text-decoration: none !important
}



.footer-back .portion p {

    color: #333;

    font-size: 14px;

    line-height: 24px
}



.footer-back .portion .details-list {

    margin: 0;

    padding: 0;

    float: left
}



.footer-back .portion .details-list li {

    list-style: none;

    margin: 0 0 10px 0;

    color: #333;

    font-size: 14px;

    position: relative
}



.footer-back .portion .details-list li .icon {

    position: absolute;

    top: 0;

    left: 0
}



.footer-back .portion h2 {

    font-size: 20px;

    color: #333;

    font-weight: 700;

    margin: 0 0 25px 0;

    padding: 0;

    text-transform: uppercase
}



.footer-back .portion .footer-nav {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.footer-back .portion .footer-nav li {

    margin: 0 0;

    padding: 10px 0 0;

    list-style: none;

    width: 50%;

    float: left
}



.footer-back .portion .footer-nav li a {

    color: #333;

    text-decoration: none;

    margin: 0;

    padding: 0;

    text-transform: capitalize;

    width: 100%;

    float: left;

    border-bottom: #333 1px solid;

    padding: 0 0 10px 12px;

    position: relative;

    font-size: 12px
}



.footer-back .portion .footer-nav li a:before {

    content: "\f0da";

    font-family: FontAwesome;

    font-size: 16px;

    position: absolute;

    top: -4px;

    left: 0
}



.copy-right-text-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 20px 0;

    background: #222;

    color: #fff;

    text-align: center
}



.all-content-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 50px 0 0;

    float: left;

    position: relative;

    z-index: 1
}



.card-body h4 {

    padding: 20px 0 0 !important
}



.conatct-us-back-details ol li {

    margin-bottom: 8px;

    font-family: pt_sansregular
}



.all-content-back::before {

    position: absolute;

    left: 0;

    top: -79px;

    width: 100%;

    height: 80px;

    background: url(../images/white_divider_top.png);

    background-repeat: repeat-x;

    content: "";

    z-index: -1;

    background-size: cover;

}

.footer-back::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  background: url(../images/white_divider_top2.png);
  background-repeat: repeat-x;
  content: "";
  z-index: 1;
  background-size: cover;
}
/*.all-content-back::after {
  position: absolute;
  left: 0;
  bottom: -98px;
  width: 100%;
  height: 80px;
  background: url(../images/white_divider_top2.png);
  background-repeat: repeat-x;
  content: "";
  z-index: -1;
  background-size: cover;
}
.all-content-back::after {

    position: absolute;

    left: 0;

    bottom: -178px;

    width: 100%;

    height: 80px;

    background: url(../images/white_divider_top2.png);

    background-repeat: repeat-x;

    content: "";

    z-index: -1;

    background-size: cover;

}*/



.blogdtls .conatct-us-back-details {

    position: relative
}



.blogdtls .conatct-us-back-details::after {

    position: absolute;

    right: -40%;

    top: 60%;

    width: 60%;

    background: url(../images/inner_sign_06.png);

    background-repeat: no-repeat;

    content: "";

    z-index: -1;

    background-size: 100% auto;

    height: 100%;

    opacity: .3;

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)
}



b,

strong {

    font-family: philosopherregular !important;

    font-weight: 400
}



.breadcrumb {

    font-family: philosopheritalic !important;

    width: auto;

    float: none;

    display: inline-block;

    background: 0 0 !important;

    margin: 14px 0 20px !important;

    color: #666
}



.breadcrumb li {

    text-transform: uppercase
}



.breadcrumb li a {

    text-transform: uppercase;

    color: #93278f;

    font-family: philosopherbold
}



.all-content-back h4 {

    margin: 0 0;

    padding: 20px 0;

    color: #93278f;

    font-weight: 700 !important
}



.blog_pic2 {

    max-width: 30%;

    width: 100%;

    float: right;

    margin: 0 0 20px 20px;

    -webkit-box-shadow: 9px 10px 0 0 rgba(0, 0, 0, .11);

    -moz-box-shadow: 9px 10px 0 0 rgba(0, 0, 0, .11);

    box-shadow: 9px 10px 0 0 rgba(0, 0, 0, .11)
}



.conatct-us-back-details {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.conatct-us-back-details .top-addres-details {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 30px 0 0 0;

    float: left;

    background: #f2fafb;

    -webkit-box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.15);

}



.conatct-us-back-details .top-addres-details a {

    color: #93278f
}



.conatct-us-back-details .top-addres-details .port {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left;

    font-family: philosopherregular !important;

    text-align: center
}



.conatct-us-back-details .top-addres-details .port .icon {

    width: 50px;

    height: 50px;

    margin: 0 0 15px 0;

    padding: 0;

    border-radius: 100%;

    text-align: center;

    line-height: 50px;

    display: inline-block;

    background: #93278f;

    color: #fff;

    font-size: 20px
}



.conatct-us-back-details .form-back {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left
}



.conatct-us-back-details .map-back {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left;

    -webkit-box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.15);

    border: #ccc 5px solid;

}



.conatct-us-back-details .map-back iframe {

    width: 100%;

    height: 460px;

    margin: 0;

    padding: 0;

    float: left;

    border: none
}



.conatct-us-back-details .form-back h3 {

    font-size: 36px;

    margin: 0 0 30px 0;

    padding: 0 0 30px 0;

    font-weight: 600;

    display: inline-block;

    position: relative;

    color: #333;

    text-transform: capitalize
}



.conatct-us-back-details .form-back h3:after {

    width: 60%;

    height: 1px;

    position: absolute;

    bottom: 0;

    left: 0;

    margin: auto;

    content: "";

    background: #333
}



.conatct-us-back-details .form-back .portion {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left
}



.conatct-us-back-details .form-back .portion input[type=text] {

    width: 100%;

    height: 40px;

    margin: 0;

    padding: 0 15px;

    float: left;

    border: #93278f 1px solid;

    outline-style: none
}



.conatct-us-back-details .form-back .portion input[type=email] {

    width: 100%;

    height: 40px;

    margin: 0;

    padding: 0 15px;

    float: left;

    border: #93278f 1px solid;

    outline-style: none
}



.conatct-us-back-details .form-back .portion textarea {

    width: 100%;

    height: 150px;

    margin: 0;

    padding: 15px;

    float: left;

    border: #93278f 1px solid;

    outline-style: none;

    resize: none
}



.conatct-us-back-details .form-back .portion .submit-back {

    margin: 0;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    text-decoration: none;

    float: left;

    position: relative;

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.conatct-us-back-details .form-back .portion .submit-back span {

    position: relative;

    z-index: 100
}



.conatct-us-back-details .form-back .portion .submit-back:after {

    width: 100%;

    height: 100%;

    background: #93278f;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.conatct-us-back-details .form-back .portion .submit-back:hover {

    color: #fff
}



.conatct-us-back-details .form-back .portion .submit-back:hover:after {

    opacity: 1;

    transform: scale(1)
}



.conatct-us-back-details .form-back .portion input[type=submit] {

    background: #93278f;

    border: none;

    cursor: pointer;

    padding: 10px 20px;

    cursor: pointer;

    color: #fff;

    outline-style: none;

    border-radius: 10px
}



.listing-invisual-back-details {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .left-panel-details {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .left-panel-details .image {

    width: 100%;

    display: block;

    margin: 0 0 15px 0;

    padding: 15px;

    border: #ddd 1px solid;

    border-radius: 5px
}



.listing-invisual-back-details .left-panel-details .button-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .left-panel-details .button-back .button1 {

    margin: 0 0 15px 0;

    position: relative;

    padding: 0 0 0 52px;

    height: 45px;

    line-height: 45px;

    float: left;

    background: #faa25c;

    color: #fff;

    text-align: left;

    border-radius: 3px;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    text-decoration: none;

    outline-style: none;

    width: 100%;

    overflow: hidden
}



.listing-invisual-back-details .left-panel-details .button-back .button1 .icon-back {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 45px;

    text-align: center;

    background: #cc7c3d;

    color: #fff;

    line-height: 45px;

    font-size: 18px
}



.listing-invisual-back-details .left-panel-details .button-back .button2 {

    margin: 0 0 15px 0;

    position: relative;

    padding: 0 0 0 52px;

    height: 45px;

    line-height: 45px;

    float: left;

    background: #216eb0;

    color: #fff;

    text-align: left;

    border-radius: 3px;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    text-decoration: none;

    outline-style: none;

    width: 100%;

    overflow: hidden
}



.listing-invisual-back-details .left-panel-details .button-back .button2 .icon-back {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 45px;

    text-align: center;

    background: #16558b;

    color: #fff;

    line-height: 45px;

    font-size: 18px
}



.tool-box {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.tool-box .panel-title span {

    margin: 0 10px 0 0
}



.tool-box .tool-box-details {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.tool-box .tool-box-details li {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    border-bottom: #ddd 1px solid;

    color: #000;

    text-decoration: none !important
}



.tool-box .tool-box-details li {

    margin: 0;

    padding: 10px 0;

    float: left;

    width: 100%;

    text-decoration: none;

    outline-style: none;

    color: #000;

    text-decoration: none;

    font-size: 16px
}



.tool-box .tool-box-details li a {

    text-decoration: none;

    color: #000
}



.tool-box .tool-box-details li a span {

    margin: 0 10px 0 0;

    font-size: 20px
}



.listing-invisual-back-details .right-panel-details-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .heading {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .heading h2 {

    font-size: 25px;

    margin: 0;

    padding: 0
}



.listing-invisual-back-details .right-panel-details-back .heading h2 span {

    color: #216eb0;

    font-size: 18px
}



.listing-invisual-back-details .right-panel-details-back .heading h3 {

    font-size: 25px;

    margin: 0;

    padding: 0;

    float: right
}



.listing-invisual-back-details .right-panel-details-back .heading h3 span {

    margin: 0 15px 0 0;

    color: #faa25c
}



.listing-invisual-back-details .right-panel-details-back .main-details-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.main-image-back {

    width: 100%;

    height: auto;

    position: relative
}



.main-image {

    width: 100%;

    display: block;

    padding: 15px;

    border: #ddd 1px solid;

    border-radius: 5px
}



.main-image-back .loader {

    width: 100%;

    height: 100%;

    background: url(../images/713.GIF) center center no-repeat rgba(255, 255, 255, 1);

    position: absolute;

    top: 0;

    left: 0
}



.right-details {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.right-details .top {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 20px;

    float: left;

    border: #c6c6c6 1px solid;

    background: #edefea;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px
}



.right-details .top h4 {

    font-size: 15px;

    line-height: 24px
}



.right-details h4 {

    margin: 0 0 15px 0;

    font-size: 18px
}



.right-details .button1 {

    margin: 0 10px 0 0;

    padding: 0;

    float: left
}



.right-details .button1 a {

    margin: 0;

    padding: 6px 15px;

    float: left;

    background: #216eb0;

    color: #fff;

    text-align: center;

    border-radius: 3px;

    box-shadow: #16558b 0 3px 0;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    outline-style: none
}



.right-details .button1 a span {

    margin: 0 10px 0 0;

    font-size: 18px
}



.right-details .button2 {

    margin: 0;

    padding: 0;

    float: left
}



.right-details .button2 a {

    margin: 0;

    padding: 6px 15px;

    float: left;

    background: #faa25c;

    color: #fff;

    text-align: center;

    border-radius: 3px;

    box-shadow: #cc7c3d 0 3px 0;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    outline-style: none
}



.right-details .button2 a span {

    margin: 0 10px 0 0;

    font-size: 18px
}



.right-details .bottom {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.right-details .bottom .del-ias {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.right-details .bottom .del-ias li {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    list-style: none
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .right-details .bottom .del-ias li a {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 8px 0;

    border-bottom: #ddd 1px solid;

    float: left;

    color: #333
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .right-details .reviews-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .right-details .reviews-back span {

    margin: 0 3px 0 0;

    color: #faa25c;

    font-size: 25px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews {

    width: 100%;

    height: auto;

    margin: 0 0 15px 0;

    padding: 0 0 15px 0;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .header-rev {

    width: 100%;

    height: auto;

    margin: 15px 0 15px 0;

    padding: 0 0 15px 0;

    border-bottom: #ddd 1px solid;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back h5 {

    font-size: 25px;

    margin: 0;

    padding: 0;

    font-weight: 600;

    float: left
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back h5 span {

    margin: 0 15px 0 0;

    font-size: 32px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .header-rev .write-review {

    margin: 0;

    padding: 6px 15px;

    float: right;

    background: #216eb0;

    color: #fff;

    text-align: center;

    border-radius: 3px;

    box-shadow: #16558b 0 3px 0;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    outline-style: none;

    cursor: pointer
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .header-rev .write-review span {

    margin: 0 10px 0 0;

    font-size: 20px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .image-back {

    width: 100%;

    height: 100px;

    display: block;

    padding: 10px;

    border: #ddd 1px solid;

    background: #eee;

    text-align: center;

    line-height: 100px;

    border-radius: 10px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .image-back span {

    font-size: 40px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .right-section {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 15px;

    float: left;

    background: #eee;

    border: #ddd 1px solid;

    border-radius: 3px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .right-section h6 {

    margin: 0;

    padding: 0;

    float: left;

    font-size: 18px
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .right-section h6 span {

    color: #216eb0
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .right-section .reviews-details {

    float: right
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .right-section .reviews-details span {

    margin: 0 3px 0 0;

    font-size: 20px;

    color: #faa25c
}



.listing-invisual-back-details .right-panel-details-back .main-details-back .reviews-post-back .portion-reviews .right-section p {

    margin: 15px 0 0 0
}



.tabify-back {

    width: 100%;

    height: auto;

    margin: 30px 0 30px 0;

    padding: 0;

    float: left;

    background: #eee;

    border-radius: 5px;

    box-shadow: #ddd 0 3px 0;

    text-align: center
}



.tabify-back li {

    margin: 0;

    padding: 0;

    float: left;

    display: inline-block;

    list-style: none;

    width: 33.33333%
}



.tabify-back li a {

    margin: 0;

    padding: 10px 0;

    float: left;

    color: #333;

    font-size: 16px;

    text-transform: capitalize;

    outline-style: none;

    border: none;

    text-decoration: none;

    text-align: center;

    float: left;

    width: 100%
}



.tabify-back li.active a {

    background: #faa25c;

    box-shadow: #cc7c3d 0 3px 0;

    color: #fff
}



.tabify-back li:first-child a {

    border-radius: 5px 0 0 5px
}



.tab-heading {

    font-size: 30px;

    margin: 0 0 15px 0;

    padding: 0 0 15px 0;

    float: left;

    border-bottom: #ddd 1px solid;

    width: 100%
}



.tab-heading span {

    margin: 0 10px 0 0
}



.thumb-image-back {

    width: 100%;

    height: auto;

    margin: 15px 0 0 0;

    padding: 0;

    float: left
}



.thumb-image-back li {

    width: 25%;

    height: auto;

    margin: 0 0 10px 0;

    padding: 0 8px;

    float: left;

    cursor: pointer;

    list-style: none
}



.thumb-image-back li .image {

    width: 100%;

    height: 100px;

    display: block;

    padding: 8px;

    border: #ddd 1px solid
}



.map-tab-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.map-tab-back .details {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.map-tab-back li {

    width: 33.33333%;

    height: auto;

    margin: 0;

    padding: 0 10px;

    float: left;

    list-style: none
}



.map-tab-back li a {

    margin: 0;

    padding: 10px 0;

    width: 100%;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    text-decoration: none;

    float: left;

    position: relative;

    transition: all .6s ease-in-out;

    text-align: center
}



.map-tab-back li a span {

    position: relative;

    z-index: 100
}



.map-tab-back li a:after {

    width: 100%;

    height: 100%;

    background: #92d1de;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transform: scale(0);

    transition: all .6s ease-in-out;

    border-radius: 3px
}



.map-tab-back li a:hover {

    color: #fff
}



.map-tab-back li.active a {

    color: #fff
}



.map-tab-back li a i {

    font-size: 16px;

    margin: 0 10px 0 0
}



.map-tab-back li a:hover:after {

    opacity: 1;

    transform: scale(1)
}



.map-tab-back li.active a:after {

    opacity: 1;

    transform: scale(1)
}



.map-tab-back iframe {

    width: 100%;

    height: 300px;

    margin: 30px 0 0 0;

    padding: 0;

    float: left;

    border: none
}



.view-map-full {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: #fff;

    padding: 100px;

    z-index: 100;

    opacity: 0;

    visibility: hidden
}



.view-map-full iframe {

    width: 95%;

    height: 85%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    border: none
}



.view-map-full img {

    width: 30px;

    height: 30px;

    position: absolute;

    top: 10px;

    right: 0;

    cursor: pointer;

    display: block;

    left: 0;

    margin: auto
}



.index-box-details-back {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    float: left;

    background-color: #000;

    background-image: radial-gradient(white, rgba(255, 255, 255, .2) 2px, transparent 40px), radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px), radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px), radial-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .1) 2px, transparent 30px);

    background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;

    background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1
}



.index-box-details-back .main {

    height: 345px;

    margin: 0 auto 0;

    padding: 0;

    position: absolute;

    max-width: 756px;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto
}



.index-box-details-back .main .sub-back {

    padding: 0 12.5px;

    width: 25%;

    margin: 0 0 25px 0;

    float: left;

    perspective: 1000px
}



.index-box-details-back .main .portion {

    width: 100%;

    height: 160px;

    margin: 0;

    padding: 0;

    float: left;

    position: relative;

    transform-style: preserve-3d;

    transition: all .6s linear;

    cursor: pointer
}



.index-box-details-back .main .portion .front {

    width: 100%;

    height: 100%;

    border: rgba(255, 255, 255, .3) 2px solid;

    position: absolute;

    top: 0;

    left: 0;

    backface-visibility: hidden;

    transform: rotateY(0)
}



.index-box-details-back .main .portion .back {

    width: 100%;

    height: 100%;

    border: rgba(255, 255, 255, .3) 2px solid;

    position: absolute;

    top: 0;

    left: 0;

    backface-visibility: hidden;

    transform: rotateY(180deg)
}



.index-box-details-back .main .sub-back:hover .portion {

    transform: rotateY(180deg)
}



.index-box-details-back .main .portion .sub-menu {

    width: 100%;

    padding: 18px;

    text-align: right;

    margin: 0;

    position: absolute;

    bottom: 0;

    right: 0
}



.index-box-details-back .main .portion .sub-menu li {

    display: block;

    margin: 0;

    padding: 0
}



.index-box-details-back .main .portion .sub-menu li a {

    color: #fff;

    text-decoration: none;

    text-transform: capitalize
}



.index-box-details-back .main .portion .text-del {

    width: 100%;

    height: 100%;

    padding: 12px;

    text-align: left;

    margin: 0
}



.index-box-details-back .main .portion .text-del p {

    width: 100%;

    color: #fff;

    font-size: 14px;

    line-height: 22px
}



.index-box-details-back .main .portion .text-del a {

    position: absolute;

    left: 0;

    padding: 0 0 0 20px;

    color: #fff;

    text-transform: capitalize;

    font-size: 13px;

    font-weight: 400;

    text-align: right;

    font-family: philosopherregular;

    width: 100%;

    height: 100%
}



.index-box-details-back .main .portion .text-del a span {

    position: absolute
}



.cls1,

.index-box-details-back .main .portion .text-del a {

    top: 10px
}



.cls2,

.index-box-details-back .main .portion .text-del a {

    top: 10px
}



.cls3,

.index-box-details-back .main .portion .text-del a {

    top: 10px
}



.cls4,

.index-box-details-back .main .portion .text-del a {

    top: 10px
}



.cls5,

.index-box-details-back .main .portion .text-del a {

    bottom: 10px
}



.cls6,

.index-box-details-back .main .portion .text-del a {

    bottom: 10px
}



.cls7,

.index-box-details-back .main .portion .text-del a {

    bottom: 10px
}



.cls8,

.index-box-details-back .main .portion .text-del a {

    bottom: 10px;

    font-size: 14px
}



.index-box-details-back .main .portion .plus {

    background: url(http://homelistinguk.com.dev.bh-62.webhostbox.net/wp-content/themes/exechome/images/plus.png) no-repeat;

    width: 14px;

    height: 14px;

    position: absolute;

    top: 18px;

    left: 13px;

    cursor: pointer
}



.index-box-details-back .main .portion h2.text-back {

    position: absolute;

    bottom: 10px;

    right: 20px;

    padding: 0 0 0 20px;

    color: #fff;

    text-transform: capitalize;

    font-family: philosopherregular;

    font-weight: 100;

    font-size: 20px;

    text-align: right
}



.index-box-details-back .main .portion h2.left {

    position: absolute;

    bottom: 10px;

    padding: 0 0 0 20px;

    color: #fff;

    text-transform: capitalize;

    font-size: 20px;

    font-family: philosopherregular;

    font-weight: 100;

    text-align: left
}



.index-box-details-back .main .portion h2.top {

    font-family: philosopherregular;

    position: absolute;

    margin-top: 15px;

    padding: 0 0 0 20px;

    color: #fff;

    text-transform: capitalize;

    font-size: 20px;

    font-weight: 100;

    text-align: top
}



.logo-new {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 10
}



a.new-pop {

    position: absolute;

    top: 157px;

    right: 0;

    background: url(http://homelistinguk.com.dev.bh-62.webhostbox.net/wp-content/themes/exechome/images/plus-pop.png) no-repeat;

    width: 45px;

    height: 50px
}



.logo-name {

    position: absolute;

    top: 27px;

    left: 45px
}



.copy-right {

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    font-size: 13px;

    color: #fff;

    text-align: center;

    padding: 0 15px
}

.workshop_scroll {
    width: calc(100% - 30px);
    background: rgba(255, 255, 255, .6);
    padding: 10px;margin: 0 auto 15px;
}

.workshop_scroll a {
    color: #111 !important;
    text-decoration: none !important;
    font-weight: bold;
    /* text-shadow: 2px 5px 2px #111; */
    font-size: 18px;
    display: block;
}

ul.socials li {

    display: inline-block;

    padding: 0 5px
}

ul.socials {
    padding: 0;
}



ul.socials li a {

    display: block;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: #fff;

    color: #333;

    line-height: 34px;

    text-align: center
}



ul.socials li a:hover {

    background: #93278f;

    color: #fff
}



.left-sec {

    float: left;

    width: 33.333%;

    text-align: left;

}



.mid-sec {

    display: inline-block;

    width: 33.333%;

}



.right-sec {

    float: right;

    width: 33.333%;

    text-align: right;

}



.left-sec .socila-back {

    float: left;

    list-style: none;

    color: #ccc;

    margin: 0;

    padding: 0
}



.left-sec .socila-back li {

    float: left;

    margin: 0 10px 0 0
}



.left-sec .socila-back li:last-child {

    margin: 0
}



.left-sec .socila-back li a {

    color: #ccc;

    text-decoration: none
}



.mid-sec .foote-nav {

    float: left;

    list-style: none;

    color: #ccc
}



.mid-sec .foote-nav li {

    float: left;

    margin: 0 10px 0 0;

    padding: 0;

    position: relative
}



.mid-sec .foote-nav li:last-child {

    margin: 0
}



.mid-sec .foote-nav li:last-child {

    margin: 0
}



.mid-sec .foote-nav li:before {

    position: absolute;

    top: 3px;

    right: -6px;

    width: 1px;

    height: 15px;

    background: #fff;

    content: ""

}



.mid-sec .foote-nav li:last-child:before {

    display: none
}



.mid-sec .foote-nav li a {

    color: #fff;

    text-decoration: none
}



.right-sec a {

    color: red
}



.home-about-sliding-section {

    margin: 0;

    float: left;

    padding: 0;

    width: 50%;

    position: fixed;

    top: 24.5%;

    right: -50%;

    background: rgba(0, 0, 0, .9);

    z-index: 100000;

    transition: all .3s ease-in-out
}



.home-about-sliding-section .portion {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    position: relative
}



.home-about-sliding-section .portion .profile-pic-back {

    width: 100%;

    text-align: center;

    margin: 0;

    padding: 30px 0;

    position: relative;

    float: left
}



.home-about-sliding-section .portion .profile-pic-back:after {

    width: 1px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    content: "";

    background: #333
}



.home-about-sliding-section .portion .profile-pic-back img {

    width: 100px;

    height: 100px;

    padding: 5px;

    border: #fff 2px solid;

    display: inline-block;

    border-radius: 200px;

    object-fit: cover
}



.home-about-sliding-section .portion .profile-pic-back h3 {

    color: #fff;

    text-align: center;

    font-size: 16px;

    text-transform: capitalize
}



.home-about-sliding-section .portion .profile-pic-back .login {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    text-align: center
}



.home-about-sliding-section .portion .profile-pic-back .login li {

    display: inline-block;

    margin: 0 0 2px 0;

    padding: 0
}



.home-about-sliding-section .portion .profile-pic-back .login li a {

    font-size: 13px;

    text-transform: capitalize;

    text-decoration: none;

    color: #fff;

    background: #fe0000;

    padding: 1px 5px 3px;

    float: left;

    border-radius: 3px;

    transition: all .2s ease-in-out
}



.home-about-sliding-section .portion .profile-pic-back .login li a:hover {

    background: #fff !important;

    color: #000
}



.home-about-sliding-section .portion p {

    color: #fff;

    font-size: 14px;

    margin: 0;

    padding: 30px 0 0 0
}



.home-about-sliding-section .click-icon-croos {

    position: absolute;

    top: 0;

    left: -45px;

    background: #000;

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    color: #fff;

    font-size: 30px;

    cursor: pointer
}



.home-about-sliding-section .click-icon-croos img {

    width: 30px;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto
}



.click-plus {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transition: all .3s ease-in-out;

    z-index: 1000
}



.click-cross {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transition: all .3s ease-in-out;

    z-index: 100000
}



.tab-logo {

    display: none
}



.accesslist {

    list-style: none;

    font-style: italic;

    padding: 0
}



.accesslist li {

    margin-bottom: 10px
}



.accesslist li:first-child {

    color: #333 !important;

    font-size: 18px
}



.copy-right.mobile {

    background: rgba(0, 0, 0, .8);

    padding: 10px 30px 0;

    display: none
}



.copy-right.mobile .sub {

    display: none
}



.copy-right.mobile .click {

    display: inline-block;

    position: absolute;

    top: -18px;

    left: 0;

    right: 0;

    cursor: pointer;

    margin: auto;

    display: none
}



.copy-right.mobile .click1 {

    display: inline-block;

    position: absolute;

    top: -18px;

    left: 0;

    right: 0;

    cursor: pointer;

    margin: auto
}



.price-list {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 59px 0 0 0
}



.price-list li {

    width: 100%;

    float: left;

    list-style: none;

    color: #fff;

    font-size: 20px
}



.price-list li strong {

    width: 50%;

    float: left
}



.mobile-view-accordian-back {

    position: absolute;

    max-width: 100%;

    height: 320px;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    padding: 0 30px
}



.mobile-view-accordian-back .details-menu {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0
}



.mobile-view-accordian-back .details-menu li {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    position: relative
}



.mobile-view-accordian-back .details-menu li a {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 10px 0 10px 50px;

    float: left;

    text-decoration: none;

    color: #fff;

    text-transform: capitalize
}



.mobile-view-accordian-back .details-menu li ul.sub-menu {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    background: rgba(0, 0, 0, .8)
}



.mobile-view-accordian-back .details-menu li ul.sub-menu a {

    padding: 5px 30px 5px 50px;

    border-bottom: #666 1px solid
}



.mobile-view-accordian-back .details-menu li ul.sub-menu .text-del {

    padding: 10px 10px 10px 50px;

    float: left
}



.mobile-view-accordian-back .details-menu li ul.sub-menu .text-del p {

    color: #fff
}



.mobile-view-accordian-back .details-menu li ul.sub-menu .text-del p a {

    padding: 10px 0 0 0;

    border: none
}



.mobile-view-accordian-back .details-menu li span.plus {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    position: absolute;

    border-right: rgba(255, 255, 255, .3) 1px solid
}



.mobile-view-accordian-back .details-menu li span.plus:before {

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    content: "+";

    font-size: 20px;

    cursor: pointer;

    text-align: center;

    height: 28px;

    line-height: 28px;

    width: 100%;

    text-align: center;

    right: 0;

    margin: auto;

    bottom: 0
}



.mobile-view-accordian-back .details-menu li span.minus {

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px;

    position: absolute;

    border-right: rgba(255, 255, 255, .3) 1px solid
}



.mobile-view-accordian-back .details-menu li span.minus:before {

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    content: "-";

    font-size: 20px;

    cursor: pointer;

    text-align: center;

    height: 28px;

    line-height: 28px;

    width: 100%;

    text-align: center;

    right: 0;

    margin: auto;

    bottom: 0
}



.mCustomScrollbar {

    -ms-touch-action: pinch-zoom;

    touch-action: pinch-zoom
}



.mCustomScrollbar.mCS_no_scrollbar,

.mCustomScrollbar.mCS_touch_action {

    -ms-touch-action: auto;

    touch-action: auto
}



.mCustomScrollBox {

    position: relative;

    overflow: hidden;

    height: 100%;

    max-width: 100%;

    outline: 0;

    direction: ltr
}



.mCSB_container {

    overflow: hidden;

    width: auto;

    height: auto
}



.mCSB_inside>.mCSB_container {

    margin-right: 30px
}



.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-right: 0
}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container {

    margin-right: 0;

    margin-left: 30px
}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-left: 0
}



.mCSB_scrollTools {

    position: absolute;

    width: 16px;

    height: auto;

    left: auto;

    top: 0;

    right: 0;

    bottom: 0
}



.mCSB_outside+.mCSB_scrollTools {

    right: -26px
}



.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {

    right: auto;

    left: 0
}



.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {

    left: -26px
}



.mCSB_scrollTools .mCSB_draggerContainer {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: auto
}



.mCSB_scrollTools a+.mCSB_draggerContainer {

    margin: 20px 0
}



.mCSB_scrollTools .mCSB_draggerRail {

    width: 2px;

    height: 100%;

    margin: 0 auto;

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    border-radius: 16px
}



.mCSB_scrollTools .mCSB_dragger {

    cursor: pointer;

    width: 100%;

    height: 30px;

    z-index: 1
}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    position: relative;

    width: 2px;

    height: 100%;

    margin: 0 auto;

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    border-radius: 16px;

    text-align: center;

    float: right
}



.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    width: 12px
}



.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 8px
}



.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonUp {

    display: block;

    position: absolute;

    height: 20px;

    width: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer
}



.mCSB_scrollTools .mCSB_buttonDown {

    bottom: 0
}



.mCSB_horizontal.mCSB_inside>.mCSB_container {

    margin-right: 0;

    margin-bottom: 30px
}



.mCSB_horizontal.mCSB_outside>.mCSB_container {

    min-height: 100%
}



.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {

    margin-bottom: 0
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    width: auto;

    height: 16px;

    top: auto;

    right: 0;

    bottom: 0;

    left: 0
}



.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom: -26px
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {

    margin: 0 20px
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 2px;

    margin: 7px 0
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 30px;

    height: 100%;

    left: 0
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto
}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    height: 12px;

    margin: 2px auto
}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 8px;

    margin: 4px 0
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    display: block;

    position: absolute;

    width: 20px;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {

    left: 0
}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    right: 0
}



.mCSB_container_wrapper {

    position: absolute;

    height: auto;

    width: auto;

    overflow: hidden;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin-right: 30px;

    margin-bottom: 30px
}



.mCSB_container_wrapper>.mCSB_container {

    padding-right: 30px;

    padding-bottom: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box
}



.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {

    bottom: 20px
}



.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    right: 20px
}



.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {

    bottom: 0
}



.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    right: 0
}



.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    left: 20px
}



.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    left: 0
}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {

    margin-right: 0;

    margin-left: 30px
}



.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {

    padding-right: 0
}



.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {

    padding-bottom: 0
}



.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-right: 0;

    margin-left: 0
}



.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {

    margin-bottom: 0
}



.mCSB_scrollTools,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight,

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {

    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;

    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;

    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;

    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}



.mCSB_scrollTools {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,

.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=1)";

    -ms-filter: "alpha(opacity=1)"

}



.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,

.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,

.mCustomScrollBox:hover>.mCSB_scrollTools,

.mCustomScrollBox:hover~.mCSB_scrollTools,

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,

.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)"

}



.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    filter: "alpha(opacity=1)";

    -ms-filter: "alpha(opacity=1)"

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .75);

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .85);

    filter: "alpha(opacity=85)";

    -ms-filter: "alpha(opacity=85)"

}



.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .9);

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}



.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight,

.mCSB_scrollTools .mCSB_buttonUp {

    background-image: url(mCSB_buttons.png);

    background-repeat: no-repeat;

    opacity: .4;

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}



.mCSB_scrollTools .mCSB_buttonUp {

    background-position: 0 0
}



.mCSB_scrollTools .mCSB_buttonDown {

    background-position: 0 -20px
}



.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: 0 -40px
}



.mCSB_scrollTools .mCSB_buttonRight {

    background-position: 0 -56px
}



.mCSB_scrollTools .mCSB_buttonDown:hover,

.mCSB_scrollTools .mCSB_buttonLeft:hover,

.mCSB_scrollTools .mCSB_buttonRight:hover,

.mCSB_scrollTools .mCSB_buttonUp:hover {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_buttonDown:active,

.mCSB_scrollTools .mCSB_buttonLeft:active,

.mCSB_scrollTools .mCSB_buttonRight:active,

.mCSB_scrollTools .mCSB_buttonUp:active {

    opacity: .9;

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}



.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .15)
}



.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)
}



.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: rgba(0, 0, 0, .85)
}



.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: rgba(0, 0, 0, .9)
}



.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px 0
}



.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -20px
}



.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -40px
}



.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -56px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background-color: #fff;

    background-color: rgba(255, 255, 255, .1);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 4px;

    background-color: #fff;

    background-color: rgba(255, 255, 255, .75);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}



.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px auto
}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .85)
}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .9)
}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px 0
}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -20px
}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -40px
}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -56px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px 0
}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -20px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -40px
}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -56px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background-color: #fff;

    background-color: rgba(255, 255, 255, .1);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    background-color: #fff;

    background-color: rgba(255, 255, 255, .75);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}



.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0
}



.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 6px;

    margin: 5px auto
}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .85)
}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .9)
}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -16px 0
}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -16px -20px
}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -20px -40px
}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -20px -56px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -96px 0
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -96px -20px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -100px -40px
}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -100px -56px
}



.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .1)
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px
}



.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%
}



.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 2px;

    margin: 7px auto
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .15)
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px 0
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -20px
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -40px
}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -56px
}



.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .15)
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded.mCSB_scrollTools .mCSB_dragger {

    height: 14px
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 14px;

    margin: 0 1px
}



.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 14px
}



.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 14px;

    margin: 1px 0
}



.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    width: 16px;

    height: 16px;

    margin: -1px 0
}



.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 4px
}



.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    height: 16px;

    width: 16px;

    margin: 0 -1px
}



.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 4px;

    margin: 6px 0
}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {

    background-position: 0 -72px
}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {

    background-position: 0 -92px
}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: 0 -112px
}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {

    background-position: 0 -128px
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .15)
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px -72px
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -92px
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -112px
}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -128px
}



.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {

    width: 4px
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    background-color: transparent;

    background-position: center
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);

    background-repeat: repeat-y;

    opacity: .3;

    filter: "alpha(opacity=30)";

    -ms-filter: "alpha(opacity=30)"

}



.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    height: 4px;

    margin: 6px 0;

    background-repeat: repeat-x
}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -16px -72px
}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -16px -92px
}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -20px -112px
}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -20px -128px
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -96px -72px
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -96px -92px
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -100px -112px
}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -100px -128px
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-repeat: repeat-y;

    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));

    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    background-repeat: repeat-x;

    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));

    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);

    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}



.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {

    height: 70px
}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 70px
}



.mCS-3d-dark.mCSB_scrollTools,

.mCS-3d.mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=30)";

    -ms-filter: "alpha(opacity=30)"

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    border-radius: 16px
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {

    width: 8px;

    background-color: #000;

    background-color: rgba(0, 0, 0, .2);

    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #555
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 8px
}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 8px;

    margin: 4px 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 8px;

    margin: 4px auto
}



.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px
}



.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px
}



.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px
}



.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1);

    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px
}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px
}



.mCS-3d-thick-dark.mCSB_scrollTools,

.mCS-3d-thick.mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=30)";

    -ms-filter: "alpha(opacity=30)"

}



.mCS-3d-thick-dark.mCSB_scrollTools,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,

.mCS-3d-thick.mCSB_scrollTools,

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    border-radius: 7px
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px
}



.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {

    right: 1px
}



.mCS-3d-thick-dark.mCSB_scrollTools_vertical,

.mCS-3d-thick.mCSB_scrollTools_vertical {

    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,

.mCS-3d-thick.mCSB_scrollTools_horizontal {

    bottom: 1px;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);

    width: 12px;

    margin: 2px;

    position: absolute;

    height: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0
}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #555
}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 12px;

    width: auto
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

    background-color: #000;

    background-color: rgba(0, 0, 0, .05);

    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px
}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px
}



.mCS-3d-thick-dark.mCSB_scrollTools {

    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #777
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

    background-color: #fff;

    background-color: rgba(0, 0, 0, .05);

    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px
}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px
}



.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {

    right: 0;

    margin: 0 0
}



.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom: 0;

    margin: 0 12px
}



.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {

    left: 0;

    right: auto
}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent
}



.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {

    height: 50px
}



.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 50px
}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .2);

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)"

}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .5);

    filter: "alpha(opacity=50)";

    -ms-filter: "alpha(opacity=50)"

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .2);

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)"

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .5);

    filter: "alpha(opacity=50)";

    -ms-filter: "alpha(opacity=50)"

}



.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {

    width: 6px;

    background-color: #000;

    background-color: rgba(0, 0, 0, .2)
}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px
}



.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 6px;

    margin: 5px 0
}



.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 12px
}



.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 12px;

    margin: 2px 0
}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px
}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px
}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px
}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px
}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)
}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1)
}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px
}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px
}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px
}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {

    width: 12px;

    background-color: #000;

    background-color: rgba(0, 0, 0, .2)
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    margin: 3px 5px;

    position: absolute;

    height: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0
}



.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 6px;

    margin: 5px 3px;

    position: absolute;

    width: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0
}



.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 12px;

    margin: 2px 0
}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px
}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px
}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px
}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1)
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent;

    border-width: 1px;

    border-style: solid;

    border-color: #fff;

    border-color: rgba(255, 255, 255, .2);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box
}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {

    border-color: #000;

    border-color: rgba(0, 0, 0, .2)
}



.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .6)
}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .6)
}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)
}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)
}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)
}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .75)
}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .85)
}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: rgba(255, 255, 255, .9)
}



.mobile-view {

    width: 100%;

    display: none
}



.index-box-details-back .main {

    display: block
}



.mobile-view .logo-new {

    position: absolute;

    top: 13px;

    left: 0;

    right: 0;

    bottom: auto;

    width: 67px
}



.search-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left;

    text-align: center;

    position: relative
}



.search-back .portion {

    display: inline-block;

    margin: 0;

    padding: 0
}



.search-back .portion .input-back {

    width: 298px;

    height: 40px;

    margin: 0;

    padding: 0 46px 0 0;

    float: left;

    background: rgba(0, 0, 0, .8);

    position: relative;

    border-radius: 3px
}



.search-back .portion .input-back .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100% !important
}



.search-back .portion .input-back .btn-default {

    border-radius: 0;

    background: 0 0;

    color: #fff !important;

    border: none !important;

    outline-style: none !important
}



.search-back .portion .input-back .bs-caret .caret {

    border: none !important;

    width: 46px;

    height: 40px;

    top: 0;

    right: 0
}



.btn-group.open .dropdown-toggle {

    box-shadow: none !important;

    outline-style: none !important
}



.search-back .portion .input-back .btn-default:focus {

    box-shadow: none !important;

    outline-style: none !important;

    background: 0 0
}



.search-back .portion .input-back .icon {

    position: absolute;

    top: 0;

    right: 0
}



.search-back .portion .input-back input[type=text] {

    outline-style: none;

    width: 100%;

    height: 40px;

    margin: 0;

    padding: 0 15px;

    float: left;

    outline-style: none;

    border: none;

    color: #fff;

    background: 0 0
}



.search-back button[type=submit] {

    width: 96px;

    height: 40px;

    color: #fff;

    outline-style: none;

    margin: 0;

    padding: 0;

    line-height: 40px;

    text-transform: capitalize;

    cursor: pointer;

    border: none;

    background: #92d1de;

    float: left
}



.search-back button[type=submit]:hover {

    background: #000
}



.search-back button[type=reset] {

    width: 96px;

    height: 40px;

    color: #fff;

    outline-style: none;

    margin: 0;

    padding: 0;

    line-height: 40px;

    text-transform: capitalize;

    cursor: pointer;

    border: none;

    background: #92d1de;

    float: left
}



.search-back button[type=reset]:hover {

    background: #000
}



.search-back .portion .adsearch-back {

    padding: 0 29px 0 5px;

    position: relative;

    float: left;

    font-weight: 700;

    color: #000;

    text-transform: capitalize;

    cursor: pointer;

    cursor: pointer;

    margin: 10px 0 0 0
}



.search-back .portion .adsearch-back .icon-ad {

    position: absolute;

    top: 6px;

    right: 0
}



.search-back .portion .adsearch-back .icon-ad2 {

    position: absolute;

    top: 6px;

    right: 0;

    display: none
}



.search-back .advance-serach-back {

    width: 100%;

    height: auto;

    background: rgba(0, 0, 0, .8);

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    padding: 30px 25px 10px;

    text-align: left;

    display: none
}



.search-back .advance-serach-back h3 {

    color: #fff;

    margin: 0 0 8px 0;

    padding: 0 0 0 5px;

    font-size: 20px;

    text-transform: capitalize;

    font-weight: 600
}



.search-back .advance-serach-back .search-main-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.search-back .advance-serach-back .search-main-back .top {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.search-back .advance-serach-back .search-main-back .portion {

    width: 100%;

    padding: 0;

    float: left;

    margin: 0 0 10px 0
}



.search-back .advance-serach-back .search-main-back .portion input[type=text] {

    width: 100%;

    height: 40px;

    margin: 0;

    padding: 0 15px;

    border-radius: 3px;

    background: #fff;

    border: none;

    float: left;

    outline-style: none
}



.search-back .advance-serach-back .search-main-back .bottom {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.search-back .advance-serach-back .search-main-back .portion {

    width: 100%;

    padding: 0;

    float: left;

    margin: 0 0 10px 0
}



.search-back .advance-serach-back .search-main-back .portion:last-child {

    width: 100%
}



.btn-default {

    width: 100% !important;

    height: 40px;

    margin: 0;

    padding: 0 15px !important;

    border-radius: 3px;

    float: left;

    background: #fff;

    outline-style: none !important;

    box-shadow: none !important
}



.search-back .advance-serach-back .search-main-back .portion .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100%;

    float: left
}



.search-back .advance-serach-back .search-main-back .portion .bs-caret .caret {

    background: url(../images/icon-s4.png) no-repeat;

    border: none !important;

    width: 46px;

    height: 40px;

    top: 0;

    right: 0
}



.search-back .advance-serach-back .search-main-back .portion .check-box-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.search-back .advance-serach-back .search-main-back h4 {

    color: #fff;

    margin: 15px 0 8px 0;

    padding: 0 0 0 5px;

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 600
}



.search-back .advance-serach-back .search-main-back .portion .check-box-back .check {

    margin: 0 20px 0 0;

    padding: 0 0 0 22px;

    float: left;

    position: relative
}



.search-back .advance-serach-back .search-main-back .portion .check-box-back .check input[type=checkbox] {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top: 0;

    left: 0
}



.search-back .advance-serach-back .search-main-back .portion .check-box-back .check input[type=checkbox]+label {

    font-weight: 400;

    color: #000;

    cursor: pointer
}



.search-back .advance-serach-back .search-main-back .portion .check-box-back .check input[type=checkbox]+label span {

    width: 13px;

    height: 12px;

    float: left;

    background: #cf1508;

    position: absolute;

    top: 4px;

    left: 0;

    cursor: pointer;

    border: #cf1508 2px solid
}



.search-back .advance-serach-back .search-main-back .portion .check-box-back .check input[type=checkbox]:checked+label span {

    background: #000;

    border: #cf1508 2px solid
}



.search-back .advance-serach-back .search-main-back .price-range-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.search-back .advance-serach-back .search-main-back .portion a.reset {

    width: 96px;

    height: 40px;

    color: #fff;

    outline-style: none;

    margin: 0;

    padding: 0;

    line-height: 40px;

    text-transform: capitalize;

    cursor: pointer;

    border: none;

    background: #92d1de;

    float: left;

    text-align: center;

    text-decoration: none
}



.search-back .advance-serach-back .search-main-back .portion a.reset:hover {

    background: #000
}



.for-amenities {

    background: #fff;

    padding: 15px 15px 15px 110px !important;

    border-radius: 3px;

    width: 100%;

    float: left;

    position: relative
}



.for-amenities h4 {

    color: #000 !important;

    position: absolute;

    top: 14px;

    left: 10px
}



.btn-group {

    display: inline-block !important
}



.featured {

    position: absolute;

    top: 0;

    left: 0
}



.list-show-view-back {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    float: left
}



.list-show-view-back .details {

    width: 100%;

    height: auto;

    margin: 0 0 30px 0;

    padding: 0;

    float: left
}



.list-show-view-back .details .custom-button {

    margin: 0;

    padding: 6px 30px;

    background: #92d1de;

    color: #fff;

    float: left;

    border: none;

    outline-style: none
}



.premium-listing-back.list .portion {

    padding: 0 0 0 230px;

    position: relative
}



.premium-listing-back.list .portion .image-back {

    position: absolute;

    width: 230px;

    height: 100%;

    top: 0;

    left: 0
}



.fixvideo {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    transform: scale(2)
}



.premium-listing-back.list .portion .image-back img {

    height: 100%
}



.premium-listing-back.list .portion p {

    margin: 10px 0 0 0
}



.map-view-custom {

    width: 100%;

    height: 500px !important;

    margin: 0 0 30px 0;

    padding: 0 !important;

    float: left
}



.custom-property-button {

    width: auto;

    height: 40px;

    color: #fff;

    outline-style: none;

    margin: 0 0 15px 0;

    padding: 0 20px;

    line-height: 40px;

    text-transform: capitalize;

    cursor: pointer;

    border: none;

    display: inline-block;

    background: #000;

    text-decoration: none !important;

    border-radius: 3px
}



.custom-property-button:hover {

    background: #92d1de;

    color: #fff !important
}



#cal_wrapper {

    width: 100% !important;

    position: relative
}



#the_months {

    width: 100% !important
}



#cal_wrapper .cal_month {

    width: 180px !important;

    margin: 0 5px !important;

    border-radius: 0 !important;

    border: 1px solid #faa25c !important
}



#key .cal_title,

.cal_month .cal_title {

    background: #faa25c !important;

    border: 1px solid #cc7c3d !important
}



#cal_wrapper .cal_month ul.cal_weekday li {

    background: #faa25c !important;

    border: 1px solid #cc7c3d !important;

    border-radius: 0 !important
}



#cal_wrapper #02_2018 {

    float: left !important
}



#cal_wrapper #3_2018 {

    float: right !important
}



#key_wrapper {

    position: absolute;

    top: 0;

    right: 0
}



#key_wrapper .cal_month {

    width: 80px !important
}



#cal_wrapper .cal_month ul {

    width: 88% !important
}



#cal_controls {

    width: 100%
}



#cal_controls #cal_next {

    float: right !important
}



.tool-box-details {

    margin: 0;

    padding: 0
}



.tool-box-details li {

    margin: 0;

    padding: 0;

    list-style: none
}



.error .clip .shadow {

    height: 180px
}



.error .clip:nth-of-type(2) .shadow {

    width: 130px
}



.error .clip:nth-of-type(1) .shadow,

.error .clip:nth-of-type(3) .shadow {

    width: 250px
}



.error .digit {

    width: 150px;

    height: 150px;

    line-height: 150px;

    font-size: 120px;

    font-weight: 700
}



.error h2 {

    font-size: 32px
}



.error .msg {

    top: -190px;

    left: 30%;

    width: 80px;

    height: 80px;

    line-height: 80px;

    font-size: 32px
}



.error span.triangle {

    top: 70%;

    right: 0;

    border-left: 20px solid #535353;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent
}



.error .container-error-404 {

    margin-top: 10%;

    position: relative;

    height: 250px;

    padding-top: 40px
}



.error .container-error-404 .clip {

    display: inline-block;

    transform: skew(-45deg)
}



.error .clip .shadow {

    overflow: hidden
}



.error .clip:nth-of-type(2) .shadow {

    overflow: hidden;

    position: relative;

    box-shadow: inset 20px 0 20px -15px rgba(150, 150, 150, .8), 20px 0 20px -15px rgba(150, 150, 150, .8)
}



.error .clip:nth-of-type(1) .shadow:after,

.error .clip:nth-of-type(3) .shadow:after {

    content: "";

    position: absolute;

    right: -8px;

    bottom: 0;

    z-index: 9999;

    height: 100%;

    width: 10px;

    background: linear-gradient(90deg, transparent, rgba(173, 173, 173, .8), transparent);

    border-radius: 50%
}



.error .clip:nth-of-type(3) .shadow:after {

    left: -8px
}



.error .digit {

    position: relative;

    top: 8%;

    color: #fff;

    background: #07b3f9;

    border-radius: 50%;

    display: inline-block;

    transform: skew(45deg)
}



.error .clip:nth-of-type(2) .digit {

    left: -10%
}



.error .clip:nth-of-type(1) .digit {

    right: -20%
}



.error .clip:nth-of-type(3) .digit {

    left: -20%
}



.error h2 {

    color: #a2a2a2;

    font-weight: 700;

    padding-bottom: 20px
}



.error .msg {

    position: relative;

    z-index: 9999;

    display: block;

    background: #535353;

    color: #a2a2a2;

    border-radius: 50%;

    font-style: italic
}



.error .triangle {

    position: absolute;

    z-index: 999;

    transform: rotate(45deg);

    content: "";

    width: 0;

    height: 0
}



.modal-footer .btn+.btn {

    margin-left: 5px;

    margin-bottom: 0;

    margin-top: 10px
}



.form-group iframe {

    width: 100% !important
}



.vision img {

    width: 100%
}



.overlay {

    position: relative;

    z-index: 20
}



.ground-color {

    background: #fff
}



.item-bg-color {

    background: #eaeaea
}



.padding-top {

    padding-top: 10px
}



.padding-bottom {

    padding-bottom: 10px
}



.padding-vertical {

    padding-top: 10px;

    padding-bottom: 10px
}



.padding-horizontal {

    padding-left: 10px;

    padding-right: 10px
}



.padding-all {

    padding: 10px
}



.no-padding-left {

    padding-left: 0
}



.no-padding-right {

    padding-right: 0
}



.no-vertical-padding {

    padding-top: 0;

    padding-bottom: 0
}



.no-horizontal-padding {

    padding-left: 0;

    padding-right: 0
}



.no-padding {

    padding: 0
}



.margin-top {

    margin-top: 10px
}



.margin-bottom {

    margin-bottom: 10px
}



.margin-right {

    margin-right: 10px
}



.margin-left {

    margin-left: 10px
}



.margin-horizontal {

    margin-left: 10px;

    margin-right: 10px
}



.margin-vertical {

    margin-top: 10px;

    margin-bottom: 10px
}



.margin-all {

    margin: 10px
}



.no-margin {

    margin: 0
}



.no-vertical-margin {

    margin-top: 0;

    margin-bottom: 0
}



.no-horizontal-margin {

    margin-left: 0;

    margin-right: 0
}



.inside-col-shrink {

    margin: 0 20px
}



hr {

    margin: 0;

    padding: 0;

    border-top: 1px dashed #999
}



.all-heading-back h1 {

    color: #333;

    font-family: philosopherregular;

    display: block;

    text-align: center
}



.copy-right {

    opacity: 1;

    padding: 10px 15px
}



.mid-sec .foote-nav {

    margin-top: 10px
}



.copy-right .left-sec {

    margin-top: 10px
}



.copy-right .right-sec {

    margin-top: 10px;

    text-transform: capitalize
}



.footer-copy-right .left-sec {

    margin-top: 10px
}



.footer-copy-right .right-sec {

    margin-top: 10px;

    text-transform: capitalize
}



.headersec-cls {

    color: #fff;

    padding: 15px 60px;

    text-align: left
}



.headersec-cls h1 {

    margin: 0;

    font-weight: 700
}



header .menu li a.current_page_item {

    color: red
}



.ajax-loader {

    display: none !important
}



.card-img-top {

    width: 100%;

    height: 330px;

    object-fit: cover
}



.sb-preview {

    margin-bottom: 30px
}



.sb-preview .card {

    border: 1px solid #ededed;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);

    background: #f5f5f5
}



.card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0, 0, 0, .125);

    border-radius: .25rem
}



.sb-preview .card .card-body {

    padding: 0 25px 15px;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 2;

    background: rgba(147, 39, 143, .6)
}



.sb-preview .card a:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: 1
}



.card-title {

    margin-bottom: .75rem
}



.card-text:last-child {

    margin-bottom: 0
}



.sb-preview .card .card-footer {

    padding: .75rem 1.5rem 1.5rem;

    border: 0;

    background: 0 0
}



.card-footer:last-child {

    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}



.sb-preview-img {

    overflow: hidden;

    position: relative;

    color: #fff !important;

    z-index: 1;

    border: #fff 6px solid
}



.sb-preview-img .card-title {

    color: #fff !important
}



.btn-secondary {

    color: #fff;

    background-color: #3fa4d1;

    border: 1px solid #3fa4d1
}



.btn-secondary:hover {

    color: #212529;

    background-color: #ececec;

    border-color: #e6e6e6
}



.card-title {

    font-weight: 700
}



.column {

    float: left;

    width: 33.3%;

    margin-bottom: 16px;

    padding: 0 8px
}



.centealg-cls {

    text-align: center
}



.teammember-img {

    width: 200px;

    height: 200px;

    border-radius: 50%;

    border: 5px solid #fff
}



.team-card-cls {

    background: #f5f5f5;

    padding: 10px;

    color: #222;

    border-bottom: 5px solid #1f6511
}



.team-title {

    color: #1f6511
}



.teammember-img:after {

    width: 40%;

    height: 2px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    background: #fff;

    content: ""

}



.teamborderinfo-cls {

    text-align: center
}



.teamborderinfo-cls h2 {

    font-weight: 600
}



.singleblock-time-cls {

    margin: 20px 5px
}



.entry-author-link {

    font-weight: 700
}



.blogcontent-cls {

    margin-top: 20px
}



.blog-post-single {

    width: 100%
}



.blogimg-cls {

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    display: block;

    height: auto;

    width: 33.333%;

    -webkit-box-shadow: -9px 10px 0 0 rgba(0, 0, 0, .11);

    -moz-box-shadow: -9px 10px 0 0 rgba(0, 0, 0, .11);

    box-shadow: -9px 10px 0 0 rgba(0, 0, 0, .11)
}



.blogtitle-cls {

    color: #93278f;

    font-size: 30px;

    margin-top: 0;

    font-family: philosopherbold
}



.entry-author {

    padding: 10px;

    text-align: center;

    display: inline-block;

    background: #91658f;

    background: -moz-linear-gradient(top, rgba(145, 101, 143, 1) 0, rgba(147, 39, 143, 1) 100%);

    background: -webkit-linear-gradient(top, rgba(145, 101, 143, 1) 0, rgba(147, 39, 143, 1) 100%);

    background: linear-gradient(to bottom, rgba(145, 101, 143, 1) 0, rgba(147, 39, 143, 1) 100%);

    color: #fff
}



.size-medium {

    border: #eee 8px solid;

    margin-top: 15px;

    margin-bottom: 15px
}



span.entry-author-link.vcard a {

    color: #fff
}



header .menu li a:hover {

    color: #93278f
}



header .menu li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item a {

    color: #c155bd !important;

    border-bottom: 3px solid #93278f
}



.headersec-cls hr {

    width: 37%;

    border: 2px solid #fff
}



.index-box-details-back .main .portion .ambottom-cls {

    background: url(http://homelistinguk.com.dev.bh-62.webhostbox.net/wp-content/themes/exechome/images/plus.png) no-repeat;

    width: 14px;

    height: 14px;

    position: absolute;

    bottom: 21px;

    left: 12px;

    cursor: pointer
}



.index-box-details-back .main .portion h2.text-back {

    font-size: 15px;

    font-weight: 600 !important
}



.index-box-details-back .main .portion h2.top {

    font-size: 14px;

    font-weight: 600 !important;

    padding-right: 15px
}



.index-box-details-back .main .portion h2.left {

    font-size: 15px;

    font-weight: 600 !important
}



.click-icon-croos {

    display: none
}



.footer-copy-right {

    width: 100%;

    bottom: 0;

    left: 0;

    font-size: 13px;

    color: #ccc;

    text-align: center;

    background: #1f001f;

    opacity: .6;

    padding: 10px 15px 0;

    float: left
}



.right-sec img {

    margin-top: -10px
}



.panel-default>.panel-heading {

    color: #333;

    background-color: #fff;

    border-color: #e4e5e7;

    padding: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}



.panel-default>.panel-heading a {

    display: block;

    padding: 10px 15px
}



.panel-default>.panel-heading a:after {

    content: "";

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    float: right;

    transition: transform .25s linear;

    -webkit-transition: -webkit-transform .25s linear
}



.panel-default>.panel-heading a[aria-expanded=true] {

    background-color: #eee;

    text-decoration: none
}



.panel-default>.panel-heading a[aria-expanded=true]:after {

    content: "\2212";

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)
}



.panel-default>.panel-heading a[aria-expanded=false]:after {

    content: "\002b";

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)
}



.accordion-option {

    width: 100%;

    float: left;

    clear: both;

    margin: 15px 0
}



.accordion-option .title {

    font-size: 20px;

    font-weight: 700;

    float: left;

    padding: 0;

    margin: 0
}



.accordion-option .toggle-accordion {

    float: right;

    font-size: 16px;

    color: #6a6c6f
}



.accordion-option .toggle-accordion:before {

    content: "Expand All"

}



.accordion-option .toggle-accordion.active:before {

    content: "Collapse All"

}



.aboutservices-cls {

    text-align: center;

    margin-bottom: 20px
}



.aboutservices-cls h2 {

    text-align: center;

    color: #000
}



.about-bordercls h4 {

    text-align: left;

    color: #d367cf;

    font-size: 20px
}



.about-bordercls {

    margin-bottom: 20px;

    padding: 11px 0;

    float: left;

    margin: 20px 0 0
}



.panel-heading a {

    text-decoration: none
}



.panel-heading a:hover {

    text-decoration: none
}



.panel-heading p {

    margin: 0
}



#accordion h3 {

    text-align: left;

    color: #3dbff7;

    font-size: 16px;

    font-weight: 700
}



.all-content-back p {

    text-align: justify
}



.all-content-back p br {

    margin-bottom: 10px
}



ul li ul {

    padding: 0
}



.accordion {

    max-width: 100%;

    margin: 0 auto
}



.accordion-header {

    border-bottom: 1px solid #ddd;

    background: #eee;

    color: #2a313a;

    cursor: pointer;

    font-weight: 700;

    margin-bottom: 10px;

    padding: 1.5rem
}



.accordion-content {

    display: none;

    border-bottom: 1px solid #dde0e7;

    background: #f6f7f9;

    padding: 2rem;

    color: #4a5666
}



.accordion-header::before {

    content: '';

    vertical-align: middle;

    display: inline-block;

    width: .75rem;

    height: .75rem;

    border-radius: 50%;

    background-color: #44abd7;

    margin-right: .75rem
}



.active.accordion-header::before {

    background-color: #2c95c1
}



.accordion ul li h3 {

    font-size: 16px;

    font-weight: 700;

    color: #2c95c1
}



.price-head-cls>.price_head p span {

    color: #fff !important
}



.price-head-cls {

    background: #1f6411 !important
}



.ptsCell.ptsColFooter {

    height: 70px !important
}



.ptsActBtn.ptsEl.ptsElInput {

    display: inline-block;

    padding: 11px 20px !important;

    border: 1px solid #1f6411 !important;

    width: 80%;

    border-radius: 3px;

    background: #1f6411 !important;

    color: #fff !important
}



a.ptsEditArea.ptsInputShell {

    color: #fff !important
}



.ptsColHeader.ptsCell {

    display: none
}



.readmore-cls {

    border-left: 5px solid #38a5d6;

    padding: 6px 10px;

    margin-left: 30px
}



.missionvision {

    width: 100%;

    float: left;

    margin: 0 0;

    padding: 0 0
}



.vision {

    width: 50%;

    min-height: 176px;

    float: left;

    margin: 0 3% 0 0;

    padding: 0 13px
}



.mission {

    width: 44%;

    min-height: 150px;

    float: right;

    margin: 0 3% 0 0;

    padding: 30px 33px;

    -moz-box-shadow: 0 0 12px #d3d2d2;

    -webkit-box-shadow: 0 0 12px #d3d2d2;

    box-shadow: 0 0 12px #d3d2d2;

    font-size: 21px;

    background: #f2fafb;

    line-height: 1.6
}



.vision h4 {

    margin: 0 0;

    padding: 0 0 10px;

    color: #3dbff7
}



.mission h4 {

    margin: 0 0;

    padding: 0 0 10px;

    color: #3dbff7
}



.all-heading-back.tanent::before {

    background: rgba(0, 0, 0, .05);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    z-index: -1
}



.form-back .wpcf7-validation-errors,

.wpcf7-acceptance-missing {

    border: 2px solid #f7e700;

    display: inline-block !important;

    margin: 0 !important;

    padding: 0 !important;

    padding: .2em 1em !important
}



.form-back .wpcf7-mail-sent-ok {

    border: 2px solid #398f14;

    display: inline-block !important;

    margin: 0 !important;

    padding: 0 !important;

    padding: .2em 1em !important
}



.form-back .wpcf7-form-control-wrap {

    position: inherit
}



ul.ico-step-list,

ul.ico-step-list>li {

    list-style: none;

    padding: 0 0 0 5px
}



ul.ico-step-list>li {

    margin-bottom: 15px
}



ul.ico-step-list ul.ico-step-list {

    margin-left: 20px
}



ul.ico-step-list ul.ico-step-list li {

    padding: 10px 0 0
}



li>strong,

p>strong,

ul.ico-step-list>li>strong {

    color: #93278f;

    font-family: pt_sansregular !important;

    font-weight: 700
}



ul.ico-step-list>li>h5 {

    margin-bottom: 15px;

    color: #3dbff7;

    font-size: 18px;

    font-weight: 700
}



.imgright {

    float: right;

    width: 45%;

    margin: 20px 0 20px 40px;

    position: relative
}



.bb,

.bb::after,

.bb::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0
}



.bb {

    width: 200px;

    height: 200px;

    margin: auto;

    background: url(//blog.codepen.io/wp-content/uploads/2012/06/Button-White-Large.png) no-repeat 50%/70% rgba(0, 0, 0, .1);

    color: #69ca62;

    box-shadow: inset 0 0 0 1px rgba(105, 202, 98, .5)
}



.bb::after,

.bb::before {

    content: '';

    z-index: -1;

    margin: -5%;

    box-shadow: inset 0 0 0 2px;

    animation: clipMe 8s linear infinite
}



.bb::before {

    animation-delay: -4s
}



.bb:hover::after,

.bb:hover::before {

    background-color: rgba(255, 0, 0, .3)
}

.home_head {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 0 30px;
}





.home_head .logo a {

    font-family: ananda_namasteregular;
    color: #fff;
    font-size: 34px;
    text-decoration: none !important;
    line-height: 1;
    padding: 10px 0;
    display: inline-block;

}

.home_head .logo a small {

    font-family: 'philosopherregular';
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
    margin-top: 6px;

    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6ffffff', endColorstr='#00000000', GradientType=1);

}

.full {
    width: 100%;
    float: left;
}

.testmain h2 {
    color: #333;
    font-family: philosopherregular;
}

.testbox {
    max-width: 250px;
    width: 100%;
    display: inline-block;
    margin: 10px;
}

.testbox video {

    width: 100% !important;

    border: #fff 5px solid;

    height: 340px;

    width: 100% !important;

    -moz-box-shadow: 0 0 12px #d3d2d2;

    -webkit-box-shadow: 0 0 12px #d3d2d2;

    box-shadow: 0 0 12px #d3d2d2;

}

.all-content-back .testbox h4 {

    margin: 0 0;

    padding: 10px 0 0;

    color: #93278f;

    font-weight: 700 !important;

}

.testimonials {

    background: #93278f;

    border: none;

    cursor: pointer;

    padding: 10px 20px;

    color: #fff !important;

    outline-style: none;

    border-radius: 10px;

    text-decoration: none !important;

    margin-top: 10px;

    display: inline-block;

}

.test_page .testbox {
    max-width: 100%;
    float: left;
    margin: 0 0 15px;
}

.testbox i {
    font-size: 25px;
    color: #93278f;
}

.texts {
    -moz-box-shadow: 0 0 12px #d3d2d2;

    -webkit-box-shadow: 0 0 12px #d3d2d2;

    box-shadow: 0 0 12px #d3d2d2;
}



@keyframes clipMe {



    0%,

    100% {

        clip: rect(0, 220px, 2px, 0)
    }



    25% {

        clip: rect(0, 2px, 220px, 0)
    }



    50% {

        clip: rect(218px, 220px, 220px, 0)
    }



    75% {

        clip: rect(0, 220px, 220px, 218px)
    }

}



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

    .fixvideo {

        transform: scale(4)
    }



}



@media only screen and (min-width:480px) and (max-width:639px) {

    .tabify-back li {

        width: 100% !important
    }



    .vision {

        width: 97% !important;

        min-height: auto !important;

        float: left;

        margin: 0 3% 20px 0
    }



    .mission {

        width: 97% !important;

        min-height: auto !important;

        float: left;

        margin: 0 3% 0 0
    }



    .mission {

        font-size: 16px
    }



    .h1,

    h1 {

        font-size: 25px !important
    }

}



@media only screen and (min-width:320px) and (max-width:479px) {

    .tabify-back li {

        width: 100% !important
    }



    .vision {

        width: 97% !important;

        min-height: auto !important;

        float: left;

        margin: 0 3% 20px 0
    }



    .mission {

        width: 97% !important;

        min-height: auto !important;

        float: left;

        margin: 0 3% 0 0
    }



    .fixvideo {

        transform: scale(6)
    }



    .mission {

        font-size: 16px
    }



    .h1,

    h1 {

        font-size: 25px !important
    }

}



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

    .tabify-back li {

        width: 100% !important
    }



    .vision {

        width: 97% !important;

        min-height: auto !important;

        float: left;

        margin: 0 3% 20px 0
    }



    .mission {

        width: 97% !important;

        min-height: auto !important;

        float: left;

        margin: 0 3% 0 0
    }



    .mission {

        font-size: 16px
    }



    .h1,

    h1 {

        font-size: 25px !important
    }

}



@media(max-width:767px) {

    .error .clip .shadow {

        height: 100px
    }



    .error .clip:nth-of-type(2) .shadow {

        width: 80px
    }



    .error .clip:nth-of-type(1) .shadow,

    .error .clip:nth-of-type(3) .shadow {

        width: 100px
    }



    .error .digit {

        width: 80px;

        height: 80px;

        line-height: 80px;

        font-size: 52px
    }



    .error h2 {

        font-size: 24px
    }



    .error .msg {

        top: -110px;

        left: 15%;

        width: 40px;

        height: 40px;

        line-height: 40px;

        font-size: 18px
    }



    .error span.triangle {

        top: 70%;

        right: -3%;

        border-left: 10px solid #535353;

        border-top: 8px solid transparent;

        border-bottom: 8px solid transparent
    }



    .error .container-error-404 {

        height: 150px
    }



    .imgright {

        width: 100%;

        margin: 0 0 15px;

        height: auto
    }

}