/* BRAND PROMOTION CSS STARTS */

/* team element-five */
.team.element-five {
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
}
.team.element-five .team-item {
    padding: 5px 15px 20px 15px;
}
.team.element-five:not(.owl-carousel) .team-item{

    float:left;

    margin-bottom:70px;

}
.team.element-five .team-item > .holder {
    text-align: center;
    padding-bottom: 30px;
}
.team.element-five .team-item > .holder > .pic {
    /*position: relative;*/
    margin-bottom: 0;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}
.team.element-five .team-item > .holder > .pic > img {
    width: 100%;
    float: left;
}
.team.element-five .team-item > .holder > .pic > .holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    border-radius: 6px;
}
.team.element-five .team-item > .holder > .pic > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: auto;
    height: auto;
    padding: 20px;
    /*background-color: rgba(7,17,34,0.7);*/
    /*opacity: 0;
    visibility: hidden;*/
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.team.element-five .team-item > .holder:hover > .pic > .overlay {
    opacity: 1;
    visibility: visible;
}
.team.element-five .team-item > .holder > .pic > .overlay > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}
.team.element-five .team-item > .holder > .pic > .overlay > .table > .table-cell {
    /*display: table-cell;*/
    width: auto;
    height: 100%;
    /*vertical-align: middle;*/
    float: right;
}
.team.element-five .team-item > .holder > .pic > .overlay > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social {
    font-size: 0;
    background: #174DEF;
    /*padding: 25px 8px;*/
    padding: 20px 10px;
    border-radius: 30px;

}

.team.element-five .team-item > .holder:hover > .pic > .overlay ul.social {
    background: linear-gradient(to top right,#ff0c86 0%,#ff7454 100%);
}

.team.element-five .team-item > .holder > .pic > .overlay ul.social li {
    display:block;
    vertical-align: top;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 5px;
    /*opacity: 0;
    visibility: hidden;*/
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(1){

    transition:all 0.4s ease-in-out;

    -webkit-transition:all 0.4s ease-in-out;

}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(2){

    transition:all 0.5s ease-in-out;

    -webkit-transition:all 0.5s ease-in-out;

}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(3){

    transition:all 0.6s ease-in-out;

    -webkit-transition:all 0.6s ease-in-out;

}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(4){

    transition:all 0.7s ease-in-out;

    -webkit-transition:all 0.7s ease-in-out;

}
.team.element-five .team-item > .holder:hover > .pic > .overlay ul.social li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li a {
    display: block;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li a i {
    font-size: 15px;
    color: #fff;
    line-height: 15px;
}
.team.element-five .team-item > .holder > .data {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 6px 25px -10px rgb(103 100 253 / 20%);
    -webkit-box-shadow: 0px 6px 25px -10px rgb(103 100 253 / 20%);

    padding-top: 20px;
    padding-bottom: 21px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
    position: absolute;
    z-index: 2;
    background: #fff;
    left: 5px;
    right: 5px;
    width: auto;
    transition: all .4s ease-in-out !important;
    -webkit-transition: all .4s ease-in-out !important;
    border-radius: 4px;
}

.team.element-five .team-item > .holder:hover > .data {
    transform: translateY(-20px);
}

.team.element-five .team-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}
.team.element-five .team-item > .holder > .data h5 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    line-height: 32px;
}
.team.element-five .team-item > .holder > .data h5 a {
    color: inherit;
}
.team.element-five .team-item > .holder > .data p {
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px;
    color: #47465E;
    line-height: 25px;
}
/* LARGE DESKTOP PART */

/*.elementor-social-icons-wrapper.elementor-grid .elementor-grid-item {
    margin-right: 8px;
}*/

/* HOMESIX SLIDER CSS STARTS */

.banner-form input[type="Url"] {
    float: left;
    background: #fff !important;
}

.banner-form input[type="submit"] {
    position: relative !important;
    float: right;
    text-align: center !important;
    font-weight: 600 !important;
}

@media screen and (min-width:938px) and (max-width:1170px) {

    .banner-form input[type="Url"] {
        width: 50% !important;
    }

}

@media screen and (min-width:778px) and (max-width:937px) {

    .banner-form input[type="Url"] {
        width: 40% !important;
    }

}

@media screen and (min-width:768px) and (max-width:777px) {

    .banner-form input[type="Url"] {
        width: 48% !important;
    }

}

@media screen and (max-width:767px) {
    .banner-form input[type="Url"] {
        width: 100% !important;
    }

    .banner-form input[type="submit"] {
        width: 100% !important;
        margin-top: 15px;
    }
}

/* HOME SIX SLIDER CSS ENDS */

/* HOME SIX THREE BOX CSS STARTS */

.home-ten-image-hover-box:hover .elementor-section-boxed {
    transform: translateY(-20px);
}

.home-ten-image-hover-box:hover .elementor-section-boxed {
    transform: translateY(-20px);
}
.home-ten-image-hover-box .elementor-section-boxed {
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.brand-box:hover h6 {
    color: #ffffff;
}

.brand-box:hover p {
    color: #ffffff;
}

/* HOME SIX THREE BOX CSS ENDS */


/* brand promotion testimonial starts */

.home-six-testimonial .testimonial.element-six .testimonial-item {

    /*box-shadow: 0px 10px 17px 0px rgba(11, 83, 255, 0.1);*/
    box-shadow: 0px 11px 31px -8px rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.home-six-testimonial .owl-carousel.owl-drag .owl-item {
    padding: 15px 0 !important;
}

.home-six-testimonial .testimonial.element-six .testimonial-item > .holder {
    background: #FFFFFF url(digi-marktng-quote-1.png) no-repeat top left;
    background-size: contain;
    padding-top: 70px;
    padding-bottom: 40px;
    border-bottom: none;
    border-radius: 4px;
}

.home-six-testimonial .testimonial.element-six > .owl-dots {
    margin-top: 20px;
}

.home-six-testimonial .testimonial.element-six > .owl-dots {
    text-align: center !important;
}

.home-six-testimonial .testimonial.element-six .testimonial-item>.holder {
    padding: 62px 34px 52px 44px;
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .home-six-testimonial .testimonial.element-six .testimonial-item>.holder {
    padding: 62px 34px 52px 38px;
}
}

@media screen and (max-width:375px) {
    .home-six-testimonial .testimonial.element-six .testimonial-item>.holder {
    padding: 62px 34px 52px 37px;
}
}

.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .title {
    margin-left: 15px;
}

.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .designation {
    margin-left: 15px;
}

.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title>.testimonial-title-pic {
    width: 78px;
    height: 78px;
}

.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title {
    padding-top: 10px;
}

/* brand promotion testimonial ends */

/* BRAND PROMOTION CSS ENDS */


.wraper_blog_main .container {
    padding-top: 140px !important;
}

@media (min-width: 1266px) {
    .wraper_blog_main .container {
        max-width: 1266px !important;
    }

    .wraper_blog_main.default-page .container {
        max-width: 1266px !important;
    }
}

/*============================ MEGA MENU CSS starts ===============================*/

#rt-mainMenu nav > ul > li.mega-menu-item > .rt-dropdown-menu {
    width: 90% !important;
    left: 0% !important;
    right: 0% !important;
    margin: 0 auto !important;
}

.page.page-id-21 #rt-mainMenu nav > ul > li.menu-item-object-mega_menu .rt-dropdown-menu {
    top: 63px !important;
}


#rt-mainMenu nav > ul li ul:first-child {
    margin-top: 10px !important;
}

/*============================ MEGA MENU CSS ends ===============================*/

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    left: 0 !important;
}


.pr-agency-contact-form input[type="submit"] {
    width: 100% !important;
}

/* CAREER FORM (CV Upload) CSS STARTS */
.file-upload-contact-form input[type=text] {
    border: 1px solid #FFFFFF;
    color: #545454;
    font-weight: 400;
    padding: 12px;
    background: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-bottom: 10px;
}

.file-upload-contact-form input[type=file] {
    border: 1px solid #FFFFFF;
    color: #545454;
    font-weight: 400;
    padding: 10px 12px;
    background: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-bottom: 10px;
}

.file-upload-contact-form textarea {
    border: 1px solid #FFFFFF;
    color: #545454;
    font-weight: 400;
    padding: 12px;
    background: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-bottom: 4px;
    height: 120px;
}

.file-upload-contact-form input[type="submit"] {
    background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    font-weight: 600;
    text-transform: capitalize;
    float: right;
    border-radius: 4px;
    letter-spacing: 0;
    font-family: "Poppins";
    box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
    -webkit-box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.file-upload-contact-form input[type="submit"]:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
}

.file-upload-contact-form input[type=text]::placeholder,
.file-upload-contact-form input[type=file]::placeholder,
.file-upload-contact-form textarea::placeholder {
    color: #545454 !important;
}

/* CAREER FORM (CV Upload) CSS ENDS */

/* CAREER PAGE CSS STARTS */
.career-list .elementor-icon-list-text {
    padding-top: 3px;
}

.car-btn-text p {
    background: #FFEEEE;
    text-align: center;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 4px;
    color: #FD406A !important;
}

.career-box-three-col h6 {
    color: #000;
}

.career-box-three-col:hover h6 {
    color: #ffffff;
}

.career-box-three-col p {
    color: #545454;
}

.career-box-three-col:hover p {
    color: #ffffff;
}

.career-box-three-col a {
    -webkit-transition: all 0.12s ease-in-out;
    -o-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}

.career-box-three-col:hover a {
    color: #ffffff;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
}

.box-three-hover h6 {
    color: #000000;
}

.box-three-hover p {
    color: #545454;
}

.box-three-hover:hover h6 {
    color: #FFFFFF;
}

.box-three-hover:hover p {
    color: #d2d3d5;
}

.box-three-hover:hover .elementor-image img {
    filter: brightness(0) invert(1) !important;
}

/* CAREER PAGE CSS ENDS */

/* SEO QUOTE FORM CSS STARTS */
.seo-quote-contact-form label {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.seo-quote-contact-form input[type=text] {
    border: 1px solid #FFFFFF;
    color: #545454;
    font-weight: 400;
    padding: 12px;
    background: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-bottom: 10px;
}

.seo-quote-contact-form select {
    border: 1px solid #FFFFFF;
    color: #545454;
    font-weight: 400;
    padding: 12px;
    background: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-bottom: 10px;
    opacity: 1;
}

.seo-quote-contact-form .form-group-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.seo-quote-contact-form .form-group-select select::-ms-expand {
    display: none;
}

.seo-quote-contact-form .form-group-select::after {
    content: "\e64b";
    font-family: "themify";
    font-size: 14px;
    color: #545454;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 23px;
    width: 10px;
    height: 5px;
    pointer-events: none;
}

.seo-quote-contact-form textarea {
    border: 1px solid #FFFFFF;
    color: #545454;
    font-weight: 400;
    padding: 12px;
    background: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-bottom: 4px;
    height: 120px;
}

.seo-quote-contact-form input[type="submit"] {
    background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0px;
    padding: 12px 30px;
    font-weight: 600;
    text-transform: capitalize;
    float: right;
    border-radius: 4px;
    letter-spacing: 0;
    font-family: "Poppins";
    box-shadow: 0px 3px 15px 2px rgba(24, 23, 23, 0.3);
    -webkit-box-shadow: 0px 3px 15px 2px rgba(24, 23, 23, 0.3);
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.seo-quote-contact-form input[type="submit"]:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
}

.seo-quote-contact-form input[type=text]::placeholder,
.seo-quote-contact-form input[type=file]::placeholder,
.seo-quote-contact-form textarea::placeholder {
    color: #545454 !important;
}

/* SEO QUOTE FORM CSS ENDS */

/*PRICING INNERPAGE HTML PRICING TABLE CSS STARTS*/
.pricing-1 table {
    width: 100%;
    border-collapse: collapse;
    padding-bottom: 40px;
}

.pricing-1 thead th.w-24 {
    width: 25%;
}

.pricing-1 thead tr td,
.pricing-1 tbody tr td,
.pricing-1 tfoot tr td {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.pricing-1 table td,
.pricing-1 table th,
.pricing-1 table thead:first-child tr:first-child th {
    border: 1px solid transparent;
}

.pricing-1 thead th p.table-intro {
    color: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: 'Poppins';
    margin-bottom: 0px;
}


.pricing-1 tbody th:first-child p.table-intro {
    text-align: left;
}


.pricing-1 tbody th:nth-child(3) p.table-intro {
    text-align: center;
}


.pricing-1 tbody th:nth-child(5) p.table-intro {
    text-align: center;
}


.pricing-1 tbody th:nth-child(7) p.table-intro {
    text-align: center;
}


.pricing-1 tbody tr td p.table-content {
    text-transform: capitalize;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #545454;
    font-size: 16px;
    margin-bottom: 0;
}

.pricing-1 tbody td:first-child p.table-content {
    text-align: left;
}

@media screen and (max-width:991px) {
    .pricing-1 tbody td:first-child p.table-content {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
}


.pricing-1 tbody td:nth-child(3) p.table-content {
    text-align: center;
}


.pricing-1 tbody td:nth-child(5) p.table-content {
    text-align: center;
}


.pricing-1 tbody td:nth-child(7) p.table-content {
    text-align: center;
}


.pricing-1 tbody tr td i.ti-check {
    color: #5849FB;
    font-size: 16px;
    font-weight: 900;
}

.pricing-1 tbody tr td i.ti-close {
    color: #FD406A;
    font-size: 16px;
    font-weight: 900;
}

/*.pricing-1 td {
    text-align: center;
    color: #293949;
}*/


.pricing-1 thead tr th {
    background-color: #03112d;
    padding-top: 14px;
    padding-bottom: 14px;
}

.pricing-1 thead tr th:first-child {
    border-right: 1px solid #162137;
    padding-left: 43px;
    padding-right: 0px;
}

@media screen and (max-width:991px) {
    .pricing-1 thead tr th:first-child {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
}

.pricing-1 thead tr th:nth-child(3) {
    border-right: 1px solid #162137;
    padding-left: 5px;
    padding-right: 5px;
}

.pricing-1 thead tr th:nth-child(5) {
    border-right: 1px solid #162137;
    padding-left: 5px;
    padding-right: 5px;
}

.pricing-1 thead tr th:nth-child(7) {
    padding-left: 5px;
    padding-right: 5px;
}

.pricing-1 tbody tr:first-child td {
    border-top: 1px solid #DFDFDF;
}

.pricing-1 tbody tr:nth-child(odd) td {
    background-color: #F3F7FF;
}

.pricing-1 tbody tr:nth-child(even) td {
    background-color: #fff;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}

.pricing-1 tbody tr td:first-child {
    padding-left: 43px;
    padding-right: 0px;
}

@media screen and (max-width:991px) {
    .pricing-1 tbody tr td:first-child {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
}

.pricing-1 tbody tr td:nth-child(3) {
    padding-left: 5px;
    padding-right: 5px;
}

.pricing-1 tbody tr td:nth-child(5) {
    padding-left: 5px;
    padding-right: 5px;
}

.pricing-1 tbody tr td:nth-child(7) {
    padding-left: 5px;
    padding-right: 5px;
}


@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid transparent;
    }

}

@media (max-width:480px) {
    .pricing-element {
        width: 100%;
        overflow-y: scroll;
    }
}

/*PRICING INNERPAGE HTML PRICING TABLE CSS ENDS*/

/* pricing accodion two css starts */

.pricing-accodion-two .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right .elementor-accordion-icon-opened .ti-minus:before {
    line-height: 1.9 !important;
}

.pricing-accodion-two .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right .elementor-accordion-icon-closed .ti-plus:before {
    line-height: 0.5 !important;
}

.pricing-accodion-two .elementor-accordion .elementor-tab-title {
    padding: 11px 20px 14px 20px !important;
}

.pricing-accodion-two .elementor-accordion .elementor-accordion-title {
    text-transform: capitalize;
    margin-left: 5px;
}

.pricing-accodion-two .elementor-accordion .elementor-accordion-item {
    border: 1px solid transparent;
    /*box-shadow: 0px 10px 50px -10px rgba(103, 100, 253, 0.2);*/
    margin-bottom: 20px;
    background: #ffffff;
    border-radius: 4px;

    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.pricing-accodion-two .elementor-accordion .elementor-accordion-item:hover {
    transform: translate(0, -5px) !important;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}

.pricing-accodion-two .fas {
    margin-top: 6px !important;
}

.pricing-accodion-two .elementor-accordion .elementor-tab-content {
    padding: 0px 75px 14px 25px;
}

.pricing-accodion-two .elementor-accordion .elementor-tab-content p {
    margin-bottom: 0;
}

.pricing-accodion-two .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed {
    margin-top: 8px;
}

@media all and (max-width: 1024px) {
    .pricing-accodion-two .elementor-accordion .elementor-accordion-title {
        margin-left: 0px;
    }

}

@media all and (max-width: 767px) {
    .pricing-accodion-two .elementor-accordion .elementor-tab-content {
        padding: 0px 50px 14px 20px;
    }

    .pricing-accodion-two .elementor-accordion .elementor-tab-title {
        padding: 12px 26px 12px 20px;
    }

}

/* pricing accodion two accodion css ends */

/* CASE STUDIES PAGINATION CSS STARTS */

.case-studies-single-pagination {
    margin-top: 65px;
    padding: 30px 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.case-studies-single-pagination .nav-links {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.case-studies-single-pagination .nav-links:after {
    content: " ";
    display: block;
    clear: both;
}

.case-studies-single-pagination .nav-links .nav-previous,
.case-studies-single-pagination .nav-links .nav-next {
    padding-left: 10px;
    padding-right: 10px;
}

.case-studies-single-pagination .nav-links .nav-previous a,
.case-studies-single-pagination .nav-links .nav-next a {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #545454;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.case-studies-single-pagination .nav-links .nav-previous a span:before {
    position: absolute;
    left: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    color: #0a0114;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.case-studies-single-pagination .nav-links .nav-next a span:before {
    position: absolute;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.case-studies-single-pagination .nav-links .nav-previous a:hover,
.case-studies-single-pagination .nav-links .nav-next a:hover {
    opacity: 0.9;
}

.case-studies-single-pagination .nav-links .nav-previous a strong,
.case-studies-single-pagination .nav-links .nav-next a strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    line-height: 28px;
    font-weight: 400;
}

.case-studies-single-pagination .nav-links .nav-previous a strong {
    padding-left: 25px;
}

.case-studies-single-pagination .nav-links .nav-next a strong {
    padding-right: 25px;
}

.case-studies-single-pagination .nav-links .nav-previous {
    float: left;
    width: 49%;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 8px 40px -5px rgba(9, 31, 67, .1);
    transition: -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
    transition: transform .3s cubic-bezier(0, .95, .3, 1);
    transition: transform .3s cubic-bezier(0, .95, .3, 1), -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
}

.case-studies-single-pagination .nav-links .nav-previous a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.case-studies-single-pagination .nav-links .nav-next a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: auto;
    text-align: right;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.case-studies-single-pagination .nav-links .nav-previous a span::before {
    position: absolute;
    left: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    color: #696969;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.case-studies-single-pagination .nav-links .nav-next a span::before {
    position: absolute;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    color: #696969;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.case-studies-single-pagination .nav-links .nav-previous .rt-nav-info {
    width: 85%;
}

.case-studies-single-pagination .nav-links .nav-previous .ti-angle-left {
    width: 30px;
    height: 28px;
}

.case-studies-single-pagination .nav-links .nav-previous:hover .ti-angle-left {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
}

.case-studies-single-pagination .nav-links .nav-next .ti-angle-right {
    width: 30px;
    height: 28px;
}

.case-studies-single-pagination .nav-links .nav-next:hover .ti-angle-right {
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
}

.case-studies-single-pagination .nav-links .nav-next .rt-nav-info {
    width: 85%;
}

.case-studies-single-pagination .nav-links .rt-nav-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #696969;
    position: relative;
}

.case-studies-single-pagination .nav-links .nav-next a span {
    position: relative;
    color: #000;
    text-align: right;
    float: right;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0;
    text-transform: capitalize;
}

.case-studies-single-pagination .nav-links .rt-nav-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #696969;
    position: relative;
    display: inline-block;
}

.case-studies-single-pagination .nav-links .nav-previous a span {
    position: relative;
    text-align: left;
    float: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0;
    text-transform: capitalize;
}

.case-studies-single-pagination .nav-links .rt-nav-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #696969;
    position: relative;
    display: inline-block;
}

.case-studies-single-pagination .nav-links .nav-next a span {
    position: relative;
    color: #000;
    text-align: right;
    float: right;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0;
}

.case-studies-single-pagination .nav-links .rt-nav-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #545454;
    position: relative;
    display: inline-block;
}

.case-studies-single-pagination .nav-links .rt-nav-title:hover {
    color: #FD406A;
}

.case-studies-single-pagination .nav-links .rt-nav-date {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    width: 100%;
    display: block;
    color: #000;
}

.case-studies-single-pagination .nav-links .rt-nav-date:hover {
    color: #FD406A;
}

.case-studies-single-pagination .nav-links .rt-nav-date {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    width: 100%;
    display: block;
    color: #000;
}

.case-studies-single-pagination .nav-links .rt-nav-date:hover {
    color: #FD406A;
}

.case-studies-single-pagination .nav-links .nav-next a span,
.comment-navigation .nav-links .nav-next a span {
    position: relative;
    color: #000;
    text-align: right;
    float: right;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0;
}

.case-studies-single-pagination .nav-links .rt-nav-date {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    width: 100%;
    display: block;
    color: #000;
}

.case-studies-single-pagination .nav-links .rt-nav-date:hover {
    color: #FD406A;
}

.case-studies-single-pagination .nav-links .nav-previous .rt-nav-img {
    width: 15%;
    margin-right: 17px;
    margin-left: 3px;
}

.case-studies-single-pagination .nav-links .nav-previous .rt-nav-img img {
    border-radius: 50%;
    opacity: 1 !important;
    width: 62px;
    height: 62px;
}

.case-studies-single-pagination .nav-links .nav-next .rt-nav-img {
    width: 15%;
    margin-left: 17px;
    margin-right: 3px;
}

@media screen and (min-width:1200px) {
    .case-studies-single-pagination .nav-links .nav-previous .rt-nav-img {
        margin-right: 0;
    }

    .case-studies-single-pagination .nav-links .nav-next .rt-nav-img {
        margin-left: 0px;
    }
}

.case-studies-single-pagination .nav-links .nav-next .rt-nav-img img {
    border-radius: 50%;
    opacity: 1 !important;
    width: 62px;
    height: 62px;
}

.case-studies-single-pagination .nav-links .nav-previous {
    text-align: left;
}

.case-studies-single-pagination .nav-links .nav-next {
    float: right;
    width: 49%;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 8px 40px -5px rgba(9, 31, 67, .1);
    transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    transition: -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
    transition: transform .3s cubic-bezier(0, .95, .3, 1);
    transition: transform .3s cubic-bezier(0, .95, .3, 1), -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
}

@media only screen and (max-width:767px) {
    .case-studies-single-pagination .nav-links .nav-previous {
        width: 100%;
        margin-bottom: 25px;
    }

    .case-studies-single-pagination .nav-links .nav-next {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .case-studies-single-pagination .nav-links .nav-previous {
        float: left;
        width: 100%;
        padding-bottom: 25px;
    }

    .case-studies-single-pagination .nav-links .nav-next {
        float: right;
        width: 100%;
    }
}

.case-studies-single-pagination .nav-links .nav-next a {
    text-align: right;
}


.post-navigation .nav-links .nav-previous .rt-nav-img {
    width: 15%;
    margin-right: 17px;
    margin-left: 3px;
    display: block;
}

.post-navigation .nav-links .nav-previous a span {
    position: relative;
    text-align: left;
    float: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0;
}

.post-navigation .nav-links .nav-next a span {
    position: relative;
    color: #000;
    text-align: right;
    float: right;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0;
}

.post-navigation .nav-links .nav-previous .rt-nav-info {
    width: 85%;
}

.post-navigation .nav-links .nav-previous .rt-nav-img img {
    border-radius: 50%;
    opacity: 1 !important;
    width: 62px;
    height: 62px;
}

.post-navigation .nav-links .nav-next .rt-nav-img {
    width: 15%;
    margin-left: 17px;
    margin-right: 3px;
    display: block;
}

.post-navigation .nav-links .nav-next .rt-nav-img img {
    border-radius: 50%;
    opacity: 1 !important;
    width: 62px;
    height: 62px;
}

@media only screen and (max-width: 767px) {
    .post-navigation .nav-links .nav-previous .rt-nav-img {
        width: 23%;
        margin-right: 0;
    }

    .post-navigation .nav-links .nav-next .rt-nav-img {
        width: 23%;
        margin-left: 0;
    }
}

/* CASE STUDIES PAGINATION CSS ENDS */

/* Circular Progress Bar Start */
.ProgressBar,
.ProgressBar-contentCircle {
    display: table;
    height: 210px;
    position: absolute;
    width: 210px;
}

.ProgressBar-circle,
.ProgressBar-background {
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    position: relative;
    z-index: 10;
}

.ProgressBar-background {
    z-index: 0;
}

.ProgressBar-percentage {
    font-size: 40px;
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

/* Circular Progress Bar End */


#rt-mainMenu {
    padding: 0;
}

.page.page-id-732 #header,
.page.page-id-1168 #header,
.page.page-id-2360 #header,
.page.page-id-32947 #header {
    box-shadow: none !important;
}

@media screen and (min-width:992px) and (max-width:1024px) {
    #rt-mainMenu-trigger {
        top: 10px;
    }
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px) {
    #rt-mainMenu-trigger {
        top: 10px;
    }
}


/* MEGA MENU RESPONSIVE START */
#rt-main-toggle-menu,
.minimal-menu-overlay,
.rt-menu-overlay,
.rt-menu-wrap {
    display: block;
}

.menu-is-vertical {
    top: 0;
}

.responsive-titles {
    display: block;
}


@media only screen and (max-width : 767px) {
    .menu-is-onscreen .rt-menu-overlay {
        width: 100%;
    }

    .rt-main-toggle-menu-trigger {
        display: none;
    }

    #rt-mainMenu-trigger {
        height: 30px;
        width: 20px;
    }

    #rt-mainMenu nav > ul > li {
        padding: 0;
    }

    #rt-mainMenu nav > ul > li > ul > li {
        padding: 0px 15px;
    }

    #rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu {
        width: 100% !important;
        left: 0% !important;
        right: 0% !important;
        margin: 0 !important;
        padding-left: 0px !important;
    }

    #rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu .mega-menu-content {
        padding-left: 0px !important;
    }

    #rt-mainMenu nav > ul > li.mega-menu-item .mega-menu-content h5 {
        margin-bottom: 15px;
        margin-top: 10px;
    }

}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .menu-is-onscreen .rt-menu-overlay {
        width: 100%;
    }

    .rt-main-toggle-menu-trigger {
        display: none;
    }

    #rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu {
        width: 100% !important;
        left: 0% !important;
        right: 0% !important;
        margin: 0 !important;
        padding-left: 0px !important;
    }

    #rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu .mega-menu-content {
        padding-left: 0px !important;
    }
}

@media only screen and (max-width : 767px) {
    #rt-mainMenu-trigger {
        top: auto;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    div #header .logo {
        top: 11px;
    }
}

.block2 {
    padding: 100px 15px;
}

/*search 2*/
.header-one .rt-search-cart-holder .expanded-searchbar .search-form {
    position: absolute;
    padding: 0;
    margin: 0;
    float: right;
    width: 60%;
    left: 40px;
    top: 23px;
}

.header-one .rt-search-cart-holder .expanded-searchbar input[type="search"] {
    width: 100%;
    height: 20px;
    padding: 0px 30px 0px 15px;
    background-color: transparent;
    border: none;
    border-left: 1px rgb(255 255 255) solid;
    box-shadow: initial;
    text-transform: uppercase;
    font-size: 12px;
    /*color: #fff;*/
    letter-spacing: 1px;
}

.header-one .rt-search-cart-holder .expanded-searchbar button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 20px;
    height: 100%;
    border: none;
    cursor: pointer;
    /*color: #fff;*/
    background: none;
}

.header-one .rt-search-cart-holder .expanded-searchbar button [class^=ti-] {
    font-weight: 600 !important;
}

.header-one .rt-search-cart-holder .expanded-searchbar ::placeholder {
    color: #fff;
}


.header-one .rt-search-cart-holder .rt-cart-box {
    position: absolute;
    left: -15px;
    display: inline-block;
    top: 17px;
    margin: 0;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .header-one .rt-search-cart-holder .rt-search-box2 {
        padding: 3px 0 0 0;
    }

    .header-one .rt-search-cart-holder .rt-cart-box {
        right: 0px;
    }


}


@media screen and (max-width: 767px) {
    .header-one .rt-search-cart-holder .rt-search-box2 {
        padding: 3px 0 0 0;
    }
}

/*@media screen and (max-width: 400px) {
    .expanded-searchbar .search-form {
        margin-left: -50px;
    }

    .expanded-searchbar button {
        right: 25px;
    }

    .pr_search .expanded-searchbar .search-form {
        margin-left: -50px;
    }

    .pr_search .expanded-searchbar button {
        right: 25px;
    }
}*/



/*HEADER ONE NEW CSS START*/
.header-one .seo_search {
    width: 13%;
    position: absolute;
    right: 33px;
    z-index: 1;
    top: 11px;
}

.header-one .elementor-widget-radiant-custom-cart {
    width: 7% !important;
    position: absolute;
    right: 17%;
    top: -4px;
    z-index: 1;
}

.header-one nav#rt-main-toggle-menu {
    top: -9px;
}

#rt-mainMenu nav > ul > li:first-child {
    margin: 0;
}

.page-id-732.rt-mainMenu-open .header-cart-bar .header-cart-bar-icon {
    color: #000 !important;
}

.page-id-732.rt-mainMenu-open .search-btn2 {
    color: #000 !important;
}

.header-four .elementor-widget-radiant-custom-search {
    position: absolute;
    right: 12%;
    top: 14px;
    z-index: 1;
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .header-one .seo_search {
        width: 19%;
        right: 14px;
        top: 8px;
    }

    .header-one #rt-mainMenu-trigger {
        top: 2px;
    }

    .header-one .elementor-widget-radiant-custom-cart {
        width: 7% !important;
        right: 3%;
        top: 32px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .header-one .seo_search {
        width: 19%;
        right: 12px;
        top: 3px;
    }

    .header-one #rt-mainMenu-trigger {
        top: 2px;
    }

    .header-one .elementor-widget-radiant-custom-cart {
        width: 7% !important;
        right: 4%;
        top: 31px;
    }
}

/* TABLET PROTRAIT PART */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .header-one .logo {
        top: 10px !important;
        height: auto !important;
    }

    .header-one .elementor-widget-radiant-custom-cart {
        position: absolute;
        right: 40%;
        top: 34px;
        z-index: 1;
    }

    .header-one .seo_search {
        right: 26px;
        z-index: 1;
        top: 3px;
        width: 17%;
    }

    .header-one #rt-mainMenu-trigger {
        height: 30px;
        width: 20px;
        top: 4px;
    }

    .header-one .expanded-searchbar input[type='search'] {
        padding: 0 50px 0px 16px;
    }

    .cart-block {
        right: -143px !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
    .header-one .logo {
        top: 10px !important;
        height: auto !important;
    }

    div .header-one .elementor-widget-radiant-custom-cart {
        position: absolute;
        right: 14%;
        top: 34px;
        z-index: 1;
    }

    .header-one .cart-block {
        right: -77px !important;
    }

    div .header-one .seo_search {
        right: 11px;
        z-index: 1;
        top: -2px;
        width: 25%;
    }

    div .header-one #rt-mainMenu-trigger {
        height: 30px;
        width: 20px;
        top: 2px;
    }

    div .header-one .expanded-searchbar input[type='search'] {
        padding: 0 30px 0px 16px;
    }

    .cart-block {
        right: -143px !important;
    }
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {
    .header-one .logo {
        top: 10px !important;
        height: auto !important;
    }

    .header-one .elementor-widget-radiant-custom-cart {
        position: absolute;
        right: 18%;
        top: 34px;
        z-index: 1;
    }

    .header-one .seo_search {
        right: 9px;
        z-index: 1;
        top: -3px;
        width: 18%;
    }

    .header-one #rt-mainMenu-trigger {
        height: 30px;
        width: 20px;
        top: 2px;
    }

    .header-one .expanded-searchbar input[type='search'] {
        padding: 0 50px 0px 16px;
    }
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {
    .header-one .logo {
        top: 10px !important;
        height: auto !important;
    }

    .header-one .elementor-widget-radiant-custom-cart {
        position: absolute;
        right: 23%;
        top: 33px;
        z-index: 1;
    }

    .header-one .seo_search {
        right: 17px;
        z-index: 1;
        top: -3px;
        width: 21%;
    }

    .header-one #rt-mainMenu-trigger {
        height: 30px;
        width: 20px;
        top: 2px;
    }

    .header-one .expanded-searchbar input[type='search'] {
        padding: 0 50px 0px 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .rt-search-cart-grid {
        position: absolute;
        top: 55px;
        z-index: 999;
    }
}

#rt-mainMenu nav > ul > li:first-child {
    padding-left: 0;
}


/* HEADER ONE NEW CSS ENDS */

/* MEGA MENU RESPONSIVE END */


/*======================================== DESKTOP BURGER MENU (STARTS) ========================================*/


.menu-mobile-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0 0 0;
    float: right;
    /*position: absolute;
top: 25px;
right: 0;*/
}

.menu-mobile-icon:hover {
    cursor: pointer;
}

span.burger-top,
span.burger-mid,
span.burger-bot {
    border-radius: 10px;
    width: 20px;
    height: 1px;
    margin: 2px 0;
    /*background-color: #fff;*/
}

/*rect:nth-child(2) {
    margin: 4px 0;
}*/


/* Filter on main content when mobile menu open */
.filter {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.7);
}

/*  Mobile Slider Styling */
.mobile-slider {
    visibility: hidden;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    width: 450px;
    background-color: #fff;
    box-shadow: -5px 0 8px rgba(0, 0, 0, 0.2);

}

.mobile-slider-top {
    text-align: right;
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 25px 25px 10px 25px;
    background-color: #fff;
    -webkit-transition: right 1s, opacity 1s;
    transition: right 1s, opacity 1s;
}

.mobile-slider-top h2 {
    font-size: 1em;
    color: #f2f2f2;
}

.mobile-slider-top h2 span {
    color: orange;
    font-weight: 400;
    font-size: 0.9em;
}

.mobile-slider-top .close-menu {
    color: #000;
    font-size: 1.3em;
    position: relative;
}

.close-menu:hover {
    cursor: pointer;
}

.mobile-navigation {
    list-style: none;
}

.mobile-navigation i {
    padding-right: 15px;
}

.mobile-navigation li a,
.mobile-navigation li a:visited {
    padding: 30px;
    color: #ddd;
    text-decoration: none;
    border-bottom: 1px solid #555;
    display: block;
    width: 100%;
    transition: 0.2s;
}

.mobile-navigation li a:hover {
    background-color: #111111;
}

.rt-hamburger-menu-logo {
    width: auto;
    max-width: 340px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.rt-hamburger-about-text {
    width: auto;
    max-width: 340px;
    margin: 0 auto;
}

.rt-hamburger-about-text p {
    margin: 0;
    color: #545454;
}

.rt-hamburger-about-text p span {
    text-decoration: line-through !important;
    color: #FD406A;
}


.rt-hamburger-social-link {
    width: auto;
    max-width: 340px;
    margin: 0 auto;
}

.rt-hamburger-social-link ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

.rt-hamburger-social-link ul li {
    margin-right: 10px;
    font-size: 15px;
    float: left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.rt-hamburger-social-link ul li i {
    color: #fff;
}

.rt-hamburger-social-link ul li.facebook {
    background: #1d6dff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.rt-hamburger-social-link ul li.twitter {
    background: #0ea8f0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.rt-hamburger-social-link ul li.pinterest {
    background: #e60023;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.rt-hamburger-social-link ul li.instagram {
    background: #f00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.header-list-one {
    margin: 30px 0 20px 0;
    padding: 0;
    overflow: hidden;
}

.header-list-one ul {
    list-style-type: none;
}



.header-list-one ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.rt-timings {
    margin-bottom: 20px;
}

/*======================================== DESKTOP BURGER MENU (ENDS) ========================================*/



/*======================================================================================
CART STARTS
======================================================================================*/
.rt-cart-box {
    position: absolute;
    right: 80px;
    display: inline-block;
    width: auto;
}

.cart-btn {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #000;
}

.cart-btn:hover {
    cursor: pointer;
}

.cart-btn.fa-2x {
    font-size: 18px;
}

.rt-cart-btn .header-cart-bar {
    display: inline-block;
    height: 100%;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
}

.rt-cart-btn.fa-2x {
    font-size: 18px;
}

.cart-overlay {
    display: none;
}

.cart-block {
    left: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 136%;
    -webkit-transition: opacity .25s ease, visibility .25s ease;
    -o-transition: opacity .25s ease, visibility .25s ease;
    transition: opacity .25s ease, visibility .25s ease;
    visibility: hidden;
    background: #f9f9f9;
    width: 310px;
    border-radius: 4px;
}

.rt-cart-box:hover .cart-block {
    opacity: 1;
    visibility: visible;
}

.rt-cart-box .header-cart-bar-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    height: 100%;
    position: relative;
}

.cart-block:before {
    content: '';
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

.cart-center {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    float: left;
    padding: 0;
    color: #000;
    border: none;
    background: transparent;
}

#cart-box {
    position: relative;
    width: 100%;
    margin: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #cart-box input[type="text"] {
        width: 83%;
    }

    #cart-box input[type="submit"] {
        width: 17%;
    }

    /* div .header-four .elementor-widget-radiant-custom-search {
right: 14%;
top: 3px;
}*/
}

@media screen and (max-width: 767px) {
    .cart-center {
        width: 100%;
    }

    .cart-btn.fa-2x {
        font-size: 16px;
    }

    .rt-cart-btn.fa-2x {
        font-size: 16px;
    }

    #close-btn.fa-2x {
        font-size: 16px;
    }

    .rt-cart-btn {
        position: absolute;
        top: 10px;
        right: 0;
        color: #FFF;
    }
}

@media screen and (max-width: 320px) {
    .cart-block {
        left: 5px;
    }
}

.rt-cart-box .widget_shopping_cart_content {
    padding: 20px;
    overflow: hidden;
}

.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li {
    padding-bottom: 16px;
    float: left;
    display: block;
    width: 100%;
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
    text-align: center;
    color: #000;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    font-weight: 400;
    font-family: "Poppins";
}

.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li img {
    width: 72px !important;
    float: left !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    border-radius: 4px;
    margin-top: 0px;
}

.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li a {
    color: #000;
    font-weight: 500;
    margin-top: -7px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-family: "Poppins";
    letter-spacing: 0;
}

.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove {
    float: right;
    width: 30px;
    text-align: right;
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #000 !important;
    background: transparent;
}

.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove:hover {
    background: transparent;
}

.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li span.quantity {
    text-align: left;
    display: block;
    font-size: 14px;
    color: #000;
}

rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li span.woocommerce-Price-amount {
    font-size: 14px;
    color: #fff;
    font-size: 18px;
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
    margin: 0;
    padding: 0;
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.wc-forward {
    text-align: center;
    display: block;
    width: 100%;
    padding: 11px 30px !important;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 30px !important;
    border-radius: 4px;
    background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%) !important;
    box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3) !important;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    font-family: "Poppins";
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.wc-forward:hover {
    background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%) !important;
    color: #fff !important;
    box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3) !important;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout {
    display: none;
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__total {
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    margin: 0;
    overflow: hidden;
    margin-top: 8px;
    font-size: 14px;
    line-height: 26px;
    color: #000;
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__total strong {
    float: left;
    font-weight: 600;
}

.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount {
    float: right;
    font-weight: 600;
}

.blockUI.blockOverlay:hover {
    display: none !important;
}

.header-cart-bar .header-cart-bar {
    float: right;
    margin-top: 7px;
    text-align: center;
    font-size: 0;
}

.header-cart-bar .header-cart-bar-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    color: #fff;
}

.header-cart-bar .lnr-cart {
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.header-cart-bar .cart-count {
    position: absolute;
    top: -8px;
    left: 14px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #FD406A;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


/*======================================================================================
CART ENDS
======================================================================================*/

/*======================================================================================
SEARCH STARTS
======================================================================================*/
.rt-search-cart-holder {
    width: 100%;
    display: block;
    padding: 14px 0 0 0;
}

.rt-search-cart-holder .rt-cart-box {
    float: left;
}

.rt-search-cart-holder .rt-search-box2 {
    float: left;
    padding: 6px 0 0 0;
    position: absolute;
    right: 40px;
    top: auto;
}

.rt-search-cart-holder .rt-search-box2 .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
    /*    .rt-cart-box {
        margin-right: 22px;
    }*/

    .rt-search-cart-holder .rt-search-box2 {
        float: right;
        padding: 8px 0 0 0;
        position: absolute;
        right: 48px;
    }

    .rt-search-cart-holder .rt-cart-box {
        float: right;
    }

    .rt-cart-box {
        position: absolute;
        right: 100px;
        display: inline-block;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1170px) {
    /*    .rt-cart-box {
        margin-right: 22px;
    }*/

    .rt-search-cart-grid {
        position: absolute;
        top: 55px;
        z-index: 999;
    }

    .rt-search-cart-holder .rt-search-box2 {
        float: right;
        padding: 8px 0 0 0;
        position: absolute;
        right: 44px;
    }

    .rt-search-cart-holder .header-cart-bar {
        float: right;
    }

    .rt-search-cart-holder .rt-cart-box {
        float: right;
    }

    .rt-cart-box {
        position: absolute;
        right: 100px;
        display: inline-block;
        bottom: 7px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .rt-search-cart-grid {
        position: absolute;
        top: 55px;
        z-index: 999;
    }

    .rt-search-cart-holder {
        padding: 18px 0 0 0;
    }

    /*  .rt-cart-box {
        margin-right: 12px;
    }*/
    .rt-search-cart-holder .rt-search-box2 {
        float: right;
        padding: 6px 0 0 0;
        position: absolute;
        right: 58px;
    }

    .rt-search-cart-holder .rt-cart-box {
        float: right;
    }

    .rt-cart-box {
        position: absolute;
        right: 100px;
        display: inline-block;
    }

}

@media screen and (max-width: 767px) {
    .rt-search-cart-grid {
        position: absolute;
        top: 55px;
        z-index: 999;
    }

    .rt-search-cart-holder {
        padding: 16px 0 0 0;
    }

    .rt-search-cart-holder .rt-search-box2 {
        float: right;
        padding: 6px 0 0 0;
        position: absolute;
        right: 58px;
    }

    .rt-search-cart-holder .rt-cart-box {
        float: right;
    }

    .rt-cart-box {
        position: absolute;
        right: 100px;
        display: inline-block;
    }

    /* .rt-cart-box {
     margin-right: 12px;
 }*/
}

.rt-search-box {
    width: 100%;
    position: relative;
}

.search-btn {
    position: absolute;
    /* color: #FFF; */
    float: right;
    right: 0;
    top: 7px;
}

.search-btn:hover {
    cursor: pointer;

}

.search-btn:before {
    content: "\e610";
    font-family: 'themify';
    font-size: 18px;
}



.rt-search-btn {
    position: absolute;
    top: 10px;
    right: 0;
    color: #FFF;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;

}


.rt-search-btn.fa-2x {
    font-size: 18px;
}

#search-overlay {
    display: none;
}

.block {
    position: fixed;
    /*left: auto;*/
    left: 0;
    right: 0;
    z-index: 90;
    margin: 0 auto;
    /*width: 100%;*/
    width: 1184px;
    overflow: auto;
    text-align: center;
    border: 0px;
    transform: translate3d(0px, 63px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    display: block;
    transition: transform .1s ease-in-out;
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

.centered {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    float: left;
    padding: 0;
    color: #FFF;
    border: none;
    background: #f8f8f8;
}

#search-box {
    position: relative;
    width: 100%;
    margin: 0;
}

#search-form {
    overflow: hidden;
}

#search-text {
    font-size: 13px;
    text-transform: capitalize;
    color: #ddd;

}

#search-box input[type="text"] {
    /*    background: rgba(255, 255, 255, 0.9);*/
    background: #e5e6e9;
    width: 90%;
    float: left;
    padding: 0;
    color: #000;
    outline: none;
    font-size: 16px;
    line-height: 27px;
    padding: 12px 30px;
    text-transform: capitalize;
    border: 0px;
}

#search-box input[type="text"]::-webkit-input-placeholder {
    color: #545454;
}

#search-box input[type="text"]::-moz-placeholder {
    color: #545454;
}

#search-box input[type="text"]:-ms-input-placeholder {
    color: #545454;
}


#search-box input[type="submit"] {
    width: 10%;
    float: right;
    padding: 12px 33px;
    background: none;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
    background: #FD406A;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #search-box input[type="text"] {
        width: 83%;
    }

    #search-box input[type="submit"] {
        width: 17%;
    }

}

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

    .centered {
        width: 100%;
    }

    #search-box input[type="text"] {
        width: 100%;
        padding: 15px;
        margin-bottom: 10px;
    }

    #search-box input[type="submit"] {
        width: 100%;
        padding: 15px 33px;
    }

    .search-btn.fa-2x {
        font-size: 16px;
    }

    .rt-search-btn.fa-2x {
        font-size: 16px;
    }

    #close-btn.fa-2x {
        font-size: 16px;
    }

    .rt-search-btn {
        position: absolute;
        top: 10px;
        right: 0;
        color: #FFF;
    }
}

/*.post-thumbnail:hover .wp-post-image {
transform: scale(1.06) translateX(2%);
transition: transform 1s cubic-bezier(.33,.02,0,.93);
}*/
header#header.sticky-active .rt-cart-box.hidden-md {
    display: none;
}



/*======================================================================================
SEARCH ENDS
======================================================================================*/


/* PORTFOLIO MASNORY CSS STARTS */


.rt-portfolio-box.element-Masonry {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    border-radius: 4px;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .pic > img {
    width: 100%;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 27px 35px 27px 35px;
    text-align: center;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    letter-spacing: 0;
    opacity: 0;
    transform: translateY(40px);
    transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 0;
    opacity: 0;
    transform: translateY(40px);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
    background-color: rgba(0, 0, 0, 0.4);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    margin: 0 8px 0 0;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link {
    transition: transform 0.3s ease-in;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
    transition: transform 0.3s ease-in 0.2s;
    margin: 0;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover {
    /*background-color: rgba(0, 0, 0, 1);*/
    background-color: #013CA3;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 40px;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .overlay {
    opacity: 0.9;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .data .title {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .data .categories {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
}

.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-zoom {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/* PORTFOLIO MASNORY CSS ENDS */




.gallery-container {
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}


/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontAwesome';
    content: '\f002';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

.rt-case-study-box.element-five.row {
    margin-right: 0px;
    margin-left: 0px;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    transform: translateY(0);
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder:hover {
    transform: translateY(-6px);
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .pic {
    transform: scale(1) translateY(0);
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    backface-visibility: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    height: 310px;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder:hover > .pic {
    transform: scale(1.1) translateY(-12px);
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .pic > img {
    width: 100%;
    float: left;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .pic > .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .post-btn .post-button .ti-plus {
    display: block;
    position: absolute;
    top: 28%;
    left: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    line-height: 40px;
    margin: 0 auto;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to right, #FF018A 0%, #FF6157 100%);
    z-index: 2;
    /*border-radius: 4px;*/
    border-radius: 50%;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    text-decoration: none;
    font-size: 18px;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder:hover .post-button .ti-plus {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .post-btn .post-button:hover {
    background-color: #FC6086;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data {
    padding: 21px 29px 21px 29px;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data > .date {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
    color: #545454;
    margin-bottom: 7px;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data > .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
    color: #000;
    font-family: "Poppins";
    margin-bottom: 0;
}

.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data > .title > a {
    text-decoration: none;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.06px;
    color: #000;
    font-family: "Poppins";
    margin-bottom: 0;
}


/* AOS CSS START */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.8s
}


[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0.4;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
    }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: translate3d(0, 50px, 0) scale(.4);
        transform: translate3d(0, 50px, 0) scale(.4);

    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(.6);
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(.6);
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(.6);
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    html:not(.no-js) [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    html:not(.no-js) [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

    html:not(.no-js) [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

    html:not(.no-js) [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }
}

/* AOS CSS END */

/* ANIMATED CSS START */
@charset "UTF-8";

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-animation-name: swing;
    -webkit-transform-origin: top center;
    animation-name: swing;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    -webkit-transform-origin: center;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-duration: .75s;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-duration: .75s;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animated.flip {
    -webkit-animation-name: flip;
    -webkit-backface-visibility: visible;
    animation-name: flip;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInY;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutY;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }

    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }

    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-duration: 2s;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        -webkit-transition: none !important;
        animation: unset !important;
        transition: none !important
    }
}

/* ANIMATED CSS END */
.element-five .testimonial-title .fa-star {
    color: #FFDF00;
    padding: 0 2px;
    float: right;

}

.testimonial.element-five .testimonial-item .holder {
    margin: 0 10px;
}

/*testimonial element-eleven starts*/
.element-eleven .testimonial-item {
    box-shadow: 4.33px 2.5px 18px 0px rgba(0, 0, 0, 0.06);
    background: #fff;
    overflow: hidden;
    margin: 0;
    padding: 30px 30px 30px 0;
}

.element-eleven .rt-testimonial-imgbackground {
    background: url("../images/img-bg.png")no-repeat left top;
    padding: 30px 0px 50px 50px;
    float: left;
}

.element-eleven .rt-content-area {
    float: right;
}


.element-eleven .rt_testimonial-image-grid img {
    display: block;
    width: 90%;
    border: 1px solid #BCB6B5;
    border-radius: 50%;
    text-align: center;
    margin: 0;
}

.element-eleven .testimonial-author-detail {
    padding: 0px 0 0 0;
}

.element-eleven .testimonial-name {
    /*font-family: "Jost Medium", Sans-serif;*/
    font-size: 16px;
    text-transform: capitalize;
    line-height: 18px;
    color: #EF576C;
    padding-bottom: 0;
}

.element-eleven .testimonial-job {
    color: #AEAEAE;
    /*font-family: "Jost Regular", Sans-serif;*/
    font-size: 16px;
    text-transform: capitalize;
    line-height: 28px;
}

.element-eleven .testimonial-content {
    padding: 0 15px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #4A5873;
    min-height: 170px;
    /*font-family: "Jost Regular", Sans-serif;*/
}

.element-eleven.owl-theme .owl-controls .owl-page span {
    background: #D3CBCE !important;
    opacity: 1;
}


.element-eleven.owl-theme .owl-controls .owl-page.active span {
    background: #9547fd !important;
    background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
    background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
    background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;

    opacity: 1;
}

.element-eleven .star-rating {
    text-align: right;
}

.element-eleven .fa-star,
.element-eleven .fa-star-o {
    /*color: #FFDF00;*/
    padding: 0 2px;
    font-size: 17px;
}


@media screen and (max-width: 767px) {
    .element-eleven .testimonial-item {
        padding: 30px 0;
    }

    .element-eleven .rt-testimonial-imgbackground {
        padding: 0 30px 30px 30px;
    }

    .element-eleven .rt-testimonial-imgbackground {
        background: url("../images/img-bg.png")no-repeat center center;
    }

    .element-eleven .rt_testimonial-image-grid img {
        width: auto;
        margin: 0 auto;
    }

    .element-eleven .quote_area {
        display: none;
    }

    .element-eleven .testimonial-author-detail {
        text-align: center;
    }

    .element-eleven .testimonial-content {
        text-align: center;
    }

    .element-eleven .fa-star,
    .element-eleven .fa-star-o {
        float: none;
        margin-top: 20px;
    }

    .element-eleven .star-rating {
        text-align: center;
    }


}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .element-eleven .testimonial-name {
        font-size: 18px;
    }

    .element-eleven .fa-star,
    .element-eleven .fa-star-o {
        float: left;
    }

}

/*testimonial element-twelve starts*/
.element-twelve .testimonial-item {
    /*overflow: hidden;*/
    /*    margin: 15px 0;*/
    margin: 0;
    position: relative;
}


.element-twelve .testimonial-item h2 {
    color: #191919;
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 10px
}

.element-twelve .testimonial-item h6 {
    color: #585858;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 2px;
}

.element-twelve .testimonial-item p {
    font-size: 16px;
    font-style: italic;
    line-height: 28px;
    color: #484848;
}

.element-twelve .testimonial-author-detail {
    padding: 7px 0 0 0;
    position: relative;
    top: 0;
    left: 0;
}

.element-twelve .testimonial-author-detail .col-md-6 {
    padding: 0;
    flex: 0 0 50%;
}

.element-twelve .testimonial-name {

    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 32px;
    color: #191919;
}

.element-twelve .testimonial-job {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 28px;
    color: #575757;
}

.element-twelve.owl-theme .owl-controls {
    margin-top: 30px;
}

.element-twelve.owl-theme .owl-controls .owl-page span {
    background: #D3CBCE !important;
    opacity: 1;
}


.element-twelve.owl-theme .owl-controls .owl-page.active span {
    background: #9547fd !important;
    background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
    background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
    background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;
    opacity: 1;
}


.element-twelve.owl-theme .owl-controls {
    text-align: left;
}

.element-twelve.owl-theme .owl-controls .owl-page {
    padding: 5px 3px;
}

.element-twelve.owl-theme .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
}


.element-twelve.owl-theme .owl-controls .owl-page.active {
    border-radius: 100%;
    border: 1px solid #000;
    padding: 5px 3px;
    width: 30px;
    height: 30px;
}

.element-twelve .owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.quote-img {
    /*float: right;*/
    position: relative;
    /*top: 30px;
    right: 30px;*/
    text-align: center;
    display: inline-block;
    top: 15px;
    width: 52px;
    height: 40px;
}

.testimonial[class*="element-twelve"].owl-dot-style-two .owl-dots {
    position: relative !important;
    bottom: 0 !important;
    text-align: left !important;
    width: 100%;
    margin: 35px 0 0 0;
}

.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot.active {
    border-radius: 100% !important;
    border: 1px solid #000 !important;
    padding: 5px 5px !important;
    width: 20px;
    height: 20px;
    margin-left: -2px;
}

.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot.active span {
    width: 8px !important;
    height: 8px !important;
    background: #000 !important;
}

.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot {
    padding: 5px 3px;
    width: 20px;
    height: 20px;
}

.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot span {
    width: 8px;
    height: 8px;
}

@media screen and (max-width: 767px) {
    /*.element-twelve .testimonial-item {
        padding: 30px 0;
    }*/

    .element-twelve .rt-testimonial-imgbackground {
        padding: 30px;
    }

    .element-twelve .rt_testimonial-image-grid img {
        width: 35%;
    }

    .element-twelve .quote_area {
        display: none;
    }

    .element-twelve .fa-star {
        float: none;
    }

    /*.quote-img {
        top: 0;
    }*/

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .element-twelve .testimonial-name {
        font-size: 18px;
    }

    .element-twelve .fa-star {
        float: left;
    }

    /* .quote-img {
        float: right;
        position: absolute;
        top: -24px;
        right: 30px;
    }*/

}


/*servicebox element-one starts*/

.rt-servicebox.element-one .swiper-container {
    padding: 30px 0;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide .card-image {
    background: #ffffff;
    border: none;
    outline: none;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide .card-image img {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.rt-servicebox.element-one .swiper-container .swiper-pagination-bullet {
    opacity: 0.8;
    background: #333333;
}

.rt-servicebox.element-one .swiper-container .swiper-pagination-bullet-active {
    background: #ffffff;
}

.rt-servicebox.element-one .swiper-container .swiper-button-next,
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
    background-image: none;
    background-size: 0;
    background-repeat: no-repeat;
    background-position: 0;
    margin-top: -2rem;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    border: 0;
    background: rgba(249, 245, 234, 0.85);
}

.rt-servicebox.element-one .swiper-container .swiper-button-next {
    right: 155px;
    left: auto;
    padding: 20px;
    text-align: right;
}

.rt-servicebox.element-one .swiper-container .swiper-button-prev {
    left: 135px;
    right: auto;
    padding: 20px;
    text-align: left;
}

.rt-servicebox.element-one .swiper-container .swiper-button-next .ti-angle-right:before {
    font-size: 20px;
    font-weight: bold;
}

.rt-servicebox.element-one .swiper-container .swiper-button-prev .ti-angle-left:before {
    font-size: 20px;
    font-weight: bold;
}

.rt-servicebox.element-one .swiper-container .swiper-button-next .arrow-icon,
.rt-servicebox.element-one .swiper-container .swiper-button-prev .arrow-icon {
    font-size: 20px;
    font-weight: bold;
}


.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 999;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding: 0 15px;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover:hover > .data-box h2 {
    visibility: hidden;
    opacity: 0;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box h2 {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    padding: 0;
    margin: 0 !important;
    text-transform: inherit;
    font-weight: bold;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    text-align: center;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    /*padding: 0 0 20px 0;*/
    margin: 0 !important;
    text-transform: inherit;
    font-weight: 500;
    visibility: hidden;
    opacity: 0;
    padding: 0 15% 2%;
}


.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover h2 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.5s ease;
    text-align: center;
    font-weight: bold;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover p {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    margin: 10px 0 0 0;
    text-align: center;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover p {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.5s ease;
    text-align: center;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box {
    /*transform: scale(1.1);*/
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
    visibility: hidden;
    opacity: 0;
    position: relative;
    top: -90px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 9;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover {
    visibility: visible;
    opacity: 1;
}


.rt-servicebox.element-one .swiper-container-horizontal > .swiper-pagination-bullets,
.rt-servicebox.element-one .swiper-pagination-custom,
.rt-servicebox.element-one .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}


.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p a {
    text-decoration: none;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple {
    padding: 0 0 2px !important;
    color: #fff;

    background-color: transparent;
    border: 0;
    vertical-align: middle;
    overflow: hidden;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn {
    width: auto;
    margin: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-transform: capitalize;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 12px 46px;
    cursor: pointer;
}


.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn,
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after,
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    line-height: 1;
    background-color: #fff;
    left: 0;
    width: 100%;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn,
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}

.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}



@media only screen and (min-width:1024px) and (max-width: 1366px) {
    .rt-servicebox.element-one .swiper-container .swiper-button-prev {
        left: 50px;
    }

    .rt-servicebox.element-one .swiper-container .swiper-button-next {
        right: 50px;
    }

    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
        padding: 0;
    }

    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
        top: -74px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .rt-servicebox.element-one .swiper-container .swiper-button-prev {
        left: 20px;
    }

    .rt-servicebox.element-one .swiper-container .swiper-button-next {
        right: 20px;
    }

    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
        top: -70px;
    }
}


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

    .rt-servicebox.element-one .swiper-container .swiper-button-prev {
        left: 20px;
        padding: 12px;
        text-align: center;
    }

    .rt-servicebox.element-one .swiper-container .swiper-button-next {
        right: 20px;
        padding: 12px;
        text-align: center;
    }

    .rt-servicebox.element-one .swiper-container .swiper-button-next,
    .rt-servicebox.element-one .swiper-container .swiper-button-prev {
        width: 45px;
        height: 45px;
    }

    /*
    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
        top: 48%;}
*/

    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
        top: -70px;
    }

    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
        font-size: 22px;
        font-weight: 400;
        line-height: 35px;
    }


}

@media screen and (min-width:480px) and (max-width:767px) {
    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
        top: 44% !important;
    }
}

@media screen and (min-width:321px) and (max-width:479px) {
    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
        top: 44% !important;
    }
}

@media screen and (max-width:320px) {
    .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
        top: 43% !important;
    }
}

/*Team element-four starts*/


.team.element-four .rt-professionals-team {
    float: left;
    padding: 0 15px;
    margin: 0 15px;
}

.team.element-four .rt-professionals {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    text-align: left;

}

.team.element-four h4 {
    color: #200960;
    margin: 0px;
    /*font-family: "PlayfairDisplay-SemiBold", Sans-serif;
    line-height: 35px;
    padding-bottom: 10px;*/
}

.team.element-four h6 {
    color: #C98060;
    /*font-family: "Jost Regular", Sans-serif;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 2px;*/
}

.team.element-four .rt-professionals {
    margin-bottom: 35px;
}

.team.element-four .rt-professionals img {
    width: 100%;
    height: 100%;

}

.team.element-four .rt-professionals .box-content {
    padding: 30px;
    width: 90%;
    height: 92%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transform: translate3d(0, 0, 0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}


.team.element-four .rt-professionals:hover .box-content {
    top: 0;
    height: 92%;
    opacity: 1;
    text-align: left;
    background-color: rgba(236, 158, 124, 0.5);
    transition: all 0.5s;
    transform: translate3d(0, 5%, 0);
    visibility: visible;
}






.team.element-four .rt-professionals .box-content p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: left;
    padding-top: 20%;
}


.team.element-four .rt-professionals .box-content a {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 0 0 2px 0;
    position: absolute;
    bottom: 25%;
}

.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
    padding: 0 0 2px !important;
    color: #fff;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    overflow: hidden;

}

.team.element-four .rt-professionals:hover .box-content .view_btn {
    width: auto;
    margin: 0;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 12px 46px;
    cursor: pointer;
}


.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.team.element-four .rt-professionals:hover .box-content .view_btn,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:after,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    line-height: 1;
    background-color: #fff;
    left: 0;
    width: 100%;
}

.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:after {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.team.element-four .rt-professionals:hover .box-content .view_btn,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    bottom: 25%;
}

@media only screen and (max-width: 1200px) and (min-width: 990px) {

    .team.element-four .rt-professionals:hover .box-content .view_btn,
    .team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
        bottom: 15% !important;
    }

    .team.element-four .rt-professionals .box-content .view_btn,
    .team.element-four .rt-professionals .box-content .view_btn.view_btn-simple {
        bottom: 15% !important;
    }
}

.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}

.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:hover:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}


@media only screen and (min-width:1024px) and (max-width: 1365px) {
    .team.element-four .rt-professionals img {
        width: 100%;
        height: auto;
    }

    .team.element-four .rt-professionals:hover .box-content {
        height: 90%;
    }

    .team.element-four .rt-professionals .box-content {
        bottom: -110%;
    }

    .team.element-four .rt-professionals .box-content p {
        font-size: 18px;
        line-height: 32px;
    }


    .team.element-four .rt-professionals:hover .box-content .view_btn {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .team.element-four .rt-professionals-team {
        padding: 0;
        margin: 0 15px;
    }

    .team.element-four .rt-professionals img {
        width: 100%;
        height: auto;
    }

    .team.element-four .rt-professionals:after,
    .team.element-four .rt-professionals:before {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 5%;
        width: 90%;
        height: 85%;
    }

    .team.element-four .rt-professionals .box-content {
        bottom: -110%;
    }

    .team.element-four .rt-professionals .box-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .team.element-four .rt-professionals:hover .box-content {
        padding: 20px;
        /*top: 4%;*/
        height: 90%;
    }

    .team.element-four .rt-professionals:hover .box-content .view_btn {
        font-size: 18px;
        line-height: 32px;
    }

}


@media only screen and (max-width: 767px) {
    .team.element-four .rt-professionals-team {
        padding: 0;
        margin: 0 15px;
    }
}

.team.element-four .rt-professionals {
    overflow: hidden;
    margin-bottom: 30px;
}

.team.element-four .rt-professionals:hover .box-content {
    padding: 20px 30px 30px 30px;
    height: 90%;
}

.team.element-four .rt-professionals:after,
.team.element-four .rt-professionals:before {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 5%;
    width: 90%;
    height: 65%;
}

}

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

    .team.element-four .rt-professionals:after,
    .team.element-four .rt-professionals:before {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 5%;
        width: 90%;
        height: 88%;
    }
}

/*======================================================================================
SEARCH
======================================================================================*/
.main-search,
.search-container > header {
    margin: 0 auto;
    padding: 0;
}

.search-container > header {
    text-align: center;
    background: rgba(0, 0, 0, 0.01);
}

.search-container > header h1 {
    font-size: 2.625em;
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
}

.search-container > header span {
    display: block;
    font-size: 60%;
    color: #e67e22;
    padding: 0 0 0.6em 0.1em;
}

/* main-search Content */
.main-search {
    max-width: 69em;
}

.search-grid {
    float: left;
    width: 100%;
    padding: 0px;
    position: relative;
}

.search-grid:nth-child(2) {
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}

.search-grid p {
    font-weight: 300;
    font-size: 2em;
    padding: 0;
    margin: 0;
    text-align: right;
    line-height: 1.5;
}

.search-grid a {
    border: 3px solid #b4c7da;
    padding: 0 15px;
    display: inline-block;
    margin: 20px 0;
}

.search-grid a:hover {
    border-color: #fff;
}



.rt-search {
    position: relative;
    margin-top: 0;
    width: 0%;
    min-width: 30px;
    height: 30px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.rt-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: none;
    border-bottom: 1px solid #000;
    width: 97%;
    height: 30px;
    margin-right: 30px;
    z-index: 10;
    padding: 0 0 0 24px;
    font-family: inherit;
    font-size: 16px;
    color: #000;
    text-transform: none;
}

/*.rt-search-input::-webkit-input-placeholder {
color: #fff;
}

.rt-search-input:-moz-placeholder {
color: #fff;
}

.rt-search-input::-moz-placeholder {
color: #fff;
}

.rt-search-input:-ms-input-placeholder {
color: #fff;
}*/

.rt-icon-search,
.rt-search-submit {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.rt-search-submit {
    background: #fff;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.rt-icon-search {
    color: #fff;
    background: transparent;
    z-index: 90;
    font-size: 16px;
    font-weight: 600 !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.rt-icon-search:before {
    content: "\e610";
    font-family: "themify";
}

/* Open state */
.rt-search.rt-search-open,
.no-js .rt-search {
    width: 11em;
}

/*.rt-search.rt-search-open .rt-search-input {
margin-right: 0;
padding-right: 30px;
padding-left: 0;
}*/
.rt-search.rt-search-open .rt-icon-search,
.no-js .rt-search .rt-icon-search {
    background: none;
    color: #fff;
    z-index: 11;
}

.rt-search.rt-search-open .rt-search-submit,
.no-js .rt-search .rt-search-submit {
    z-index: 90;
}

@media screen and (max-width: 46.0625em) {
    .search-grid {
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 1em;
    }

    .search-grid p {
        text-align: left;
        font-size: 1.5em;
    }

    .search-grid:nth-child(2) {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    }
}




/*Team element-three starts*/
.team.element-three .rt-doctor-team {
    float: left;
    padding: 0 15px;
}

.team.element-three .rt-doctor {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    text-align: left;

}

.team.element-three h3 {
    color: #3498DB;
    font-size: 22px;
    padding-top: 30px;
    margin-bottom: 0px;
}

.team.element-three h4 {
    color: #EF576C;
    font-size: 18px;
    font-weight: 400;
}


.team.element-three .rt-doctor img {
    width: 100%;
    height: 100%;

}

.team.element-three .rt-doctor .box-content {
    padding: 30px;
    width: 90%;
    position: absolute;
    bottom: -5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}


.team.element-three .rt-doctor:hover .box-content {
    bottom: 5%;
    height: 240px;
    opacity: 1;
    text-align: left;
    background-color: rgba(239, 87, 108, 0.7);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    transition: all 0.7s;
    visibility: visible;
}


.team.element-three .rt-doctor .box-content p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: left;
}

.team.element-three .rt-doctor .box-content a {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 0 0 2px 0;
}

.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple {
    padding: 0 0 2px !important;
    color: #fff;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    overflow: hidden;

}

.team.element-three .rt-doctor:hover .box-content .view_btn {
    width: auto;
    margin: 0;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 12px 46px;
    cursor: pointer;
}


.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.team.element-three .rt-doctor:hover .box-content .view_btn,
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:after,
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    line-height: 1;
    background-color: #fff;
    left: 0;
    width: 100%;
}

.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:after {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.team.element-three .rt-doctor:hover .box-content .view_btn,
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}

.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}


@media only screen and (min-width:1024px) and (max-width: 1365px) {
    .team.element-three .rt-doctor img {
        width: 100%;
        height: auto;
    }

    .team.element-three .rt-doctor .box-content {
        bottom: -110%;
        padding: 54px 20px;
    }

    .team.element-three .rt-doctor:hover .box-content {
        height: 250px;
    }


    .team.element-three .rt-doctor .box-content p {
        font-size: 16px;
        line-height: 22px;
    }


    .team.element-three .rt-doctor:hover .box-content .view_btn {
        font-size: 15px;
        line-height: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .team.element-three .rt-doctor img {
        width: 100%;
        height: auto;
    }

    .team.element-three .rt-doctor:after,
    .team.element-three .rt-doctor:before {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 5%;
        width: 90%;
        height: 85%;
    }

    .team.element-three .rt-doctor .box-content {
        bottom: -110%;
    }

    .team.element-three .rt-doctor .box-content p {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .team.element-three .rt-doctor:hover .box-content {
        padding: 46px 20px;
        top: 48%;
        height: 210px;
    }

    .team.element-three .rt-doctor:hover .box-content .view_btn {
        font-size: 14px;
        line-height: 22px;
    }

}


@media only screen and (max-width: 767px) {
    .team.element-three .rt-doctor-team {
        width: 100% !important;
    }

    .team.element-three .rt-doctor {
        overflow: hidden;
        margin-bottom: 30px;
    }

    .team.element-three .rt-doctor:hover .box-content {
        padding: 20px 30px 30px 30px;
        height: auto;
    }

    .team.element-three .rt-doctor:after,
    .team.element-three .rt-doctor:before {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 5%;
        width: 90%;
        height: 65%;
    }

}

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

    .team.element-three .rt-doctor:after,
    .team.element-three .rt-doctor:before {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 5%;
        width: 90%;
        height: 88%;
    }
}

/* Image Gallery element-seven */

.rt-image-gallery.element-seven .swiper-container {
    width: 100%;
    height: 100%;
}

.rt-image-gallery.element-seven .swiper-wrapper {
    padding-left: initial;
    margin: 0;
}

.rt-image-gallery.element-seven .swiper-slide {
    text-align: center;
    font-size: 18px;

    width: 65%;
    /* Center slide text vertically */
    display: table-row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*     .swiper-slide:nth-child(2n) {
        width: 60%;
    }
    .swiper-slide:nth-child(3n) {
        width: 40%;
    } */



.rt-image-gallery.element-seven .holder {
    margin: 0;
    position: relative;
    padding: 0px;
}

.rt-image-gallery.element-seven .holder img {
    float: right;
}




/* blog element-one */
.blog[class*='element-'] .owl-nav > .owl-next {
    position: absolute !important;
    top: 180px !important;
    left: 1193px !important;
    border-radius: 50px;
    border: 0;
    background-color: #fff;
    width: 50px;
    height: 50px;
    padding-top: 5px;

}

.blog[class*='element-'] .owl-nav > .owl-prev {
    position: absolute !important;
    top: 180px !important;
    right: 1193px !important;
    border-radius: 50px;
    border: 0;
    background-color: #fff;
    width: 50px;
    height: 50px;
    padding-top: 5px;
    display: none;
}

.blog.element-one .blog-item .holder .data {
    padding: 27px 30px 34px 32px;
    overflow: hidden;
}

.blog.element-one .blog-item .holder .data .author {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #3f3a64;

}

.blog.element-one .blog-item .holder .data .title {
    margin-top: 13px;
    margin-bottom: 13px !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #3f3a64;

}

.blog.element-one .blog-item .holder .data .post-meta span.comments {
    float: right !important;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #797696;
    padding-top: 0px;

}

.blog.element-one .blog-item .holder .data .post-meta .date {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #797696;

}

.blog.element-one .category-list {
    position: absolute;
    z-index: 3;
    top: 25px;
    right: 10px;
    background-color: #fd7952;
    display: inline-block;
    padding: 0 10px;
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.blog.element-one .blog-item:hover .category-list {
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

@media only screen and (max-width: 320px) {
    .blog.element-one .blog-item .holder .data .post-meta .date {
        width: 100%;
        float: left;
    }

    .blog.element-one .blog-item .holder .data .post-meta span.comments {
        width: 100%;
        float: left;
    }
}

/* testimonial element-six starts */
.testimonial.element-six {
    position: relative;
    width: auto !important;
    /*margin-left: -15px;
    margin-right: -15px;*/
}

.testimonial.element-six .testimonial-item {
    margin: 0;
    padding: 0px;
}

.testimonial.element-six .testimonial-item > .holder {
    text-align: left;
    background: #fff;
    /*border-radius: 5px;*/
    padding: 60px 30px;
    /*box-shadow: 0px 0px 10px 5px rgba(47, 85, 212, 0.1);*/
    box-shadow: 4.33px 2.5px 7px rgba(0, 0, 0, 0.08);
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width:768px) {
    .testimonial.element-six .testimonial-item > .holder {
        padding: 60px 23px;
    }
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-data {
    margin-bottom: 23px;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title {
    position: relative;
    min-height: 63px;
    padding-top: 6px;
    padding-left: 80px;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 71px;
    height: 71px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testi-pic-three {
    border-radius: 50%;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
    margin-bottom: 3px;
    /*margin-top: -9px;*/
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #160914;
    line-height: 28px;
    font-style: italic;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
    margin-left: 8px;
}

.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u {
    margin-left: 7px;
    text-decoration: underline !important;
}

.testimonial.element-six:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
    transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
    -webkit-transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
}

.testimonial.element-six:not(.owl-carousel) .testimonial-item:hover {
    transform: translate3d(0, -5px, 0);
}

.testimonial.element-six > .owl-thumbs {
    display: none;
}

.testimonial.element-six > .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

.testimonial.element-six > .owl-dots {
    /*position: static !important;*/
    position: relative;
    margin: 38px 0 0 0 !important;
    text-align: left !important;
    display: flex;
    justify-content: center;
}

.testimonial.element-six > .owl-dots > .owl-dot > span {
    width: 10px !important;
    height: 10px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .testimonial.element-six .testimonial-item {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .testimonial.element-six .testimonial-item {
        margin: 0;
    }
}



/* testimonial element-six ends */




/* testimonial element-seven starts */
.testimonial.element-seven {
    position: relative;
    width: auto !important;
    margin-left: -15px;
    margin-right: -15px;
}

.testimonial.element-seven .testimonial-item {
    /*padding-left: 15px;
    padding-right: 15px;*/
    margin: 0px;
}

.testimonial.element-seven .testimonial-item > .holder {
    text-align: left;
    /*background: #fff;
    border-radius: 5px;*/
    padding: 20px 35px;
    /*box-shadow: 0px 0px 10px 5px rgba(47, 85, 212, 0.1);
    box-shadow: 4.33px 2.5px 23px rgba(0, 0, 0, 0.08);*/
    margin-top: 15px;
    margin-bottom: 15px;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-data {
    margin-bottom: 23px;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
    text-align: center;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title {
    position: relative;
    min-height: 63px;
    padding-top: 17px;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
    /*padding-left: 80px;*/
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
    /*position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;*/
    width: 87px;
    height: 87px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
    margin-bottom: 3px;
    /*margin-top: -9px;*/
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #160914;
    line-height: 28px;
    /*font-style: italic;*/
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
    float: left;
    padding-top: 10px;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
    margin-left: 8px;
}

.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u {
    margin-left: 7px;
    text-decoration: underline !important;
}

.testimonial.element-seven:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-seven > .owl-thumbs {
    display: none;
}

.testimonial.element-seven > .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

.testimonial.element-seven > .owl-dots {
    /*position: static !important;*/
    position: relative;
    margin: 38px 0 0 0 !important;
    text-align: left !important;
    display: flex;
    justify-content: center;
}

.testimonial.element-seven > .owl-dots > .owl-dot > span {
    width: 10px !important;
    height: 10px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .testimonial.element-seven .testimonial-item {
        margin: 0px;
    }

    .testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
        margin: 0 auto !important;
        text-align: center;
        float: none;
    }

    .testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
        text-align: center;
        float: none;
    }

}

@media (max-width: 767px) {
    .testimonial.element-seven .testimonial-item {
        margin: 0px;
    }

    .testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
        margin: 0 auto !important;
        text-align: center;
        float: none;
    }

    .testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
        text-align: center;
        float: none;
    }
}



/* testimonial element-seven ends */


/* testimonial element-eight */

.testimonial.element-eight {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: left;
    box-shadow: none !important;
    margin-bottom: 25px;
}

.testimonial.element-eight * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.testimonial.element-eight img {
    max-width: 100%;
    vertical-align: middle;
    height: 70px;
    width: 70px !important;
    border-radius: 50% !important;
    margin: 30px 0 0 25px;
}

.testimonial.element-eight .description {
    background-color: #fff;
    display: block;
    font-weight: 400;
    line-height: 30px;
    /*margin: 30px 20px;*/
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 14px;
    margin-right: 14px;
    /*padding: 30px;*/
    padding-top: 41px;
    padding-bottom: 40px;
    padding-left: 38px;
    padding-right: 38px;
    position: relative;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.18);
    border-radius: 5px;
    color: #8f9193;
    line-height: 34px;
}

.testimonial.element-eight .arrow {
    top: 97%;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #fff;
    margin: 0;
    position: absolute;
    display: none;
}

.testimonial.element-eight .author {
    position: absolute;
    bottom: 20px;
    padding: 0 10px 0 112px;
    margin: 0;
    color: #16171e;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.testimonial.element-eight .author h5 {
    font-size: 18px;
    font-weight: 400;
    color: #16171e;
    margin-bottom: 10px;
}

.testimonial.element-eight .author p {
    font-size: 16px;
    color: #a7a9b8;
    margin-top: -10px;
}

.testimonial.element-eight .owl-item {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02);
}

.testimonial.element-eight .description {
    box-shadow: none !important;
}


.testimonial.element-eight .owl-item {
    height: 387px !important;
    width: 371px !important;
    margin: 0 15px;
    padding: 55px 0 65px;
    box-shadow: none !important;
}

.testimonial.element-eight .owl-item:nth-child(1n) {
    background-color: #fbfcff;
}

.testimonial.element-eight .owl-item:nth-child(2n) {
    background-color: #fffff8;

}

.testimonial.element-eight .owl-item:nth-child(3n) {
    background-color: #fff9f8;
}


.testimonial.element-eight .description {
    background-color: transparent !important;
}

.testimonial.element-eight h4 {
    padding-left: 35px;
    color: #3f3a64;
    font-weight: bold;

}

.testimonial.element-eight .description {
    padding: 0 !important;
    padding: 0 35px 0 35px !important;
    margin: 0 !important;
}

body.left-sidebar div#page {
    margin-left: 300px;
}

/*body.left-sidebar footer.wraper_footer.custom-footer {
margin-left: 300px;
}*/
.rt-nav-sidebar-menu {
    overflow: auto;
    font-size: 12px;
    font-weight: 200;
    background-color: #2e353d;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 100%;
    color: #e1ffff;
    overflow-y: scroll;
}

.rt-nav-sidebar-menu .brand-logo {
    background-color: #23282e;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.rt-nav-sidebar-menu .brand-logo img {
    width: 50%;
}

.rt-nav-sidebar-menu .toggle-btn {
    display: none;
}

.rt-nav-sidebar-menu .rt-side-menu nav {
    text-align: left;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree {
    margin-left: 0;
    padding: 18px 35px;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li {
    list-style: none;
    position: relative;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.25px;
    text-decoration: none;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul li a {
    display: block;
    font-size: 14px;
    letter-spacing: -0.25px;
    text-decoration: none;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
    -webkit-transition: color 300ms ease-out, border-color 300ms ease-out;
    -moz-transition: color 300ms ease-out, border-color 300ms ease-out;
    -ms-transition: color 300ms ease-out, border-color 300ms ease-out;
    -o-transition: color 300ms ease-out, border-color 300ms ease-out;
    transition: color 300ms ease-out, border-color 300ms ease-out;
    text-decoration: none;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul {
    margin-left: 0;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-node {
    position: relative;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-node > a:after {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    position: absolute;
    right: 0;
    font-family: "fontawesome";
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul.sub-menu li:last-child {
    padding-bottom: 28px;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-open > a:after {
    content: "\f107";
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
    right: 3px;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li {
    padding-bottom: 0;
    opacity: 1;
    -webkit-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
    -moz-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
    -ms-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
    -o-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
    transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
    position: relative;
    bottom: 0;
}

.vertical-menu ul.rt-tree li {
    opacity: 1;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li {
    bottom: -5px;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li::before {
    position: absolute;
    content: " ";
    width: 7px;
    height: 1px;
    background: rgba(255, 255, 255, 1);
    left: -22px;
    top: 23px;
    border-radius: 100%;
    opacity: 0.3;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li.rt-tree-open::before {
    opacity: 1;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-closed > a:after {
    content: "\f107";
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li > a:after {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul > li:first-child {
    margin-top: 1px;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li > a:hover {
    color: #fff;
}

.rt-side-menu ul.rt-tree ul > li ul li a {
    padding-left: 20px !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
    padding: 5px 0px 5px 0;
    color: #fff;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a:hover {
    color: #fff;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul.sub-menu {
    display: none;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree {
    margin-bottom: 48px;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
    padding: 14px 0;
    position: relative;
}

.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 12px 0;
    position: relative;
}

.rt-nav-sidebar-menu .header-copyright {
    padding: 0px 35px;
}

.rt-nav-sidebar-menu .header-social ul.social {
    padding: 20px 35px;
}

.rt-nav-sidebar-menu .header-social ul.social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    margin-bottom: 8px;
}

.rt-nav-sidebar-menu .header-social ul.social li a {
    display: block;
    width: 33px;
    height: 33px;
    background-color: transparent;
    border: 2px rgba(255, 255, 255, .3) solid;
    border-radius: 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-nav-sidebar-menu .header-social ul.social li a:hover {
    border-color: #f1f1f1;
    color: #f1f1f1;
}

.rt-nav-sidebar-menu .rt-side-menu {
    display: block;
}

.rt-nav-sidebar-menu .rt-side-menu.in {
    display: block !important;
}

@media (max-width: 767px) {
    body.left-sidebar div#page {
        margin-left: 0px;
    }

    .rt-nav-sidebar-menu {
        position: sticky;
        width: 100%;
        margin-bottom: 10px;
    }

    .rt-nav-sidebar-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }

    .brand-logo {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }

    .main-content {
        margin-left: auto !important;
    }

    .sidebar-main {
        display: block !important;
    }

    .rt-nav-sidebar-menu .rt-side-menu {
        display: none;
    }
}

@media (max-width: 991px) {}

/*--------------------------------------------------------------
# New Client (element five)
--------------------------------------------------------------*/
.clients.element-five .client-item {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.clients.element-five .client-item:nth-child(6) {
    border-right: 1px solid transparent;
}

.clients.element-five .client-item:nth-child(7) {
    border-bottom: 1px solid transparent;
}

.clients.element-five .client-item:nth-child(8) {
    border-bottom: 1px solid transparent;
}

.clients.element-five .client-item:nth-child(9) {
    border-bottom: 1px solid transparent;
}

.clients.element-five .client-item:nth-child(10) {
    border-bottom: 1px solid transparent;
}

.clients.element-five .client-item:nth-child(11) {
    border-bottom: 1px solid transparent;
}

.clients.element-five .client-item:nth-child(12) {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.clients.element-five .client-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.clients.element-five.qodef-grid-inner .client-item {
    padding: 0 15px;
    margin: 0 0 30px;
}

.clients.element-five.qodef-grid-inner .client-item {
    padding: 0 15px;
}

.clients.element-five .client-item {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.clients.element-five .client-item {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    min-height: 1px;
    float: left;
}

.clients.element-five .client-item .client-image {
    line-height: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.clients.element-five .client-item .client-image img {
    width: 100%;
}

.clients.element-five .client-item .client-image a {
    display: inline-block;
}

.clients.element-five .client-item .client-logo {
    width: auto;
    opacity: 1;
    will-change: opacity;
    -webkit-transition: opacity .3s ease-out .15s;
    -o-transition: opacity .3s ease-out .15s;
    transition: opacity .3s ease-out .15s;
    display: inline-block;
    background-color: #fff;
}

.clients.element-five .client-item:hover .client-logo {
    opacity: 0;
}

.clients.element-five .client-item .client-hover-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.clients.element-five .client-item:hover .client-hover-logo {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.clients.element-five .client-item .client-hover-logo .client-hover-bg-overlay {
    display: block;
    position: absolute;
    /*height: 50%;
width: 0;*/
    height: 0px;
    width: 50%;
    background: #000;
    z-index: -1;
    -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: .3s cubic-bezier(.785, .135, .15, .86);
    transition: .3s cubic-bezier(.785, .135, .15, .86);
}

.clients.element-five .client-item .client-hover-logo .client-bg-overlay-up {
    /*top: 0;
left: 0;
right: auto;*/
    left: 0;
    top: auto;
    bottom: 0;
}

.clients.element-five .client-item:hover .client-hover-logo .client-bg-overlay-up {
    /*width: 100%;
right: 0;
left: auto;*/
    height: 100%;
    top: 0;
    bottom: auto;
}

.clients.element-five .client-item .client-hover-logo .client-bg-overlay-down {
    /*bottom: 0;
right: 0;
left: auto;*/
    right: 0;
    top: 0;
    bottom: auto;
}

.clients.element-five .client-item:hover .client-hover-logo .client-bg-overlay-down {
    /*width: 100%;
left: 0;
right: auto;*/
    height: 100%;
    top: auto;
    bottom: 0;
}

@media screen and (min-width:321px) and (max-width:479px) {
    .clients.element-five .client-item {
        width: 50% !important;
    }

    .clients.element-five .client-item {
        border-right: none !important;
        border-bottom: none !important;
    }

}

/* team element-two starts*/

.team.element-two .rt-doctor {
    position: relative;
}

.team.element-two .rt-doctor:after,
.team.element-two .rt-doctor:before {
    content: "";
}


.team.element-two .rt-doctor {
    overflow: hidden;
}

.team.element-two .rt-doctor,
.team.element-two .rt-doctor .icon li a {
    text-align: center;
}


.team.element-two .rt-doctor:after,
.team.element-two .rt-doctor:before {
    width: 100%;
    height: 100%;
    background: rgba(241, 233, 227, 1);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.6s ease 0s;

}

.team.element-two .rt-doctor:after {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 1;
    /*    transform: skewX(45deg);*/
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}

.team.element-two .rt-doctor:hover:before {
    opacity: 1;
}

.team.element-two .rt-doctor:hover:after {
    top: 0;
}

.team.element-two .rt-doctor img {
    width: 100%;
    height: auto;
}

.team.element-two .rt-doctor .box-content {
    width: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.9s;
    transition: transform 0.9s;
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}


.team.element-two .rt-doctor:hover .box-content {
    top: 24%;
    padding: 0 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
}

.team.element-two .rt-doctor .box-content h4 {
    font-size: 25px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #33302e;
    padding-bottom: 0;

}

.team.element-two .rt-doctor .box-content .post {
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #c98060;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
}

.team.element-two .rt-doctor .box-content p {
    font-size: 18px;
    line-height: 28px;
    color: #636363;
    text-align: center;
    padding-bottom: 0;
}




.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple {
    padding: 0 0 2px !important;
    color: #585858;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    overflow: hidden;
}

.team.element-two .rt-doctor:hover .box-content .view_btn {
    width: auto;
    margin: 0;
    font-family: inherit;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 12px 46px;
    cursor: pointer;
}


.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.team.element-two .rt-doctor:hover .box-content .view_btn,
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:after,
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    line-height: 1;
    background-color: #1d1d1d;
    left: 0;
    width: 100%;
}

.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:after {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.team.element-two .rt-doctor:hover .box-content .view_btn,
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
    transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}

.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
    -o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9);
    transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}

.team.element-two .rt-doctor .owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    display: none;
}


@media only screen and (min-width:1024px) and (max-width: 1365px) {
    .team.element-two .rt-doctor img {
        width: 100%;
        height: auto;
    }

    .team.element-two .rt-doctor:hover .box-content {
        top: 15% !important;
    }

    .team.element-two .rt-doctor .box-content h4 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 24px;
        color: #33302e;
        padding-bottom: 0;
    }

    .team.element-two .rt-doctor .box-content .post {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .team.element-two .rt-doctor .box-content {
        bottom: -110%;
    }

    .team.element-two .rt-doctor .box-content p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 20px;
    }


    .team.element-two .rt-doctor:hover .box-content .view_btn {
        font-size: 15px;
        line-height: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .team.element-two .rt-doctor img {
        width: 100%;
        height: auto;
    }

    .team.element-two .rt-doctor .box-content h4 {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 32px;
        color: #33302e;
        padding-bottom: 0;
    }

    .team.element-two .rt-doctor .box-content .post {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .team.element-two .rt-doctor .box-content {
        bottom: -110%;
    }

    .team.element-two .rt-doctor:hover .box-content {
        top: 20% !important;
        padding: 30px !important;
    }

    .team.element-two .rt-doctor .box-content p {
        font-size: 17px;
        line-height: 27px;
        padding-bottom: 10px;
    }

    .team.element-two .rt-doctor:hover .box-content {
        padding: 0 10px;
        /*top: 4%;*/
    }

    .team.element-two .rt-doctor:hover .box-content .view_btn {
        font-size: 14px;
        line-height: 22px;
    }



}



@media only screen and (min-width: 376px) and (max-width: 480px) {
    .team.element-two .rt-doctor:hover .box-content {
        top: 25% !important;
        padding: 30px !important;
    }

}

@media only screen and (min-width: 376px) and (max-width: 480px) and (orientation : landscape) {
    .team.element-two .rt-doctor:hover .box-content {
        top: 18% !important;
        padding: 30px !important;
    }

}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    .team.element-two .rt-doctor:hover .box-content {
        top: 20% !important;
        padding: 30px !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 320px) {
    .team.element-two .rt-doctor:hover .box-content {
        top: 18% !important;
        padding: 30px !important;
    }
}



@media only screen and (max-width: 767px) {
    .team.element-two .rt-doctor {
        overflow: hidden;
        margin-bottom: 0;
    }


}


/* team element-two ends */


/* team element-eight */
.team.element-eight .team-item {
    /*margin-bottom: 30px;*/
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 15px;
}

.team.element-eight .team-item .holder {
    position: relative;
    overflow: hidden;
    /*margin-bottom: 40px;*/
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
}

.team.element-eight .team-item .holder .pic {
    position: relative;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.team.element-eight .team-item .holder .pic img {
    width: 100%;
    float: left;
    transition: .42s ease-out;
    -webkit-transition: .42s ease-out;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.team.element-eight .team-item .holder:hover .pic img {
    -webkit-transform: translateX(5%) skewX(2deg);
    -ms-transform: translateX(5%) skewX(2deg);
    transform: translateX(5%) skewX(2deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.team.element-eight .team-item .holder .team-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease;
    z-index: -1;
    width: 100%;
}

.team.element-eight .team-item .holder:hover .team-content {
    opacity: 1;
    z-index: 1;
}

.team.element-eight .team-item .holder .team-content .team-content-inner {
    -webkit-transform: translate3d(-40px, 0, 0) skewX(-15deg);
    transform: translate3d(-40px, 0, 0) skewX(-15deg);
    -webkit-transition: -webkit-transform 0s .3s;
    transition: -webkit-transform 0s .3s;
    -o-transition: transform 0s .3s;
    transition: transform 0s .3s;
    transition: transform 0s .3s, -webkit-transform 0s .3s;
}

.team.element-eight .team-item .holder:hover .team-content-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    -o-transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
}

.team.element-eight .team-item .holder .team-content .team-role {
    margin: 0;
}

.team.element-eight .team-item .holder .team-content .team-title {
    margin: 0 0 19px;
    color: #000;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.team.element-eight .team-item .holder .team-content .team-member-social-icon-group {
    margin: 0;
}

.team.element-eight .team-item .holder .team-content .team-member-social-icon-group .team-member-social-icon {
    font-size: 16px;
    margin-right: 14px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease;
    float: left;
    width: 30px;
    height: 30px;
    background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
    line-height: 33px;
    text-align: center;
    border-radius: 4px;
}

.team.element-eight .team-item .holder .team-content .team-member-social-icon:hover {
    text-decoration: none;
    opacity: 0.6;
}

.team.element-eight .team-item .holder .team-content .team-member-social-icon a {
    color: #fff;
}

.team.element-eight .team-item .holder .team-content .team-member-social-icon a:hover {
    text-decoration: none;
}

@media only screen and (max-width:1024px) {
    .team.element-eight .team-item {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width:767px) {
    .team.element-eight .team-item {
        width: 100% !important;
        padding: 0;
        margin: 0;
        padding-bottom: 30px;
    }
}

/* TABLET LANDSCAPE PART */

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

    /* team element-one */
    .team.element-eight:not(.owl-carousel) .team-item {
        width: 50% !important;
    }
}

/* TABLET PROTRAIT PART */

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

    /* team element-one */
    .team.element-eight:not(.owl-carousel) .team-item {
        width: 100% !important;
    }
}

/* SMART PHONE LANDSCAPE PART */

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

    /* team element-one */
    .team.element-eight:not(.owl-carousel) .team-item {
        width: 100% !important;
    }
}

/* SMART PHONE PROTRAIT PART */

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

    /* team element-one */
    .team.element-eight:not(.owl-carousel) .team-item {
        width: 100% !important;
    }
}

/*style one*/
.rt-text-animation-style-one .rt-text-1 {
    /*font-weight: 900;
font-size: 3.5em;*/
    margin: 0px;
}

/*style two*/
.rt-text-animation-style-two .rt-text-2 {
    position: relative;
    /*font-weight: 900;
font-size: 4em;*/
    margin: 0px;
}

.rt-text-animation-style-two .rt-text-2 .text-wrapper {
    position: relative;
    display: inline-block;
    /*padding-top: 0.2em;
padding-right: 0.05em;
padding-bottom: 0.1em;*/
    overflow: hidden;
}

.rt-text-animation-style-two .rt-text-2 .letter {
    display: inline-block;
    /*line-height: 1em;*/
    transform-origin: 0 0;
}

/*style three*/
.rt-text-animation-style-three .rt-text-3 {
    /*color: #402d2d;*/
    /*padding: 40px 0;*/
    /*font-weight: 800;
font-size: 2em;
text-transform: uppercase;*/
    /*letter-spacing: 0.5em;*/
    overflow: hidden;
    margin: 0px;
}

.rt-text-animation-style-three .rt-text-3 .letter {
    display: inline-block;
    /*line-height: 1em;*/
}




/*=================== HEADER NAVIGATION =================== */
body.mobile-menu-active .overlay {
    visibility: visible;
    opacity: 1;
}

.mobile-logo {
    display: none;
}

/*.wraper_header.floating-header .elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1360px;
}*/
.wraper_header {
    position: relative;
    z-index: 9999;
    width: 100%;
    direction: initial;
}

.wraper_header.floating-header {
    position: absolute;
}

.wraper_header > .main-header {
    /*position: fixed;*/
    position: relative;
}

.header_holder .wraper_header_main {
    background-color: rgba(255, 255, 255, 0.01);
    width: 100%;
}

.wraper_header .header_holder .elementor-menu-toggle {
    float: right;
    border: none;
    background-color: transparent;
}

.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
    font-size: 23px;
    color: #000;
}

.header_holder .wraper_header_main > nav {
    float: right;
    margin-top: 3px;
    display: block;
    width: 100%;
}

.leftnav .header_holder .wraper_header_main > nav {
    float: left;
    margin-top: 3px;
    text-align: right;
    display: block;
    /*margin-left: 8%;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-right: 35px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:only-child {
    margin: 0;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
    line-height: 35px;
    font-weight: 500;
    font-style: normal;
    color: #000;
    position: relative;
    display: block;
    cursor: pointer;
    /*transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;*/
}

/*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a:hover:after {
content: "";
background: #f00;
width: 20px;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s ease-in-out;
display: none;
}*/

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul {
    position: absolute;
    top: 100%;
    left: -40px;
    right: 0;
    z-index: 1;
    width: 265px;
    padding: 40px 0 20px 0;
    transform: translateY(10px);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-5deg);
    -o-transform: rotateX(-5deg);
    -moz-transform: rotateX(-5deg);
    -webkit-transform: rotateX(-5deg);
    /*transition: all 0.2s ease-in-out !important;
-webkit-transition: all 0.2s ease-in-out !important;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child > ul {
    left: auto;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
    margin-bottom: 0px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 9px 30px;
    /*transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li > ul > li > a {
    /*font-size: 17px;*/
    line-height: 30px;
    letter-spacing: 0.8px;
    display: inline-block;
    vertical-align: top;
    opacity: inherit !important;
    visibility: inherit !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:after {
    position: absolute;
    left: 0;
    top: 11px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #000;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover:after {
    width: 15px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover {
    padding-left: 20px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li ul {
    position: absolute;
    top: 0;
    left: auto;
    right: 100%;
    z-index: 1;
    width: 240px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li:hover > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li:hover > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li:hover > ul {
    top: -8px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before {
width: 15px;
height: 15px;
background: #fff;
transform: rotate(45deg);
position: absolute;
content: "";
top: -7px;
left: 23%;
box-shadow:
rgba(67, 90, 111, 0.1) -1px -1px 1px;
}*/

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul {
    position: absolute;
    top: 52px;
    left: -35px;
    right: 0;
    z-index: 1;
    width: 265px;
    padding: 18px 0 22px 0;
    box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
    border-radius: 0px;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li ul li.menu-item-has-children > ul::before {
    width: 15px;
    height: 15px;
    background: #ffffff;
    transform: rotate(135deg);
    position: absolute;
    content: "";
    top: 23px;
    right: 0;
    box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;
    left: 97%;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li > ul {
    position: absolute;
    top: 36px;
    left: auto;
    right: 100%;
    z-index: 1;
    width: 265px;
    padding: 18px 0 22px 0;
    box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
    border-radius: 0px;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul .menu-item a:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul .menu-item a:before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 3px;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: currentColor;
}

/*-----------STICKY HEADER-----------*/
.wraper_header > .sticky-header,
.wraper_header.floating-header > .sticky-header {
    display: none;
    width: 100%;
}

.wraper_header > .sticky-header.delayed-sticky-mode {
    /*transform: translateY(-100%);
-webkit-transform: translateY(-100%);*/
}

.wraper_header:not(.floating-header) > .sticky-header.delayed-sticky-mode {
    display: flex;
}

.wraper_header.floating-header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
    display: flex;
}

/*.wraper_header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
position: fixed;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

.wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky {
opacity: 1;
visibility: visible;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}*/
.wraper_header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
    position: fixed;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    -webkit-animation: SlideDown .55s ease forwards;
    animation: SlideDown .55s ease forwards;
    will-change: transform;
}

@-webkit-keyframes SlideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes SlideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky {
    opacity: 1;
    visibility: visible;
    /*transform: translateY(0);
-webkit-transform: translateY(0);*/
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

/*-----------STICKY HEADER-----------*/



/*-----------MOBILE MENU-----------*/
.header_holder .wraper_header_main.mobile-menu-open {
    transform: translateX(0);
}


.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu {
    display: block;

}

.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
    position: static;
    z-index: 1;
    width: 100%;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    text-align: left;
    background-color: transparent;
    display: none;
    transition: none;
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu > li.menu-item-has-children a:before,
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li ul li a:after {
    display: none;
}


.mobile-menu-close {
    padding: 8px 0;
    text-align: right;
    cursor: pointer;
    position: relative;
    /*background: #000;*/
    /*background: #f7f7f7;
border-bottom: 1px solid #eaeaea;*/
    margin-bottom: -3px;
    float: right;
    width: 50%;
}

.mobile-menu-close:before {
    color: #000;
    /*background-color: #1c1a1a;*/
    display: inline-block;
    content: "\e646";
    font-family: 'themify';
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    /*line-height: 40px;
width: 40px;
height: 40px;
border-radius: 50%;*/
}

.mobile-menu-active .mobile-menu-close {
    display: none;
}

/*-----------MOBILE MENU-----------*/



/* LARGE DESKTOP PART */

.wraper_header section.elementor-element {
    left: 0 !important;
}


/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px) {
    .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header {
        z-index: 999999;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
        width: 100%;
        max-width: 100em;
    }

    .wraper_header .sticky-header .header_holder .wraper_header_main,
    .wraper_header .header_holder .wraper_header_main {
        height: 100%;
        /*max-width: 100%;
width: 100em;*/
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #f1f1f1;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding: 20px !important;
        text-align: left;
        line-height: normal;
        color: #444756 !important;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main > nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
        color: #000 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
        /*padding: 10px 55px 10px 40px;*/
    }


    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 0px;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
        top: 5px;
        position: absolute;
        content: "\e649";
        font-family: 'themify';
        font-size: 10px;
        line-height: 32px;
        color: #000;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
        content: "\e64b";
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
        padding: 0 !important;
        width: 32%;
        display: block;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
        right: 0;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px) {
    .wraper_header {
        z-index: 999999;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);

    }

    .wraper_header .sticky-header .header_holder .wraper_header_main,
    .wraper_header .header_holder .wraper_header_main {
        height: 100%;
        max-width: 350px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #f1f1f1;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding: 20px !important;
        text-align: left;
        color: #444756 !important;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main > nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
        color: #000 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
        padding: 10px 55px 10px 40px;
    }


    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
        position: absolute;
        top: 7px;
        right: 10px;
        width: 40px;
        cursor: pointer;
        text-align: center;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
        top: 0;
        position: absolute;
        content: "\e61a";
        font-family: 'themify';
        font-size: 12px;
        line-height: 32px;
        color: #000;
    }


    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
        content: "\e622";
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before {
        display: none;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
        padding: 7px 100px 7px 0px;
    }

}


/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
    .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header {
        z-index: 999999;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
        width: 100em !important;
        max-width: 100% !important;
    }

    .wraper_header .sticky-header .header_holder .wraper_header_main,
    .wraper_header .header_holder .wraper_header_main {
        height: 100%;
        max-width: 280px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background: #f1f1f1;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.4s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding: 0 20px;
        text-align: left;
        color: #444756 !important;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .elementor-19871 .elementor-element.elementor-element-a3e6eb5 .radiantthemes-custom-button .radiantthemes-custom-button-main {
        padding: 0 10px !important
    }

    .header_holder .wraper_header_main > nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li {
        border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
        background: #f1f1f1;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li ul li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
        position: relative;
        width: 100%;
        padding: 0;

    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
        color: #444756 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
        padding: 10px 55px 10px 40px;
    }


    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
        position: absolute;
        top: 8px;
        right: 0px;
        width: 34px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
        content: "\e649";
        font-family: 'themify';
        font-size: 10px;
        line-height: 32px;
        color: #444756;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
        content: "\e64b";
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before {
        display: none;
    }

}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
    .elementor-19871 .elementor-element.elementor-element-58590f1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
        background: #f1f1f1 !important;
    }

    .header_holder .wraper_header_main.mobile-menu-open {
        z-index: 999999;
        transform: translateX(-350px);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
        width: 100em !important;
        max-width: 100% !important;
        background: #f1f1f1;
        background: #f1f1f1;
    }

    .header_holder .wraper_header_main {
        height: 100%;
        max-width: 250px;
        width: 100%;
        position: fixed;
        top: 0;
        right: -350px;
        z-index: 1001;
        background-color: #fff;
        overflow: hidden;
        text-align: left;
        overflow-y: scroll;
        transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding: 6px 20px !important;
        text-align: left;
        color: #444756 !important;
    }

    .elementor-nav-menu .menu-item a:hover {
        color: #000000 !important;
    }

    .header_holder .wraper_header_main > nav {
        float: none;
        margin-top: 0;
        text-align: left;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 22px 10px 15px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
        color: #444756 !important;
        padding-left: 35px !important;
        font-size: 90% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
        padding-left: 45px !important;
        font-size: 80% !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
        padding: 20px;
    }


    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        cursor: pointer;
        text-align: center;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
        top: 0;
        position: absolute;
        content: "\e649";
        font-family: 'themify';
        font-size: 10px;
        line-height: 32px;
        color: #444756;
    }


    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
        content: "\e64b";
    }

}

/*=================== HEADER NAVIGATION =================== */

/* ================================== */
/* START OF MEGA MENU CSS*/
/* ================================== */
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
    position: static;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
    position: absolute;
    top: 100%;
    left: 46.9%;
    width: 100vw;
    margin-left: -50.7vw;
    transform: translateY(0) !important;
    border-radius: 0;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    padding: 35px 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-5deg) !important;
    -o-transform: rotateX(-5deg) !important;
    -moz-transform: rotateX(-5deg) !important;
    -webkit-transform: rotateX(-5deg) !important;
    transition: all 0.1s ease-in-out !important;
    -webkit-transition: all 0.1s ease-in-out !important;
}


.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu {
    opacity: 1;
    visibility: visible;

}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li {
    padding: 0;
}



.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li {
    width: 100%;
    height: auto;
    position: relative;
    color: #444756;
    font-size: 15px;
    letter-spacing: 0.8px;
    margin: 0 0 15px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}


.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li {
    /*padding: 5px 0;*/
    /*margin-bottom: 15px;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child {
    margin-bottom: 0;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
    color: #444756;
    font-size: 15px;
    letter-spacing: 0.8px;
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {
    /*padding-left: 20px;*/
    font-size: 15px;
    letter-spacing: 0.8px;
    color: #000;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 0;
    height: 2px;
    z-index: 0;
    background-color: #000;
    /*content: " ";
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before {
    width: 15px;
}


.header_holder .elementor-element .elementor-widget-container {
    transition: none !important;
}


.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
    color: #000;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after {
    content: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
    padding-left: 0px !important;
    color: #4f5ad0;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after {
    content: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover {
    padding-left: 0px !important;
    /*color: #4f5ad0 !important;*/
}


/*mega menu new*/
/*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .main-megamenu-holder {
width:56em;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
background: #fff;
top: 62px;
left: 16px;
right: 0px;
opacity: 0;
visibility: hidden;
display: block;
box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
-webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
list-style: none;
position: absolute;

}*/
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
    width: 60em;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    background: #fff;
    top: 59px;
    left: -44px;
    right: 0px;
    opacity: 0;
    visibility: hidden;
    display: block;
    box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
    -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
    list-style: none;
    position: absolute;
    border-radius: 5px;

}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
    margin-right: 0px;
    height: auto;
    margin: 0;
    padding: 7px 54px 7px 0px;
    text-align: left;
    float: left;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
    color: #13152F;
    font-size: 15px;
    letter-spacing: 0.1px;
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {

    font-size: 15px;
    letter-spacing: 0.1px;

}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
    content: "Label";
    position: absolute;
    background: #F95448;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    right: -33px;
    top: 14px;
    border-radius: 3px;
}

/*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu  ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::after{
content: "";
position: absolute;
background: #989898;
width: 7px;
height: 1px;
top: 17px;
left: -30px;
transform: none;
}*/
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li:hover a::after {
    transform: none;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::before {
    content: '';
    width: 0;
    height: 1px;
    top: 28px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #444756;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .radiantthemes-custom-button a.radiantthemes-custom-button-main::after {
    transform: none;
    content: none;
}

/*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children:hover::after {
transform: translate(-40px,13px) rotate(45deg);
transition: all 300ms linear 0s;
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children::after {
transition: all 300ms linear 0s;
transform: translate(-40px,20px) rotate(45deg);
opacity: 0;
visibility: hidden;
width: 15px;
height: 15px;
background: #fff;
box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;
content: "";
position: absolute;
}*/
.main-megamenu-holder .mega-child-menu h5 {
    text-align: left;
}

/*---------- Responsive View ------------*/

@media screen and (min-width:1920px) and (max-width:2000px) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        /*margin-right: 18px !important;*/
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -28.2vw;
    }
}

@media screen and (min-width:1151px) and (max-width:1260px) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -19.1vw;
    }
}

@media screen and (min-width:1031px) and (max-width:1150px) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -13.1vw;
    }
}

/*@media screen and (min-width:1024px) and (max-width:1300px)and (orientation : landscape) {

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
margin-right: 18px !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
left: 0;
margin-left: -13.1vw;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
border: 1px solid red;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}

.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
position: absolute;
top: 7px;
right: 0;
width: 40px;
cursor: pointer;
text-align: left;
}

.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
content: "\e61a";
font-family: "themify";
font-size: 14px;
line-height: 32px;
color: #000;
}

.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
content: "\e622";
}
}*/

/*@media screen and (min-width:1024px) and (max-width:1366px)and (orientation : portrait) {

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
margin-right: 18px !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
left: 0;
margin-left: -50vw;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: block;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
border: 1px solid red;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}

.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
position: absolute;
top: 7px;
right: 0;
width: 40px;
cursor: pointer;
text-align: left;
}

.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
content: "\e61a";
font-family: "themify";
font-size: 14px;
line-height: 32px;
color: #000;
}

.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
content: "\e622";
}
}*/
/*IPAD PRO --- portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: static;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: absolute;
        top: 100%;
        left: 46.9%;
        width: 100vw;
        margin-left: -50.7vw;
        transform: translateY(0) !important;
        border-radius: 0;
        box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
        padding: 35px 0;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-5deg) !important;
        -o-transform: rotateX(-5deg) !important;
        -moz-transform: rotateX(-5deg) !important;
        -webkit-transform: rotateX(-5deg) !important;
        transition: all 0.1s ease-in-out !important;
        -webkit-transition: all 0.1s ease-in-out !important;
    }


    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu {
        opacity: 1;
        visibility: visible;

    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li {
        padding: 0;
    }



    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li {
        width: 100%;
        height: auto;
        position: relative;
        color: #444756;
        font-size: 15px;
        letter-spacing: 0.8px;
        margin: 0 0 15px 0;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }


    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li {
        /*padding: 5px 0;*/
        /*margin-bottom: 15px;*/
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
        color: #444756;
        font-size: 15px;
        letter-spacing: 0.8px;
        position: relative;
        transition: all 0.4s ease-in-out !important;
        -webkit-transition: all 0.4s ease-in-out !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {
        /*padding-left: 20px;*/
        font-size: 15px;
        letter-spacing: 0.8px;
        color: #000;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before {
        position: absolute;
        left: 0;
        top: 11px;
        width: 0;
        height: 2px;
        z-index: 0;
        background-color: #000;
        /*content: " ";
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;*/
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before {
        width: 15px;
    }


    .header_holder .elementor-element .elementor-widget-container {
        transition: none !important;
    }


    .wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
        color: #000;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after {
        content: none !important;
        transition: none !important;
        -webkit-transition: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 0px !important;
        color: #4f5ad0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after {
        content: none !important;
        transition: none !important;
        -webkit-transition: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover {
        padding-left: 0px !important;
        /*color: #4f5ad0 !important;*/
    }


    /*mega menu new*/
    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .main-megamenu-holder {
width:56em;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
background: #fff;
top: 62px;
left: 16px;
right: 0px;
opacity: 0;
visibility: hidden;
display: block;
box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
-webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
list-style: none;
position: absolute;

}*/
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        width: 60em;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        background: #fff;
        top: 59px;
        left: -44px;
        right: 0px;
        opacity: 0;
        visibility: hidden;
        display: block;
        box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
        -webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
        list-style: none;
        position: absolute;
        border-radius: 5px;

    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
        margin-right: 0px;
        height: auto;
        margin: 0;
        padding: 7px 54px 7px 0px;
        text-align: left;
        float: left;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
        color: #13152F;
        font-size: 15px;
        letter-spacing: 0.1px;
        position: relative;
        transition: all 0.4s ease-in-out !important;
        -webkit-transition: all 0.4s ease-in-out !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {

        font-size: 15px;
        letter-spacing: 0.1px;

    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
        content: "Label";
        position: absolute;
        background: #F95448;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 12px;
        color: #fff;
        right: -33px;
        top: 14px;
        border-radius: 3px;
    }

    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu  ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::after{
content: "";
position: absolute;
background: #989898;
width: 7px;
height: 1px;
top: 17px;
left: -30px;
transform: none;
}*/
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li:hover a::after {
        transform: none;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::before {
        content: '';
        width: 0;
        height: 1px;
        top: 28px;
        position: absolute;
        left: auto;
        right: 0;
        -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
        transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
        background: #444756;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .radiantthemes-custom-button a.radiantthemes-custom-button-main::after {
        transform: none;
        content: none;
    }

    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children:hover::after {
transform: translate(-40px,13px) rotate(45deg);
transition: all 300ms linear 0s;
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item-object-mega_menu.menu-item-has-children::after {
transition: all 300ms linear 0s;
transform: translate(-40px,20px) rotate(45deg);
opacity: 0;
visibility: hidden;
width: 15px;
height: 15px;
background: #fff;
box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;
content: "";
position: absolute;
}*/
    .main-megamenu-holder .mega-child-menu h5 {
        text-align: left;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        width: 100%;
        background: none !important;
    }

    .elementor-19871 .elementor-element.elementor-element-58590f1 > .elementor-element-populated {
        padding: 0 !important;
    }

    .elementor-19871 .elementor-element.elementor-element-1417fb0 > .elementor-element-populated {
        padding: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
        padding: 7px 184px 7px 0px !important;
    }

}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;

    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu {
        position: absolute;
        top: 6px;
        right: 0px;
        width: 34px;
        cursor: pointer;
        text-align: left
    }

    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}*/
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
        right: 40px;
        top: 12px;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 35px !important
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
        position: absolute;
        top: 8px;
        right: 0px;
        width: 34px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
        content: "\e649";
        font-family: 'themify';
        font-size: 10px;
        line-height: 32px;
        color: #444756;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
        content: "\e64b";
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #444756;
        font-size: 15px;
        padding: 10px 0 9px 20px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    /*.mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 20px 0 !important;
}*/

    .elementor-19871 .elementor-element.elementor-element-e01bacb > .elementor-element-populated {
        margin: 20px 0px 20px 0px !important;
        padding: 44px 0px 30px 0px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 15px !important;
        font-weight: 400;
        color: #444756 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding: 0 20px !important;
        line-height: 40px !important;

    }

    .mega-menu-btn-area > .radiantthemes-custom-button > a.radiantthemes-custom-button-main {
        padding: 10px !important;
        text-align: center;
    }

    .elementor-25002 .elementor-element.elementor-element-c1ae31f {
        width: 100% !important;
    }

    .elementor-25002 .elementor-element.elementor-element-bcc5ad0 {
        width: 100% !important;
    }

    .elementor-25002 .elementor-element.elementor-element-fc4f17d {
        width: 100% !important;
    }

    .elementor-25002 .elementor-element.elementor-element-319b5ca {
        width: 100% !important;
    }

    .radiantthemes-custom-button {
        /*padding: 10px 20px !important;*/
        text-align: center;
    }

    .elementor-19871 .elementor-element.elementor-element-c4898af {
        padding: 0 !important;
    }

    .elementor-19871 .elementor-element.elementor-element-58590f1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
        background-color: transparent !important;
    }

    .elementor-19871 .elementor-element.elementor-element-1417fb0:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
        background-color: transparent !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
        width: 100% !important;
        padding: 0 20px !important;
    }

    .elementor-19871 .elementor-element.elementor-element-1417fb0 {
        width: 100% !important;
    }

    .elementor-19871 .elementor-element.elementor-element-58590f1 {
        width: 100% !important;
    }

    .elementor-19871 .elementor-element.elementor-element-1417fb0 {
        width: 100% !important;
    }

    .elementor-19871 .elementor-element.elementor-element-e01bacb {
        width: 100% !important;
    }

    .elementor-19871 .elementor-element.elementor-element-a3e6eb5 .radiantthemes-custom-button .radiantthemes-custom-button-main {
        padding: 10px 10px 10px 20px !important;
        text-align: center;
    }

    .elementor-25682 .elementor-element.elementor-element-42a9c95 {
        width: 100% !important;
    }

    .elementor-25682 .elementor-element.elementor-element-e30a731 {
        width: 100% !important;
    }

    .elementor-25682 .elementor-element.elementor-element-72071bc {
        width: 100% !important;
    }

    .elementor-25682 .elementor-element.elementor-element-88aa7db {
        padding: 0 !important;
    }

    .elementor-25002 .elementor-element.elementor-element-2f47d29 {
        padding: 0 !important;
    }
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
        border: 1px solid red;
    }

    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .main-megamenu-holder > ul.mega-child-menu{
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}*/


    .mega-child-menu .elementor-column.elementor-col-25 {
        width: 100%;
    }

    .mobile-menu-nav > [class*='menu-'] > ul.menu > li > ul > li a {
        padding-left: 30px;
    }

    .mega-child-menu > li ul > li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        /*border-bottom: 1px rgba(106, 124, 146, 0.10) solid;*/
        color: inherit;
    }

    .mega-child-menu > li ul > li > a {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 14px;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 20px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;
    }


}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;

    }

    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}*/
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
        right: 40px;
        top: 12px;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 35px !important
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
        position: absolute;
        top: 8px;
        right: 0px;
        width: 34px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
        content: "\e649";
        font-family: 'themify';
        font-size: 10px;
        line-height: 32px;
        color: #444756;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
        content: "\e64b";
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #444756;
        font-size: 15px;
        padding: 10px 0 9px 20px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    /*.mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 0;
}*/

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 15px !important;
        font-weight: 400;
        color: #444756 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;

    }

    .mega-menu-btn-area > .radiantthemes-custom-button > a.radiantthemes-custom-button-main {
        padding: 10px !important;
        text-align: center;
    }

}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px) {
    .header_holder .wraper_header_main > nav {
        background: #f1f1f1;
    }

    .elementor-19871 .elementor-element.elementor-element-c4898af {
        padding: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li {
        border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
    }


    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
        position: absolute;
        top: 8px;
        right: -10px;
        width: 40px;
        cursor: pointer;
        text-align: left;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
        content: "\e649";
        font-family: 'themify';
        font-size: 10px;
        line-height: 32px;
        color: #444756;
    }

    .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
    .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
        content: "\e64b";
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: 100% !important;
        height: auto;
        padding: 10px 0;

        color: inherit;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
        right: 40px;
        top: 12px;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 35px !important
    }

    /*.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .main-megamenu-holder > ul.mega-child-menu{
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}*/

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
        background: #f1f1f1;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #444756;
        font-size: 15px;
        padding: 10px 0 9px 20px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;
    }
}

/* ================================== */
/* END OF MEGA MENU CSS*/
/* ================================== */


/*=================== CART ITEM =================== */
.elementor-widget-radiant-custom-cart .header-cart-bar {
    float: right;
    margin-top: 7px;
    text-align: center;
    font-size: 0;
}

.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    color: #fff;
}

.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > span.lnr-cart {
    font-size: 21px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > .cart-count {
    position: absolute;
    top: -8px;
    right: -3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    background-color: #FD406A;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
    .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
        right: 0;
        left: 6px;
    }

}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
    .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
        right: 0;
        left: 6px;
    }

}

/*=================== CART ITEM =================== */

/*=================== HEADER SEARCH =================== */

.elementor-widget-radiant-custom-search .header-slideout-searchbar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-top: 3px;
    cursor: pointer;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder {
    position: relative;
    display: block;

}

.elementor-widget-radiant-custom-search .header-slideout-searchbar span[class*='ti-'] {
    font-size: 16px;
    color: #000;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
    position: absolute;
    top: -10px;
    right: 30px;
    z-index: 1;
    width: 30px;
    padding: 5px 5px 4px 12px;
    background-color: #fff;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    border-radius: 0px !important;
    /*box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);*/
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;

}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row {
    position: relative;
    display: block;
    padding-right: 30px;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type=search] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 13px;
    border-radius: 0;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type=search]::placeholder {
    color: #000;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row button[type=submit] {
    position: absolute;
    top: 0;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: none;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder:hover > .header-slideout-searchbar-box,
.wraper_header.style-sixteen .wraper_header_main .header-main-action ul > li.header-slideout-searchbar > .header-slideout-searchbar-holder:focus > .header-slideout-searchbar-box {
    width: 200px;
    opacity: 1;
    visibility: visible;
}

/*=================== HEADER SEARCH ===================

/*=================== Blob Svg start =================== */

.rt_svg_div {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.radiantthemes_avatar {
    width: 435px;
    overflow: hidden;
    transform: translateX(0px);
    animation: float 6s ease-in-out infinite;
}

.radiantthemes_avatar img {
    width: 100%;
    height: auto;
}

@keyframes float {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0px);
    }
}

.radiantthemes_avatar2 {
    width: 435px;
    overflow: hidden;
    transform: translateX(0px);
    animation: float2 6s ease-in-out infinite;
}

.radiantthemes_avatar2 img {
    width: 100%;
    height: auto;
}

@keyframes float2 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0px);
    }
}

.radiantthemes_avatar3 {
    width: 350px;
    overflow: hidden;
    transform: translateY(0px);
    animation: float3 6s ease-in-out infinite;
}

.radiantthemes_avatar3 img {
    width: 100%;
    height: auto;
}

@keyframes float3 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.vertical_anim1 {
    position: absolute;
    left: 45%;
    top: -20px;
    z-index: 9999;
    width: 75%;
}

.vertical_anim1 img {
    width: 100%;
}

.vertical_anim2 {
    position: absolute;
    right: 40%;
    top: 6px;
    z-index: 9999;
    width: 60%;
}

.vertical_anim2 img {
    width: 100%;
}

.vertical_anim3 {
    position: absolute;
    right: 17%;
    top: 40%;
    z-index: 9999;
    width: 60%;
}

.vertical_anim3 img {
    width: 100%;
}

.radiantthemes_avatar4 {
    width: 350px;
    overflow: hidden;
    transform: translateY(0px);
    animation: float4 8s ease-in-out infinite;
}

.radiantthemes_avatar4 img {
    width: 100%;
    height: auto;
}

@keyframes float4 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0px);
    }
}

/*=================== Blob Svg End =================== */

/* radiantthemes-accordion element-one */

.radiantthemes-accordion.element-one .radiantthemes-accordion-item {
    border-bottom: 1px rgba(0, 0, 0, 0.07) solid;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-one .radiantthemes-accordion-item:only-child {
    border-bottom: none;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
    position: relative;
    padding-top: 24px;
    padding-right: 50px;
    padding-bottom: 22px;
    cursor: pointer;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    /*border: 1px #030712 solid;*/
    border: 1px transparent solid;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
    font-family: "themify";
    content: "\e61a";
    font-size: 18px;
    color: #FCA301;
    line-height: 32px;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    color: #1e1e1e;
    line-height: 27px;
    letter-spacing: -0.6px;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
    padding-bottom: 25px;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
    margin-bottom: 17px;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
    content: "\e646";
    /*color: #fff !important;*/
}

/* radiantthemes-accordion element-two */

.radiantthemes-accordion.element-two .radiantthemes-accordion-item {
    margin-bottom: 20px;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 18px;
    padding-left: 24px;
    border: 1px #ddd solid;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-two .radiantthemes-accordion-item:only-child {
    margin-bottom: 0;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active {
    border-color: transparent;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
    position: relative;
    padding-right: 35px;
    cursor: pointer;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 1;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before,
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
    position: absolute;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    z-index: 0;
    content: " ";
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    color: #3b3b3b;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
    padding-top: 11px;
    padding-right: 35px;
    padding-bottom: 0;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
    margin-bottom: 17px;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before {
    background-color: #fff !important;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
    opacity: 0;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .panel-title {
    color: #fff;
}

/* radiantthemes-accordion element-three */

.radiantthemes-accordion.element-three .radiantthemes-accordion-item {
    margin-bottom: 0;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active {
    border-color: transparent;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
    position: relative;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 0;
    border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
    position: absolute;
    top: 24px;
    right: 1px;
    z-index: 1;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before,
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
    position: absolute;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #fff;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    line-height: 27px;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title {
    /*background-color:rgba(255,255,255,0.12);*/
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
    opacity: 0;
}

/* radiantthemes-accordion element-four */

.radiantthemes-accordion.element-four .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-four .radiantthemes-accordion-item:only-child {
    border-bottom: none;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
    position: relative;
    padding-top: 22px;
    padding-right: 30px;
    padding-bottom: 22px;
    border-top: 2px rgba(0, 0, 0, 0.1) dotted;
    cursor: pointer;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 1;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
    font-family: "themify";
    content: "\e64b";
    font-size: 15px;
    color: #000;
    line-height: 1;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
    border-top: 2px rgba(0, 0, 0, 0.1) dotted;
    padding-top: 25px;
    padding-bottom: 25px;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
    margin-bottom: 17px;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
    content: "\e648";
}

/** Accordion Five**/

.radiantthemes-accordion.element-five {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
}

.radiantthemes-accordion.element-five .accord_bdy {
    padding: 0;
}

.radiantthemes-accordion.element-five .accord_bx_sec {
    padding: 0 70px 35px 0px;
}

.radiantthemes-accordion.element-five .title {
    height: 40px;
    background: #6bb170;
    color: white;
    text-align: center;
    padding-top: 13px;
}

.radiantthemes-accordion.element-five .ques_bx {
    margin: 0;
    padding: 0;
}

.radiantthemes-accordion.element-five .ques_bx li {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.radiantthemes-accordion.element-five .ques_bx li.question {
    font-weight: bold;
    cursor: pointer;
}

.radiantthemes-accordion.element-five .ques_bx li.a {
    display: none;
    color: #555759;
}

.radiantthemes-accordion.element-five .ques_bx li p {
    margin-bottom: 0;
}

.radiantthemes-accordion.element-five .plus {
    opacity: 1;
    font-size: 1.3em;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-top: -2px;
    float: right;
}

.radiantthemes-accordion.element-five .plus::after,
.radiantthemes-accordion.element-five .plus::before {
    content: "" !important;
    background: currentColor;
    height: 2px;
    width: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform .3s ease-out;
}

.radiantthemes-accordion.element-five .plus::after {
    transform: rotate(90deg);
}

.radiantthemes-accordion.element-five .text {
    float: left;
    color: #555759;
    font-weight: 600;
    margin-right: 10px;
}

.radiantthemes-accordion.element-five .minus {
    opacity: 1;
    font-size: 1.3em;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    float: right;
}

.radiantthemes-accordion.element-five .minus::before {
    transform: rotate(135deg);
}

.radiantthemes-accordion.element-five .minus::after {
    transform: rotate(45deg);
}


/* radiantthemes-accordion element-six */

    .radiantthemes-accordion.element-six .radiantthemes-accordion-set {
        position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 10px 70px -10px rgb(103 100 253 / 20%);
    margin-top: 15px;
    border: none;
    border-radius: 4px;
    }

    .radiantthemes-accordion.element-six .radiantthemes-accordion-set>a {
        display: block;
        padding: 12px 25px;
        text-decoration: none;
        color: #555;
        font-weight: 600;
        /*border-bottom: 1px solid #ddd;*/
        border: none;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .radiantthemes-accordion.element-six .radiantthemes-accordion-set>a i {
        float: right;
        margin-top: -25px;
        color: #174DEF;
    }

    .radiantthemes-accordion.element-six .radiantthemes-accordion-set>a.rt-active i {
        color: #ffffff;
    }

    .radiantthemes-accordion.element-six .radiantthemes-accordion-set>a.rt-active {
        background-color: #174DEF;
        color: #fff;
        border-radius: 4px;
    }

    .radiantthemes-accordion.element-six .radiantthemes-accordion-content {
        background-color: #fff;
        /*border-bottom: 1px solid #ddd;*/
        display: none;
        border-radius: 4px;
    }

    .radiantthemes-accordion.element-six .radiantthemes-accordion-content p {
        padding: 21px 25px;
        margin: 0;
        color: #47465E;
    }
/* radiantthemes-accordion element-six */


/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
    .radiantthemes-accordion.element-five .minus {
        top: 22px;
        right: -15px;
    }

    .radiantthemes-accordion.element-five .plus {
        top: 22px;
        right: -15px;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
        border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
        background: #f1f1f1;
    }

    .elementor-19871 .elementor-element.elementor-element-c4898af {
        padding: 0 !important;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
    .radiantthemes-accordion.element-five .minus {
        top: 22px;
        right: -15px;
    }

    .radiantthemes-accordion.element-five .plus {
        top: 22px;
        right: -15px;
    }
}

/* radiantthemes-alert-box element-one */

.radiantthemes-alert-box.element-one {
    position: relative;
    margin: 0;
    padding: 13px 35px 12px 45px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
}

.radiantthemes-alert-box.element-one.alert-info {
    background-color: #e8f3fa;
    border-color: #c6dfef;
    color: #3097db;
}

.radiantthemes-alert-box.element-one.alert-success {
    background-color: #e0f2e0;
    border-color: #c4e7c4;
    color: #00a500;
}

.radiantthemes-alert-box.element-one.alert-warning {
    background-color: #f9ebc8;
    border-color: #f4d29c;
    color: #df8c16;
}

.radiantthemes-alert-box.element-one.alert-danger {
    background-color: #fce4e4;
    border-color: #eec1c1;
    color: #fb5455;
}

.radiantthemes-alert-box.element-one > .close {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 1;
    opacity: 1;
    color: inherit;
}

.radiantthemes-alert-box.element-one > .close i {
    font-size: 15px;
    line-height: 15px;
}

.radiantthemes-alert-box.element-one > .icon {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.radiantthemes-alert-box.element-one > .icon i {
    width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}

.radiantthemes-alert-box.element-one > strong {
    font-weight: 600;
}

/* radiantthemes-alert-box element-two */

.radiantthemes-alert-box.element-two {
    position: relative;
    margin: 0;
    padding: 13px 35px 12px 45px;
    border-width: 1px;
    border-bottom-width: 6px;
    border-style: solid;
    border-radius: 3px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
}

.radiantthemes-alert-box.element-two.alert-info {
    background-color: #e8f3fa;
    border-color: #c6dfef;
    color: #3097db;
}

.radiantthemes-alert-box.element-two.alert-success {
    background-color: #e0f2e0;
    border-color: #c4e7c4;
    color: #00a500;
}

.radiantthemes-alert-box.element-two.alert-warning {
    background-color: #f9ebc8;
    border-color: #f4d29c;
    color: #df8c16;
}

.radiantthemes-alert-box.element-two.alert-danger {
    background-color: #fce4e4;
    border-color: #eec1c1;
    color: #fb5455;
}

.radiantthemes-alert-box.element-two > .close {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 1;
    opacity: 1;
    color: inherit;
}

.radiantthemes-alert-box.element-two > .close i {
    font-size: 15px;
    line-height: 15px;
}

.radiantthemes-alert-box.element-two > .icon {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.radiantthemes-alert-box.element-two > .icon i {
    width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}

.radiantthemes-alert-box.element-two > strong {
    font-weight: 600;
}

/* rt-animated-link element-one */

.rt-animated-link.element-one {
    text-align: center;
}

.rt-animated-link.element-one > .holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px rgba(0, 0, 0, 0.17) solid;
}

.rt-animated-link.element-one > .holder:before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: 0;
    content: " ";
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-animated-link.element-one > .holder:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.rt-animated-link.element-one > .holder > .main-link {
    position: relative;
    display: block;
    padding: 8px 20px 9px 20px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

/* rt-animated-link element-two */

.rt-animated-link.element-two > .holder {
    text-align: center;
}

.rt-animated-link.element-two > .holder > .main-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-two > .holder > .main-link:before,
.rt-animated-link.element-two > .holder > .main-link:after {
    position: absolute;
    top: -1px;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-two > .holder > .main-link:hover:before,
.rt-animated-link.element-two > .holder > .main-link:hover:after {
    opacity: 1;
    visibility: visible;
}

.rt-animated-link.element-two > .holder > .main-link:before {
    left: 0;
    content: "[";
}

.rt-animated-link.element-two > .holder > .main-link:hover:before {
    left: -20px;
}

.rt-animated-link.element-two > .holder > .main-link:after {
    right: 0;
    content: "]";
}

.rt-animated-link.element-two > .holder > .main-link:hover:after {
    right: -20px;
}

/* rt-animated-link element-three */

.rt-animated-link.element-three > .holder {
    text-align: center;
}

.rt-animated-link.element-three > .holder > .main-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-three > .holder > .main-link:before {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-three > .holder > .main-link:hover:before {
    top: 0;
    opacity: 1;
    visibility: visible;
}

/* rt-animated-link element-four */

.rt-animated-link.element-four > .holder {
    text-align: center;
}

.rt-animated-link.element-four > .holder > .main-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-four > .holder > .main-link:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-four > .holder > .main-link:hover:before {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

/* rt-animated-link element-five */

.rt-animated-link.element-five > .holder {
    text-align: center;
}

.rt-animated-link.element-five > .holder > .main-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-five > .holder > .main-link:before {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-five > .holder > .main-link:hover:before {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.rt-animated-link.element-five > .holder > .main-link:after {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: 0;
    content: " ";
    height: 1px;
    background-color: #1d4fce;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-five > .holder > .main-link:hover:after {
    left: 0;
    right: 0;
}

/* rt-animated-link element-six */

.rt-animated-link.element-six > .holder {
    text-align: center;
}

.rt-animated-link.element-six > .holder > .main-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-six > .holder > .main-link > .dot-holder {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    height: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder {
    opacity: 1;
    visibility: visible;
}

.rt-animated-link.element-six > .holder > .main-link > .dot-holder > .dots {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder > .dots {
    margin-left: 3px;
    margin-right: 3px;
}

/* rt-animated-link element-seven */

.rt-animated-link.element-seven > .holder {
    text-align: center;
}

.rt-animated-link.element-seven > .holder > .main-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-seven > .holder > .main-link:before,
.rt-animated-link.element-seven > .holder > .main-link:after {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 2px;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-seven > .holder > .main-link:before {
    top: 0;
}

.rt-animated-link.element-seven > .holder > .main-link:after {
    bottom: 0;
}

.rt-animated-link.element-seven > .holder > .main-link:hover:before,
.rt-animated-link.element-seven > .holder > .main-link:hover:after {
    opacity: 0.4;
}

.rt-animated-link.element-seven > .holder > .main-link:hover:before {
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.rt-animated-link.element-seven > .holder > .main-link:hover:after {
    bottom: 50%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* rt-animated-link element-eight */

.rt-animated-link.element-eight {
    text-align: center;
}

.rt-animated-link.element-eight > .holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    perspective: 800px;
    text-align: center;
}

.rt-animated-link.element-eight > .holder > .main-link-fliper,
.rt-animated-link.element-eight > .holder > .main-link {
    display: block;
    padding: 10px 20px 10px 20px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
}

.rt-animated-link.element-eight > .holder > .main-link-fliper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    color: #fff;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: rotateX(268deg);
    -webkit-transform: rotateX(268deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-animated-link.element-eight > .holder:hover > .main-link-fliper {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
}

.rt-animated-link.element-eight > .holder > .main-link {
    background-color: rgba(0, 0, 0, 0.1);
    border-top: 2px rgba(0, 0, 0, 0.7) solid;
}

/* rt-beforeafter element-one */

.rt-beforeafter.element-one {
    position: relative;
    overflow: hidden;
}

.rt-beforeafter.element-one img {
    width: 100%;
    display: block;
    max-width: none;
}

.rt-beforeafter.element-one .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 57.5%;
    overflow: hidden;
}

.rt-beforeafter.element-one .handle {
    position: absolute;
    left: 57.5%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: white;
    cursor: ew-resize;
}

.rt-beforeafter.element-one .handle:after {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px;
    content: " ";
    background: url("../images/beforeafter-element-one-icon.png") 0px 0px no-repeat;
    border: none;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-beforeafter.element-one .handle.ba-draggable:after {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}

/* rt-beforeafter element-two */

.rt-beforeafter.element-two {
    position: relative;
    overflow: hidden;
}

.rt-beforeafter.element-two img {
    width: 100%;
    display: block;
    max-width: none;
}

.rt-beforeafter.element-two .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.rt-beforeafter.element-two .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: white;
    cursor: ew-resize;
}

.rt-beforeafter.element-two .handle:after {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 13px;
    margin-top: -6px;
    margin-left: -11px;
    content: " ";
    background: url("../images/beforeafter-element-two-icon.png") 0px 0px no-repeat;
    border: none;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-beforeafter.element-two .handle.ba-draggable:after {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}

/* rt-beforeafter element-three */

.rt-beforeafter.element-three {
    position: relative;
    overflow: hidden;
}

.rt-beforeafter.element-three img {
    width: 100%;
    display: block;
    max-width: none;
}

.rt-beforeafter.element-three .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.rt-beforeafter.element-three .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: white;
    cursor: ew-resize;
}

.rt-beforeafter.element-three .handle:after {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px;
    content: " ";
    background: url("../images/beforeafter-element-three-icon.png") 0px 0px no-repeat;
    border: none;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-beforeafter.element-three .handle.ba-draggable:after {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}

/* radiantthemes-blockquote element-one */

.radiantthemes-blockquote.element-one > blockquote {
    text-align: center;
}

.radiantthemes-blockquote.element-one > blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-blockquote.element-one > blockquote > i.fa {
    display: block;
    margin-bottom: 20px;
    font-size: 80px;
    color: #e7e9ef;
    line-height: 80px;
}

.radiantthemes-blockquote.element-one > blockquote cite {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    font-size: 13px;
    color: #2f2f2f;
    line-height: 25px;
    font-style: normal;
}

/* radiantthemes-blockquote element-two */

.radiantthemes-blockquote.element-two > blockquote {
    font-weight: 500;
}

.radiantthemes-blockquote.element-two > blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-blockquote.element-two > blockquote > i.fa {
    display: none;
}

.radiantthemes-blockquote.element-two > blockquote cite {
    display: block;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #2f2f2f;
    line-height: 25px;
    font-style: normal;
}

/* radiantthemes-blockquote element-three */

.radiantthemes-blockquote.element-three > blockquote {
    position: relative;
    padding-left: 65px;
}

.radiantthemes-blockquote.element-three > blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-blockquote.element-three > blockquote > i.fa {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    font-size: 45px;
    color: #5d5e64;
    line-height: 45px;
}

.radiantthemes-blockquote.element-three > blockquote cite {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    font-size: 13px;
    color: #2f2f2f;
    line-height: 25px;
    font-style: normal;
}

/*=====================================*/
.blog.element-one .blog-item {
    display: block;
    position: relative;
    /*padding: 10px 15px;*/
    overflow: hidden;
    float: left;
}



.blog.element-one .blog-item > .holder > .data > .post-meta span.comments {
    /*float: right;*/
}

.blog.element-one .blog-item > .holder > .data > .post-meta span.comments i {
    margin-right: 7px;
}

.blog.element-one .blog-item > .holder {
    background-color: #fff;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

.blog.element-one .blog-item > .holder > .pic {
    transform: scale(1.06);
    position: relative;
    overflow: hidden;
    transition: transform 1s cubic-bezier(.33, .02, 0, .93);
}

.blog.element-one .blog-item > .holder > .pic > .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    background-position: center;
}

.blog.element-one .blog-item > .holder:hover > .pic {
    transform: scale(1.06) translateX(3%);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93);
}

.blog.element-one .blog-item > .holder > .pic .bg-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

/*.blog.element-one .blog-item > .holder:hover > .pic .bg-overlay {
opacity: 1;
}*/

/*.blog.element-one .blog-item > .holder > .pic:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "";
z-index: 2;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}*/

.blog.element-one .blog-item .ti-plus {
    display: none;
}

.blog.element-one .blog-item > .holder:hover > .pic:before {
    opacity: 1;
    visibility: visible;
}

.blog.element-one .blog-item > .holder > .pic > img {
    width: 100%;
    float: left;
    /* height: 238px;*/
}

.blog.element-one .blog-item > .holder > .data {
    padding: 34px 0px 10px 0;
}

.blog.element-one .blog-item > .holder > .data > .date {
    margin-bottom: 8px;
    width: 100%;
    float: left;
    color: #51565E;
    font-size: 13px;
}

.blog.element-one .blog-item > .holder > .data > .title {
    display: inline-block;
    line-height: 0;
    margin-bottom: 10px;
}


.blog.element-one .blog-item > .holder > .data > .title > a {
    text-decoration: none;
    color: #1A1C26;
    font-size: 22px;
    /*font-weight: 500;*/
    line-height: 32px;
    /*letter-spacing: -0.7px;*/
}

.blog.element-one .blog-item > .holder > .data > .post-meta {
    /*border-top: 1px solid #CCCCCC;
padding-top: 12px;*/
}

.blog.element-one .blog-item > .holder > .data > .post-meta > span {
    font-size: 13px;
    color: #51565E;
    margin-right: 30px;
    /*line-height: 1.8;*/
}

.blog.element-one .blog-item > .holder > .data > span.author {
    color: #6a7c92;
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:480px) and (max-width:768px) {
    .blog.element-one .blog-item {
        /*padding: 0 15px;*/
    }
}

@media screen and (min-width:321px) and (max-width:479px) {
    .blog.element-one .blog-item {
        padding: 0;
    }
}

@media screen and (min-width:321px) and (max-width:479px) {
    .blog.element-one .blog-item > .holder > .pic > img {
        height: 100%;
    }
}


/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
    .blog.element-one .blog-item > .holder > .pic > img {
        height: 100%;
    }

    .blog.element-one .blog-item {
        padding: 0;
    }
}

/* blog element-two */
.blog.element-two .blog-item {
    display: block;
    position: relative;
    padding: 0 15px;
    overflow: hidden;
    float: left;
}


.blog.element-two .blog-item > .holder > .data > .post-meta span.comments {
    float: right;
}

.blog.element-two .blog-item > .holder > .data > .post-meta span.comments i {
    margin-right: 7px;
}

.blog.element-two .blog-item > .holder {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

.blog.element-two .blog-item > .holder > .pic {
    transform: scale(1) translateY(0);
    position: relative;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-two .blog-item > .holder > .pic > .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-size: cover;
    background-position: center;
}

.blog.element-two .blog-item > .holder:hover > .pic {
    transform: scale(1.1) translateY(-9px);
}

.blog.element-two .blog-item > .holder > .pic .bg-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.blog.element-two .blog-item > .holder:hover > .pic .bg-overlay {
    opacity: 1;
}

.blog.element-two .blog-item > .holder > .pic:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    content: "";
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    -webkit-transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-two .blog-item > .holder:hover > .pic:before {
    opacity: 1;
    visibility: visible;
}

.blog.element-two .blog-item > .holder > .pic > img {
    width: 100%;
    float: left;
    height: 230px;
}


.blog.element-two .blog-item > .holder > .post-btn > .category-list {
    position: absolute;
    top: 19px;
    right: 5px;
    z-index: 2;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-25px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.blog.element-two .blog-item > .holder:hover > .post-btn > .category-list {
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 2;
    font-size: 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.blog.element-two .blog-item > .holder > .post-btn > .category-list > a {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 10px;
    padding: 8px 15px 8px 15px;
    border: 1px solid #fff;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    line-height: 1.1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    text-decoration: none;

}

.blog.element-two .blog-item > .holder > .post-btn > .category-list > a:hover {
    color: #1A1C26;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


.blog.element-two .blog-item > .holder > .post-btn > .post-button {
    display: block;
    position: absolute;
    top: 25%;
    left: 0px;
    right: 0px;
    width: 35%;
    margin: 0 auto;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    background: linear-gradient(90deg, #F97D41 0%, #FE6664 100%);
    z-index: 2;
    border-radius: 3px;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    text-decoration: none;
    font-size: 13px;
}

.blog.element-two .blog-item > .holder:hover .post-button {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.blog.element-two .blog-item > .holder > .post-btn > .post-button:hover {
    background-color: #FC6086;
}

.blog.element-two .blog-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
    color: #ffffff;
}

.blog.element-two .blog-item > .holder > .post-btn > .post-button > .ti-angle-right {
    color: #FC6086;
    font-size: 18px;
    line-height: 55px;
    display: block;
    text-align: center;
}

.blog.element-two .blog-item > .holder > .data {
    padding: 15px 20px 15px 25px;
}

.blog.element-two .blog-item > .holder > .data > .date {
    margin-bottom: 8px;
    width: 100%;
    float: left;
    color: #51565E;
    font-size: 13px;
}

.blog.element-two .blog-item > .holder > .data > .title {
    display: inline-block;
    line-height: 0;
}


.blog.element-two .blog-item > .holder > .data > .title > a {
    text-decoration: none;
    color: #1A1C26;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.7px;
}

.blog.element-two .blog-item > .holder > .data > .post-meta {
    border-top: 1px solid #CCCCCC;
    padding-top: 12px;
}

.blog.element-two .blog-item > .holder > .data > .post-meta > span {
    font-size: 13px;
    color: #51565E;
    /*line-height: 1.8;*/
}

.blog.element-two .blog-item > .holder > .data > span.author {
    color: #6a7c92;
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
    .blog.element-two .blog-item > .holder > .pic > img {
        height: 100%;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
    .blog.element-two .blog-item > .holder > .pic > img {
        height: 100%;
    }
}

/* blog element-three */
/*.blog.element-three */

.blog.element-three .style-one .category-list {
    position: absolute;
    top: 19px;
    right: 5px;
    z-index: 2;
    font-size: 0;
}


.blog.element-three .style-one .category-list > a {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 10px;
    padding: 8px 15px 8px 15px;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #181b31;
    line-height: 1.1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.blog.element-three .style-one .category-list > a:hover {
    color: #ffffff;
    background-color: #190e22;
    opacity: 0.87;
}

.blog.element-three .style-one {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

.blog.element-three .style-one .post-thumbnail {
    transform: scale(1) translateY(0);
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-three .style-one .post-thumbnail > img {
    width: 100%;
    float: left;
}

.blog.element-three .style-one .post-thumbnail > .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center top no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-image: none;
    background-size: auto;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.blog.element-three .style-one .post-btn {
    text-align: right;
    top: -42px;
    position: relative;
    right: 25px;
}

.blog.element-three .style-one .post-button {
    display: block;
    float: right;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}



.blog.element-three .style-one:hover .post-button {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.blog.element-three .style-one .post-data {
    padding: 15px 20px 25px 25px;
}

.blog.element-three .style-one .entry-main .entry-header h3.entry-title {
    margin-bottom: 13px;
    padding-bottom: 12px;
    line-height: 0;
    border-bottom: 1px #ededed solid;
}

.blog.element-three .style-one .entry-main .entry-header .entry-title a {
    color: inherit;
}

.blog.element-three .style-one .post-button .ti-angle-right {
    color: #1ed5a4;
    font-size: 18px;
    line-height: 55px;
    display: block;
    text-align: center;
    border-radius: 100%;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}


.blog.element-three .style-one .post-button:hover .ti-angle-right {
    color: #ffffff !important;
}

.blog.element-three .style-one.blog-item {
    margin: 0 15px 0 15px;

}

.blog.element-three .owl-stage-outer {
    padding: 0 0 13px 0;
}

.blog.element-three .style-one .post-meta {
    margin-bottom: 0;
    font-size: 0;
}

.blog.element-three .style-one .post-meta span.author {
    color: #6a7c92;
}

.blog.element-three .style-one .post-meta span {
    font-size: 15px;
    color: #999;
    line-height: 1.8;
    text-decoration: none;
    margin-right: 60px;
}

/* blog owl-nav-style */
.blog[class*='element-'] .owl-nav {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-size: 0;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav {
    font-size: 0;
}

.blog[class*='element-'] .owl-nav > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background-color: initial;
    border: 1px #08276e solid;
    text-align: center;
}

.blog[class*='element-'] .owl-nav > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
    margin-left: 7px;
    margin-right: 7px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-color: rgba(255, 255, 255, 0.95);
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
    left: 15px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    right: 15px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before,
.blog[class*='element-'] .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #08276e;
    line-height: 36px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before {
    content: "\f104";
}

.blog[class*='element-'] .owl-nav > .owl-next:before {
    content: "\f105";
}

.blog[class*='element-'] .owl-dots {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots {
    text-align: center;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots {
    text-align: right;
}

.blog[class*='element-'] .owl-dots > .owl-dot {
    display: inline-block;
    vertical-align: top;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
    margin-left: 5px;
    margin-right: 5px;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
    margin-left: 3px;
    margin-right: 3px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #08276e;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
    background-color: #fde428;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
    display: block;
    width: 15px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
    background-color: #fde428;
}

/*============================================================================
Responsive Part
========================================================================== */

@media (min-width: 1281px) {}

@media (min-width: 1025px) and (max-width: 1280px) {}

@media (min-width: 768px) and (max-width: 1024px) {}

@media (max-width: 767px) {}

/* blog owl-nav-style */
.blog[class*='element-'] .owl-nav {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-size: 0;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav {
    font-size: 0;
}

.blog[class*='element-'] .owl-nav > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background-color: initial;
    border: 1px #08276e solid;
    text-align: center;
}

.blog[class*='element-'] .owl-nav > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
    margin-left: 7px;
    margin-right: 7px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-color: rgba(255, 255, 255, 0.95);
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
    left: 15px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    right: 15px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before,
.blog[class*='element-'] .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #08276e;
    line-height: 36px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before {
    content: "\f104";
}

.blog[class*='element-'] .owl-nav > .owl-next:before {
    content: "\f105";
}

.blog[class*='element-'] .owl-dots {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots {
    text-align: center;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots {
    text-align: right;
}

.blog[class*='element-'] .owl-dots > .owl-dot {
    display: inline-block;
    vertical-align: top;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
    margin-left: 5px;
    margin-right: 5px;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
    margin-left: 3px;
    margin-right: 3px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #a8a8a8;
    ;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
    background-color: #6a30f5;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
    display: block;
    width: 15px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
    background-color: #fde428;
}

/* blog element-four */
.blog.element-four {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

/*.blog.element-four .blog-item {
    padding-left: 15px;
    padding-right: 15px;
}*/

.blog.element-four .blog-item > .holder > .pic {
    position: relative;
    margin-bottom: 30px;
    padding-top: calc((66 / 100) * 100%);
}

.blog.element-four .blog-item > .holder > .pic > .pic-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: .5s ease;
    backface-visibility: hidden;
    cursor: pointer !important;
    width: 100%;
    -webkit-filter: brightness(100%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog.element-four .blog-item > .holder:hover > .pic > .pic-main {
    -webkit-filter: brightness(80%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);
}


.blog.element-four .blog-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.blog.element-four .blog-item > .holder > .data ul.meta {
    margin-bottom: 9px;
}

.blog.element-four .blog-item > .holder > .data ul.meta > li {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.blog.element-four .blog-item > .holder > .data ul.meta > li a {
    color: inherit;
}

.blog.element-four .blog-item > .holder > .data ul.meta > li.date i {
    margin-right: 8px;
    background: linear-gradient(to left, #FF7454 0%, #FF0C86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    font-weight: 700;

}

.blog.element-four .blog-item > .holder > .data .title {
    margin-bottom: 10px;
    margin-top: 8px;
}



.blog.element-four .blog-item > .holder > .data .btn span {
    position: relative;
    display: inline-block;
    background: linear-gradient(to left, #FF7454 0%, #FF0C86 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.blog.element-four .blog-item > .holder > .data .btn span:before {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.blog.element-four .blog-item > .holder > .data .btn span:after,
.blog.element-four .blog-item > .holder > .data .btn span:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #FF7454;
    -webkit-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
    -o-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
    transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
}

.blog.element-four .blog-item > .holder > .data .btn:hover span:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.blog.element-four .blog-item > .holder > .data .btn span:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.blog.element-four .blog-item > .holder > .data .btn:hover span:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0.34s;
    -o-transition-delay: 0.34s;
    transition-delay: 0.34s;
}

.blog.element-four:not(.owl-carousel) .blog-item {
    float: left;
    margin-bottom: 40px;
}

.blog.element-four .blog-item > .holder > .pic > .tag-name {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999;
    display: inline-block;
    width: auto;
    padding: 0;
    text-align: center;
}

.blog.element-four .blog-item > .holder > .pic > .tag-name a {
    color: #fff !important;
    text-align: center;
    padding: 6px 20px;
    background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
    border-radius: 4px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
}


.blog.element-four .blog-item > .holder > .pic > .date-area {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999;
    display: inline-block;
    width: auto;
    padding: 5px 0;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    color: #377DFF;
    font-size: 15px;
    width: 60px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.blog.element-four .blog-item > .holder > .pic > .date-area span {
    font-size: 22px;
    line-height: normal;
    font-weight: 700;
    display: block;
    width: 100%;
}


/* blog element-five */

.blog.element-five .blog-item {
    margin-bottom: 30px;
    display: block;
    position: relative;
    padding: 5px 0px;

    /*padding: 5px 0 0 0;*/
    overflow: hidden;
    float: left;
    transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
    -webkit-transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
    box-shadow: 0px 10px 35px -10px rgba(103.00000000000011, 99.99999999999999, 253, 0.2);
}

.blog.element-five .blog-item:hover {
    transform: translate3d(0, -5px, 0);
}

.blog.element-five .blog-item .holder {
    /*background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

@media all and (max-width: 767px) {
    .blog.element-five .blog-item .holder {
        overflow: visible;
    }
}

/*@media screen and (min-width: 440px) and (max-width: 767px) {
    .blog.element-five .blog-item {
        margin-bottom: 23px; 
    }
}*/

@media all and (max-width: 439px) {
    .blog.element-five .blog-item {
        margin-bottom: 63px;
        clear: both;
    }
}

/*.blog.element-five  .blog-item  .holder:hover{
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
}*/

.blog.element-five .blog-item .holder .pic {
    /*transform: scale(1) translateY(0);*/
    position: relative;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    border-radius: 4px;
    /*height: 270px;*/
}

.blog.element-five .blog-item .holder:hover .pic {
    /*transform: scale(1.1) translateY(-9px);*/
    border-radius: 4px;
}

.blog.element-five .blog-item .holder .pic .bg-overlay {
    /*background: rgba(249, 69, 74, 0.3);*/
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    overflow: hidden !important;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.blog.element-five .blog-item .holder:hover .pic .bg-overlay {
    opacity: 1;
}

.blog.element-five .blog-item .holder .pic img {
    width: 100%;
    float: left;
    height: 100%;
}

.blog.element-five .blog-item .holder .post-btn .post-button .ti-angle-right {
    display: block;
    position: absolute;
    top: 110px;
    left: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    line-height: 40px;
    margin: 0 auto;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to right, #FF018A 0%, #FF6157 100%);
    z-index: 2;
    /*border-radius: 4px;*/
    border-radius: 50%;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    text-decoration: none;
    font-size: 18px;
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .blog.element-five .blog-item .holder .post-btn .post-button .ti-angle-right {
        top: 180px;
    }
}

.blog.element-five .blog-item .holder:hover .post-button .ti-angle-right {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.blog.element-five .blog-item .holder .post-btn .post-button:hover {
    background-color: #FC6086;
}

.blog.element-five .blog-item .holder .data {
    padding: 23px 30px 6px 30px;
    float: left;
    width: 100%;
}

.blog.element-five .blog-item .holder .data .date {
    margin-bottom: 6px;
    /*width: 50%;*/
    float: left;
    color: #808595;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.06;
    text-align: right;
    padding: 0 13px 0 0;
    display: block;
    position: relative;
}

.blog.element-five .blog-item .holder .data .date i {
    margin-right: 8px;
    background: linear-gradient(to left, #545454 0%, #545454 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    font-weight: 700;

}

.blog.element-five .blog-item .holder .data .category {
    margin-bottom: 6px;
    /*width: 50%;*/
    float: left;
    color: #FB5248;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.06;
    text-align: left;
    padding: 0 0px 0 13px;
}

.blog.element-five .blog-item .holder .data .date:after {
    content: "";
    background: #808595;
    width: 1px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 9px;
}

.blog.element-five .blog-item .holder .data .title {
    text-align: left;
    float: left;
    margin-top: 0px;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.06px;
}

.blog.element-five .blog-item .holder .data .title a {
    text-decoration: none;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
}

@media screen and (min-width: 925px) and (max-width: 1023px) {
    .blog.element-five .blog-item .holder .data .title a {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media all and (max-width: 768px) {
    .blog.element-five .blog-item .holder .data .title a {
        font-size: 17px;
    }
}

@media all and (max-width: 480px) {
    .blog.element-five .blog-item .holder .data .date {
        font-size: 14px;
    }

    .blog.element-five .blog-item .holder .data .category {
        font-size: 14px;
    }

    .blog.element-five .blog-item .holder .data .date:after {
        top: 8px;
    }
}


/* blog element-six */

.blog.element-six {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.blog.element-six .blog-item {
    padding-left: 15px;
    padding-right: 15px;
}

.blog.element-six .blog-item > .holder > .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 19px;
    padding-top: calc((66 / 100) * 100%);
}

.blog.element-six .blog-item > .holder > .pic > .pic-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: .42s ease-out;
    -webkit-transition: .42s ease-out;
    transform: scale(1.01);
}

.blog.element-six .blog-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.blog.element-six .blog-item > .holder > .data ul.meta {
    margin-bottom: 9px;
}

.blog.element-six .blog-item > .holder > .data ul.meta > li {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.blog.element-six .blog-item > .holder > .data ul.meta > li a {
    color: inherit;
}

.blog.element-six .blog-item > .holder > .data .title {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.blog.element-six .blog-item > .holder > .data .title a {
    color: inherit;
}

.blog.element-six .blog-item > .holder:hover > .pic > .pic-main {
    -webkit-transform: scale(1.035);
    -ms-transform: scale(1.035);
    transform: scale(1.035);
}

.blog.element-six .blog-item > .holder > .data .btn span {
    position: relative;
    display: inline-block;
}

.blog.element-six .blog-item > .holder > .data .btn i {
    padding-left: 8px;
}

.blog.element-six:not(.owl-carousel) .blog-item {
    float: left;
    margin-bottom: 40px;
}

/* RadiantThemes Theme Button CSS */

/* TABLE OF INDEX */

/* ================================== */

/* ==================================
# Main CSS
## Hover Style One
## Hover Style Two
## Hover Style Three
## Hover Style Four
## Hover Style Five
## Hover Style Six
## Hover Style Seven
================================== */

/* ==================================
# Main CSS
================================== */

.radiantthemes-button {
    width: 100%;
}

.radiantthemes-button[data-button-direction=left] {
    text-align: left;
}

.radiantthemes-button[data-button-direction=center] {
    text-align: center;
}

.radiantthemes-button[data-button-direction=right] {
    text-align: right;
}

.radiantthemes-button .radiantthemes-button-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-button[data-button-fullwidth=true] .radiantthemes-button-main {
    width: 100%;
}

.radiantthemes-button[class*='hover-style-'] .radiantthemes-button-main > .overlay {
    position: absolute;
    z-index: 0;
    content: " ";
}

.radiantthemes-button .radiantthemes-button-main > .placeholder {
    position: relative;
}

.radiantthemes-button .radiantthemes-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-button[data-button-icon-position=left] .radiantthemes-button-main i {
    margin-right: 10px;
}

.radiantthemes-button[data-button-icon-position=right] .radiantthemes-button-main i {
    margin-left: 10px;
}

/* ==================================
## Hover Style One
================================== */

/* ==================================
## Hover Style Two
================================== */

.radiantthemes-button.hover-style-two .radiantthemes-button-main {
    overflow: hidden;
}

.radiantthemes-button.hover-style-two .radiantthemes-button-main > .overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-radius: inherit;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}

.radiantthemes-button.hover-style-two .radiantthemes-button-main:hover > .overlay {
    width: 100%;
}

/* ==================================
## Hover Style Three
================================== */

.radiantthemes-button.hover-style-three .radiantthemes-button-main > .overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-button.hover-style-three .radiantthemes-button-main:hover > .overlay {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/* ==================================
## Hover Style Four
================================== */

.radiantthemes-button.hover-style-four .radiantthemes-button-main i {
    opacity: 0;
    visibility: hidden;
}

.radiantthemes-button.hover-style-four .radiantthemes-button-main:hover i {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main i {
    margin-right: -3px;
}

.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main:hover i {
    margin-right: 10px;
}

.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main i {
    margin-left: -3px;
}

.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main:hover i {
    margin-left: 10px;
}

/* ==================================
## Hover Style Five
================================== */

.radiantthemes-button.hover-style-five .radiantthemes-button-main:hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

/* ==================================
## Hover Style Six
================================== */

.radiantthemes-button.hover-style-six .radiantthemes-button-main {
    backface-visibility: hidden;
}

.radiantthemes-button.hover-style-six .radiantthemes-button-main:hover {
    animation-name: ButtonHoverSixHorizontalShake;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@keyframes ButtonHoverSixHorizontalShake {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

/* ==================================
## Hover Style Seven
================================== */

.radiantthemes-button.hover-style-seven .radiantthemes-button-main {
    backface-visibility: hidden;
}

.radiantthemes-button.hover-style-seven .radiantthemes-button-main:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* rt-call-to-action-wraper element-one */

.rt-call-to-action-wraper.element-one {
    position: relative;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    clear: both;
}

.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 0;
    width: calc(50% - 165px);
    height: 100%;
    transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
}

.rt-call-to-action-wraper.element-one .rt-call-to-action {
    max-width: 1140px;
    margin: 0 auto;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
    padding: 40px 0px 40px 0px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item h3 {
    margin-bottom: 10px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 {
    margin-bottom: 15px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
    display: block;
    margin-top: 3px;
    font-size: 170%;
    line-height: 120%;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item p {
    margin-bottom: 20px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item .btn {
    margin-bottom: 20px;
    padding: 7px 20px 7px 20px;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

@media screen and (min-width: 1200px) {
    .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
        background: none !important;
    }
}

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
        width: calc(50% - 60px);
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
        background: none !important;
    }
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {
    .rt-call-to-action-wraper.element-one {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
        width: calc(50% - 40px);
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
        background: none !important;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
        display: none;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
        margin-left: -30px;
        margin-right: -30px;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
        display: none;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
        margin-left: -30px;
        margin-right: -30px;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
        display: none;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
        margin-left: -30px;
        margin-right: -30px;
    }

    .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }

    .blog.element-fifteen .blog-item .holder .data .date {
        margin-bottom: 8px;
        width: auto;
        float: left;
        color: #808595;
        font-size: 14px;
        line-height: 14px;
        text-align: right;
        padding: 0 13px 0 0;
        display: block;
        position: relative;
    }

    .blog.element-fifteen .blog-item .holder .data .category {
        margin-bottom: 8px;
        width: auto;
        float: left;
        color: #FB5248;
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        padding: 0 0px 0 13px;
    }
}

/* rt-call-to-action-wraper element-two */

.rt-call-to-action-wraper.element-two {
    position: relative;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    clear: both;
}

.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: calc(50% - 400px);
    height: 100%;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action {
    max-width: 1140px;
    margin: 0 auto;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
    padding: 15px 0px 15px 0px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(1) .rt-call-to-action-item {
    margin-right: 20px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
    position: relative;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item:before {
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 0;
    content: " ";
    width: 0;
    height: 100%;
    border-left: 10px rgba(255, 255, 255, 0.2) solid;
    border-right: 10px rgba(255, 255, 255, 0.13) solid;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item h3 {
    margin-bottom: 10px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 {
    margin-bottom: 15px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
    display: block;
    margin-top: 3px;
    font-size: 140%;
    line-height: 120%;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item p {
    margin-bottom: 20px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item .btn {
    margin-bottom: 20px;
    padding: 7px 20px 7px 20px;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .rt-call-to-action-wraper.element-two {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {
    .rt-call-to-action-wraper.element-two {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
        width: calc(50% - 200px);
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
        display: none;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action-item {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
        margin-left: -10px;
        margin-right: -30px;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
        display: none;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action-item {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
        margin-left: -10px;
        margin-right: -30px;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
        display: none;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action-item {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
        margin-left: -10px;
        margin-right: -30px;
    }

    .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* rt-call-to-action-wraper element-three */

.rt-call-to-action-wraper.element-three {
    clear: both;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action {
    max-width: 1140px;
    margin: 0 auto;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
    padding: 30px 25px 30px 25px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item h3 {
    margin-bottom: 10px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 {
    margin-bottom: 15px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
    display: block;
    margin-top: 3px;
    font-size: 170%;
    line-height: 120%;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item p {
    margin-bottom: 20px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item .btn {
    margin-bottom: 20px;
    padding: 7px 20px 7px 20px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .rt-call-to-action-wraper.element-three .rt-call-to-action-item {
        text-align: center;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .rt-call-to-action-wraper.element-three .rt-call-to-action-item {
        text-align: center;
    }

    .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .rt-call-to-action-wraper.element-three .rt-call-to-action-item {
        text-align: center;
    }

    .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
        font-size: 140%;
    }
}

/* ================================== */

/* RadiantThemes Circular Progress Bar CSS */

/* TABLE OF INDEX */

/* ================================== */

/* ==================================
# Main CSS
================================== */

/* ==================================
# Main CSS
================================== */

.radiantthemes-circular-progress-bar {
    text-align: center;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 190px;
    height: 190px;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 184px;
    height: 184px;
    border-radius: 50%;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table > .table-cell {
    position: static;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .background {
    background-color: #b3cef6;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .rotate,
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left,
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
    clip: rect(0 95px 190px 0);
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left {
    opacity: 1;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
    transform: rotate(180deg);
    opacity: 0;
}

/* Progress Bar Element Two*/

.rt-progress-bar.element-two {
    padding: 0px;
}

.rt-progress-bar.element-two .section-title p {
    margin-left: 0;
    margin-right: 0;
    color: #ffffff;
    opacity: .95;
}

.rt-progress-bar.element-two .skills {
    position: relative;
}

.rt-progress-bar.element-two .skills .skill-item {
    position: relative;
    margin-bottom: 25px;
}

.rt-progress-bar.element-two .skills .skill-item .skill-header {
    position: relative;
    margin-bottom: 10px;
}

.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-percentage {
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.rt-progress-bar.element-two .skills .skill-item:last-child {
    margin-bottom: 0;
}

.rt-progress-bar.element-two .skills .skill-item .skill-bar {
    position: relative;
    width: 100%;
}

.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner .bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    background: #9548fd;
    background: -moz-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
    background: -webkit-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
    background: linear-gradient(to right, #9548fd 44%, #5626ff 65%, #5626ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9548fd', endColorstr='#5626ff', GradientType=1);
    border-radius: 10px;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

/* Progress Bar Element Three*/
.rt-progress-bar.element-three {
    display: table;
    height: 210px;
    position: relative;
    width: 210px;
}

.rt-progress-bar.element-three .ProgressBar-contentCircle {
    display: table;
    height: 210px;
    position: absolute;
    width: 210px;
}

.rt-progress-bar.element-three .ProgressBar-circle,
.rt-progress-bar.element-three .ProgressBar-background {
    fill: none;
    stroke: #4812ff;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    position: relative;
    z-index: 10;
}

.rt-progress-bar.element-three .ProgressBar-background {
    stroke: #b5b5b5;
    stroke-width: 8;
    z-index: 0;
}

.rt-progress-bar.element-three .ProgressBar-percentage {
    color: #f00;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}


/* clients element-one */

.clients.element-one {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.clients.element-one:not(.owl-carousel):after {
    display: block;
    content: " ";
    width: 100%;
    height: 0;
    clear: both;
}

.clients.element-one * {
    margin: 0 auto;
}

.clients.element-one .clients-item {
    padding: 5px 15px 10px 15px;
}

.clients.element-one:not(.owl-carousel) .clients-item {
    float: left;
    margin-bottom: 00px;
}

/*.clients.element-one .clients-item > .holder {
    text-align: center;
    transition: all 0.4s cubic-bezier(.2,0,.3,1);
    box-shadow: 0 8px 40px -5px rgba(9,31,67,.1);
    height: 120px;
    margin-top: 15px;
    margin-bottom: 28px;
    border-radius: 4px;
}

.clients.element-one .clients-item > .holder:hover {
    transform: translate3d(0,-5px,0);
    box-shadow: 0 15px 60px -10px rgba(9,31,67,.15);
}*/

.clients.element-one .clients-item > .holder {
    text-align: center;
}

.clients.element-one .clients-item > .holder > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.clients.element-one .clients-item > .holder > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.clients.element-one .clients-item > .holder .pic {
    display: inline-block;
    vertical-align: top;
    /* height:70px !important;*/
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen (max-width: 767px) {
    .clients.element-one:not(.owl-carousel) .clients-item {
        width: 100% !important;
        margin-bottom: 0;
    }

}


/* clients element-two */

.clients.element-two {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 20px 10px 20px;
    background-color: #f9f9f9;
}

.clients.element-two:not(.owl-carousel):after {
    display: block;
    content: " ";
    width: 100%;
    height: 0;
    clear: both;
}

.clients.element-two * {
    margin: 0 auto;
}

.clients.element-two .clients-item {
    padding: 5px 15px 10px 15px;
}

.clients.element-two:not(.owl-carousel) .clients-item {
    float: left;
    margin-bottom: 40px;
}

.clients.element-two .clients-item > .holder {
    text-align: center;
}

.clients.element-two .clients-item > .holder > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.clients.element-two .clients-item > .holder > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.clients.element-two .clients-item > .holder .pic {
    display: inline-block;
    vertical-align: top;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .clients.element-two:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .clients.element-two:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .clients.element-two:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* clients element-three */

.clients.element-three {
    width: auto;
}

/*.clients.element-three:not(.owl-carousel):after {
display: block;
content: " ";
width: 100%;
height: 0;
clear: both;
}

.clients.element-three * {
margin: 0 auto;
}

.clients.element-three .clients-item {
padding: 20px 15px 20px 15px;
border: 1px #f2f2f2 solid;
}

.clients.element-three:not(.owl-carousel) .clients-item {
float: left;
}

.clients.element-three .owl-stage > .owl-item .clients-item,
.clients.element-three:not(.owl-carousel) .clients-item {
background-color: #fafafa;
}

.clients.element-three .owl-stage > .owl-item:nth-child(even) .clients-item,
.clients.element-three:not(.owl-carousel) .clients-item:nth-child(even) {
background-color: #f4f4f4;
}

.clients.element-three .clients-item > .holder {
text-align: center;
}

.clients.element-three .clients-item > .holder > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}

.clients.element-three .clients-item > .holder > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}

.clients.element-three .clients-item > .holder .pic {
display: inline-block;
vertical-align: top;
}

.clients.element-three .clients-item > .holder .pic img {
opacity: 0.5;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.clients.element-three .clients-item > .holder:hover .pic img {
opacity: 1;
}*/

.clients.element-three .clients-item .holder:hover .pic .client-cover-img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.clients.element-three .clients-item .holder .client-cover-img {
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    transition: transform .3s ease;
}

.clients.element-three .clients-item .holder img {
    display: block;
}

.clients.element-three .clients-item .holder:hover .pic .client-alt-img {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.clients.element-three .clients-item .holder .client-alt-img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    transition: transform .3s ease;
}

.clients.element-three .clients-item,
.clients.element-three .client-item .holder {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.clients.element-three .clients-item .holder .table {
    margin-bottom: 0px;
}

.clients.element-three .clients-item .pic {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .clients.element-three:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .clients.element-three:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .clients.element-three:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* clients element-four */

.clients.element-four {
    width: auto;
    border-top: 1px #e4e5e9 solid;
    border-left: 1px #e4e5e9 solid;
    border-right: 1px #e4e5e9 solid;
    border-bottom: 1px #e4e5e9 solid;
}

.clients.element-four:not(.owl-carousel):after {
    display: block;
    content: " ";
    width: 100%;
    height: 0;
    clear: both;
}

.clients.element-four * {
    margin: 0 auto;
}

.clients.element-four .clients-item {
    padding: 20px 15px 20px 15px;
    border-right: 1px #e4e5e9 solid;
    border-left: 1px #e4e5e9 solid;
    /*border-bottom: 1px #e4e5e9 solid;*/
}

.clients.element-four:not(.owl-carousel) .clients-item {
    float: left;
}

.clients.element-four .clients-item > .holder {
    text-align: center;
}

.clients.element-four .clients-item > .holder > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.clients.element-four .clients-item > .holder > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.clients.element-four .clients-item > .holder .pic {
    display: inline-block;
    vertical-align: top;
}

.clients.element-four .clients-item > .holder .pic img {
    opacity: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.clients.element-four .clients-item > .holder:hover .pic img {
    opacity: 1;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .clients.element-four:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
    .clients.element-four:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
    .clients.element-four:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}

/* Clients Nav Style One */

.clients[class*='element-'] .owl-nav {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-size: 0;
}

.clients[class*='element-'] .owl-nav > .owl-prev,
.clients[class*='element-'] .owl-nav > .owl-next {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}

.clients[class*='element-'] .owl-nav > .owl-prev:before,
.clients[class*='element-'] .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 20px;
    color: #252525;
    line-height: 1;
}

.clients[class*='element-'] .owl-nav > .owl-prev:before {
    content: "\f104";
}

.clients[class*='element-'] .owl-nav > .owl-next:before {
    content: "\f105";
}

/* Clients Nav Style Two */

.clients[class*='element-'].owl-nav-style-two .owl-nav {
    font-size: 0;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
    opacity: 1;
    visibility: visible;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
    left: 15px;
}

.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
    left: 0;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    right: 15px;
}

.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
    right: 0;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before,
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 25px;
    color: #252525;
    line-height: 1;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
    content: "\f104";
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
    content: "\f105";
}

/* Clients Dot Style One */

.clients[class*='element-'] .owl-dots {
    margin-left: 15px;
    margin-right: 15px;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots {
    text-align: right;
}

.clients[class*='element-'] .owl-dots > .owl-dot {
    display: inline-block;
    vertical-align: top;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
    margin-left: 5px;
    margin-right: 5px;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
    margin-left: 3px;
    margin-right: 3px;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #08276e;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
    background-color: #fde428;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
    display: block;
    width: 15px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
    background-color: #fde428;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-contact-box element-one */

.radiantthemes-contact-box.element-one ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 29px;
}

.radiantthemes-contact-box.element-one ul li:last-child {
    margin-bottom: 0;
}

.radiantthemes-contact-box.element-one ul li i,
.radiantthemes-contact-box.element-one ul li span[class*='ti-'] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 15px;
    text-align: center;
    line-height: inherit;
}

.radiantthemes-contact-box.element-one ul li strong {
    display: block;
    font-weight: 500;
}

.radiantthemes-contact-box.element-one ul li ul {
    margin-top: 12px;
}

/* radiantthemes-contact-box element-two */

.radiantthemes-contact-box.element-two ul li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 35px;
}

.radiantthemes-contact-box.element-two ul li:last-child {
    margin-bottom: 0;
}

.radiantthemes-contact-box.element-two ul li i,
.radiantthemes-contact-box.element-two ul li span[class*='ti-'] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 15px;
    text-align: center;
    line-height: inherit;
}

.radiantthemes-contact-box.element-two ul li ul {
    margin-top: 12px;
}

/* radiant-contact-form element-one */

.radiant-contact-form.element-one .row {
    margin-right: 0;
    margin-left: 0;
}

.radiant-contact-form.element-one .row > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.radiant-contact-form.element-one .form-row.last {
    margin: 0;
}

.radiant-contact-form.element-one .form-row.button {
    text-align: left;
}

.radiant-contact-form.element-one .form-row > *:last-child {
    margin-bottom: 0 !important;
}

.radiant-contact-form.element-one .form-row label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

.radiant-contact-form.element-one .form-row label span {
    color: #bf0000;
}

.radiant-contact-form.element-one .form-row input[type=text],
.radiant-contact-form.element-one .form-row input[type=email],
.radiant-contact-form.element-one .form-row input[type=url],
.radiant-contact-form.element-one .form-row input[type=tel],
.radiant-contact-form.element-one .form-row input[type=number],
.radiant-contact-form.element-one .form-row input[type=password],
.radiant-contact-form.element-one .form-row input[type=date],
.radiant-contact-form.element-one .form-row input[type=time],
.radiant-contact-form.element-one .form-row input[type=file],
.radiant-contact-form.element-one .form-row select,
.radiant-contact-form.element-one .form-row textarea {
    width: 100%;
    font-size: 14px;
    resize: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiant-contact-form.element-one .form-row select option {
    color: #252525;
}

.radiant-contact-form.element-one .form-row textarea {
    padding-top: 10px;
    padding-bottom: 10px;
}

.radiant-contact-form.element-one .form-row input[type=radio] {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 3px;
}

.radiant-contact-form.element-one .form-row input[type=checkbox] {
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    margin-right: 4px;
}

.radiant-contact-form.element-one .form-row input[type=submit],
.radiant-contact-form.element-one .form-row input[type=button],
.radiant-contact-form.element-one .form-row button[type=submit] {
    box-shadow: initial;
    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiant-contact-form.element-one .form-row .ajax-loader {
    position: absolute;
    margin-top: 15px;
}

/* wpcf7-not-valid-tip */

span.wpcf7-not-valid-tip {
    width: 100%;
    margin-top: 2px;
    padding: 1px 5px 0px 5px;
    background-color: #f8d7da;
    border: 1px #e4c2c5 solid;
    border-radius: 3px;
    font-weight: 400;
    font-size: 11px;
    color: #c01d2b;
    line-height: 18px;
    opacity: 0.7;
}

.wpcf7-response-output {
    margin-top: 5px !important;
    padding: 8px 12px 8px 12px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    opacity: 0.9;
}

.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #f8d7da;
    border-color: #e4c2c5;
    color: #c01d2b;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #c5ebd4;
    border-color: #b1dac1;
    color: #01742f;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-countdown element-one */

.rt-countdown.element-one {
    clear: both;
    margin-left: -5px;
    margin-right: -5px;
    border-top: 1px rgba(0, 0, 0, 0.2) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}

.rt-countdown.element-one > .time {
    position: relative;
    display: table-cell;
    width: 1%;
    padding: 20px 5px 23px 5px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.rt-countdown.element-one > .time:before {
    position: absolute;
    top: calc(50% - 55px);
    left: -7px;
    z-index: 0;
    content: ":";
    font-weight: 300;
    font-size: 65px;
    line-height: 1;
}

.rt-countdown.element-one > .time:first-child:before,
.rt-countdown.element-one > .time:only-child:before {
    display: none;
}

.rt-countdown.element-one > .time strong {
    display: block;
    margin-bottom: 7px;
    font-weight: 300;
    font-size: 65px;
    line-height: 1;
}

/* rt-counterup element-one */

/* ================================== */

/* RadiantThemes Custom Button CSS */

/* TABLE OF INDEX */

/* ================================== */

/* ==================================
# Main CSS
## Style One
## Style Two
## Style Three
## Hover Style One
## Hover Style Two
## Hover Style Three
## Hover Style Four
## Hover Style Five
## Hover Style Six
## Hover Style Seven
================================== */

/* ==================================
# Main CSS
================================== */

/* ==================================
# Style One
================================== */

.radiantthemes-custom-button.element-one {
    width: 100%;
}

.radiantthemes-custom-button.element-one[data-button-direction=left] {
    text-align: left;
}

.radiantthemes-custom-button.element-one[data-button-direction=center] {
    text-align: center;
}

.radiantthemes-custom-button.element-one[data-button-direction=right] {
    text-align: right;
}

.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main > .placeholder {
    position: relative;
    text-align: center;
}

.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-custom-button.element-one[data-button-fullwidth=true] .radiantthemes-custom-button-main {
    width: 100%;
}

.radiantthemes-custom-button.element-one[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
    position: absolute;
    z-index: 0;
    content: " ";
}

.radiantthemes-custom-button.element-one[data-button-icon-position=left] .radiantthemes-custom-button-main i {
    margin-right: 10px;
}

.radiantthemes-custom-button.element-one[data-button-icon-position=right] .radiantthemes-custom-button-main i {
    margin-left: 10px;
    position: absolute;
    top: 6px;
}

/* ==================================
# Style Two
================================== */

.radiantthemes-custom-button.element-two {
    width: 100%;
}

.radiantthemes-custom-button.element-two[data-button-direction=left] {
    text-align: left;
}

.radiantthemes-custom-button.element-two[data-button-direction=center] {
    text-align: center;
}

.radiantthemes-custom-button.element-two[data-button-direction=right] {
    text-align: right;
}

.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main > .placeholder {
    position: relative;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-custom-button.element-two[data-button-fullwidth=true] .radiantthemes-custom-button-main {
    width: 100%;
}

.radiantthemes-custom-button.element-two[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
    position: absolute;
    z-index: 0;
    content: " ";
}

.radiantthemes-custom-button.element-two[data-button-icon-position=left] .radiantthemes-custom-button-main i {
    margin-right: 10px;
}

.radiantthemes-custom-button.element-two[data-button-icon-position=right] .radiantthemes-custom-button-main i {
    margin-left: 10px;
}

/* ==================================
# Style Three
================================== */

.radiantthemes-custom-button.element-three {
    width: 100%;
}

.radiantthemes-custom-button.element-three[data-button-direction=left] {
    text-align: left;
}

.radiantthemes-custom-button.element-three[data-button-direction=center] {
    text-align: center;
}

.radiantthemes-custom-button.element-three[data-button-direction=right] {
    text-align: right;
}

.radiantthemes-custom-button.element-three .radiantthemes-custom-button-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-custom-button.element-three .radiantthemes-custom-button-main > .placeholder {
    position: relative;
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
}

.radiantthemes-custom-button.element-three .radiantthemes-custom-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-custom-button.element-three[data-button-fullwidth=true] .radiantthemes-custom-button-main {
    width: 100%;
}

.radiantthemes-custom-button.element-three[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
    position: absolute;
    z-index: 0;
    content: " ";
}

.radiantthemes-custom-button.element-three[data-button-icon-position=left] .radiantthemes-custom-button-main i {
    margin-right: 10px;
}

.radiantthemes-custom-button.element-three[data-button-icon-position=right] .radiantthemes-custom-button-main i {
    margin-left: 10px;
    position: absolute;
    top: 6px;
}

/* ==================================
## Hover Style One
================================== */

/* ==================================
## Hover Style Two
================================== */

.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main {
    overflow: hidden;
}

.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main > .overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-radius: inherit;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
}

.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover > .overlay {
    width: 100%;
}

/* ==================================
## Hover Style Three
================================== */

.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main > .overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main:hover > .overlay {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/* ==================================
## Hover Style Four
================================== */

.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main i {
    opacity: 0;
    visibility: hidden;
}

.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover i {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main i {
    margin-right: -3px;
}

.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main:hover i {
    margin-right: 10px;
}

.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main i {
    margin-left: -3px;
}

.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main:hover i {
    margin-left: 10px;
}

/* ==================================
## Hover Style Five
================================== */

.radiantthemes-custom-button.hover-style-five .radiantthemes-custom-button-main:hover {
    /*box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);*/
    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

/* ==================================
## Hover Style Six
================================== */

.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main {
    backface-visibility: hidden;
}

.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover {
    animation-name: ButtonHoverSixHorizontalShake;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@keyframes ButtonHoverSixHorizontalShake {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

/* ==================================
## Hover Style Seven
================================== */

.radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main {
    backface-visibility: hidden;
}

.radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* radiantthemes-custom-heading element-one */

.radiantthemes-custom-heading.element-one > .radiantthemes-custom-heading-text > * {
    letter-spacing: inherit;
}

/* radiantthemes-custom-heading element-two */

.radiantthemes-custom-heading.element-two {
    overflow: hidden;
}

.radiantthemes-custom-heading.element-two > .radiantthemes-custom-heading-text > * {
    letter-spacing: inherit;
}

/* radiantthemes-custom-heading element-three */

.radiantthemes-custom-heading.element-three {
    position: relative;
    overflow: hidden;
}

.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text {
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease-in-out 0.7s;
}

.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text > * {
    letter-spacing: inherit;
}

.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform: translateX(-100%);
    transition: all 1.2s ease-in-out 0.2s;
}

.radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-text {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-overlay {
    transform: translateX(100%);
}

/* radiantthemes-custom-heading element-four */

.radiantthemes-custom-heading.element-four {
    position: relative;
    overflow: hidden;
}

.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text {
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease-in-out 0.7s;
}

.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text > * {
    letter-spacing: inherit;
}

.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform: translateX(100%);
    transition: all 1.2s ease-in-out 0.2s;
}

.radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-text {
    opacity: 1;
    visibility: visible;
}

.radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-overlay {
    transform: translateX(-100%);
}

/* radiantthemes-dropcaps element-one */

.radiantthemes-dropcaps.element-one > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #030712;
    line-height: 50px;
}

/* radiantthemes-dropcaps element-two */

.radiantthemes-dropcaps.element-two > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-three */

.radiantthemes-dropcaps.element-three > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-four */

.radiantthemes-dropcaps.element-four > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #acadb1;
    border-left-color: #acadb1;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #acadb1;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-five */

.radiantthemes-dropcaps.element-five > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #acadb1;
    border-bottom-color: #acadb1;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #acadb1;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-six */

.radiantthemes-dropcaps.element-six > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    border: 1px #acadb1 solid;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #474849;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-seven */

.radiantthemes-dropcaps.element-seven > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-eight */

.radiantthemes-dropcaps.element-eight > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    line-height: 70px;
}

/* radiantthemes-dropcaps element-nine */

.radiantthemes-dropcaps.element-nine > .holder > .radiantthemes-dropcap-letter {
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 7px;
    margin-right: 25px;
    margin-bottom: 10px;
    background-color: #474849;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    line-height: 70px;
}

/* rt-fancy-text-box element-one */

.rt-fancy-text-box.element-one {
    text-align: center;
}

.rt-fancy-text-box.element-one > .holder {
    padding: 45px 20px 40px 20px;
    background-color: #fff;
    border-radius: 15px;
    text-align: inherit;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-fancy-text-box.element-one > .holder:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1);
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder {
    position: relative;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .icon {
    margin-bottom: 26px;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .icon i {
    font-size: 50px;
    color: #1e1e1e;
    line-height: 1;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .data .title {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .data .subtitle {
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 18px;
    color: #2d2d2d;
    line-height: 28px;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .content {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .more {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .more .btn {
    margin-bottom: 7px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    font-weight: 500;
    font-size: 15px;
    color: #565656;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-one > .holder > .main-placeholder .more .btn i {
    vertical-align: middle;
    margin-left: 8px;
    font-size: 11px;
}

/* rt-fancy-text-box element-two */

.rt-fancy-text-box.element-two {
    text-align: left;
}

.rt-fancy-text-box.element-two > .holder {
    position: relative;
    padding: 50px 30px 50px 30px;
    background-color: #fff;
    border-radius: 15px;
    text-align: inherit;
}

.rt-fancy-text-box.element-two > .holder:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: " ";
    background-color: rgba(0, 0, 0, 0.075);
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-two > .holder:hover:before {
    opacity: 1;
    visibility: visible;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder {
    position: relative;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .icon {
    margin-bottom: 17px;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .icon i {
    font-size: 50px;
    color: #1e1e1e;
    line-height: 1;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .data .title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
    color: #1b1d1f;
    line-height: 32px;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .data .subtitle {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 19px;
    color: #1b1d1f;
    line-height: 28px;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .content {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .more {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .more .btn {
    margin-bottom: 7px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    font-weight: 500;
    font-size: 15px;
    color: #565656;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder .more .btn i {
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 8px;
    font-size: 11px;
}

/* rt-fancy-text-box element-three */

.rt-fancy-text-box.element-three {
    text-align: center;
}

.rt-fancy-text-box.element-three > .holder {
    padding: 30px 25px 30px 25px;
    text-align: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-three > .holder:hover {
    background-color: #fff;
    transform: translate(-3px, -3px);
    -webkit-transform: translate(-3px, -3px);
    box-shadow: 20px 10px 20px rgba(0, 0, 0, 0.075);
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder {
    position: relative;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .icon {
    margin-bottom: 16px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .icon i {
    font-size: 50px;
    color: #1e1e1e;
    line-height: 1;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .data .title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 22px;
    color: #1b1d1f;
    line-height: 30px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .data .subtitle {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 15px;
    color: #1b1d1f;
    line-height: 28px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .content {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .more {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .more .btn {
    margin-bottom: 7px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    font-weight: 500;
    font-size: 15px;
    color: #565656;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder .more .btn i {
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 8px;
    font-size: 11px;
}

/* rt-fancy-text-box element-four */

.rt-fancy-text-box.element-four {
    text-align: left;
}

.rt-fancy-text-box.element-four > .holder {
    padding: 35px 27px 35px 25px;
    background-color: #fff;
    text-align: inherit;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-fancy-text-box.element-four > .holder:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1);
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder {
    position: relative;
    padding-left: 75px;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 55px;
    text-align: center;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .icon i {
    font-size: 35px;
    line-height: 1;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .data .title {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .data .subtitle {
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 18px;
    color: #272526;
    line-height: 28px;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .content {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .more {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .more .btn {
    margin-bottom: 7px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    font-weight: 500;
    font-size: 15px;
    color: #565656;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-four > .holder > .main-placeholder .more .btn i {
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 8px;
    font-size: 11px;
}

/* rt-fancy-text-box element-five */

.rt-fancy-text-box.element-five {
    text-align: left;
}

.rt-fancy-text-box.element-five > .holder {
    background-color: #fff;
    border: 1px #d8dadd solid;
    text-align: inherit;
}

.rt-fancy-text-box.element-five > .holder .data {
    padding: 26px 23px 27px 23px;
}

.rt-fancy-text-box.element-five > .holder .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-five > .holder .data .title {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.rt-fancy-text-box.element-five > .holder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-five > .holder .data .subtitle {
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 18px;
    color: #272526;
    line-height: 28px;
}

.rt-fancy-text-box.element-five > .holder .data .content {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-five > .holder .data .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-five > .holder .icon {
    text-align: center;
}

.rt-fancy-text-box.element-five > .holder .icon img {
    width: 100%;
}

.rt-fancy-text-box.element-five > .holder .icon i {
    font-size: 35px;
    line-height: 1;
}

.rt-fancy-text-box.element-five > .holder .more {
    position: relative;
    overflow: hidden;
}

.rt-fancy-text-box.element-five > .holder .more .btn {
    display: block;
    padding: 10px 23px 10px 23px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-fancy-text-box.element-five > .holder .more .btn.btn-first {
    background-color: transparent;
}

.rt-fancy-text-box.element-five > .holder .more .btn.btn-second {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.rt-fancy-text-box.element-five > .holder .more .btn i {
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 10px;
}

.rt-fancy-text-box.element-five > .holder:hover .more > .btn.btn-first {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.rt-fancy-text-box.element-five > .holder:hover .more > .btn.btn-second {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* rt-fancy-text-box element-six */

.rt-fancy-text-box.element-six {
    text-align: left;
}

.rt-fancy-text-box.element-six > .holder {
    background: center center no-repeat;
    background-size: cover;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder {
    position: relative;
    padding: 160px 25px 5px 25px;
    background-color: rgba(0, 0, 0, 0.3);
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .icon {
    margin-bottom: 26px;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .icon i {
    font-size: 50px;
    color: #fff;
    line-height: 1;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .data {
    position: relative;
    padding-right: 100px;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .data .title {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .data .subtitle {
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .content {
    margin-bottom: 20px;
    color: #fff;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more {
    position: absolute;
    top: 9px;
    right: 0;
    z-index: 1;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    border: 1px #fff solid;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover {
    background-color: #fff;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span[class*='btn-icon-'] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    line-height: 43px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span.btn-icon-first {
    color: #fff;
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover > span.btn-icon-first {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span.btn-icon-second {
    color: #333;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover > span.btn-icon-second {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

/* rt-fancy-text-box element-seven */

.rt-fancy-text-box.element-seven {
    text-align: center;
}

.rt-fancy-text-box.element-seven > .holder {
    padding: 30px 25px 10px 25px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder {
    position: relative;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon {
    margin-bottom: 15px;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon i {
    font-size: 50px;
    color: #010313;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 22px;
    color: #010313;
    line-height: 32px;
    letter-spacing: -0.5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .title a {
    color: inherit;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .subtitle {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #010313;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .content {
    margin-bottom: 20px;
    color: #010313;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .content > *:last-child {
    margin-bottom: 0 !important;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .more {
    margin-bottom: 20px;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .more .btn {
    display: inline-block;
    vertical-align: top;
    padding: 5px 20px 6px 20px;
    background-color: #010313;
    border: none;
    border-radius: 0;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-seven > .holder > .main-placeholder .more .btn:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.rt-fancy-text-box.element-seven > .holder:hover {
    box-shadow: initial;
}

.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .icon img {
    filter: brightness(0) invert(1);
}

.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .icon i,
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .data .title,
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .data .subtitle,
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .content {
    color: #fff !important;
}

.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .more .btn {
    background-color: #fff;
    color: #010313;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-flip-box element-one */

.rt-flip-box.element-one > .holder {
    position: relative;
}

.rt-flip-box.element-one > .holder .front,
.rt-flip-box.element-one > .holder .backY {
    width: 100%;
}

.rt-flip-box.element-one > .holder .first-card,
.rt-flip-box.element-one > .holder .second-card {
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.rt-flip-box.element-one > .holder > .second-card {
    position: absolute !important;
    top: 0;
}

.rt-flip-box.element-one > .holder .first-card > .first-card-main,
.rt-flip-box.element-one > .holder .second-card > .second-card-main {
    width: 100%;
}

.rt-flip-box.element-one > .holder .first-card img,
.rt-flip-box.element-one > .holder .second-card img {
    margin-bottom: 15px;
}

.rt-flip-box.element-one > .holder .first-card h4,
.rt-flip-box.element-one > .holder .second-card h4 {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.rt-flip-box.element-one > .holder .second-card h4 {
    color: #fff;
}

.rt-flip-box.element-one > .holder .first-card p,
.rt-flip-box.element-one > .holder .second-card p {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.rt-flip-box.element-one > .holder .second-card p {
    color: #fff;
}

.rt-flip-box.element-one > .holder .second-card .btn {
    margin-bottom: 0;
    padding: 0;
    background-color: initial;
    border: none;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.rt-flip-box.element-one > .holder .second-card .btn i {
    margin-left: 8px;
}

/* rt-highlight-box element-one */

.rt-highlight-box.element-one > .holder {
    margin-right: 0;
    margin-left: 0;
}

.rt-highlight-box.element-one > .holder > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.rt-highlight-box.element-one > .holder .pic {
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    text-align: center;
}

.rt-highlight-box.element-one > .holder .pic > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-highlight-box.element-one > .holder .pic > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.rt-highlight-box.element-one > .holder .pic img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-one > .holder:hover .pic img {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
}

.rt-highlight-box.element-one > .holder .data {
    padding: 22px 25px 25px 25px;
    text-align: left;
}

.rt-highlight-box.element-one > .holder .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-highlight-box.element-one > .holder .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-highlight-box.element-one > .holder .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-highlight-box.element-one > .holder .data h4 {
    margin-bottom: 7px;
    font-weight: 300;
    font-size: 40px;
    color: #fff;
    line-height: 50px;
}

.rt-highlight-box.element-one > .holder .data p {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 28px;
}

.rt-highlight-box.element-one > .holder .data .btn {
    margin-bottom: 30px;
    padding: 9px 25px 12px 25px;
    background-color: initial;
    border: 1px #fff solid;
    border-radius: 35px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-one > .holder .data .btn:hover {
    background-color: #fff;
    color: #252525;
}

.rt-highlight-box.element-one > .holder .data .btn:after {
    margin-left: 0px;
    content: "\f105";
    font-family: "FontAwesome";
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-one > .holder .data .btn:hover:after {
    margin-left: 12px;
    opacity: 1;
    visibility: visible;
}

/* rt-highlight-box element-two */

.rt-highlight-box.element-two > .holder {
    position: relative;
    overflow: hidden;
}

.rt-highlight-box.element-two > .holder > .pic {
    position: absolute;
    top: 0;
    left: -20%;
    z-index: 1;
    width: 140%;
    opacity: 0.75;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-highlight-box.element-two > .holder:hover > .pic {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rt-highlight-box.element-two > .holder > .pic img {
    width: 100%;
}

.rt-highlight-box.element-two > .holder > .data {
    position: relative;
    z-index: 2;
    padding: 55px 25px 60px 25px;
    text-align: center;
}

.rt-highlight-box.element-two > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-highlight-box.element-two > .holder .data h4 {
    margin-bottom: 7px;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
}

.rt-highlight-box.element-two > .holder .data p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px;
}

.rt-highlight-box.element-two > .holder .data .btn {
    margin-bottom: 30px;
    padding: 9px 25px 12px 25px;
    background-color: initial;
    border: 1px #fff solid;
    border-radius: 35px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-two > .holder .data .btn:hover {
    background-color: #fff;
    color: #252525;
}

.rt-highlight-box.element-two > .holder .data .btn:after {
    margin-left: 0px;
    content: "\f105";
    font-family: "FontAwesome";
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-two > .holder .data .btn:hover:after {
    margin-left: 12px;
    opacity: 1;
    visibility: visible;
}

/* rt-highlight-box element-three */

.rt-highlight-box.element-three > .holder {
    position: relative;
    overflow: hidden;
}

.rt-highlight-box.element-three > .holder > .pic {
    position: absolute;
    top: -20%;
    left: -30%;
    z-index: 1;
    width: 160%;
    opacity: 0.85;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.rt-highlight-box.element-three > .holder:hover > .pic {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
}

.rt-highlight-box.element-three > .holder > .pic img {
    width: 100%;
}

.rt-highlight-box.element-three > .holder > .data {
    position: relative;
    z-index: 2;
    padding: 55px 25px 60px 25px;
    text-align: center;
}

.rt-highlight-box.element-three > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-highlight-box.element-three > .holder .data h4 {
    margin-bottom: 7px;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
}

.rt-highlight-box.element-three > .holder .data p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px;
}

.rt-highlight-box.element-three > .holder .data .btn {
    margin-bottom: 30px;
    padding: 9px 25px 12px 25px;
    background-color: initial;
    border: 1px #fff solid;
    border-radius: 35px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-three > .holder .data .btn:hover {
    background-color: #fff;
    color: #252525;
}

.rt-highlight-box.element-three > .holder .data .btn:after {
    margin-left: 0px;
    content: "\f105";
    font-family: "FontAwesome";
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-three > .holder .data .btn:hover:after {
    margin-left: 12px;
    opacity: 1;
    visibility: visible;
}

/* rt-highlight-box element-four */

.rt-highlight-box.element-four > .holder {
    position: relative;
    overflow: hidden;
}

.rt-highlight-box.element-four > .holder > .pic {
    position: absolute;
    top: 0;
    left: -30%;
    z-index: 1;
    width: 160%;
    opacity: 0.85;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.rt-highlight-box.element-four > .holder:hover > .pic {
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
}

.rt-highlight-box.element-four > .holder > .pic img {
    width: 100%;
}

.rt-highlight-box.element-four > .holder > .data {
    position: relative;
    z-index: 2;
    padding: 55px 25px 60px 25px;
    text-align: center;
}

.rt-highlight-box.element-four > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-highlight-box.element-four > .holder .data h4 {
    margin-bottom: 7px;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    line-height: 45px;
}

.rt-highlight-box.element-four > .holder .data p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px;
}

.rt-highlight-box.element-four > .holder .data .btn {
    margin-bottom: 30px;
    padding: 9px 25px 12px 25px;
    background-color: initial;
    border: 1px #fff solid;
    border-radius: 35px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-four > .holder .data .btn:hover {
    background-color: #fff;
    color: #252525;
}

.rt-highlight-box.element-four > .holder .data .btn:after {
    margin-left: 0px;
    content: "\f105";
    font-family: "FontAwesome";
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-four > .holder .data .btn:hover:after {
    margin-left: 12px;
    opacity: 1;
    visibility: visible;
}

/* radiantthemes-iconbox element-one */

.radiantthemes-iconbox.element-one > .radiantthemes-iconbox-holder {
    display: inline-block;
    vertical-align: top;
}

.radiantthemes-iconbox.element-one[data-border-radius='square'] > .radiantthemes-iconbox-holder {
    border-radius: 0;
}

.radiantthemes-iconbox.element-one[data-border-radius='rounded'] > .radiantthemes-iconbox-holder {
    border-radius: 5px;
}

.radiantthemes-iconbox.element-one[data-border-radius='circle'] > .radiantthemes-iconbox-holder {
    border-radius: 50%;
}

.radiantthemes-iconbox.element-one > .radiantthemes-iconbox-holder > i {
    line-height: 1;
}

/* rt-ihover element-one */

.rt-ihover.element-one > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-one > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rt-ihover.element-one > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(219, 127, 8, 0.7);
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-ihover.element-one > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-one > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-one > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-one > .holder > .data h2 {
    margin-bottom: 20px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .data h2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.rt-ihover.element-one > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .data p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* rt-ihover element-two */

.rt-ihover.element-two > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-two > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rt-ihover.element-two > .holder > .overlay {
    position: absolute;
    top: -30%;
    right: -30%;
    bottom: -30%;
    left: -30%;
    background-color: rgba(219, 127, 8, 0.7);
    transform: skewX(-40deg) translateX(150%);
    -webkit-transform: skewX(-40deg) translateX(150%);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .overlay {
    transform: skewX(-40deg) translateX(0);
    -webkit-transform: skewX(-40deg) translateX(0);
}

.rt-ihover.element-two > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-ihover.element-two > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-two > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-two > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-two > .holder > .data h2 {
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 1px rgba(0, 0, 0, 0.4) solid;
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    transform: translate(100%, -150%);
    -webkit-transform: translate(100%, -150%);
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .data h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.rt-ihover.element-two > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    transform: translate(-100%, 150%);
    -webkit-transform: translate(-100%, 150%);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .data p {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

/* rt-ihover element-three */

.rt-ihover.element-three > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-three > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rt-ihover.element-three > .holder > .overlay {
    position: absolute;
    top: -30%;
    right: -30%;
    bottom: -30%;
    left: -30%;
    background-color: rgba(219, 127, 8, 0.7);
    transform: translate(100%, -100%) rotate(90deg);
    -webkit-transform: translate(100%, -100%) rotate(90deg);
    transition: all 0.2s 0.4s ease-in-out;
    -webkit-transition: all 0.2s 0.4s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .overlay {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.rt-ihover.element-three > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-ihover.element-three > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-three > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-three > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-three > .holder > .data h2 {
    margin-bottom: 20px;
    padding: 9px 20px 10px 20px;
    background: rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .data h2 {
    transform: translateY(0);
    transition-delay: 0.5s;
    -webkit-transform: translateY(0);
    -webkit-transition-delay: 0.5s;
}

.rt-ihover.element-three > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    transform: translateX(100%) rotate(90deg);
    -webkit-transform: translateX(100%) rotate(90deg);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .data p {
    transform: translateX(0) rotate(0);
    transition-delay: 0.4s;
    -webkit-transform: translateX(0) rotate(0);
    -webkit-transition-delay: 0.4s;
}

/* rt-ihover element-four */

.rt-ihover.element-four > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-four > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .pic img {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.rt-ihover.element-four > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0);
    -webkit-transform: scale(1) rotate(0);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.rt-ihover.element-four > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-four > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-four > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-four > .holder > .data h2 {
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .data h2 {
    transform: translateY(0);
    transition-delay: 0.5s;
    -webkit-transform: translateY(0);
    -webkit-transition-delay: 0.5s;
}

.rt-ihover.element-four > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .data p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

/* rt-ihover element-five */

.rt-ihover.element-five > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-five > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-five > .holder:hover > .pic img {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.rt-ihover.element-five > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(146, 96, 91, 0.3);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-five > .holder:hover > .data {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.rt-ihover.element-five > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-five > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-five > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-five > .holder > .data h2 {
    margin-bottom: 20px;
    padding: 9px 20px 10px 20px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-size: 17px;
    color: #010101;
    line-height: 28px;
}

.rt-ihover.element-five > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #010101;
    line-height: 22px;
}

/* rt-ihover element-six */

.rt-ihover.element-six > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-six > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transition: all 0.4s ease-in-out 0.5s;
    -webkit-transition: all 0.4s ease-in-out 0.5s;
}

.rt-ihover.element-six > .holder:hover > .pic img {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.rt-ihover.element-six > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(146, 96, 91, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in 0.4s;
    -webkit-transition: all 0.3s ease-in 0.4s;
}

.rt-ihover.element-six > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.rt-ihover.element-six > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-six > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-six > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-six > .holder > .data h2 {
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    opacity: 0;
    visibility: hidden;
    transform: scale(10);
    -webkit-transform: scale(10);
    transition: all 0.3s ease-in-out 0.1s;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
}

.rt-ihover.element-six > .holder:hover > .data h2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}

.rt-ihover.element-six > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    opacity: 0;
    visibility: hidden;
    transform: scale(10);
    -webkit-transform: scale(10);
    transition: all 0.3s ease-in-out 0.2s;
    -webkit-transition: all 0.3s ease-in-out 0.2s;
}

.rt-ihover.element-six > .holder:hover > .data p {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

/* rt-ihover element-seven */

.rt-ihover.element-seven > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-seven > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.rt-ihover.element-seven > .holder:hover > .pic img {
    opacity: 0;
    visibility: hidden;
    transform: rotate(720deg) scale(0);
    -webkit-transform: rotate(720deg) scale(0);
}

.rt-ihover.element-seven > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(77, 44, 35, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    transform: translateY(-200px) rotate(180deg);
    -webkit-transform: translateY(-200px) rotate(180deg);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.rt-ihover.element-seven > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.rt-ihover.element-seven > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-seven > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-seven > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-seven > .holder > .data h2 {
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-seven > .holder:hover > .data h2 {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}

.rt-ihover.element-seven > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-seven > .holder:hover > .data p {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
}

/* rt-ihover element-eight */

.rt-ihover.element-eight > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-eight > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.rt-ihover.element-eight > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all 0.3s ease-out 0.5s;
    -webkit-transition: all 0.3s ease-out 0.5s;
}

.rt-ihover.element-eight > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    animation: bounceY 0.9s linear;
    -webkit-animation: bounceY 0.9s linear;
}

.rt-ihover.element-eight > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-eight > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-eight > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-eight > .holder > .data h2 {
    margin-bottom: 20px;
    padding: 9px 20px 10px 20px;
    background-color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transition: all 0.2s ease-in-out 0.1s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
}

.rt-ihover.element-eight > .holder:hover > .data h2 {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.rt-ihover.element-eight > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #333;
    line-height: 22px;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
}

.rt-ihover.element-eight > .holder:hover > .data p {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

@keyframes bounceY {
    0% {
        transform: translateY(-205%);
    }

    40% {
        transform: translateY(-100%);
    }

    65% {
        transform: translateY(-52%);
    }

    82% {
        transform: translateY(-25%);
    }

    92% {
        transform: translateY(-12%);
    }

    55%,
    75%,
    87%,
    97%,
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes bounceY {
    0% {
        transform: translateY(-205%);
    }

    40% {
        transform: translateY(-100%);
    }

    65% {
        transform: translateY(-52%);
    }

    82% {
        transform: translateY(-25%);
    }

    92% {
        transform: translateY(-12%);
    }

    55%,
    75%,
    87%,
    97%,
    100% {
        transform: translateY(0%);
    }
}

/* rt-ihover element-nine */

.rt-ihover.element-nine > .holder {
    position: relative;
    overflow: hidden;
    border: 10px #fff solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-ihover.element-nine > .holder > .pic img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.rt-ihover.element-nine > .holder:hover > .pic img {
    opacity: 0;
    visibility: hidden;
    transform: scale(10);
    -webkit-transform: scale(10);
}

.rt-ihover.element-nine > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(77, 44, 35, 0.5);
    opacity: 0;
    visibility: hidden;
    background-color: rgba(255, 231, 179, 0.3);
    -webkit-background-color: rgba(255, 231, 179, 0.3);
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.rt-ihover.element-nine > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-ihover.element-nine > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-ihover.element-nine > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-ihover.element-nine > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-ihover.element-nine > .holder > .data h2 {
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    text-transform: uppercase;
    font-size: 17px;
    color: #333;
    line-height: 28px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.rt-ihover.element-nine > .holder:hover > .data h2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.rt-ihover.element-nine > .holder > .data p {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #333;
    line-height: 22px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.rt-ihover.element-nine > .holder:hover > .data p {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/* rt-image-gallery element-one */

.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-stage-outer {
    margin-bottom: 14px;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs {
    margin-left: -7px;
    margin-right: -7px;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs > .owl-thumb-item {
    padding-left: 7px;
    padding-right: 7px;
    background-color: initial;
    border: none;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs > .owl-thumb-item.active {
    opacity: 0.6;
}

/* rt-image-gallery element-two */

.rt-image-gallery.element-two > .rt-image-gallery-holder {
    margin-left: -8px;
    margin-right: -8px;
}

.rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item {
    margin-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
}

.rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item > .holder {
    position: relative;
    padding-top: calc((90 / 100) * 100%);
}

.rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item > .holder > .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 4px;
}

/* rt-image-gallery element-three */

.rt-image-gallery.element-three > .rt-image-gallery-holder {
    margin-left: -6px;
    margin-right: -6px;
}

.rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item {
    margin-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
}

.rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item > .holder {
    position: relative;
    padding-top: calc((90 / 100) * 100%);
}

.rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item > .holder > .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

/* rt-image-gallery element-four */

.rt-image-gallery.element-four {
    margin-right: -5px;
    margin-left: -5px;
}

.rt-image-gallery.element-four .rt-image-gallery-holder {
    margin-left: 0;
    margin-right: 0;
}

.rt-image-gallery.element-four .rt-image-gallery-item {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .pic {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .pic > img {
    width: 100%;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 23px 25px 23px 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .title {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    letter-spacing: -0.5px;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .title a {
    color: inherit;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .description {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .pic {
    transform: scale(1.17);
    -webkit-transform: scale(1.17);
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .overlay {
    opacity: 0.7;
    visibility: visible;
}

.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .data,
.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .data .description {
    opacity: 1;
    visibility: visible;
}

/* rt-image-gallery element-six */

.radiantthemes.element-six code {
    background: #eee;
    padding: 0 5px;
    /*font-family: 'Josefin Sans', sans-serif;*/
}

.radiantthemes.element-six iframe {
    border: 1px solid #ccc;
    width: 80vw;
    height: calc(100vh - 100px);
}

.radiantthemes.element-six .rt_imggrid {
    text-align: center;
    display: block;
}

.radiantthemes.element-six .rt_imggrid .col-md-4 {
    margin: 0;
    padding: 15px;
}

.radiantthemes.element-six .rt_imggrid a {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.radiantthemes.element-six .rt_imggrid a img {
    /*height: 160px;*/
    overflow: hidden;
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.radiantthemes.element-six .rt_imggrid a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.radiantthemes.element-six .rt_lightpop_overlay {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.radiantthemes.element-six .rt_imggrid a:hover .rt_lightpop_overlay {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: rgba(0, 0, 0, 0.4);
}

.radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 20%;
    text-align: center;
    background: rgba(225, 225, 225, 0.80);
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translate(0, -50%);
}

.radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay:hover {
    background: rgba(225, 225, 225, 1.0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.radiantthemes.element-six .hidden {
    display: none;
}

.radiantthemes.element-six .grid {
    float: left;
    width: 30%;
    padding: 20px;
    background: #eee;
    margin: 0 20px 20px 0;
}

.radiantthemes.element-six body.fancybox-active {
    overflow: hidden
}

.radiantthemes.element-six body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.radiantthemes.element-six .fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.radiant_fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /*font-family: 'Josefin Sans', sans-serif;*/
}

.radiant_fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.radiant_fancybox-bg {
    background: #000;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.radiant_fancybox-is-open .radiant_fancybox-bg {
    opacity: 1;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.fancybox-stage {
    overflow: visible;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.radiant_fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000;
    padding: 0
}

.fancybox-slide video {
    vertical-align: top
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
    display: none
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    background: #fff
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--video .fancybox-content {
    overflow: visible
}

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: .6
}

.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.fancybox-button--share svg path {
    stroke-width: 1;
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--zoom svg path {
    fill: transparent
}

.fancybox-navigation {
    display: none
}

.fancybox-show-nav .fancybox-navigation {
    display: block
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, .6)
}

.fancybox-navigation .fancybox-button div {
    padding: 20px !important;
}

.fancybox-navigation button::before {
    right: 16px !important;
}

.fancybox-navigation .fancybox-button {
    width: 40px important;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 0px !important;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
    padding: 0px !important;
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
    color: #777
}

.fancybox-close-small svg {
    fill: transparent;
    stroke: currentColor;
    stroke-width: 2;
    border-radius: 50%
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:focus svg {
    outline: 1px dotted #888
}

.fancybox-close-small:hover svg {
    color: #333;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    top: 0;
    right: -40px;
    color: #ccc;
    padding: 0
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    color: #fff;
    background: transparent
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-slide > .fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 700
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

p.fancybox-share__links {
    margin-right: -10px
}

.fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all .2s
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: transparent;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
    overflow: hidden;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 0;
    white-space: nowrap
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    border-radius: 4px;
    padding: 0;
    margin: 2px;
    width: 90px;
    height: 75px;
    max-width: calc(50% - 4px);
    /*max-height: calc(100% - 8px);*/
    object-fit: cover;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    border: 2px solid #fff;
    transition: border-color .25s ease;
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs > ul > li:hover {
    border: 2px solid #a90707;
}

.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active {
    opacity: 1;
    border: 2px solid #a90707;
}

.fancybox-image-wrap img.fancybox-image {
    transition: all 1s cubic-bezier(0.5, 0, 0.3, 1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition-duration: 2s, 2s;
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease;
}

.fancybox-slide--current .fancybox-image-wrap img {
    transform: scale(1.05);
}

@media (max-width:800px) {
    .fancybox-thumbs {
        top: auto;
        width: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 95px;
        padding: 10px 10px 5px 10px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.3);
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0;
        bottom: 95px;
    }
}

@media all and (min-width: 800px) {
    .fancybox-thumbs {
        top: auto;
        width: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 95px;
        padding: 10px 10px 5px 10px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.3);
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0;
        bottom: 95px;
    }
}

.fancybox-thumbs__list a {
    border: 2px solid #fff !important;
    border-radius: 5px !important;
}

a.fancybox-thumbs-active {
    border: 2px solid #a21717 !important;
    border-radius: 5px !important;
}

.fancybox-thumbs__list a:before {
    border: none !important;
}

.fancybox-thumbs__list {
    margin: 0 auto !important;
}

.fancybox-content img.fancybox-image {
    transition: all 1s cubic-bezier(0.5, 0, 0.3, 1) !important;
    transform: scale(1) !important;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    transition-duration: 2s, 2s !important;
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease !important;
}

.fancybox-slide--current .fancybox-content img {
    transform: scale(1.05) !important;
}



/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-image-slider element-one */

.rt-image-slider.element-one {
    position: relative;
}

.rt-image-slider.element-one .rt-image-slider-item {
    text-align: center;
}

.rt-image-slider.element-one .rt-image-slider-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((102 / 100) * 100%);
    background-color: #000;
}

.rt-image-slider.element-one .rt-image-slider-item > .holder > .pic {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-image-slider.element-one .rt-image-slider-item > .holder:hover > .pic {
    opacity: 0.7;
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
}

.rt-image-slider.element-one .owl-nav {
    display: none;
}

.rt-image-slider.element-one > .owl-dots {
    display: none;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-list element-one */

.radiantthemes-list.element-one ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 0px;
}

.radiantthemes-list.element-one ul li a {
    font-size: 15px;
    transition: all 0.4s ease-in-out;
    margin-left: 0px;
    font-weight: 400;
}

.radiantthemes-list.element-one ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f105";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-one ul li ul,
.radiantthemes-list.element-one ul li ol {
    margin-top: 12px;
}

.radiantthemes-list.element-one ol li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-one ol li ul,
.radiantthemes-list.element-one ol li ol {
    margin-top: 12px;
}

.radiantthemes-list.element-one ul li:before {
    display: none;
}

/* radiantthemes-list element-two */

.radiantthemes-list.element-two ul > li,
.radiantthemes-list.element-two ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-two ul > li {
    position: relative;
    padding-left: 20px;
}

.radiantthemes-list.element-two ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f101";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-two > ul > li ul,
.radiantthemes-list.element-two > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-three */

.radiantthemes-list.element-three ul > li,
.radiantthemes-list.element-three ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-three ul > li {
    position: relative;
    padding-left: 25px;
}

.radiantthemes-list.element-three ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f0a9";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-three > ul > li ul,
.radiantthemes-list.element-three > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-four */

.radiantthemes-list.element-four ul > li,
.radiantthemes-list.element-four ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-four ul > li {
    position: relative;
    padding-left: 18px;
}

.radiantthemes-list.element-four ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f0da";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-four > ul > li ul,
.radiantthemes-list.element-four > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-five */

.radiantthemes-list.element-five ul > li,
.radiantthemes-list.element-five ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-five ul > li {
    position: relative;
    padding-left: 25px;
}

.radiantthemes-list.element-five ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f05d";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-five > ul > li ul,
.radiantthemes-list.element-five > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-six */

.radiantthemes-list.element-six ul > li,
.radiantthemes-list.element-six ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-six ul > li {
    position: relative;
    padding-left: 25px;
}

.radiantthemes-list.element-six ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f058";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-six > ul > li ul,
.radiantthemes-list.element-six > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-seven */

.radiantthemes-list.element-seven ul > li,
.radiantthemes-list.element-seven ol > li {
    margin-bottom: 18px;
}

.radiantthemes-list.element-seven ul > li {
    position: relative;
    /*padding-left: 18px;*/
}

/*.radiantthemes-list.element-seven ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f111";
font-family: 'FontAwesome';
font-size: 55%;
}*/

.radiantthemes-list.element-seven > ul > li ul,
.radiantthemes-list.element-seven > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-eight */

.radiantthemes-list.element-eight ul > li,
.radiantthemes-list.element-eight ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-eight ul > li {
    position: relative;
    padding-left: 20px;
}

.radiantthemes-list.element-eight ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f0c8";
    font-family: 'FontAwesome';
    font-size: 60%;
}

.radiantthemes-list.element-eight > ul > li ul,
.radiantthemes-list.element-eight > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-nine */

.radiantthemes-list.element-nine ul > li,
.radiantthemes-list.element-nine ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-nine ul > li {
    position: relative;
    padding-left: 25px;
}

.radiantthemes-list.element-nine ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f005";
    font-family: 'FontAwesome';
}

.radiantthemes-list.element-nine > ul > li ul,
.radiantthemes-list.element-nine > ul > li ol {
    margin-top: 12px;
}

/* radiantthemes-list element-ten */

.radiantthemes-list.element-ten ul > li,
.radiantthemes-list.element-ten ol > li {
    margin-bottom: 10px;
}

.radiantthemes-list.element-ten ul > li {
    position: relative;
    padding-left: 25px;
}

.radiantthemes-list.element-ten ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 80%;
}

.radiantthemes-list.element-ten > ul > li ul,
.radiantthemes-list.element-ten > ul > li ol {
    margin-top: 12px;
}

/* rt-masonry-gallery element-one */

.rt-masonry-gallery.element-one .rt-masonry-gallery-item {
    margin-bottom: 30px;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic {
    display: block;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .pic {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic img {
    width: 100%;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 25px;
    background-color: rgba(227, 15, 95, 0.8);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data h5 {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-custom-menu element-one */

.radiantthemes-custom-menu.element-one {
    text-align: left;
}

.radiantthemes-custom-menu.element-one ul.menu li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 28px;
}

.radiantthemes-custom-menu.element-one ul.menu li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 9px;
}

.radiantthemes-custom-menu.element-one ul.menu li a {
    color: inherit;
}

.radiantthemes-custom-menu.element-one ul.menu li ul {
    margin-top: 12px;
}

/* radiantthemes-custom-menu element-two */

.radiantthemes-custom-menu.element-two {
    text-align: left;
}

.radiantthemes-custom-menu.element-two ul.menu li {
    margin-bottom: 3px;
}

.radiantthemes-custom-menu.element-two ul.menu li a {
    display: block;
    background-color: #eeeeef;
    padding: 14px 24px 14px 24px;
    font-size: 16px;
    color: #141515;
    line-height: 28px;
    border-left: 4px transparent solid;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-menu.element-two ul.menu li:hover a,
.radiantthemes-custom-menu.element-two ul.menu li.current-menu-item a {
    background-color: #e1e1e5;
}

.radiantthemes-custom-menu.element-two ul.menu li ul {
    margin-left: 15px;
}

/* radiantthemes-custom-menu element-three */

.radiantthemes-custom-menu.element-three {
    text-align: left;
}

.radiantthemes-custom-menu.element-three ul.menu li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 28px;
}

.radiantthemes-custom-menu.element-three ul.menu li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f105";
    font-family: 'FontAwesome';
}

.radiantthemes-custom-menu.element-three ul.menu li a {
    color: inherit;
}

.radiantthemes-custom-menu.element-three ul.menu li ul {
    margin-top: 12px;
}

/* radiantthemes-custom-menu element-four */

.radiantthemes-custom-menu.element-four {
    text-align: center;
}

.radiantthemes-custom-menu.element-four ul.menu li {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 28px;
}

.radiantthemes-custom-menu.element-four ul.menu li a {
    color: inherit;
}

/* radiantthemes-custom-menu element-five */

.radiantthemes-custom-menu.element-five {
    text-align: left;
}

.radiantthemes-custom-menu.element-five ul.menu li a {
    position: relative;
    display: block;
    padding: 14px 24px 14px 24px;
    background-color: #0e204c;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-menu.element-five ul.menu li a:before {
    position: absolute;
    top: 13px;
    bottom: 13px;
    left: 0;
    z-index: 1;
    content: " ";
    width: 3px;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-menu.element-five ul.menu li:last-child a,
.radiantthemes-custom-menu.element-five ul.menu li:only-child a {
    border-bottom: none;
}

.radiantthemes-custom-menu.element-five ul.menu li:hover a:before,
.radiantthemes-custom-menu.element-five ul.menu li.current-menu-item a:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.radiantthemes-custom-menu.element-five ul.menu li ul {
    margin-left: 15px;
}

/* rt-popup-video element-one */

.rt-popup-video.element-one[data-popup-video-align=left] > .holder {
    text-align: left;
}

.rt-popup-video.element-one[data-popup-video-align=center] > .holder {
    text-align: center;
}

.rt-popup-video.element-one[data-popup-video-align=right] > .holder {
    text-align: right;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-portfolio-box element-one */

.rt-portfolio-box.element-one {
    margin-right: 0;
    margin-left: 0;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
    width: 20%;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
    width: 40%;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((106 / 100) * 100%);
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 80%;
    padding: 20px 24px 20px 24px;
    background-color: #fff;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 17px;
    color: #1f1e1e;
    line-height: 26px;
    letter-spacing: -0.5px;
    transform: translateX(-120%);
    -webkit-transform: translateX(-120%);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #8a8a8a;
    line-height: 22px;
    letter-spacing: 0;
    transform: translateX(-120%);
    -webkit-transform: translateX(-120%);
    transition: all 0.3s ease-in-out 0.6s;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link > i,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i {
    display: block;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 1px rgba(0, 0, 0, 0.75) solid;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    color: #000;
    line-height: 31px;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .categories {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

/* rt-portfolio-box element-two */

.rt-portfolio-box.element-two {
    margin-right: -5px;
    margin-left: -5px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}


/*.rt-portfolio-box.element-two .rt-portfolio-box-item:not(.no-paddings) {
  padding: 20px;
}


.rt-portfolio-box-item .holder .pic-8 {
  padding-bottom: -webkit-calc(50% - 20px);
  padding-bottom: calc(50% - 20px);
}*/

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > img {
    width: 100%;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 23px 25px 23px 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    letter-spacing: -0.5px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link > i,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i {
    display: block;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 1px rgba(255, 255, 255, 0.75) solid;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    color: #fff;
    line-height: 31px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic {
    transform: scale(1.17);
    -webkit-transform: scale(1.17);
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .overlay {
    opacity: 0.75;
    visibility: visible;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data .categories {
    opacity: 1;
    visibility: visible;
}

/* rt-portfolio-box element-three */

.rt-portfolio-box.element-three {
    margin-right: 0;
    margin-left: 0;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((90 / 100) * 100%);
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTc3LjU5MiwwSDIwLjEwNUM5LDAsMCw5LDAsMjAuMTA1djE1Ni44MTdjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjQwLjIwOSAgICAgaDEzNy4zODJjMTEuMTA0LDAsMjAuMTA1LTksMjAuMTA1LTIwLjEwNUMxOTcuNjk2LDksMTg4LjY5NiwwLDE3Ny41OTIsMHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTE3Ni45MjEsNDcxLjEySDQwLjIwOVYzMzQuNDA4YzAtMTEuMTA0LTktMjAuMTA1LTIwLjEwNS0yMC4xMDVDOSwzMTQuMzA0LDAsMzIzLjMwNCwwLDMzNC40MDh2MTU2LjgxNyAgICAgYzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1UzE4OC4wMjYsNDcxLjEyLDE3Ni45MjEsNDcxLjEyeiIgZmlsbD0iIzA5MDkwOSIvPgoJCQk8cGF0aCBkPSJNNDkxLjIyNSwzMTQuMzA0Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1djEzNy4zODJIMzM0LjQwOGMtMTEuMTA0LDAtMjAuMTA1LDktMjAuMTA1LDIwLjEwNSAgICAgczksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOC45OTQsMjAuMTA1LTIwLjEwNVYzMzQuNDA4QzUxMS4zMywzMjMuMzA0LDUwMi4zMywzMTQuMzA0LDQ5MS4yMjUsMzE0LjMwNHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTQ5MS44OTUsMEgzMzQuNDA4Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1YzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTM3LjM4MnYxMzcuMzgyICAgICBjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMTEsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjIwLjEwNUM1MTIsOSw1MDMsMCw0OTEuODk1LDB6IiBmaWxsPSIjMDkwOTA5Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    background-size: 24px auto;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 25px 30px 25px 30px;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 18px;
    color: #090909;
    line-height: 28px;
    letter-spacing: -0.5px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: all 0.2s ease-in-out 0.5s;
    -webkit-transition: all 0.2s ease-in-out 0.5s;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 20px;
    text-align: right;
    font-size: 0;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    background-color: transparent;
    border: 1px rgba(0, 0, 0, 0.7) solid;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 12px;
    color: #181b31;
    line-height: 32px;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .pic {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .categories,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .title,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

/* rt-portfolio-box element-four */

.rt-portfolio-box.element-four {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > img {
    width: 100%;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.5;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 27px 35px 27px 35px;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    letter-spacing: 0;
    opacity: 0;
    transform: translateX(-40px);
    transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    line-height: 35px;
    letter-spacing: -0.3px;
    opacity: 0;
    transform: translateX(-40px);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom {
    position: absolute;
    top: 15px;
    z-index: 2;
    background-color: transparent;
    border: 1px rgba(255, 255, 255, 0.6) solid;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.5s ease-in-out;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link > i,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom > i {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 45px;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link {
    left: 15px;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom {
    right: 15px;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .overlay {
    transform: scaleX(1);
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .title {
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .categories {
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-link,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-zoom {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-five */

.rt-portfolio-box.element-five {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > img {
    width: 100%;
    border-radius: 5px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    letter-spacing: -0.5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    -webkit-transform: translateY(-12px);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    -webkit-transform: translateY(12px);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons {
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.6s ease-in-out 0.4s;
    -webkit-transition: all 0.6s ease-in-out 0.4s;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    margin-right: 7px;
    background-color: transparent;
    border: 1px rgba(255, 255, 255, 0.7) solid;
    border-radius: 0;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom > i {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    border-radius: 5px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .action-buttons {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-six */

.rt-portfolio-box.element-six .rt-portfolio-box-item {
    margin: 0 0 30px;
    border-radius: 4px;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    background: #000000;
    text-align: right;
    border-radius: 4px;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .pic {
    position: relative;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .pic img {
    width: 100%;
    float: left;
    transition: .42s ease-out;
    -webkit-transition: .42s ease-out;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0.22;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 3em;
    width: 100%;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content {}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content:before {
    position: absolute;
    top: 30px;
    right: 100%;
    bottom: 30px;
    left: 30px;
    border-right: 4px solid rgba(255, 255, 255, 0.8);
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content:before {
    background: rgba(255, 255, 255, 0);
    right: 30px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category,
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title a {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category {
    margin: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transform: translate3d(-30%, 0%, 0);
    transform: translate3d(-30%, 0%, 0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content .portfolio-category {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}


.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category:after {
    content: "/";
    padding: 0 5px;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category:last-child {
    display: none;
}


.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title a {
    margin: 0 0 19px;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-decoration: none;
    -webkit-transform: translate3d(0%, -30%, 0);
    transform: translate3d(0%, -30%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content .portfolio-title a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title {
    margin-bottom: 0px;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

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

    .rt-portfolio-box.element-six .col-lg-4.col-md-4,
    .rt-portfolio-box.element-six .col-lg-3.col-md-3 {
        max-width: 50% !important;
        flex: 50%;
    }
}


/* rt-portfolio-box element-seven */

.rt-portfolio-box.element-seven {
    margin-right: 0;
    margin-left: 0;
    background-color: #fff;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((90 / 100) * 100%);
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 22px 25px 25px 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data hr {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border-top-width: 1px;
    border-top-color: #000;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 17px;
    color: #000;
    line-height: 26px;
    letter-spacing: 0;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 1px;
    font-weight: 400;
    font-size: 13px;
    color: #000;
    line-height: 22px;
    letter-spacing: 0;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    z-index: 2;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    background-color: transparent;
    border: 1px rgba(255, 255, 255, 0.7) solid;
    border-radius: 50%;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .overlay {
    opacity: 0.92;
    visibility: visible;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .action-buttons {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-eight */

.rt-portfolio-box.element-eight {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((106 / 100) * 100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    height: 270px;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    border-radius: 5px;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    overflow: hidden;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder {
    padding: 17px 20px 18px 20px;
    transform: translateY(0%);
    transition: all 0.3s ease;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title {
    margin-bottom: 1px;
    font-weight: 500;
    font-size: 17px;
    color: #151515;
    line-height: 28px;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title a {
    color: inherit;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #8a8a8a;
    line-height: 26px;
    letter-spacing: 0;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 4;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.4s ease-in-out 0.4s;
    -webkit-transition: all 0.4s ease-in-out 0.4s;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    background-color: transparent;
    border: 1px rgba(0, 0, 0, 0.7) solid;
    border-radius: 50%;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 12px;
    color: #151515;
    line-height: 32px;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover {
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
}

/*.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .data {
animation: PortfolioEightBounce 900ms ease 0s normal;
}*/

/*.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .data > .holder {
transform: translateY(0);
}*/

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .action-buttons {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

@keyframes PortfolioEightBounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}

/* rt-portfolio-box element-nine */

.rt-portfolio-box.element-nine {
    margin-right: -5px;
    margin-left: -5px;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((150 / 100) * 100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    /*border-radius: 5px;*/
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 25px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 22px 25px 22px 25px;
    background-color: rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    letter-spacing: -0.5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding: 20px;
    text-align: right;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0.6s;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    background-color: transparent;
    border: 1px rgba(255, 255, 255, 0.7) solid;
    border-radius: 50%;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 32px;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .pic {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons {
    opacity: 1;
    visibility: visible;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .title {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* rt-portfolio-box element-ten */

.rt-portfolio-box.element-ten {
    margin-right: -10px;
    margin-left: -10px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item {
    margin-bottom: 18px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: left;
    padding: 6px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((100 / 100) * 100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 4px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .pic {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    display: block;
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
    -o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .pic {
    -webkit-transform: scale(1.06) translateX(-3%);
    -ms-transform: scale(1.06) translateX(-3%);
    transform: scale(1.06) translateX(-3%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
    -o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data {
    /*position: absolute;
bottom: 25px;
right: 25px;
max-width: calc(100% - 50px);
z-index: 3;
overflow: hidden;*/
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 20px;
    right: -1px;
    /*background-color: #171717;*/
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 30;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data > .holder {
    /*animation: PortfolioTenBounce 900ms ease 0s normal;*/
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@keyframes PortfolioTenBounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder {
    padding: 19px 32px 15px 23px;
    /*transform: translateY(110%);
transition: all 0.3s ease;*/
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    letter-spacing: 0;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title {
    margin-bottom: 1px;
    /*text-transform: uppercase;*/
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    line-height: 28px;
    letter-spacing: -0.5px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title a {
    color: inherit;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 4;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.4s ease-in-out 0.4s;
    -webkit-transition: all 0.4s ease-in-out 0.4s;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px rgba(255, 255, 255, 0.7) solid;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 32px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover {
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}

/*.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data > .holder {
transform: translateY(0);
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
display: none;
}*/


/* rt-portfolio-box element-eleven */

.rt-portfolio-box.element-eleven {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .pic > img {
    width: 100%;
    border-radius: 5px;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 145px 30px 30px 30px;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.65);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    border-radius: 5px;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 11px;
    font-weight: 500;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    letter-spacing: -0.5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:after {
    content: "/";
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
    display: none;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .excerpt {
    margin-bottom: 20px;
    color: #fff;
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transition: all 0.3s ease-in-out 0.6s;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .btn {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-color: #f94338;
    border: none;
    border-radius: 50%;
    text-align: center;
    font-size: 21px;
    color: #fff;
    line-height: 43px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transition: all 0.3s ease-in-out 0.9s;
    -webkit-transition: all 0.3s ease-in-out 0.9s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .excerpt,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-twelve */

.rt-portfolio-box.element-twelve {
    columns: 2;
    column-gap: 16px;

}

@media (max-width: 1200px) {
    .rt-portfolio-box.element-twelve {
        columns: 2;
    }
}

@media (max-width: 992px) {
    .rt-portfolio-box.element-twelve {
        columns: 2;
    }
}

@media (max-width: 480px) {
    .rt-portfolio-box.element-twelve {
        columns: 1;
    }
}

.rt-portfolio-box.element-twelve .rt-grid {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    padding-left: 7px;
    padding-right: 7px;
}

.rt-portfolio-box.element-twelve .rt-grid img {
    outline: none;
    border: none;
    display: block;
    max-width: 100%;
    overflow: hidden;

}

.rt-portfolio-box.element-twelve .rt-image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.rt-portfolio-box.element-twelve .rt-image-box img {
    max-width: 100%;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.rt-portfolio-box.element-twelve .rt-image-box:hover img {
    transform: scale3d(1.1, 1.1, 1);
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

/***************** SAME CSS ENDS*************************/

/*=====================================================
Box Grid 2
=====================================================*/
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg {
    padding: 20px 45px 1px 45px;
    background: transparent;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 {
    font-size: 22px;
    color: #181b31;
    line-height: 28px;
    margin-bottom: 11px;
    padding: 0;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 a {
    color: #181b31;
    text-decoration: none;
    cursor: pointer !important;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 a:hover {
    color: #181b31;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg p {
    font-size: 15px;
    color: #181b31;
    line-height: 30px;
    margin-bottom: 6px;
    padding: 0;
}

/********************************/
.rt-portfolio-box.element-twelve .rt-bottom-left {
    position: absolute;
    /*bottom: 8px;
left: 16px;*/
    bottom: 10px;
    left: 0px;
}

.rt-portfolio-box.element-twelve a.transparent-masionary-btn-hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.rt-portfolio-box.element-twelve a:hover.transparent-masionary-btn-hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span {
    position: relative;
    display: inline-block;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after,
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .35s cubic-bezier(.04, .11, .6, .97);
    -o-transition: .35s cubic-bezier(.04, .11, .6, .97);
    transition: .35s cubic-bezier(.04, .11, .6, .97);
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .34s;
    -o-transition-delay: .34s;
    transition-delay: .34s;
}


/* rt-portfolio-box element-thirteen */

.rt-portfolio-box.element-therteen {
    columns: 2;
    column-gap: 16px;
    padding-top: 149px;
    padding-bottom: 124px;
}

@media (max-width: 1200px) {
    .rt-portfolio-box.element-therteen {
        columns: 2;
    }
}

@media (max-width: 992px) {
    .rt-portfolio-box.element-therteen {
        columns: 2;
    }
}

@media (max-width: 480px) {
    .rt-portfolio-box.element-therteen {
        columns: 1;
    }
}

.rt-portfolio-box.element-therteen .rt-grid {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 7px;
    padding-right: 7px;
}

.rt-portfolio-box.element-therteen .rt-grid img {
    outline: none;
    border: none;
    display: block;
    max-width: 100%;
    overflow: hidden;

}

.rt-portfolio-box.element-therteen .rt-image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.rt-portfolio-box.element-therteen .rt-image-box img {
    max-width: 100%;
    transition: all 2.0s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.rt-portfolio-box.element-therteen .rt-image-box:hover img {
    transform: scale3d(1.1, 1.1, 1);
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

/*=====================================================
Box Grid 2
=====================================================*/
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col {
    padding: 18px 80px 2px 0px;
    background: #ffffff;
}

.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 {
    font-size: 22px;
    color: #181b31;
    line-height: 30px !important;
    margin-bottom: 11px;
    padding: 0;
}

.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 a {
    color: #181b31;
    text-decoration: none;
    cursor: pointer !important;
}

.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 a:hover {
    color: #181b31;
}

.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col p {
    font-size: 15px;
    color: #181b31;
    line-height: 30px;
    margin-bottom: 25px;
    padding: 0;
}

.rt-portfolio-box.element-therteen .rt-masn-brdr {
    border-bottom: 1px solid #ededed;
    margin-bottom: 17px;
    display: block;
    position: relative;
}

.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col .radiant-masonory-date p {
    font-size: 15px;
    color: #797675;
    line-height: 30px;
    margin-bottom: 7px;
    padding: 0;
}


/*========================================== Responsive ==========================================*/

@media screen and (max-width: 1024px) {
    .rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li {
        width: 100%;
    }

    .rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col {
        background: transparent;
        margin-top: -49%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    .rt-portfolio-box.element-therteen #rt-lightbox_pop {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col {
        background: transparent;
        margin-top: -72%;
    }
}

@media screen and (max-width: 767px) {
    .rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    .rt-portfolio-box.element-therteen #rt-lightbox_pop {
        padding: 0;
    }

    .rt-portfolio-box.element-therteen .radiant_lifestyle {
        border-left: none;
    }

    .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col {
        /*padding: 30px 15px;*/
        padding: 15px 15px 10px 15px;
    }

    .rt-portfolio-box.element-therteen .radiant-date-bx {
        display: inline;
        position: relative;
        text-align: left;
    }

    .elementor-25002 .elementor-element.elementor-element-bcc5ad0 > .elementor-element-populated {
        padding: 0 !important;
    }

    .elementor-25002 .elementor-element.elementor-element-fc4f17d > .elementor-element-populated {
        padding: 0 !important;
    }

    .elementor-25002 .elementor-element.elementor-element-319b5ca > .elementor-element-populated {
        padding: 0 !important;
    }

    .elementor-25002 .elementor-element.elementor-element-319b5ca > .elementor-element-populated {
        padding: 0 !important;
    }

    .elementor-25682 .elementor-element.elementor-element-e30a731 > .elementor-element-populated {
        padding: 0 !important;
    }

    .elementor-25682 .elementor-element.elementor-element-72071bc > .elementor-element-populated {
        padding: 0 !important;
    }


}

@media screen and (max-width: 480px) {
    .rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col h3 {
        width: 100%;
    }
}

/*Portfolio Element Fourteen*/
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic {
    position: relative;
    overflow: hidden;
    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .pic {
    transform: scale(1.06) translateY(-12px);
    -webkit-transform: scale(1.06) translateY(-12px);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic > a > img {
    width: 100%;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data {
    position: relative;
    z-index: 1;
    padding: 8px 20px;
    margin: 0 30px;
    background-color: #ffffff;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .data {
    transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
}


.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 26px;
    letter-spacing: -0.5px;
    transition: all 0.4s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    position: relative;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .categories {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    line-height: 22px;
    letter-spacing: 0px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* rt-portfolio-box element-fifteen */

.rt-portfolio-box.element-fifteen {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item {
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}


.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .pic > img {
    width: 100%;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data {
    text-align: center;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data > *:last-child {
    margin-bottom: 0 !important;
}



.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title {
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 28px;
    color: #000;
    line-height: 35px;
    letter-spacing: -0.3px;
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}


.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
    background-color: rgba(0, 0, 0, 0.4);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    margin: 0 8px 0 0;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link {
    transition: transform 0.3s ease-in;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
    transition: transform 0.3s ease-in 0.2s;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover {
    background-color: rgba(0, 0, 0, 1);
}



.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 40px;
}


.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .overlay {
    opacity: 0.9;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-zoom {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/* rt-portfolio-box element-sixteen */

.rt-portfolio-box.element-sixteen {
    margin-right: -15px;
    margin-left: -15px;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item {
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}


.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic {
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic img {
    width: 100%;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item:hover > .holder > .pic {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
}


.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title {
    margin-bottom: 1px;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title a {
    color: inherit;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > .holder .categories {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #828282;
    line-height: 26px;
    letter-spacing: 0;
}

/*Portfolio Element Seventeen*/



.rt-portfolio-box.element-seventeen .rt-portfolio-box-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.rt-portfolio-box.element-seventeen {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    grid-auto-rows: 48%;
    grid-auto-flow: dense;
    margin-bottom: -3%;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
    grid-column: span 2;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
    grid-row: span 2;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 0 0 0 52px;
    width: 102%;
    height: 102%;
    text-align: left;
    box-sizing: border-box;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    background-color: #000;
    overflow: hidden;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-entry-title {
    font-size: 28px;
    color: #fff;
    margin: 0 0 10px 0;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-category {
    font-size: 17px;
    color: #fff;
}

.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .portfolio-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .rt-portfolio-box.element-seventeen {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        grid-auto-rows: auto;
        grid-auto-flow: dense;
    }

    .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
        grid-column: auto;
    }

    .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
        grid-row: auto;
    }
}

@media screen and (min-width:321px) and (max-width:479px) {
    .rt-portfolio-box.element-seventeen {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        grid-auto-rows: auto;
        grid-auto-flow: dense;
    }

    .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
        grid-column: auto;
    }

    .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
        grid-row: auto;
    }
}

@media screen and (max-width:320px) {
    .rt-portfolio-box.element-seventeen {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        grid-auto-rows: auto;
        grid-auto-flow: dense;
    }

    .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
        grid-column: auto;
    }

    .rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
        grid-row: auto;
    }
}

/*Portfolio Element Eightteen*/
.element-eightteen .rt-portfolio-box-item .holder {
    overflow: hidden;
}

.element-eightteen .rt-portfolio-box-item {
    margin-bottom: 10px;
    width: 100%;
    color: white;
    width: 360px;
    overflow: hidden;

}

.element-eightteen .rt-portfolio-box-item .holder .pic {
    height: 450px;
    display: block;
    /*width: 100%;
height: 100%;*/
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.element-eightteen .rt-portfolio-box-item .holder .pic {
    display: block;
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
    -o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}

.element-eightteen .rt-portfolio-box-item .holder:hover .pic {
    -webkit-transform: scale(1.06) translateX(-3%);
    -ms-transform: scale(1.06) translateX(-3%);
    transform: scale(1.06) translateX(-3%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
    -o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93);
    transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}

.element-eightteen .rt-portfolio-box-item .holder .text-holder {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 20px;
    right: -1px;
    padding: 19px 32px 10px 23px;
    background-color: #171717;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 30;
}

.element-eightteen .rt-portfolio-box-item .holder:hover .text-holder,
.element-eightteen .rt-portfolio-box-item .holder:hover .text-holder .text-wrapper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper {
    display: inline-block;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    text-align: left;
}

.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text .content-entry-title {
    color: #fff;
    font-size: 16px;
    margin: 0px;
}

.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text .content-category {
    color: #bcbcbc;
    text-decoration: none;
    /*    font-family: 'Roboto', sans-serif;*/
}

.element-eightteen .rt-portfolio-box-item .holder .portfolio-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/*.rt-portfolio-box .rt-portfolio-box-item:nth-child(4n-5) {
height: 450px;
}
.rt-portfolio-box .rt-portfolio-box-item:nth-child(2n) {
height: 250px;
}
.rt-portfolio-box .rt-portfolio-box-item:nth-child(3n) {
height: 540px;
}*/
.element-eightteen .rt-portfolio-box-item:nth-child(1) .holder .pic {
    height: 450px;
}

.element-eightteen .rt-portfolio-box-item:nth-child(2) .holder .pic {
    height: 240px;
}

.element-eightteen .rt-portfolio-box-item:nth-child(3) .holder .pic {
    height: 540px;
}

.element-eightteen .rt-portfolio-box-item:nth-child(4) .holder .pic {
    height: 500px;
}

.element-eightteen .rt-portfolio-box-item:nth-child(5) .holder .pic {
    height: 545px;
}

.element-eightteen .rt-portfolio-box-item:nth-child(6) .holder .pic {
    height: 455px;
}

.element-eightteen .rt-portfolio-box-item:nth-child(7) .holder .pic {
    height: 245px;
}

.rt-portfolio-box-item {
    opacity: 1;
}

/*.element-eightteen .rt-portfolio-box-item {
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0);
-webkit-transition: 1s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s;
-o-transition: 1s cubic-bezier(.645,.045,.355,1),transform 1s;
transition: 1s cubic-bezier(.645,.045,.355,1),transform 1s;
transition: 1s cubic-bezier(.645,.045,.355,1),transform 1s,-webkit-transform 1s;
will-change: clip-path,transform;
}*/
.rt-portfolio-box-item.is-visible {
    /*clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0);*/

}

/*.rt-portfolio-box-item.is-visible {
-webkit-animation: Items 600ms ease-in forwards;
animation: Items 600ms ease-in forwards;
}*/

@-webkit-keyframes Items2 {
    0% {
        opacity: 0;
        height: 0%;
        padding: 0px;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Items2 {
    0% {
        opacity: 0;
        height: 0%;
        padding: 0px;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes Items {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotateY(90deg);
        transform: scale(0.3) rotateY(90deg);
    }

    60% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

    90% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
    }
}

@keyframes Items {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotateY(90deg);
        transform: scale(0.3) rotateY(90deg);
    }

    60% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

    90% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
    }
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

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

    /* rt-portfolio-box element-one */
    .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
        width: 50%;
    }

    .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
        width: 100%;
    }
}

/* TABLET PROTRAIT PART */

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

    /* rt-portfolio-box element-one */
    .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
        width: 50%;
    }

    .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
        width: 100%;
    }
}

/* SMART PHONE LANDSCAPE PART */

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

    /* rt-portfolio-box element-one */
    .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box,
    .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
        width: 100%;
    }
}

/* SMART PHONE PROTRAIT PART */

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

    /* rt-portfolio-box element-one */
    .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box,
    .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
        width: 100%;
    }
}

/* rt-portfolio-slider element-one */

.rt-portfolio-slider.element-one {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder {
    position: relative;
    padding-top: calc((109 / 100) * 100%);
    overflow: hidden;
    text-align: inherit;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .pic {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 2;
    padding: 15px;
    background-color: rgba(19, 19, 19, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    padding: 8px 22px 7px 22px;
    background-color: #000;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 a {
    color: inherit;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:after {
    content: ",";
    margin-right: 3px;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:last-child:after,
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:only-child:after {
    display: none;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: auto;
    height: auto;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .pic {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data h4,
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/* owl-nav */

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev {
    left: -20px;
}

.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-prev {
    left: 20px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-next {
    right: -20px;
}

.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-next {
    right: 20px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #fff;
    line-height: 36px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before {
    content: "\f104";
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before {
    content: "\f105";
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-portfolio-slider element-two */

.rt-portfolio-slider.element-two {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > img {
    width: 100%;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > .overlay {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .pic > .overlay {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #030712;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .data h4 {
    color: #1d4fce;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 a {
    color: inherit;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p {
    margin-bottom: 4px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    color: #030712;
    line-height: 22px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:after {
    content: ",";
    margin-right: 3px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:last-child:after,
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:only-child:after {
    display: none;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next {
    position: absolute;
    top: calc(50% - 53px);
    z-index: 1;
    font-size: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-next {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev {
    left: 30px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-next {
    right: 30px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before {
    content: "\f177";
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before {
    content: "\f178";
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-portfolio-slider element-three */

.rt-portfolio-slider.element-three {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic {
    position: relative;
    overflow: hidden;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > img {
    width: 100%;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > .holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder:hover > .pic > .holder {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: auto;
    height: auto;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev {
    left: -20px;
}

.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-prev {
    left: 20px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-next {
    right: -20px;
}

.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-next {
    right: 20px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #fff;
    line-height: 36px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before {
    content: "\f104";
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before {
    content: "\f105";
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-pricing-table element-one */

.rt-pricing-table.element-one > .holder {
    position: relative;
    padding: 40px 25px 45px 25px;
    background-color: #fff;
    border: 1px #efefef solid;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-one > .holder > .heading {
    margin-bottom: 30px;
}

.rt-pricing-table.element-one > .holder > .heading > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .heading .title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
    color: #222;
    line-height: 27px;
    letter-spacing: -0.5px;
}

.rt-pricing-table.element-one > .holder > .heading .subtitle {
    max-width: 195px;
    margin: 0 auto 10px auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
}

.rt-pricing-table.element-one > .holder > .pricing {
    position: relative;
    margin-bottom: 26px;
}

.rt-pricing-table.element-one > .holder > .pricing > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .pricing .price {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 80px;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-one > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 24px;
    color: #7d789a;
    line-height: 1;
}

.rt-pricing-table.element-one > .holder > .pricing .pricing-tag {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 22px;
    padding: 5px 17px 5px 17px;
    background-color: #d9d4f0;
    border-radius: 35px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #252525;
    line-height: 25px;
}

.rt-pricing-table.element-one > .holder > .pricing .tagline {
    margin-bottom: 10px;
}

.rt-pricing-table.element-one > .holder > .list {
    margin-bottom: 35px;
}

.rt-pricing-table.element-one > .holder > .list > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .list ul {
    max-width: 195px;
    margin: 0 auto;
}

.rt-pricing-table.element-one > .holder > .list ul li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px #f3f3f3 solid;
}

.rt-pricing-table.element-one > .holder > .list ul li:last-child,
.rt-pricing-table.element-one > .holder > .list ul li:only-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.rt-pricing-table.element-one > .holder > .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .more .btn {
    margin-bottom: 15px;
    padding: 12px 37px 13px 37px;
    border-width: 1px;
    border-style: solid;
    border-radius: 35px;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-one > .holder > .more .btn:hover {
    color: #fff !important;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}

.rt-pricing-table.element-one.spotlight > .holder {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.rt-pricing-table.element-one.spotlight > .holder > .pricing .pricing-tag {
    color: #fff !important;
}

.rt-pricing-table.element-one.spotlight > .holder > .more .btn {
    color: #fff !important;
}

/* rt-pricing-table element-two */

.rt-pricing-table.element-two > .holder {
    position: relative;
    padding: 46px 25px 50px 25px;
    background-color: #fff;
    border: 1px #e7e6e6 solid;
    border-top-width: 6px;
    border-top-color: #e7e6e6;
    border-top-style: solid;
    text-align: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-two > .holder > .heading {
    margin-bottom: 30px;
}

.rt-pricing-table.element-two > .holder > .heading > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .heading .title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px;
    color: #030712;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.rt-pricing-table.element-two > .holder > .heading .subtitle {
    max-width: 195px;
    margin: 0 auto 10px auto;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.rt-pricing-table.element-two > .holder > .pricing {
    position: relative;
    margin-bottom: 26px;
}

.rt-pricing-table.element-two > .holder > .pricing > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .pricing .price {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 55px;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-two > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 300;
    font-size: 25px;
    line-height: 1;
}

.rt-pricing-table.element-two > .holder > .pricing .price sub {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 11px;
    margin-left: 8px;
    font-weight: 400;
    font-size: 20px;
    color: #030712;
    line-height: 48px;
}

.rt-pricing-table.element-two > .holder > .pricing .tagline {
    max-width: 195px;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
}

.rt-pricing-table.element-two > .holder > .list {
    margin-bottom: 35px;
}

.rt-pricing-table.element-two > .holder > .list > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .list ul {
    /*max-width:195px;*/
    margin: 0 auto;
}

.rt-pricing-table.element-two > .holder > .list ul li {
    margin-bottom: 21px;
    font-size: 16px;
    line-height: 28px;
}

.rt-pricing-table.element-two > .holder > .list ul li:last-child,
.rt-pricing-table.element-two > .holder > .list ul li:only-child {
    margin-bottom: 0;
}

.rt-pricing-table.element-two > .holder > .list ul li:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM3LjAxOSw3NC45OEMzODguNjY3LDI2LjYyOSwzMjQuMzgsMCwyNTYsMEMxODcuNjE5LDAsMTIzLjMzMSwyNi42MjksNzQuOTgsNzQuOThDMjYuNjI4LDEyMy4zMzIsMCwxODcuNjIsMCwyNTYgICAgczI2LjYyOCwxMzIuNjY3LDc0Ljk4LDE4MS4wMTlDMTIzLjMzMiw0ODUuMzcxLDE4Ny42MTksNTEyLDI1Niw1MTJjNjguMzgsMCwxMzIuNjY3LTI2LjYyOSwxODEuMDE5LTc0Ljk4MSAgICBDNDg1LjM3MSwzODguNjY3LDUxMiwzMjQuMzgsNTEyLDI1NlM0ODUuMzcxLDEyMy4zMzMsNDM3LjAxOSw3NC45OHogTTI1Niw0ODJDMTMxLjM4Myw0ODIsMzAsMzgwLjYxNywzMCwyNTZTMTMxLjM4MywzMCwyNTYsMzAgICAgczIyNiwxMDEuMzgzLDIyNiwyMjZTMzgwLjYxNyw0ODIsMjU2LDQ4MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNzguMzA1LDE3My44NTljLTUuODU3LTUuODU2LTE1LjM1NS01Ljg1Ni0yMS4yMTIsMC4wMDFMMjI0LjYzNCwzMDYuMzE5bC02OS43MjctNjkuNzI3ICAgIGMtNS44NTctNS44NTctMTUuMzU1LTUuODU3LTIxLjIxMywwYy01Ljg1OCw1Ljg1Ny01Ljg1OCwxNS4zNTUsMCwyMS4yMTNsODAuMzMzLDgwLjMzM2MyLjkyOSwyLjkyOSw2Ljc2OCw0LjM5MywxMC42MDYsNC4zOTMgICAgYzMuODM4LDAsNy42NzgtMS40NjUsMTAuNjA2LTQuMzkzbDE0My4wNjYtMTQzLjA2NkMzODQuMTYzLDE4OS4yMTUsMzg0LjE2MywxNzkuNzE3LDM3OC4zMDUsMTczLjg1OXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: 100% 100%;
}

.rt-pricing-table.element-two > .holder > .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .more .btn {
    margin-bottom: 15px;
    padding: 12px 37px 13px 37px;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-two > .holder > .more .btn:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}

.rt-pricing-table.element-two.spotlight > .holder {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.rt-pricing-table.element-two.spotlight > .holder > .more .btn {
    color: #fff !important;
}

/* rt-pricing-table element-three */

.rt-pricing-table.element-three > .holder {
    position: relative;
    padding: 50px 25px 50px 25px;
    background-color: #fff;
    border: 1px #e7e6e6 solid;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-three.spotlight > .holder {
    position: relative;
    padding: 50px 25px 50px 25px;
    background-color: #fff;
    border: 1px #e7e6e6 solid;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #FD572F;
    position: unset;
}

/*.rt-pricing-table.element-three>.holder .hightlight-tag {
position: absolute;
top: 15px;
right: -30px;
z-index: 1;
padding: 3px 50px 4px 70px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
color: #fff;
line-height: 26px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}*/

.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag {
    position: absolute;
    right: -14px;
    top: 25px;
}

@media screen and (max-width:768px) {
    .mobile-wrapper {
        background: #f7f7f7;
        border-bottom: 1px solid #eaeaea;
        overflow: hidden;
        padding: 13px 20px;
    }

    .mobile-logo {
        width: 50%;
        float: left;
        display: block;
    }

    .rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag {
        top: 8px;
    }
}

.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag > .spotlight-tag-text {
    background: #1FAD95;
}

.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag > .spotlight-tag-text {
    position: relative;
    display: block;
    margin: 0;
    padding: 6px 20px 6px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 1px;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    line-height: 25px;
    letter-spacing: 1px;
    /*box-shadow: 0px 2px 0px rgba(0,0,0,0.18);*/
}

.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag > .spotlight-tag-text:after {
    position: absolute;
    top: 100%;
    right: 0;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #188e7a transparent;
}

.rt-pricing-table.element-three > .holder > .icon {
    margin-bottom: 29px;
}

.rt-pricing-table.element-three > .holder > .heading {
    margin-bottom: 29px;
}

.rt-pricing-table.element-three > .holder > .heading > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .heading .title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px;
    color: #030712;
    line-height: 32px;
    letter-spacing: -0.5px;
}

.rt-pricing-table.element-three > .holder > .heading .subtitle {
    max-width: 220px;
    margin: 0 auto 10px auto;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.rt-pricing-table.element-three > .holder > .list {
    margin-bottom: 35px;
}

.rt-pricing-table.element-three > .holder > .list > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .list ul {
    /*max-width: 195px;*/
    margin: 0 auto;
}

.rt-pricing-table.element-three > .holder > .list ul li {
    margin-bottom: 6px;
    padding-bottom: 0px;
    border-bottom: none;
    font-size: 15px;
    line-height: 30px;
    color: #433B3A;
}

.rt-pricing-table.element-three > .spotlight > .holder > .list ul li {
    margin-bottom: 14px;
    padding-bottom: 0px;
    border-bottom: none;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff;
}

.rt-pricing-table.element-three > .holder > .list ul li:last-child,
.rt-pricing-table.element-three > .holder > .list ul li:only-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.rt-pricing-table.element-three > .holder > .pricing {
    position: relative;
    margin-bottom: 35px;
}

.rt-pricing-table.element-three > .holder > .pricing > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .pricing .price {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 75px;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-three > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 300;
    font-size: 24px;
    line-height: 1;
}

.rt-pricing-table.element-three > .holder > .pricing .price sub {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 6px;
    margin-left: 4px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
}

.rt-pricing-table.element-three > .holder > .pricing .tagline {
    max-width: 195px;
    margin: 0 auto 10px auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
}

.rt-pricing-table.element-three > .holder > .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .more .btn {
    margin-bottom: 15px;
    padding: 13px 0px 13px 0px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px !important;
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 180px;
}

.rt-pricing-table.element-three > .holder > .more .btn:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}

.rt-pricing-table.element-three.spotlight > .holder {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.rt-pricing-table.element-three.spotlight > .holder > .more .btn {
    color: #fff !important;
}

/* rt-pricing-table element-four */

.rt-pricing-table.element-four {
    padding-top: 20px;
}

.rt-pricing-table.element-four > .holder {
    position: relative;
    padding: 30px 30px 35px 30px;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.rt-pricing-table.element-four > .holder > .spotlight-tag {
    display: none;
    position: absolute;
    right: -10px;
    top: 15px;
}

.rt-pricing-table.element-four > .holder > .spotlight-tag > .spotlight-tag-text {
    position: relative;
    display: block;
    margin: 0;
    padding: 3px 20px 4px 20px;
    border-radius: 3px 0px 0px 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 1px;
}

.rt-pricing-table.element-four > .holder > .spotlight-tag > .spotlight-tag-text:after {
    position: absolute;
    top: 100%;
    right: 0;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}

.rt-pricing-table.element-four > .holder > .heading {
    margin-bottom: 25px;
}

.rt-pricing-table.element-four > .holder > .heading > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-four > .holder > .heading .title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 19px;
    color: #1e1e1e;
    line-height: 30px;
}

.rt-pricing-table.element-four > .holder > .heading .subtitle {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
}

.rt-pricing-table.element-four > .holder > .pricing {
    margin-bottom: 24px;
}

.rt-pricing-table.element-four > .holder > .pricing > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-four > .holder > .pricing .price {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 65px;
    color: #2b2944;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-four > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
}

.rt-pricing-table.element-four > .holder > .pricing .price sub {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
}

.rt-pricing-table.element-four > .holder > .pricing .tagline {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
}

.rt-pricing-table.element-four > .holder > .list {
    margin-bottom: 35px;
    font-size: 15px;
    color: #2b2944;
    line-height: 26px;
}

.rt-pricing-table.element-four > .holder > .list > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-four > .holder > .list ul li {
    margin-bottom: 11px;
}

.rt-pricing-table.element-four > .holder > .list ul li:last-child,
.rt-pricing-table.element-four > .holder > .list ul li:only-child {
    margin-bottom: 0;
}

.rt-pricing-table.element-four > .holder > .more > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-four > .holder > .more .btn {
    margin-bottom: 15px;
    padding: 11px 37px 13px 37px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-four > .holder > .more .btn:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 0px 30px rgba(5, 6, 6, 0.1);
}

.rt-pricing-table.element-four.spotlight {
    padding-top: 0;
}

.rt-pricing-table.element-four.spotlight > .holder {
    padding-top: 50px;
}

.rt-pricing-table.element-four.spotlight > .holder > .spotlight-tag {
    display: block;
}

.rt-pricing-table.element-four.spotlight > .holder > .more .btn {
    color: #fff !important;
}

/* rt-pricing-table element-five */

.rt-pricing-table.element-five > .holder {
    position: relative;
    background-color: #fff;
    text-align: center;
    border: 2px solid #ededed;
    border-radius: 10px;
    padding: 40px 0 20px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.rt-pricing-table.element-five > .holder:hover {
    border: 2px solid #8db4e1;
}

.rt-pricing-table.element-five > .holder > .icon {
    margin-bottom: 30px;
}

.rt-pricing-table.element-five > .holder > .plan-name {
    margin-bottom: 25px;
}

.rt-pricing-table > .holder > .plan-name > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-five > .holder > .plan-name h3 {
    font-weight: 600;
    font-size: 35px;
    color: #dbdfec;
    line-height: 40px;
    text-transform: uppercase;
}

.rt-pricing-table.element-five > .holder > .pricing {
    margin-bottom: 0;
}

.rt-pricing-table.element-five > .holder > .pricing .price {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 65px;
    color: #8fa4c2;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-five > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
}

.rt-pricing-table.element-five > .holder > .pricing .price sub {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.rt-pricing-table.element-five > .holder > .pricing .tagline {
    margin-bottom: 22px;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
}

.rt-pricing-table.element-five > .holder > .list {
    margin-bottom: 35px;
    font-size: 15px;
    color: #2b2944;
    line-height: 26px;
    padding-top: 25px;
    border-top: 1px solid #ededed;
}

.rt-pricing-table.element-five > .holder > .list > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-five > .holder > .list > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rt-pricing-table.element-five > .holder > .list > ul li {
    margin-bottom: 11px;
}

.rt-pricing-table.element-five > .holder > .list > ul li > span {
    font-weight: 700;
}

.rt-pricing-table.element-five > .holder > .select-btn .btn {
    margin-bottom: 15px;
    padding: 11px 50px 13px 50px;
    border-width: 2px;
    color: #525050;
    border-color: #ededed;
    border-style: solid;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* rt-pricing-table element-six */

.rt-pricing-table.element-six > .holder {
    position: relative;
    padding: 46px 25px 40px 25px;
    background-color: #fff;
    border: 1px #d4d0e9 solid;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transform: translateX(0);
}

.rt-pricing-table.element-six > .holder:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 6px;
    background-color: #0abc5f;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-pricing-table.element-six > .holder:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.rt-pricing-table.element-six > .holder:hover {}

.rt-pricing-table.element-six > .holder > .icon {
    margin-bottom: 30px;
}

.rt-pricing-table.element-six > .holder > .plan-name {
    margin-bottom: 25px;
}

.rt-pricing-table.element-six > .holder > .plan-name > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-six > .holder > .plan-name h3 {
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #2b2b2b;
    text-transform: uppercase;
}

.rt-pricing-table.element-six > .holder > .pricing {
    margin-bottom: 0;
}

.rt-pricing-table.element-six > .holder > .pricing .price {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 65px;
    color: #9b99a4;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-six > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
}

.rt-pricing-table.element-six > .holder > .pricing .price sub {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.rt-pricing-table.element-six > .holder > .pricing .tagline {
    margin-bottom: 22px;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
}

.rt-pricing-table.element-six > .holder > .list {
    margin-bottom: 35px;
    font-size: 15px;
    color: #2b2944;
    line-height: 26px;
}

.rt-pricing-table.element-six > .holder > .list > *:last-child {
    margin-bottom: 0 !important;
}

.rt-pricing-table.element-six > .holder > .list > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rt-pricing-table.element-six > .holder > .list > ul li {
    margin-bottom: 10px;
    padding: 10px 0;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.05);
}

.rt-pricing-table.element-six > .holder > .list > ul li > span {
    font-weight: 700;
}

.rt-pricing-table.element-six > .holder > .select-btn .btn {
    margin-bottom: 15px;
    padding: 8px 50px 9px 50px;
    border-width: 2px;
    color: #ffffff;
    background-color: #544d9d;
    text-transform: uppercase;
    border-color: #544d9d;
    border-style: solid;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-six > .holder > .select-btn .btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

/* rt-pricing-table element-seven */

.rt-pricing-table.element-seven .holder {
    position: relative;
    padding: 50px 25px 50px 25px;
    background: #fff;
    background-size: 200% auto;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.rt-pricing-table.element-seven > .holder > .icon {
    margin-bottom: 30px;
}

.rt-pricing-table.element-seven > .holder > .heading {
    margin-bottom: 30px;
}

.rt-pricing-table.element-seven > .holder > .heading .title {
    color: #282828;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.5px;
    margin: 0px;
}

.rt-pricing-table.element-seven > .holder > .pricing {
    margin-bottom: 30px;
}

.rt-pricing-table.element-seven > .holder > .pricing > .price {
    font-weight: 700;
    font-size: 60px;
    color: #282828;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-seven > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #5c5c5c;
}

.rt-pricing-table.element-seven > .holder > .pricing .price sub {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: #5c5c5c;
}

.rt-pricing-table.element-seven > .holder > .content-list {
    margin-bottom: 35px;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
}

.rt-pricing-table.element-seven > .holder > .content-list h3 {
    font-size: 20px;
    color: #5d5d5d;
}

.rt-pricing-table.element-seven > .holder > .content-list ul {
    padding: 0px;
}

.rt-pricing-table.element-seven > .holder > .content-list ul li {
    text-decoration: none;
    list-style: none;
    margin-bottom: 10px;
    color: #5c5c5c;
}

.rt-pricing-table.element-seven > .holder > .started .btn {
    margin-bottom: 0px;
    padding: 13px 0px 13px 0px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px !important;
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #6a30f5;
    color: #fff;
    width: 180px;
    height: 56px;
}

.rt-pricing-table.element-seven > .holder > .started .btn:hover {
    background-position: right center;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 0.3s;
    background: #1ed5a4;
}

/*** Highlight-tag ***/

.rt-pricing-table.element-seven.spotlight .holder {
    /*padding: 70px 30px 70px 30px;
top: -26px;*/
    padding: 50px 25px 50px 25px;
    z-index: 1;
    position: relative;
    background: linear-gradient(150deg, #6a30f5 0%, #9d43fe 100%);
    background-size: 200% auto;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    text-align: center;
    overflow: hidden;
    position: unset;
}

.rt-pricing-table.element-seven.spotlight .holder > .spotlight-tag {
    position: absolute;
    right: -15px;
    top: 15px;
}

.rt-pricing-table.element-seven.spotlight .holder > .spotlight-tag > .spotlight-tag-text {
    /*position: relative;
display: block;
margin: 0;
padding: 6px 20px 6px 20px;
border-radius: 0px;
font-weight: 600;
font-size: 15px;
color: #6b30f5;
line-height: 25px;
letter-spacing: 1px;
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.18);*/

    position: relative;
    display: block;
    background: #269e37;
    margin: 0;
    padding: 6px 20px 6px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 1px;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    line-height: 25px;
    letter-spacing: 1px;

    /*box-shadow: 0px 2px 0px rgba(0,0,0,0.18);*/
}

.rt-pricing-table.element-seven.spotlight .holder > .spotlight-tag > .spotlight-tag-text:after {
    /*position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: rgba(255, 255, 255, 1) transparent transparent transparent;*/

    position: absolute;
    top: 100%;
    right: 0;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #188e7a transparent;
}

.rt-pricing-table.element-seven.spotlight > .holder > .icon {
    margin-bottom: 30px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .heading {
    margin-bottom: 30px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .heading .title {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.5px;
    margin: 0px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .pricing {
    margin-bottom: 30px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .pricing > .price {
    font-weight: 700;
    font-size: 65px;
    color: #fff;
    line-height: 0.75;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-seven.spotlight > .holder > .pricing .price sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
    margin-right: 8px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}

.rt-pricing-table.element-seven.spotlight > .holder > .pricing .price sub {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}

.rt-pricing-table.element-seven.spotlight > .holder > .content-list {
    margin-bottom: 35px;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .content-list h3 {
    font-size: 20px;
    color: #fff;
}

.rt-pricing-table.element-seven.spotlight > .holder > .content-list ul {
    padding: 0px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .content-list ul li {
    text-decoration: none;
    list-style: none;
    margin-bottom: 10px;
    color: #fff;
}

.rt-pricing-table.element-seven.spotlight > .holder > .started .btn {
    margin-bottom: 0px;
    padding: 13px 0px 13px 0px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px !important;
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #fff;
    color: #903efc;
    width: 180px;
    height: 56px;
}

.rt-pricing-table.element-seven.spotlight > .holder > .started .btn:hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 0.3s;
    background: #1ed5a4;
    color: #fff;
}

/*.rt-pricing-table.element-seven.spotlight .holder>.spotlight-tag>.spotlight-tag-text {
top: 22px;
right: 198px;
padding: 3px 70px 3px 70px;
text-transform: capitalize ;
font-weight: normal;
font-size: 15px ;
color: #fff;
line-height: 28px ;
transform: rotate(310deg) ;
-webkit-transform: rotate(310deg) ;
text-align: center;
}

.rt-pricing-table.element-seven.spotlight .holder>.spotlight-tag>.spotlight-tag-text {
backface-visibility: hidden;
background-color: transparent ;
background: linear-gradient(to right, #F98900 0%, #F98900 100%);
box-shadow: 0 0 19px rgba(0,0,0,0.15);
}*/

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
    .rt-pricing-table.element-seven.spotlight .holder {
        top: 0;
    }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
    .rt-pricing-table.element-seven.spotlight .holder {
        top: 0;
    }
}

/*** pricing-table-element-eight***/

.rt-pricing-table.element-eight {
    background: #fff;
    box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    text-align: center;
    margin: 0px;
    padding: 20px 20px 20px 20px;
    border-radius: 5px;
}

.rt-pricing-table.element-eight h4 {
    color: #3c4857;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2em;
    padding-bottom: 15px;
}

.rt-pricing-table.element-eight h5 {
    color: #3c4857;
    font-size: 60px;
    font-weight: 400;
    line-height: 0.75;
    letter-spacing: 1px;
}

.rt-pricing-table.element-eight h5 sup {
    font-size: 20px;
}

.rt-pricing-table.element-eight h5 sub {
    font-size: 20px;
    vertical-align: middle;
}

.rt-pricing-table.element-eight ul {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
}

.rt-pricing-table.element-eight ul li {
    list-style-type: none;
    font-size: 16px;
    font-weight: 300;
    color: #54595f;
    line-height: 54px;
    border-bottom: 1px solid #ececec;
}

.rt-pricing-table.element-eight ul li:last-child {
    border-bottom: none;
}

.rt-pricing-table.element-eight .butn_area {
    width: 100%;
}

.rt-pricing-table.element-eight .gen_btn {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7em;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #e91e63;
    border-radius: 30px 30px 30px 30px;
    padding: 12px 24px;
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.rt-pricing-table.element-eight:hover {
    background-color: #e91e63;
}

.rt-pricing-table.element-eight:hover h4,
.rt-pricing-table.element-eight:hover h5 {
    color: #fff;
}

.rt-pricing-table.element-eight:hover ul li {
    color: #fff;
    border-bottom: 1px solid #ed5689;
}

.rt-pricing-table.element-eight:hover .gen_btn {
    color: #e91e63;
    text-transform: uppercase;
    background-color: #fff;
    text-decoration: none;
}

.rt-pricing-table.element-eight:hover .gen_btn:hover {
    background: #8e0d39;
    color: #fff;
}

/*----------------- Price Box Active -----------------*/

.rt-pricing-table.element-eight.spotlight h4,
.rt-pricing-table.element-eight.spotlight h5 {
    color: #fff;
}

.rt-pricing-table.element-eight.spotlight ul li {
    color: #fff;
    border-bottom: 1px solid #ed5689;
}

.rt-pricing-table.element-eight.spotlight {
    background: #e91e63;
}

.rt-pricing-table.element-eight.spotlight .gen_btn {
    color: #e91e63;
    text-transform: uppercase;
    background-color: #fff;
    text-decoration: none;
}

@media screen and (max-width:767px) {
    .rt-pricing-table.element-eight {
        margin-bottom: 50px;
    }

}

/*** pricing-table-element-nine***/

.rt-pricing-table.element-nine {
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding-top: 44px;
    padding-left: 60px;
    padding-bottom: 60px;
    padding-right: 60px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
}

.rt-pricing-table.element-nine.spotlight {
    text-align: left;
    -webkit-box-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: #ffffff;
    padding-top: 44px;
    padding-left: 60px;
    padding-bottom: 60px;
    padding-right: 60px;
    border-radius: 4px;
}

.rt-pricing-table.element-nine .rt-pricing-sub {
    color: #000000;
    font-size: 18px;
    text-shadow: none;
    text-align: left;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
}

.rt-pricing-table.element-nine.spotlight .rt-pricing-sub {
    color: #000000;
    font-size: 18px;
    text-shadow: none;
    text-align: left;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
}

.rt-pricing-table.element-nine .rt-pricing-title {
    color: #0F0C0C;
    background: transparent;
    padding: 2px 0px;
    font-size: 22px;
    text-shadow: none;
    text-align: left;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0;
}

.rt-pricing-table.element-nine .rt-price {
    background: transparent;
    font-size: 45px;
    font-weight: bold;
    padding: 0px 0px;
    text-align: left;
    color: #0F0C0C;
    margin-top: 7px;
    margin-bottom: 14px;
}

@media screen and (max-width:768px) {
    .rt-pricing-table.element-nine .rt-price {
        margin-bottom: 0;
    }
}

.rt-pricing-table.element-nine .rt-price .rt-supsub {
    position: absolute;
}

.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-subscript {
    color: green;
    display: block;
    position: relative;
    left: 5px;
    top: 43px;
    font-size: 16px;
    color: #545454;
    font-weight: 400;
}

.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript {
    color: red;
    display: block;
    position: relative;
    left: 22px;
    top: 5px;
    font-size: 14px;
    color: #33475B;
    font-weight: 500;
}

.rt-pricing-table.element-nine .rt-list {
    background: transparent;
    padding-top: 3px;
}

.rt-pricing-table.element-nine .rt-list ul {
    background: transparent;
    padding-top: 19px;
}

.rt-pricing-table.element-nine .rt-list ul li {
    font-size: 15px;
    font-weight: normal;
    /*padding-top: 7px;*/
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    color: #231f20;
}

.rt-pricing-table.element-nine .rt-list ul li span {
    padding-left: 24px;
}

.rt-pricing-table.element-nine.spotlight .rt-list ul {
    background: transparent;
    padding-top: 19px;
}

.rt-pricing-table.element-nine.spotlight .rt-list ul li {
    font-size: 15px;
    font-weight: normal;
    /*padding-top: 7px;*/
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    color: #231F20;
}

.rt-pricing-table.element-nine.spotlight .rt-list ul li span {
    padding-left: 24px;
}

.rt-pricing-table.element-nine .rt-table-buy {
    background: transparent;
    padding: 0px;
    text-align: left;
    overflow: hidden;
    width: 100%;
}

.rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action {
    float: left;
    color: #ffffff;
    /*background: transparent;*/
    background: linear-gradient(to bottom right, #FF0C86 0%, #FF7454 100%);
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    font-family: "Poppins";
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #ff6064;
    text-decoration: none !important;
    margin-top: 25px;
    width: 100%;
    text-align: center;
    /*box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
	-webkit-box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);*/
}

.rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    /*box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);*/
}

.rt-pricing-table.element-nine.spotlight .rt-table-buy .rt-pricing-action {
    float: left;
    color: #fff;
    background: linear-gradient(to right, #fa454a 0%, #ff7b43 100%);
    background: -webkit-linear-gradient(to right, #fa454a 0%, #ff7b43 100%);
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    font-family: "Poppins";
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #ff6064;
    text-decoration: none !important;
    margin-top: 25px;
    width: 100%;
    text-align: center;
    /*box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
	-webkit-box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);*/
}

.rt-pricing-table.element-nine.spotlight .rt-table-buy .rt-pricing-action:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    /*box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);*/
}

.rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action .fa-angle-right {
    font-weight: bold;
    margin-left: 5px;
}

.rt-pricing-table.element-nine .rt-list p {
    padding-top: 19px;
    color: #5E656C;
    font-size: 15px;
    line-height: 30px;
}

.rt-pricing-table.element-nine .rt-table-discover {
    background: transparent;
    padding: 0px;
    text-align: left;
    overflow: hidden;
    width: 100%;
}

.rt-pricing-table.element-nine .rt-table-discover .rt-pricing-link-2 {
    float: left;
    color: #797F85;
    background: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    text-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border: 1px solid transparent;
    text-decoration: none !important;
    margin-top: 23px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.rt-pricing-table.element-nine.spotlight .rt-table-discover .rt-pricing-link-2 {
    float: left;
    color: #797F85;
    background: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    text-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border: 1px solid transparent;
    text-decoration: none !important;
    margin-top: 24px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

/** ========================
* HIGHLIGHTED POPULAR TAG *
==========================*/

.rt-pricing-table.element-nine.spotlight > .spotlight-tag {
    position: absolute;
    right: -15px;
    top: 22px;
}

.rt-pricing-table.element-nine.spotlight > .spotlight-tag > .spotlight-tag-text {
    position: relative;
    display: block;
    background: #3D35EF;
    margin: 0;
    padding: 6px 20px 6px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 1px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
    letter-spacing: 1px;
}

.rt-pricing-table.element-nine.spotlight > .spotlight-tag > .spotlight-tag-text:after {
    position: absolute;
    top: 100%;
    right: 0;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #188e7a transparent;
}

/** ========================
 * Pricing Table Responsive CSS
 ============================*/

@media screen and (max-width:1199px) {
    .rt-pricing-table.element-nine {
        padding-left: 35px;
        padding-right: 35px;
    }

    .rt-pricing-table.element-nine.spotlight {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media screen and (max-width:991px) {
    /*.rt-pricing-table.element-nine.spotlight > .spotlight-tag {
		top: 10px;
	}*/

    .rt-pricing-table.element-nine {
        padding-left: 20px;
        padding-right: 20px;
    }


    .rt-pricing-table.element-nine.spotlight {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rt-pricing-table.element-nine .rt-price {
        font-size: 38px;
    }

    .rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript {
        top: 16px;
    }
}

@media screen and (max-width:768px) {
    .rt-pricing-table.element-nine {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rt-pricing-table.element-nine.spotlight {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rt-pricing-table.element-nine .rt-price {
        font-size: 37px;
    }

}

@media screen and (max-width:767px) {
    .rt-pricing-table.element-nine {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .rt-pricing-table.element-nine.spotlight {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    /*.rt-pricing-table.element-nine.spotlight > .spotlight-tag {
		top: 26px;
	}*/

}

/* Drop Down new css*/
.rt-select-wrapper {
    position: relative;
    /*width: 100%;*/
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    padding-right: 36px;
    border-radius: 4px;
    border: 1px solid #eff0f2;
    background: #eff0f2;
}

.rt-select-wrapper .rt-select-text {
    display: block;
    padding: 10px;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-size: 16px;
    color: #000;
}

.rt-select-wrapper .rt-select-button {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.rt-select-wrapper .rt-select-button:before {
    content: "\e64b";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -3px;
    font-family: 'themify';
    font-size: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #000;
}

.select2-container .select2-selection > .select2-selection__arrow:before {
    content: "\e64b";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -15px;
    font-family: 'themify';
    font-size: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

.widget-area > .widget select {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 0;
    padding: 0 10px 0 0;
    font-size: 13px;
    height: 37px;
    border: 1px solid #E7F1FB;
    background-color: #ffffff;
}

.widget-area > .widget select:hover {
    border: 1px solid #E7F1FB !important;
    background-color: #ffffff;
}

.widget-area > .widget select:focus {
    border: 1px solid #afb1b1 !important;
    background-color: #ffffff;
}


/* End Drop Down new css*/


/** ========================
* Pricing Table Responsive CSS
============================*/

@media screen and (max-width:1199px) {
    .rt-pricing-table.element-nine {
        padding-left: 35px;
        padding-right: 35px;
    }

    .rt-pricing-table.element-nine.spotlight {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media screen and (max-width:991px) {
    .rt-pricing-table.element-nine.spotlight > .spotlight-tag {
        top: 10px;
    }

    .rt-pricing-table.element-nine {
        padding-left: 20px;
        padding-right: 20px;
    }


    .rt-pricing-table.element-nine.spotlight {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rt-pricing-table.element-nine .rt-price {
        font-size: 38px;
    }

    .rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript {
        top: 16px;
    }

    .rt-pricing-table.element-nine .rt-price .rt-supsub .rt-subscript {
        top: 36px;
    }
}

@media screen and (max-width:768px) {
    .rt-pricing-table.element-nine {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rt-pricing-table.element-nine.spotlight {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rt-pricing-table.element-nine .rt-price {
        font-size: 37px;
    }

}

@media screen and (max-width:767px) {
    .rt-pricing-table.element-nine {
        padding-left: 40px;
        padding-right: 40px;
        margin-bottom: 30px;
    }

    .rt-pricing-table.element-nine.spotlight {
        padding-left: 40px;
        padding-right: 40px;
        margin-bottom: 30px;
    }

    .rt-pricing-table.element-nine.spotlight > .spotlight-tag {
        top: 26px;
    }

}

/* rt-pricing-table element-ten */

.rt-pricing-table.element-ten {
    text-align: left;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding-top: 27px;
    padding-left: 45px;
    padding-bottom: 33px;
    padding-right: 45px;
    background: #ffffff;
}


.rt-pricing-table.element-ten.spotlight {
    text-align: left;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: 0px 5px 60px 0px rgba(255, 95, 99, 0.12);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    /*border:1px solid black;*/
    padding-top: 27px;
    padding-left: 45px;
    padding-bottom: 33px;
    padding-right: 45px;
    background: #ffffff;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .rt-pricing-table.element-ten {
        padding-left: 25px;
        padding-right: 25px;
    }

    .rt-pricing-table.element-ten.spotlight {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.rt-pricing-table.element-ten .rt-pricing-title {
    color: #1C1615;
    background: transparent;
    padding: 0px 0px;
    font-size: 22px;
    text-shadow: none;
    text-align: left;
    font-weight: 500;
}

.rt-pricing-table.element-ten .rt-price {
    /*background: #403e3d;*/
    background: transparent;
    font-size: 55px;
    font-weight: 700;
    padding: 0px 0px;
    text-align: left;
    color: #ff6064;
}

.rt-pricing-table.element-ten .rt-price sub {
    font-size: 50% !important;
    position: relative;
    left: 5px;
    color: #3c4f62;
    font-weight: 500;
}

.rt-pricing-table.element-ten .rt-list ul {
    background: transparent;
    color: #403d3a;
}

.rt-pricing-table.element-ten .rt-list ul li {
    font-size: 15px !important;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}

.rt-pricing-table.element-ten .rt-list ul li span.rt-unlimited {
    color: #FFF;
    background: #3cbf70;
    font-size: 12px;
    padding: 0px 5px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.rt-pricing-table.element-ten .rt-list ul li span.rt-unlimited-danger {
    color: #FFF;
    background: #ff6064;
    font-size: 12px;
    padding: 0px 5px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.rt-pricing-table.element-ten .rt-list ul li:nth-child(2n) {
    background: transparent;
}

.rt-pricing-table.element-ten .rt-table-buy {
    background: transparent;
    padding: 0px;
    text-align: left;
    overflow: hidden;
    width: 100%;
}

.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action {
    float: left;
    color: #ff6064;
    background: transparent;
    padding-top: 12px;
    padding-bottom: 12px;
    /*padding-left: 30px;
padding-right: 30px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    text-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border: 1px solid #ff6064;
    text-decoration: none !important;
    margin-top: 23px;
    width: 180px;
    text-align: center;
}

.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action:hover {
    background: #ff6064;
    color: #fff;
}


.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action .fa-angle-right {
    font-weight: bold;
    margin-left: 5px;
    display: none;
}

.rt-pricing-table.element-ten .rt-list p {
    padding-top: 17px;
    font-size: 15px;
    color: #33475B;
    line-height: 28px;
    letter-spacing: 0.1;
}

.rt-pricing-table.element-ten .rt-pricing-text-2 {
    padding-top: 15px;
}



/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-progress-bar element-one */

.rt-progress-bar.element-one > .title {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    line-height: 28px;
}

.rt-progress-bar.element-one > .title > .progress-width {
    float: right;
}

.rt-progress-bar.element-one > .progress > .progress-bar {
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

/* radiantthemes-recent-post-widget element-one */

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post {
    margin-bottom: 22px;
}

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child,
.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child {
    margin-bottom: 0;
}

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 27px;
    font-style: italic;
}

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    opacity: 0.7;
}

/* radiantthemes-recent-post-widget element-two */

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post {
    margin-bottom: 22px;
}

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child,
.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child {
    margin-bottom: 0;
}

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #141515;
    line-height: 27px;
    font-style: italic;
}

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px;
    color: #141515;
    line-height: 28px;
    opacity: 0.7;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-separator element-one */

.radiantthemes-separator.element-one > .radiantthemes-separator-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.radiantthemes-separator.element-one > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}

@keyframes RadiantThemesSeparatorAnimation {
    0% {
        left: -12px;
    }

    100% {
        left: 100%;
    }
}

/* radiantthemes-separator element-two */

.radiantthemes-separator.element-two > .radiantthemes-separator-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
}

.radiantthemes-separator.element-two > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}

@keyframes RadiantThemesSeparatorAnimation {
    0% {
        left: -12px;
    }

    100% {
        left: 100%;
    }
}

/* radiantthemes-separator element-three */

.radiantthemes-separator.element-three > .radiantthemes-separator-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}

.radiantthemes-separator.element-three > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}

@keyframes RadiantThemesSeparatorAnimation {
    0% {
        left: -12px;
    }

    100% {
        left: 100%;
    }
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-social-widget element-one */

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #000;
    line-height: 36px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a:hover {
    color: #fff;
}

/* radiantthemes-social-widget element-two */

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 45px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* radiantthemes-social-widget element-three */

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
}

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* radiantthemes-social-widget element-four */

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 42px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a:hover {
    color: #fff;
}

/* radiantthemes-social-widget element-five */

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
}

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* radiantthemes-social-widget element-six */

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    line-height: 38px;
    cursor: pointer;
}

/* radiantthemes-social-widget element-seven */

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons {
    font-size: 0;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:only-child {
    margin-right: 0;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a {
    display: block;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border: 2px rgba(0, 0, 0, 0.1) solid;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #282828;
    line-height: 42px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a:hover {
    color: #fff;
}

/* Event */
.up-event-box {
    border: 1px solid #d2d2d2;
    background: #fff;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

.up-event-box:after {
    content: "";
    width: 15%;
    height: 3px;
    background: #3cb065;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.heading {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.heading span {
    color: #22356a;
    font-size: 30px;
    font-weight: 600;
    /*font-family: 'Poppins', sans-serif;*/
    float: left;
}

.viewall-btn {
    background: #3db166;
    padding: 13px 30px;
    float: right;
    color: #fff;
    font-size: 14px;
    /*font-family: 'Poppins', sans-serif;*/
}

.viewall-btn:hover {
    text-decoration: none;
    color: #fff;
}

.up-event-calender-box {
    width: 15%;
    float: left;
    padding: 15px 15px;
    text-align: center;
}

.up-event-calender-box .date {
    color: #22356a;
    font-size: 36px;
    font-weight: 700;
    /*font-family: 'Poppins', sans-serif;*/
}

.up-event-calender-box .month {
    color: #767676;
    font-size: 16px;
    font-weight: 600;
    /*font-family: 'Poppins', sans-serif;*/
}

.up-event-text-box {
    width: 85%;
    float: left;
    border-left: 1px solid #d2d2d2;
    min-height: 95px;
    padding: 10px;
}

.up-event-text-box h3 {
    margin: 10px 0 10px 0;
    line-height: 22px;
    color: #22356a;
    font-size: 16px;
    font-weight: 600;
    /*font-family: 'Poppins', sans-serif;*/
}

.up-event-text-box p {
    margin-bottom: 0px;
}

.up-event-text-box span {
    margin-right: 15px;
    color: #767676;
}

/*start home-one-css*/
course-style-one.courses_section {
    padding: 100px 0;
}

.courses_section .course-main-box {
    border: 1px solid #efefef;
}

.courses_section .course-main-box img {
    width: 100%;
    margin-top: 0 auto;
}

.courses_section .course-content-box {
    padding: 10px;
}

.courses_section .course-content-box h2 {
    color: #22356a;
    /*font-family: "Poppins", Sans-serif;*/
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
}

.courses_section .course-content-box h3 {
    color: #767676;
    /*font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.courses_section .course-content-box p {
    color: #767676;
    /*font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.courses_section .course-main-box .ratings .fas {
    color: #ffb931;
    font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
    /*font-family: "Raleway", Sans-serif;*/
    color: #767676;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
}

.courses_section .course-main-box .view-button {
    text-align: right;
    margin-top: -39px;
}

.courses_section .course-main-box .view-button a {
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    padding: 12px 50px 12px 50px;
    background-color: #3db166;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .course-main-box .view-button a:hover {
    background-color: #22356a;
}

.courses_section .ratings-section .ratings {
    padding: 0 9px;
}

.courses_section .view-all-button a {
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    color: #3db166;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
    color: #22356a;
}

.courses_section .view-all-button {
    text-align: center;
    margin-top: 40px;
}


@media screen and (max-width:320px) {
    .courses_section .course-main-box .view-button {
        margin-top: 5px;
        text-align: left;
        padding: 0 9px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .courses_section .course-main-box .view-button {
        margin-top: 5px;
        text-align: left;
        padding: 0 9px;
    }
}

/*end home-one-css*/


/*start home-two-css*/
.courses_section {
    padding: 100px 0;
}

.courses_section .course-main-box {
    border: 1px solid #efefef;
}

.courses_section .course-main-box img {
    width: 100%;
    margin-top: 0 auto;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.courses_section .course-main-box .ratings-section {
    padding: 12px 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box:hover .ratings-section {
    background-color: #22356a;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
    color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
    color: #22356a;
    /*    font-family: "Poppins", Sans-serif;*/
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
    color: #373737;
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
}

.courses_section .course-main-box .ratings .fas {
    color: #ffb931;
    font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
    /*    font-family: "Raleway", Sans-serif;*/
    color: #373737;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
}

.courses_section .ratings {
    text-align: center;
}

.courses_section .view-all-button {
    margin-top: 40px;
}

.courses_section .view-all-button a {
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #2b2f34;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
    background-color: #3db166;

}

.no-padding {
    padding: 0;
}

.courses_section .courses-heading h4 {
    font-size: 14px;
    font-weight: 400;
    /*    font-family: "Raleway", Sans-serif;*/
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 28px;
    color: #373737;
}

.courses_section .courses-heading h2 {
    font-size: 32px;
    font-weight: 400;
    /*    font-family: "Barlow Condensed", Sans-serif;*/
    text-transform: uppercase;
    color: #22356a;
    margin-bottom: 40px;
}




@media screen and (max-width:320px) {
    .courses_section .ratings {
        text-align: left;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .courses_section .ratings {
        text-align: left;
    }
}

/*End home-two-css*/

/*start style-three-css*/
.courses_section {
    padding: 100px 0;
}

.courses_section .course-main-box {
    border: 1px solid #efefef;
}

.courses_section .course-main-box img {
    width: 100%;
    margin-top: 0 auto;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.courses_section .course-main-box .ratings-section {
    padding: 12px 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box:hover .ratings-section {
    background-color: #3db166;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
    color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
    color: #3db166;
    /*font-family: "Poppins", Sans-serif;*/
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
    color: #373737;
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
}

.courses_section .course-main-box .ratings .fas {
    color: #ffb931;
    font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
    /*    font-family: "Raleway", Sans-serif;*/
    color: #373737;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
}

.courses_section .ratings {
    text-align: center;
}

.courses_section .view-all-button {
    margin-top: 40px;
}

.courses_section .view-all-button a {
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #2b2f34;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
    background-color: #3db166;

}

.no-padding {
    padding: 0;
}

.courses_section .courses-heading h4 {
    font-size: 14px;
    font-weight: 400;
    /*    font-family: "Raleway", Sans-serif;*/
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 28px;
    color: #373737;
}

.courses_section .courses-heading h2 {
    font-size: 32px;
    font-weight: 400;
    /*    font-family: "Barlow Condensed", Sans-serif;*/
    text-transform: uppercase;
    color: #22356a;
    margin-bottom: 40px;
}




@media screen and (max-width:320px) {
    .courses_section .ratings {
        text-align: left;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .courses_section .ratings {
        text-align: left;
    }
}

/*End style-three-css*/

/*start home-four-css*/
.courses_section {
    padding: 100px 0;
}

/*.courses_section .course-main-box{
border:1px solid #efefef;
}*/
.courses_section .course-main-box img {
    width: 100%;
    margin-top: 0 auto;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.courses_section .course-main-box .ratings-section {
    padding: 12px 15px;
    /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
}

.courses_section .course-main-box:hover .ratings-section {
    background-color: #3db166;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
    color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
    color: #fff;
    /*    font-family: "Poppins", Sans-serif;*/
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
    color: #fff;
    /*    font-family: 'Lato', sans-serif;*/
    font-size: 14px;
    font-weight: 400;
}

.courses_section .course-main-box .ratings-section {
    margin-top: -81px;
}

.courses_section .course-main-box .ratings .fas {
    color: #ffb931;
    font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
    /*    font-family: 'Lato', sans-serif;*/
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
}

.courses_section .view-all-button {
    margin-top: 40px;
}

.courses_section .view-all-button a {
    /*    font-family: "Raleway", Sans-serif;*/
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #2b2f34;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
    background-color: #3db166;

}

.no-padding {
    padding: 0;
}

.courses_section .courses-heading h4 {
    font-size: 14px;
    font-weight: 400;
    /*font-family: "Raleway", Sans-serif;*/
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 28px;
    color: #373737;
}

.courses_section .courses-heading h2 {
    font-size: 32px;
    font-weight: 400;
    /*font-family: "Barlow Condensed", Sans-serif;*/
    text-transform: uppercase;
    color: #22356a;
    margin-bottom: 40px;
}




@media screen and (max-width:320px) {
    .courses_section .course-main-box .ratings-section {
        margin-top: -98px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .courses_section .course-main-box .ratings-section {
        margin-top: -90px;
    }
}

/*End home-four-css*/



/*Start home-five-css*/
.courses_section {
    padding: 100px 0;
}

.courses_section .course-main-box {
    border: 1px solid #efefef;
}

.courses_section .course-main-box img {
    width: 100%;
    margin-top: 0 auto;
}

.courses_section .course-content-box {
    padding: 10px;
}

.courses_section .course-content-box h2 {
    color: #22356a;
    /*font-family: "Poppins", Sans-serif;*/
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
}

.courses_section .course-content-box h3 {
    color: #767676;
    /*font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.courses_section .course-content-box p {
    color: #767676;
    /*font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.courses_section .course-main-box .ratings .fas {
    color: #ffb931;
    font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
    /*font-family: "Raleway", Sans-serif;*/
    color: #767676;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
}

.courses_section .course-main-box .view-button {
    text-align: right;
    margin-top: -39px;
}

.courses_section .course-main-box .view-button a {
    /*font-family: "Raleway", Sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    padding: 12px 50px 12px 50px;
    background-color: #3db166;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .course-main-box .view-button a:hover {
    background-color: #22356a;
}

.courses_section .ratings-section .ratings {
    padding: 0 9px;
}

.courses_section .view-all-button a {
    /*    font-family: 'Barlow Condensed', sans-serif;*/
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #16285c;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
    background-color: #3db166;

}

.courses_section .view-all-button {
    text-align: right;
}

.courses_section .courses-heading h4 {
    font-size: 14px;
    font-weight: 400;
    /*font-family: "Raleway", Sans-serif;*/
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 28px;
    color: #373737;
}

.courses_section .courses-heading h2 {
    font-size: 32px;
    font-weight: 400;
    /*font-family: "Barlow Condensed", Sans-serif;*/
    text-transform: uppercase;
    color: #22356a;
    margin-bottom: 40px;
}




@media screen and (max-width:320px) {
    .courses_section .course-main-box .view-button {
        margin-top: 5px;
        text-align: left;
        padding: 0 9px;
    }

    .courses_section .view-all-button {
        text-align: left;
        margin-bottom: 20px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .courses_section .course-main-box .view-button {
        margin-top: 5px;
        text-align: left;
        padding: 0 9px;
    }
}

/*End home-five-css*/


/* radiantthemes-case-studies-slider element-one */
.radiantthemes-case-studies-slider.element-one {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder {
    position: relative;
    overflow: hidden;
    padding-top: calc((79 / 100) * 100%);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.7s ease-in-out 0.0s;
    -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .overlay {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    visibility: hidden;
    transition: all 0.7s ease-in-out 0.0s;
    -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transition: all 0.3s ease-in-out 0.0s;
    -webkit-transition: all 0.3s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title a {
    color: inherit;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    text-align: right;
    font-size: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all 0.3s ease-in-out 0.2s;
    -webkit-transition: all 0.3s ease-in-out 0.2s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button > .btn {
    display: inline-block;
    vertical-align: top;
    padding: 10px 12px 10px 12px;
    border: none;
    border-radius: 0;
    font-size: 22px;
    color: #fff;
    line-height: 1;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .pic {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .overlay,
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .data {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .action-button {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.radiantthemes-case-studies-slider.element-one .owl-dots {
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 15px;
    text-align: center;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    margin-right: 4px;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot > span {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot.active > span {
    background-color: #1e2c41;
}

/* LARGE DESKTOP PART */
/* DESKTOP PART */
/* TABLET LANDSCAPE PART */
/* TABLET PROTRAIT PART */
/* SMART PHONE LANDSCAPE PART */
/* SMART PHONE PROTRAIT PART */
/* rt-case-study-box-filter */
.rt-case-study-box-filter[class*='filter-style-'] {
    font-size: 0;
}

.rt-case-study-box-filter.filter-style-one {
    margin-bottom: 30px;
}



.rt-case-study-box-filter.filter-style-one > button {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
    background-color: initial;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    color: #4e4e4e;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {

    /* rt-case-study-box-filter */
    .rt-case-study-box-filter.filter-style-one > button {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {

    /* rt-case-study-box-filter */
    .rt-case-study-box-filter.filter-style-one > button {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }
}

/* rt-case-study-box element-one */
.rt-case-study-box.element-one .rt-case-study-box-item {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder {
    background-color: #f8f8f8;
    border: 1px #edebeb solid;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover {
    position: relative;
    z-index: 1;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic {
    position: relative;
    overflow: hidden;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > img {
    width: 100%;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > .holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover > .pic > .holder {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data {
    padding: 25px 25px 27px 25px;
}

.rt-case-study-box.element-one[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
    text-align: left;
}

.rt-case-study-box.element-one[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
    text-align: center;
}

.rt-case-study-box.element-one[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
    text-align: right;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p.category {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 15px;
    color: #001040;
    line-height: 25px;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 {
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 17px;
    color: #001040;
    line-height: 28px;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 a {
    color: inherit;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p {
    margin-bottom: 10px;
    color: #001040;
}

/* LARGE DESKTOP PART */
/* DESKTOP PART */
/* TABLET LANDSCAPE PART */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .rt-case-study-box.element-one .rt-case-study-box-item {
        width: 33.33% !important;
    }
}

/* TABLET PROTRAIT PART */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .rt-case-study-box.element-one .rt-case-study-box-item {
        width: 50% !important;
    }
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {
    .rt-case-study-box.element-one .rt-case-study-box-item {
        width: 100% !important;
    }
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {
    .rt-case-study-box.element-one .rt-case-study-box-item {
        width: 100% !important;
    }
}



/*--------------------------------------------------------------
# Case Studies (Style Two)
--------------------------------------------------------------*/
.case-study-inner {
    padding: 120px 0 80px 0;
}


.rt-case-study-box.element-two > .rt-case-study-box-item > .holder {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    transform: translateY(0);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover {
    transform: translateY(-6px);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic {
    transform: scale(1) translateY(0);
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    backface-visibility: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover > .pic {
    transform: scale(1.1) translateY(-12px);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > img {
    width: 100%;
    float: left;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn {
    text-align: right;
    top: -30px;
    position: relative;
    right: 25px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button {
    display: block;
    float: right;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover .post-button {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
    background-color: #1ed5a4;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
    color: #ffffff;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
    color: #1ed5a4;
    font-size: 18px;
    line-height: 55px;
    display: block;
    text-align: center;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data {
    padding: 20px 25px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .date {
    font-size: 14px;
    line-height: 26px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title {
    margin-bottom: 0;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .excerpt {
    margin-bottom: 3px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title > a {
    text-decoration: none;
    color: #1e1666;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.7px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .post-meta > span {
    text-transform: capitalize;
    font-size: 13px;
    color: #999;
    line-height: 1.8;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > span.author {
    color: #6a7c92;
}


/*==============================*/



.rt-case-study-box.element-three > .rt-case-study-box-item {
    text-align: left;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder {
    background-color: #fff;
    border: 1px #d8dadd solid;
    text-align: inherit;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data {
    padding: 26px 23px 27px 23px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data .title {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data > *:last-child {
    margin-bottom: 0 !important;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic {
    text-align: center;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic img {
    width: 100%;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more {
    position: relative;
    overflow: hidden;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-first {
    background-color: transparent;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn {
    display: block;
    text-align: left;
    padding: 10px 23px 10px 23px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn i {
    vertical-align: middle;
    margin-top: 0;
    margin-left: 10px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second,
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second:hover {
    background-color: #1A4CED;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-first {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-second {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*===========================================*/

/* Slider Start */
#app-slider {
    padding: 14px 0;
}

#app-slider {
    position: relative;
    display: inline-block;
}

#app-slider:before {
    background: url(../images/app-slider-ph-bg.png);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 235px;
    height: 542px;
    z-index: 99;
    background-repeat: no-repeat;
    top: 0;
}

.owl-theme .owl-dots {
    margin-top: 30px !important;
}

/* rt-slider Nav Style */
.rt-slider .owl-nav {
    font-size: 0;
}

.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
    opacity: 1;
    visibility: visible;
}

.rt-slider .owl-nav > .owl-prev {
    left: 15px;
}

.rt-slider:hover .owl-nav > .owl-prev {
    left: -35px;
}

.rt-slider .owl-nav > .owl-next {
    right: 15px;
}

.rt-slider:hover .owl-nav > .owl-next {
    right: -35px;
}


.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 55px;
    color: #6a30f5;
    line-height: 1;
}

.rt-slider .owl-nav > .owl-prev:before {
    content: "\f104";
}

.rt-slider .owl-nav > .owl-next:before {
    content: "\f105";
}


@media screen and (max-width:480px) {
    #app-slider .pic {
        width: 58%;
        margin: 0 auto;
    }
}

@media screen and (min-width:481px) and (max-width:768px) {
    #app-slider .pic {
        width: 90%;
        margin: 0 auto;
    }
}

/*--------------------------------------------------------------
# Case Studies (Style Four)
--------------------------------------------------------------*/

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic {
    transform: scale(1) translateY(0);
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
    border-bottom: 4px solid transparent;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic {
    transform: scale(1.1) translateY(-12px);
    border-bottom: 4px solid #27AD5F;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic > img {
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > img {
    width: 100%;
    float: left;
    transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;

    background: center top no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button {
    display: block;
    position: absolute;
    bottom: 31%;
    right: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover .post-button {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
    background-color: #FC6086;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
    color: #ffffff;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
    color: #FC6086;
    font-size: 18px;
    line-height: 55px;
    display: block;
    text-align: center;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data {
    padding: 15px 20px 25px 25px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .title > a {
    text-decoration: none;
    color: #282828;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.7px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .date {
    font-style: italic;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > span.author {
    color: #6a7c92;
}


/* Slider End */

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-tab element-one */

.rt-tab.element-one > ul.nav-tabs {
    margin-top: 5px;
    margin-bottom: 50px;
    border: none;
    text-align: center;
    font-size: 0;
}

.rt-tab.element-one > ul.nav-tabs:after {
    content: " ";
    display: block;
    clear: both;
}

.rt-tab.element-one > ul.nav-tabs > li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-bottom: 0;
    background-color: #ede8e6;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-one > ul.nav-tabs > li:first-child {
    border-radius: 35px 0px 0px 35px;
}

.rt-tab.element-one > ul.nav-tabs > li:last-child {
    border-radius: 0px 35px 35px 0px;
}

.rt-tab.element-one > ul.nav-tabs > li:only-child {
    border-radius: 35px 35px 35px 35px;
}

.rt-tab.element-one > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 25px 10px 25px;
    border: none;
    border-radius: 35px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #1e1e1e;
    line-height: 26px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

}

.rt-tab.element-one > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-one > ul.nav-tabs > li > a > span {
    position: relative;
}

.rt-tab.element-one > ul.nav-tabs > li.active > a {
    background-color: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);

}

/* rt-tab element-two */

.rt-tab.element-two > ul.nav-tabs {
    margin-top: 5px;
    margin-bottom: 50px;
    border: none;
    text-align: center;
    font-size: 0;
}

.rt-tab.element-two > ul.nav-tabs:after {
    content: " ";
    display: block;
    clear: both;
}

.rt-tab.element-two > ul.nav-tabs > li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-bottom: 0;
    background-color: rgba(247, 208, 209, 0.9);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    height: 27px !important;
    /*width: 30px;*/
}

.rt-tab.element-two > ul.nav-tabs > li:first-child {
    border-radius: 35px 0px 0px 35px;
}

.rt-tab.element-two > ul.nav-tabs > li:last-child {
    border-radius: 0px 35px 35px 0px;
}

.rt-tab.element-two > ul.nav-tabs > li:only-child {
    border-radius: 35px 35px 35px 35px;
}

.rt-tab.element-two > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px;
    border: none;
    border-radius: 35px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #1e1e1e;
    line-height: 26px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 23px;
    height: 22px;
    margin-right: 0;
    padding-right: 0;
    top: 2px;
    border: 2px solid transparent;
    margin: 0 3px;
}

.rt-tab.element-two > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

/*.rt-tab.element-two > ul.nav-tabs > li > a > span {
position: relative;
}*/
.rt-tab.element-two > ul.nav-tabs > li:first-child span {
    position: absolute;
    width: 100px;
    right: 30px;
    top: -7px;
    /*font-family: futura-pt;*/
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

.rt-tab.element-two > ul.nav-tabs > li:last-child span {
    position: absolute;
    width: 100px;
    left: 30px;
    top: -7px;
    /*font-family: futura-pt;*/
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

.rt-tab.element-two > ul.nav-tabs > li.active > a {
    background-color: #FF6064;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    border: 2px solid #f7f7f7;
    margin: 0 3px;
}

/* rt-tab element-three */

.rt-tab-three > .elementor-tabs {
    margin-bottom: 50px;
    border: none;
    border-bottom: 1px #dddad9 solid;
    text-align: center;
    font-size: 0;
    width: 80%;
    margin: 0 auto;
}

.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title {
    display: inline-block;
    vertical-align: top;
    width: auto;
    float: none;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    padding: 0 26px 0 26px;
    color: #454545;
}

.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a {
    /*font-family: "Jost Medium", Sans-serif;*/
    padding: 14px 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 22px;
    color: #454545;
    line-height: 30px;
    position: relative;
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a:before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 5px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #EF576C;
}

.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
}

.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a i {
    display: block;
    margin-bottom: 15px;
    font-size: 35px;
    color: #939190;
    line-height: 1;
}

/*
.rt-tab.element-three > ul.nav-tabs > li.active > a:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
*/



.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a.active {
    /*font-family: "Jost Medium", Sans-serif;*/
    padding: 14px 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 22px;
    color: #454545;
    line-height: 30px;
    position: relative;
    color: inherit;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a.active:before {
    content: "";
    width: 100%;
    height: 1px;
    bottom: 5px;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #EF576C;
}

/* rt-tab element-four */

.rt-tab.element-four > ul.nav-tabs {
    margin-bottom: 50px;
    border-bottom: 1px #dedede solid;
    text-align: center;
    font-size: 0;
}

.rt-tab.element-four > ul.nav-tabs > li {
    display: table-cell;
    width: 1%;
    float: none;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-four > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 50px 20px 50px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #6f6f6f;
    line-height: 26px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-four > ul.nav-tabs > li > a i {
    display: block;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 1;
}

.rt-tab.element-four > ul.nav-tabs > li.active > a {
    color: #030712;
}

.rt-tab.element-four > ul.nav-tabs > li > a:before {
    position: absolute;
    bottom: -1px;
    left: 30px;
    right: 30px;
    z-index: 0;
    content: " ";
    height: 2px;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-four > ul.nav-tabs > li.active > a:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

/* rt-tab element-five */

.rt-tab.element-five > ul.nav-tabs {
    margin-bottom: 28px;
    border: none;
    text-align: center;
    font-size: 0;
    background: transparent;
    box-shadow: 0px 0px 20px 0px rgba(47, 85, 212, 0.1);
    width: 100%;
    margin: 0 auto;
    /*border-bottom: 2px solid #EDEDED;*/
}

.rt-tab.element-five > ul.nav-tabs > li {
    display: table-cell;
    width: 1%;
    float: none;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-five > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    /*padding: 11px 25px 10px 25px;*/
    padding: 24px 0px 24px 0px;
    background-color: #fff;
    border: 1px #ece9e9 solid;
    border-right: none;
    border: none;
    border-radius: 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;
    color: #797F84;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-five > ul.nav-tabs > li:last-child > a,
.rt-tab.element-five > ul.nav-tabs > li:only-child > a {
    border-right: 1px #ece9e9 solid;
}

.rt-tab.element-five > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: 0;
    content: " ";
    background-color: #ece9e9;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: transparent;
    border-bottom: 2px solid #FB5347;
    /*width: 43px;*/
}

.rt-tab.element-five > ul.nav-tabs > li.active > a:before {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.rt-tab.element-five > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-five > ul.nav-tabs > li.active > a > span {
    position: relative;
    color: #FB5347;
}

.rt-tab.element-five > ul.nav-tabs > li:last-child > a {
    border-right: 1px transparent solid;
}

.rt-tab.element-five > .tab-content {
    padding-top: 25px;
}

/*.rt-tab.element-five .tab-content h2 {
font-size: 22px;
line-height: 32px !important;
}*/


/* rt-tab element-six */

.rt-tab.element-six > ul.nav-tabs {
    margin-bottom: 20px;
    border: none;
    text-align: left;
    font-size: 0;
}

.rt-tab.element-six > ul.nav-tabs > li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 2px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-six > ul.nav-tabs > li:last-child,
.rt-tab.element-six > ul.nav-tabs > li:only-child {
    margin-right: 0;
}

.rt-tab.element-six > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 11px 25px 9px 25px;
    background-color: transparent;
    border: none;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #171d2d;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-six > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: " ";
    border-width: 2px;
    border-style: solid;
    border-radius: inherit;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.rt-tab.element-six > ul.nav-tabs > li.active > a:before {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.rt-tab.element-six > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-six > ul.nav-tabs > li.active > a > span {
    position: relative;
}

/* rt-tab element-seven */

.rt-tab.element-seven > ul.nav-tabs {
    margin-bottom: 20px;
    border: none;
    text-align: left;
    font-size: 0;
}

.rt-tab.element-seven > ul.nav-tabs > li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 2px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-seven > ul.nav-tabs > li:last-child,
.rt-tab.element-seven > ul.nav-tabs > li:only-child {
    margin-right: 0;
}

.rt-tab.element-seven > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 11px 25px 9px 25px;
    background-color: transparent;
    border: none;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #171d2d;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-seven > ul.nav-tabs > li.active > a {
    color: #fff;
}

.rt-tab.element-seven > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: " ";
    border-radius: inherit;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.rt-tab.element-seven > ul.nav-tabs > li.active > a:before {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.rt-tab.element-seven > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-seven > ul.nav-tabs > li.active > a > span {
    position: relative;
}

/* rt-tab element-eight */

.rt-tab.element-eight > ul.nav-tabs {
    margin-bottom: 20px;
    border: none;
    text-align: left;
    font-size: 0;
}

.rt-tab.element-eight > ul.nav-tabs > li {
    display: inline-block;
    vertical-align: top;
    width: auto;
    float: none;
    margin-bottom: 0;
    margin-right: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eight > ul.nav-tabs > li:last-child,
.rt-tab.element-eight > ul.nav-tabs > li:only-child {
    margin-right: 0;
}

.rt-tab.element-eight > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 40px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    color: #030000;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eight > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 0;
    content: " ";
    width: 0;
    height: 1px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eight > ul.nav-tabs > li > a i {
    margin-right: 15px;
}

.rt-tab.element-eight > ul.nav-tabs > li.active > a:before {
    width: 28px;
}

/* rt-tab element-nine */

.rt-tab.element-nine > ul.nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
    text-align: left;
    font-size: 0;
}

.rt-tab.element-nine > ul.nav-tabs > li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 40px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-nine > ul.nav-tabs > li:last-child,
.rt-tab.element-nine > ul.nav-tabs > li:only-child {
    margin-right: 0;
}

.rt-tab.element-nine > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 0px 10px 0px;
    background-color: transparent;
    border: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-nine > ul.nav-tabs > li > a:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 3px;
    opacity: 0;
    visibility: hidden;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-nine > ul.nav-tabs > li.active > a:before {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.rt-tab.element-nine > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-nine > ul.nav-tabs > li.active > a > span {
    position: relative;
}

.rt-tab.element-nine > .tab-content {
    color: #fff;
}

/* rt-tab element-ten */

.rt-tab.element-ten > ul.nav-tabs {
    width: 110px;
    float: left;
    border: none;
    border-right: 1px #e5e6e8 solid;
    text-align: left;
    font-size: 0;
}

.rt-tab.element-ten > ul.nav-tabs > li {
    width: 100%;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-ten > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 15px 10px 15px 0px;
    background-color: transparent;
    border: none;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #171d2d;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-ten > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    z-index: 0;
    content: " ";
    width: 3px;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-ten > ul.nav-tabs > li.active > a:before {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.rt-tab.element-ten > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-ten > ul.nav-tabs > li.active > a > span {
    position: relative;
}

.rt-tab.element-ten > .tab-content {
    width: calc(100% - 110px);
    float: left;
    padding-left: 30px;
}

/* rt-tab element-eleven */

.rt-tab.element-eleven > ul.nav-tabs {
    width: 110px;
    float: left;
    border: none;
    border-right: 1px rgba(255, 255, 255, 0.2) solid;
    text-align: left;
    font-size: 0;
}

.rt-tab.element-eleven > ul.nav-tabs > li {
    width: 100%;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eleven > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 15px 10px 15px 0px;
    background-color: transparent;
    border: none;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eleven > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    z-index: 0;
    content: " ";
    width: 3px;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eleven > ul.nav-tabs > li.active > a:before {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.rt-tab.element-eleven > ul.nav-tabs > li > a i {
    margin-right: 10px;
}

.rt-tab.element-eleven > ul.nav-tabs > li.active > a > span {
    position: relative;
}

.rt-tab.element-eleven > .tab-content {
    width: calc(100% - 110px);
    float: left;
    padding-left: 30px;
    color: #fff;
}

/* rt-tab element-twelve */

.rt-tab.element-twelve {
    display: flex;
    align-items: stretch;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.rt-tab.element-twelve:after {
    content: " ";
    display: block;
    clear: both;
}

.rt-tab.element-twelve > ul.nav-tabs {
    width: 22%;
    float: left;
    border: none;
}

.rt-tab.element-twelve > ul.nav-tabs > li {
    width: 100%;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > ul.nav-tabs > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 23px 40px 22px 40px;
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom: 1px #d7d7d7 solid;
    border-left: none;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    line-height: 26px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > ul.nav-tabs > li:last-child > a {
    border-bottom: none;
}

.rt-tab.element-twelve > ul.nav-tabs > li.active > a {
    background-color: #282828;
}

.rt-tab.element-twelve > ul.nav-tabs > li > a:before {
    position: absolute;
    top: 50%;
    left: 100%;
    content: " ";
    width: 0;
    height: 0;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(40, 40, 40, 0);
    border-left-color: #282828;
    border-width: 0;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > ul.nav-tabs > li.active > a:before {
    border-width: 12px;
    margin-top: -12px;
}

.rt-tab.element-twelve > ul.nav-tabs > li > a i {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
    color: #282828;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > .tab-content {
    width: 78%;
    float: left;
    padding: 30px;
    border-left: 1px #d7d7d7 solid;
}



/* =============================== TIME TABLE (START) ===============================*/

table.mptt-shortcode-table tbody tr:nth-child(odd) {
    background: #F9F9F9 !important;
}

table.mptt-shortcode-table tbody tr:nth-child(even) {
    background: #fff !important;
}

.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table {
    border-spacing: 4px !important;
    /*border-collapse: separate !important;*/
    border: none !important;
}

.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table {
    margin-top: 40px !important;
    width: 100%;
}

.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours {
    font-size: 15px;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
    border: 1px solid #EBEBEB;
    text-align: center;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container {
    position: relative;
    align-items: center;
    justify-content: center;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot {
    display: none;
}

.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event {
    background-color: transparent;
    height: 130px !important;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {
    font-size: 16px;
    color: #409EE6;
    font-weight: 500;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-description {
    font-size: 15px;
    color: #7D7D7D;
    font-weight: 400;
}

table.mptt-shortcode-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.rt-timetable-div .mptt-navigation-select {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}

.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: transparent;
     !important;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
    border: 1px solid #EBEBEB;
    padding: 15px 10px;
    width: 12.5%;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

.rt-timetable-div .mptt-inner-event-content {
    font-weight: 400 !important;
    font-size: 15px !important;
    padding: 5px !important;
}

@media screen and (max-width:768px) {
    .rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table {
        border-spacing: 0px !important;
        border-collapse: collapse;
    }
}

/* =============================== TIME TABLE (END) ===============================*/

.rtmenu-for-tab {
    background: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .rtmenu-for-tab {
        background: none !important;
    }
}

@media screen and (max-width: 767px) {
    .rtmenu-for-tab {
        background: none !important;
    }
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

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

    /* rt-tab element-twelve */
    .rt-tab.element-twelve > ul.nav-tabs {
        width: 30%;
    }

    .rt-tab.element-twelve > .tab-content {
        width: 70%;
    }
}

/* TABLET PROTRAIT PART */

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

    /* rt-tab element-three */

    .rt-tab.element-two > ul.nav-tabs > li,
    .rt-tab.element-three > ul.nav-tabs > li,
    .rt-tab.element-four > ul.nav-tabs > li,
    .rt-tab.element-five > ul.nav-tabs > li,
    .rt-tab.element-six > ul.nav-tabs > li,
    .rt-tab.element-seven > ul.nav-tabs > li,
    .rt-tab.element-eight > ul.nav-tabs > li,
    .rt-tab.element-nine > ul.nav-tabs > li,
    .rt-tab.element-ten > ul.nav-tabs > li,
    .rt-tab.element-eleven > ul.nav-tabs > li {
        /*display: block;*/
        width: auto !important;
        margin-right: 0;
    }

    .rt-tab.element-one > ul.nav-tabs > li {
        width: auto !important;
        margin-right: 0;
    }

    /* rt-tab element-twelve */
    .rt-tab.element-twelve {
        display: block;
    }

    .rt-tab.element-twelve > ul.nav-tabs,
    .rt-tab.element-twelve > .tab-content {
        width: 100%;
        border: none;
    }

    .rt-tab.element-twelve > ul.nav-tabs > li > a:before {
        display: none;
    }
}

/* SMART PHONE LANDSCAPE PART */

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

    /* rt-tab element-three */
    .rt-tab.element-two > ul.nav-tabs > li,
    .rt-tab.element-three > ul.nav-tabs > li,
    .rt-tab.element-four > ul.nav-tabs > li,
    .rt-tab.element-five > ul.nav-tabs > li,
    .rt-tab.element-six > ul.nav-tabs > li,
    .rt-tab.element-seven > ul.nav-tabs > li,
    .rt-tab.element-eight > ul.nav-tabs > li,
    .rt-tab.element-nine > ul.nav-tabs > li,
    .rt-tab.element-ten > ul.nav-tabs > li,
    .rt-tab.element-eleven > ul.nav-tabs > li {
        /*display: block;*/
        width: auto !important;
        margin-right: 0;
    }

    .rt-tab.element-one > ul.nav-tabs > li {
        width: auto !important;
        margin-right: 0;
    }

    /* rt-tab element-twelve */
    .rt-tab.element-twelve {
        display: block;
    }

    .rt-tab.element-twelve > ul.nav-tabs,
    .rt-tab.element-twelve > .tab-content {
        width: 100%;
        border: none;
    }

    .rt-tab.element-twelve > ul.nav-tabs > li > a:before {
        display: none;
    }

    .rt-tab.element-five > ul.nav-tabs > li {
        display: block;
    }
}

/* SMART PHONE PROTRAIT PART */

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

    /* rt-tab element-three */
    .rt-tab.element-two > ul.nav-tabs > li,
    .rt-tab.element-three > ul.nav-tabs > li,
    .rt-tab.element-four > ul.nav-tabs > li,
    .rt-tab.element-five > ul.nav-tabs > li,
    .rt-tab.element-six > ul.nav-tabs > li,
    .rt-tab.element-seven > ul.nav-tabs > li,
    .rt-tab.element-eight > ul.nav-tabs > li,
    .rt-tab.element-nine > ul.nav-tabs > li,
    .rt-tab.element-ten > ul.nav-tabs > li,
    .rt-tab.element-eleven > ul.nav-tabs > li {
        display: block;
        width: auto !important;
        margin-right: 0;
    }

    .rt-tab.element-one > ul.nav-tabs > li {
        width: auto !important;
        margin-right: 0;
    }

    /* rt-tab element-twelve */
    .rt-tab.element-twelve {
        display: block;
    }

    .rt-tab.element-twelve > ul.nav-tabs,
    .rt-tab.element-twelve > .tab-content {
        width: 100%;
        border: none;
    }

    .rt-tab.element-twelve > ul.nav-tabs > li > a:before {
        display: none;
    }

    .rt-tab.element-five > ul.nav-tabs > li {
        display: block;
    }

}

/*--------------------------------------------------------------
# Nav Style One
--------------------------------------------------------------*/

.team[class*='element-'] .owl-nav {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-size: 0;
}

.team[class*='element-'] .owl-nav > .owl-prev,
.team[class*='element-'] .owl-nav > .owl-next {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: initial;
    border: 1px #f5b315 solid;
    text-align: center;
}

.team[class*='element-'] .owl-nav > .owl-prev:before,
.team[class*='element-'] .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 30px;
    color: #f5b315;
    line-height: 36px;
}

.team[class*='element-'] .owl-nav > .owl-prev:before {
    content: "\f104";
}

.team[class*='element-'] .owl-nav > .owl-next:before {
    content: "\f105";
}

/*--------------------------------------------------------------
# Nav Style Two
--------------------------------------------------------------*/

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    font-size: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev,
.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
    opacity: 1;
    visibility: visible;
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
    left: 10px;
}

.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
    left: 25px;
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
    right: 10px;
}

.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
    right: 25px;
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before,
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 45px;
    color: #fff;
    line-height: 45px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
    content: "\f104";
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
    content: "\f105";
}

/*--------------------------------------------------------------
# Dot Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Dot Style One
--------------------------------------------------------------*/

.team[class*='element-'] .owl-dots {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.team[class*='element-'].owl-dot-style-one .owl-dots {
    text-align: center;
}

.team[class*='element-'].owl-dot-style-two .owl-dots {
    text-align: right;
}

.team[class*='element-'] .owl-dots > .owl-dot {
    display: inline-block;
    vertical-align: top;
}

.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
    margin-left: 5px;
    margin-right: 5px;
}

.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
    margin-left: 3px;
    margin-right: 3px;
}

.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #f5b315;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
    background-color: #90a0c7;
}

.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
    display: block;
    width: 15px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
    background-color: #90a0c7;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

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

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 50% !important;
    }
}

/* TABLET PROTRAIT PART */

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

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 50% !important;
    }
}

/* SMART PHONE LANDSCAPE PART */

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

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 100% !important;
    }
}

/* SMART PHONE PROTRAIT PART */

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

    /* team element-one */
    .team.element-one:not(.owl-carousel) .team-item,
    .team.element-two:not(.owl-carousel) .team-item {
        width: 100% !important;
    }
}

/* testimonial element-one */

.testimonial.element-one {
    position: relative;
}

.testimonial.element-one .testimonial-item > .holder {
    text-align: center;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
    margin-bottom: 50px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main {
    display: inline-block;
    vertical-align: top;
    width: 145px;
    height: 145px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main .testi-pic-three {
    border-radius: 50%;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon {
    position: absolute;
    bottom: -10px;
    right: -5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: #fff;
    line-height: 60px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-data {
    margin-bottom: 35px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-title > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-title .title {
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #24323d;
    line-height: 28px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-title .designation {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #676767;
    line-height: 26px;
}

.testimonial.element-one:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-one > .owl-thumbs {
    display: none;
}

.testimonial.element-one > .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

/* testimonial element-two */

.testimonial.element-two {
    position: relative;
}

.testimonial.element-two .testimonial-item > .holder {
    text-align: left;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-data {
    margin-bottom: 32px;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
    color: #fff;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title .title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title .designation {
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    line-height: 26px;
}

.testimonial.element-two:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-two > .owl-thumbs {
    display: none;
}

.testimonial.element-two > .owl-nav {
    margin-top: 30px !important;
    text-align: left !important;
}

.testimonial.element-two > .owl-dots {
    position: static !important;
    margin: 38px 0 0 0 !important;
    text-align: left !important;
}

.testimonial.element-two > .owl-dots > .owl-dot > span {
    width: 10px !important;
    height: 10px !important;
}

/* testimonial element-three */

.testimonial.element-three {
    position: relative;
}

.testimonial.element-three .testimonial-item > .holder {
    text-align: left;
    background: #fff;
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 38px;
    padding-right: 38px;
    /*box-shadow: 0px 0px 10px 5px rgba(47, 85, 212, 0.1);*/
    margin-top: 15px;
    margin-bottom: 15px;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-title {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    padding-top: 13px;
    padding-left: 90px;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
    position: absolute;
    top: 7px;
    left: 0;
    z-index: 1;
    width: 71px;
    height: 71px;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testi-pic-three {
    border-radius: 50%;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
    margin-bottom: 3px;
    margin-top: -9px;
    margin-left: 8px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    color: #16171e;
    line-height: 28px;
}


.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
    margin-bottom: 7px;
    margin-left: 8px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 13px;
    color: #676767;
    line-height: 26px;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
}

.testimonial.element-three:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 0px;
}

.testimonial.element-three > .owl-thumbs {
    display: none;
}

.testimonial.element-three > .owl-nav {
    margin-top: -40px !important;
    text-align: right !important;
}

/* testimonial element-four */

.testimonial.element-four {
    position: relative;
}

.testimonial.element-four .testimonial-item > .holder {
    text-align: center;
}

.testimonial.element-four .testimonial-item > .holder > .testimonial-data {
    margin-bottom: 32px;
}

.testimonial.element-four .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-four .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
    color: #fff;
}

.testimonial.element-four .testimonial-item > .holder > .testimonial-title > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-four .testimonial-item > .holder > .testimonial-title .title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 1.5px;
}

.testimonial.element-four:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-four > .owl-thumbs {
    display: none;
}

.testimonial.element-four > .owl-nav {
    margin-top: 30px !important;
    text-align: left !important;
}

.testimonial.element-four > .owl-dots {
    position: static !important;
    margin: 38px 0 0 0 !important;
}

.testimonial.element-four > .owl-dots > .owl-dot > span {
    width: 13px !important;
    height: 13px !important;
}

/* testimonial element-five */

.testimonial.element-five {
    position: relative;
}

.testimonial.element-five .testimonial-item > .holder {
    text-align: left;
}

.testimonial.element-five .testimonial-item > .holder > .testimonial-data {
    margin-bottom: 21px;
}

.testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote p {
    margin-bottom: 20px;
    color: #151516;
}

.testimonial.element-five .testimonial-item > .holder > .testimonial-title > *:last-child {
    margin-bottom: 0 !important;
}

.testimonial.element-five .testimonial-item > .holder > .testimonial-title .title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    color: #151516;
    line-height: 30px;
    letter-spacing: 1.5px;
}

.testimonial.element-five:not(.owl-carousel) .testimonial-item {
    float: left;
    padding-left: 0;
    margin-bottom: 40px;
}

.testimonial.element-five > .owl-thumbs {
    display: none;
}

.testimonial.element-five > .owl-nav {
    margin-top: 30px !important;
    text-align: left !important;
}

.testimonial.element-five > .owl-dots {
    position: static !important;
    margin: 15px 0 0 0 !important;
    text-align: left !important;
}

.testimonial.element-five > .owl-dots > .owl-dot > span {
    width: 13px !important;
    height: 13px !important;
}


/*=====================================================
testimonial
=====================================================*/

.rt-testimonial.element-nine .testi-nine .shadow-effect {
    background: #fff;
    padding: 20px;
    text-align: center;
}

.rt-testimonial.element-nine .testi-nine {
    width: 100%;
    position: relative;
    min-height: 280px;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid .shadow-effect p {
    font-family: inherit;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
    font-weight: 300;
    color: #7e7b8a;
}

.rt-testimonial.element-nine .testi-nine p {
    line-height: 26px;
    font-size: 15px;
    padding-bottom: 30px;
}

.rt-testimonial.element-nine .testi-nine .testimonial-img img {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.rt-testimonial.element-nine .testi-nine .testimonial-name {
    margin: 0 auto;
    width: auto;
    padding: 10px;
    text-align: center;
    color: #160742;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 99;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid .item {
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 80px;
    opacity: 0.6;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid .slide-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}

.rt-testimonial.element-nine .testi-nine .quote_slide {
    overflow: hidden;
    margin-bottom: 15px;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid .fa-quote-left:before {
    color: #e3e9ee;
    font-size: 16px;
}

.rt-testimonial.element-nine .testi-nine .fa-quote-left:before {
    color: #7154f8;
    opacity: 1;
    font-size: 18px;
}

.rt-testimonial.element-nine .testi-nine .rd-slide-carousel .slide-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot.active span,
.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
    border-radius: 20px;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    border-radius: 20px;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot {
    display: inline-block;
    border-radius: 20px;
}

.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
    border-radius: 20px;
}

/*=============================== OWL ===============================*/

.rt-testimonial.element-nine .owl-item > div:after {
    /*font-family: sans-serif;*/
    font-size: 24px;
    font-weight: bold;
}

.rt-testimonial.element-nine .active.center {
    transform: scale(1);
    -webkit-filter: grayscale(0);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    opacity: 1;
}

.rt-testimonial.element-nine .active {
    transform: scale(.8);
    transition: .6s ease;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.6;
}

.rt-testimonial.element-nine .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rt-testimonial.element-nine .owl-animated-in {
    z-index: 0
}

.rt-testimonial.element-nine .owl-animated-out {
    z-index: 1
}

.rt-testimonial.element-nine .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.rt-testimonial.element-nine .owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.rt-testimonial.element-nine {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.rt-testimonial.element-nine .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.rt-testimonial.element-nine .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.rt-testimonial.element-nine .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0, 0);
    padding: 90px 0;
}

.rt-testimonial.element-nine .owl-controls .owl-dot,
.rt-testimonial.element-nine .owl-controls .owl-nav .owl-next,
.rt-testimonial.element-nine .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rt-testimonial.element-nine .owl-controls .owl-nav {
    display: none;
}

.rt-testimonial.element-nine.owl-loaded {
    display: block
}

.rt-testimonial.element-nine.owl-loading {
    opacity: 0;
    display: block
}

.rt-testimonial.element-nine.owl-hidden {
    opacity: 0
}

.rt-testimonial.element-nine .owl-refresh .owl-item {
    display: none
}

.rt-testimonial.element-nine .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rt-testimonial.element-nine .owl-item img {
    display: block;
    /*width: 100%;*/
    -webkit-transform-style: preserve-3d
}

.rt-testimonial.element-nine .owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.rt-testimonial.element-nine .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.rt-testimonial.element-nine .owl-rtl {
    direction: rtl
}

.rt-testimonial.element-nine .owl-rtl .owl-item {
    float: right
}

.no-js .rt-testimonial.element-nine {
    display: block
}

.rt-testimonial.element-nine .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.rt-testimonial.element-nine .owl-item img {
    transform-style: preserve-3d
}

/*========================================== TESTIMONIAL DEFAULT ==========================================*/

/*
* 	Default theme - owl Carousel CSS File
*/

.rt-testimonial.element-nine .owl-theme .owl-controls {
    margin-top: 30px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #3190E7;
    display: block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot.active span,
.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot:hover span {
    background: #949494;
}

/*==========================================
Responsive
==========================================*/

@media only screen and (min-width:768px) and (max-width:991px) {
    .rt-testimonial.element-nine .testi-nine .testimonial-img img {
        width: 70px;
        height: 70px;
    }
}

@media only screen and (max-width:767px) {
    .rt-testimonial.element-nine .testi-nine .testimonial-img img {
        width: 70px;
        height: 70px;
    }
}

@media only screen and (max-width:480px) {
    .rt-testimonial.element-nine .testi-nine .testimonial-img img {
        width: 100px;
        height: 100px;
    }
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1a1a1a;
}

.owl-theme .owl-dots .owl-dot {
    outline: none;
}

.owl-theme .owl-nav span {
    display: none;
}

.owl-theme .owl-dots {
    margin-top: 20px;
}

@media screen and (max-width: 990px) {
    .testimonial-parallax h2 {
        margin-bottom: 40px;
    }

    .testimonial-style6 {
        margin: 0;
    }
}

/*=====================================================
testimonial-ten
=====================================================*/

.testimonial_area {
    background-color: #eee;
    border-radius: 10px;
    overflow: hidden;
    padding: 115px 0;

}

.testimonial_area h2 {
    text-align: center;
    font-size: 35px;
    padding-bottom: 60px;
}

.element-ten .rt_testimonial-image-grid img {
    display: block;
    width: 70%;
    border: 1px solid #BCB6B5;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}

.element-ten .quote_img {
    text-align: center;
}

.element-ten .quote_area {
    color: #6F32FE;
    font-size: 32px;
    position: relative;
}

.element-ten .quote_area .midd {
    color: #6F32FE;
    text-align: center;
    margin: 20px auto;
}

.element-ten .quote_area:after {
    height: 50px;
    width: 1px;
    background: #D4CDCF;
    content: "";
    display: block;
    margin: 0 auto;
}

.element-ten .quote_area:before {
    height: 50px;
    width: 1px;
    background: #D4CDCF;
    content: "";
    display: block;
    margin: 0 auto;
}

/*.element-ten .cell-left {}

.element-ten .cell-right {
text-align: center;
margin-right: 80px;
padding-top: 35px;
padding-bottom: 20px;
}*/

.element-ten .testimonial-name {
    color: #1A1C26;
    margin-top: 10px;
}

.element-ten .testimonial-job {
    text-align: center;
    color: #63646E;
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 5px;
}

.element-ten .testimonial-content {
    padding: 0;
}

.element-ten.owl-theme .owl-controls .owl-page span {
    background: #D3CBCE !important;
    opacity: 1;
}

.element-ten.owl-theme .owl-controls .owl-page.active span {
    background: #9547fd !important;
    background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
    background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
    background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .element-ten .quote_area {
        display: none;
    }

    .element-ten .testimonial-name {
        font-size: 18px;
    }

    .element-ten .testimonial-content {
        text-align: center;
        padding-top: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .element-ten .testimonial-name {
        font-size: 18px;
    }
}

/* owl-nav */

/* .testimonial owl-nav-style-one */

.testimonial .owl-nav {
    position: relative;
    margin-top: 31px;
    text-align: center;
    font-size: 0;
}

.testimonial .owl-nav > .owl-prev,
.testimonial .owl-nav > .owl-next {
    display: inline-block;
    vertical-align: top;
}

.testimonial .owl-nav > .owl-prev:before,
.testimonial .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 22px;
    color: #fff;
    line-height: 1;
}

.testimonial .owl-nav > .owl-prev {
    margin-right: 7px;
}

.testimonial .owl-nav > .owl-prev:before {
    content: "\f053";
}

.testimonial .owl-nav > .owl-next {
    margin-left: 7px;
}

.testimonial .owl-nav > .owl-next:before {
    content: "\f054";
}

/* .testimonial owl-nav-style-two */

.testimonial.owl-nav-style-two .owl-nav {
    text-align: center;
    font-size: 0;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev,
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    opacity: 0.5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev:hover,
.testimonial.owl-nav-style-two .owl-nav > .owl-next:hover {
    opacity: 1;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev:before,
.testimonial.owl-nav-style-two .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev {
    left: 0;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev:before {
    content: "\f053";
    margin-left: -4px;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-next {
    right: 0;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-next:before {
    content: "\f054";
    margin-right: -4px;
}

/* .testimonial owl-nav-style-three */

.testimonial.owl-nav-style-three .owl-nav {
    position: absolute;
    bottom: -4px;
    width: 100%;
    text-align: right;
    font-size: 0;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev,
.testimonial.owl-nav-style-three .owl-nav > .owl-next {
    display: inline-block;
    vertical-align: top;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev:before,
.testimonial.owl-nav-style-three .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 22px;
    color: #1f1f1f;
    line-height: 1;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev {
    margin-right: 7px;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev:before {
    content: "\f053";
}

.testimonial.owl-nav-style-three .owl-nav > .owl-next {
    margin-left: 7px;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-next:before {
    content: "\f054";
}

/* owl-dots */

.testimonial[class*='element-'] .owl-dots {
    margin-left: 15px;
    margin-right: 15px;
}

.testimonial[class*='element-'] .owl-dots > .owl-dot {
    display: inline-block;
    vertical-align: top;
}

/* owl-dots - style-one */

.testimonial[class*='element-'].owl-dot-style-one .owl-dots {
    margin-top: 45px;
    text-align: center;
}

.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
    margin-left: 6px;
    margin-right: 6px;
}

.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #e3e0df;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* owl-dots - style-two */

.testimonial[class*='element-'].owl-dot-style-two .owl-dots {
    position: absolute;
    bottom: 3px;
    right: 0;
    text-align: center;
}

.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
    margin-left: 4px;
    margin-right: 4px;
}

.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
    background-color: #fff !important;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

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

    /* testimonial element-one */
    .testimonial.element-one .testimonial-item > .holder {
        padding-left: 0;
    }

    .testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
        position: static;
        width: 100%;
    }

    .testimonial.element-one .testimonial-item > .holder .testimonial-data {
        text-align: center;
    }

    /* testimonial element-two */
    .testimonial.element-two .testimonial-item > .holder {
        padding-left: 0;
        padding-right: 0;
    }

    /* testimonial element-four */
    .testimonial.element-four .testimonial-item > .holder {
        padding-left: 0;
        padding-right: 0;
    }

    .testimonial.element-four .testimonial-item > .holder .testimonial-pic {
        position: static;
    }

    /* .testimonial owl-nav-style-two */
    .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
    .testimonial.owl-nav-style-two .owl-nav > .owl-next {
        position: static;
        margin-left: 7px;
        margin-right: 7px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

/* SMART PHONE LANDSCAPE PART */

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

    /* testimonial element-one */
    .testimonial.element-one .testimonial-item > .holder {
        padding-left: 0;
    }

    .testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
        position: static;
        width: 100%;
    }

    .testimonial.element-one .testimonial-item > .holder .testimonial-data {
        text-align: center;
    }

    /* testimonial element-two */
    .testimonial.element-two .testimonial-item > .holder {
        padding-left: 0;
        padding-right: 0;
    }

    /* testimonial element-four */
    .testimonial.element-four .testimonial-item > .holder {
        padding-left: 0;
        padding-right: 0;
    }

    .testimonial.element-four .testimonial-item > .holder .testimonial-pic {
        position: static;
    }

    /* .testimonial owl-nav-style-two */
    .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
    .testimonial.owl-nav-style-two .owl-nav > .owl-next {
        position: static;
        margin-left: 7px;
        margin-right: 7px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

/* SMART PHONE PROTRAIT PART */

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

    /* testimonial element-one */
    .testimonial.element-one .testimonial-item > .holder {
        padding-left: 0;
    }

    .testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
        position: static;
        width: 100%;
    }

    .testimonial.element-one .testimonial-item > .holder .testimonial-data {
        text-align: center;
    }

    /* testimonial element-two */
    .testimonial.element-two .testimonial-item > .holder {
        padding-left: 0;
        padding-right: 0;
    }

    /* testimonial element-four */
    .testimonial.element-four .testimonial-item > .holder {
        padding-left: 0;
        padding-right: 0;
    }

    .testimonial.element-four .testimonial-item > .holder .testimonial-pic {
        position: static;
    }

    /* .testimonial owl-nav-style-two */
    .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
    .testimonial.owl-nav-style-two .owl-nav > .owl-next {
        position: static;
        margin-left: 7px;
        margin-right: 7px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

/* radiantthemes-timeline element-one */

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
    position: relative;
    padding-top: 60px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 0;
    width: 2px;
    margin-left: -1px;
    background-color: #cacdd4;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
    display: block;
    position: absolute;
    top: 75px;
    left: 50%;
    z-index: 1;
    content: " ";
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-color: #fff;
    border-width: 5px;
    border-style: solid;
    border-radius: 50%;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row {
    margin-left: -33px;
    margin-right: -33px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row > [class*='col-'] {
    padding-left: 33px;
    padding-right: 33px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
    text-align: left;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
    margin-bottom: 30px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img {
    width: 100%;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
    margin-top: 7px;
    text-align: left;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #242222;
    line-height: 28px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
    margin-bottom: 17px;
    font-weight: 400;
    font-size: 14px;
    color: #777171;
    line-height: 28px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
    margin-bottom: 20px;
}

/* radiantthemes-timeline element-two */

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item {
    position: relative;
    padding-top: 60px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 0;
    width: 2px;
    margin-left: -1px;
    background-color: #cacdd4;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
    display: block;
    position: absolute;
    top: 75px;
    left: 50%;
    z-index: 1;
    content: " ";
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-color: #fff;
    border-width: 5px;
    border-style: solid;
    border-radius: 50%;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row {
    margin-left: -33px;
    margin-right: -33px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row > [class*='col-'] {
    padding-left: 33px;
    padding-right: 33px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
    text-align: left;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
    margin-bottom: 30px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img {
    width: 100%;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
    margin-top: 7px;
    text-align: left;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #242222;
    line-height: 28px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
    margin-bottom: 17px;
    font-weight: 400;
    font-size: 14px;
    color: #777171;
    line-height: 28px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
    margin-bottom: 20px;
}

/* radiantthemes-timeline element-three */

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
    padding-top: 100px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
    margin-bottom: 30px;
    text-align: center;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 470px;
    max-width: 100%;
    padding-top: calc((65 / 100) * 100%);
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder > .radiantthemes-timeline-item-pic-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
    margin-bottom: 40px;
    text-align: left;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell > *:last-child {
    margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 32px;
    color: #030712;
    line-height: 42px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data p:not(.date) {
    margin-bottom: 20px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
    font-size: 0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    max-width: 100%;
    margin-bottom: 13px;
    padding-top: 26px;
    background: none;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #030712;
    line-height: 26px;
    cursor: pointer;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:before {
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    z-index: 0;
    content: " ";
    height: 4px;
    background-color: #d5d8e0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before {
    left: 50%;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
    right: 50%;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:only-child:before {
    display: none;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:after {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    content: " ";
    width: 12px;
    height: 12px;
    margin-left: -6px;
    background-color: #fff;
    border: 3px #a8abb3 solid;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

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

    /* radiantthemes-timeline element-one */
    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
        padding-top: 0px;
        padding-left: 30px;
        padding-bottom: 10px;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
        left: 0;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
        top: 6px;
        left: 0;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
        margin-top: 0;
        margin-bottom: 20px;
    }

    /* radiantthemes-timeline element-three */
    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
        padding-top: 0;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
        position: static;
        margin-left: 0;
        margin-right: 0;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
        width: 100%;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
        left: 0;
        right: 0;
    }
}

/* SMART PHONE LANDSCAPE PART */

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

    /* radiantthemes-timeline element-one */
    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
        padding-top: 0px;
        padding-left: 30px;
        padding-bottom: 10px;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
        left: 0;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
        top: 6px;
        left: 0;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
        margin-top: 0;
        margin-bottom: 20px;
    }

    /* radiantthemes-timeline element-three */
    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
        padding-top: 0;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
        position: static;
        margin-left: 0;
        margin-right: 0;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
        width: 100%;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
        left: 0;
        right: 0;
    }
}

/* SMART PHONE PROTRAIT PART */

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

    /* radiantthemes-timeline element-one */
    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
        padding-top: 0px;
        padding-left: 30px;
        padding-bottom: 10px;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
        left: 0;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
        top: 6px;
        left: 0;
    }

    .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
        margin-top: 0;
        margin-bottom: 20px;
    }

    /* radiantthemes-timeline element-three */
    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
        padding-top: 0;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
        position: static;
        margin-left: 0;
        margin-right: 0;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
        width: 100%;
    }

    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
    .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
        left: 0;
        right: 0;
    }
}

/* ================================== */

/* RadiantThemes Element CSS */

/* Typewriter Text */

/* ================================== */

.radiantthemes-typewriter-text.element-one > .typed-strings:after {
    content: "|";
    font-weight: 300;
    opacity: 1;
    animation: blink 0.5s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* radiantthemes-twitter-widget element-one  */

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li {
    position: relative;
    margin-bottom: 22px;
    padding-left: 27px;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:last-child,
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:only-child {
    margin-bottom: 0;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f099";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet a {
    color: inherit;
    opacity: 0.7;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .interact {
    display: none;
}




/*===========================================*/

/* Slider Start */

#app-slider {
    padding: 14px 0;
}

#app-slider {
    position: relative;
    display: inline-block;
}

#app-slider:before {
    background: url(../images/app-slider-ph-bg.png);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 235px;
    height: 542px;
    z-index: 99;
    background-repeat: no-repeat;
    top: 0;
}

.owl-theme .owl-dots {
    margin-top: 30px !important;
}

/* rt-slider Nav Style */

.rt-slider .owl-nav {
    font-size: 0;
}

.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
    opacity: 1;
    visibility: visible;
}

.rt-slider .owl-nav > .owl-prev {
    left: 15px;
}

.rt-slider:hover .owl-nav > .owl-prev {
    left: -35px;
}

.rt-slider .owl-nav > .owl-next {
    right: 15px;
}

.rt-slider:hover .owl-nav > .owl-next {
    right: -35px;
}

.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
    font-family: "FontAwesome";
    font-size: 55px;
    color: #6a30f5;
    line-height: 1;
}

.rt-slider .owl-nav > .owl-prev:before {
    content: "\f104";
}

.rt-slider .owl-nav > .owl-next:before {
    content: "\f105";
}

@media screen and (max-width:480px) {
    #app-slider .pic {
        width: 58%;
        margin: 0 auto;
    }

    .elementor-widget-radiant-custom-search .header-slideout-searchbar {
        margin-right: 15px;
        margin-top: -79px;
        float: right;
    }
}

@media screen and (min-width:481px) and (max-width:768px) {
    #app-slider .pic {
        width: 90%;
        margin: 0 auto;
    }
}

/* Slider End */

/*============================== Default ==============================*/

.radiantthemes-custom-heading.element-one .default {
    width: 100%;
    display: block;
    overflow: hidden
}

.radiantthemes-custom-heading.element-two .default {
    font-size: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    color: #000;
    text-transform: uppercase;
}

.rt-text-reveal .holder > h1,
.rt-text-reveal .holder > h2,
.rt-text-reveal .holder > h3,
.rt-text-reveal .holder > h4,
.rt-text-reveal .holder > h5,
.rt-text-reveal .holder > h6,
.rt-text-reveal .holder > div,
.rt-text-reveal .holder > span,
.rt-text-reveal .holder > p {
    margin: 0 !important;
}

/*============================== Text Reveal(Left to Right) ==============================*/

.radiantthemes-custom-heading.element-two .rt_text_anim {
    width: 100%;
    display: block;
    overflow: hidden
}

.radiantthemes-custom-heading.element-two .rt_textimage {
    position: relative;
    overflow: hidden;
    width: auto;
    display: inline-block;
}

.radiantthemes-custom-heading.element-two .rt_textimage {
    font-size: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    color: #000;
    text-transform: uppercase;
    animation: fadeIn 0s 0.4s;
    animation-fill-mode: backwards;
}

.radiantthemes-custom-heading.element-two .rt_textimage .rtoverlay_area {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    animation: rttxtImageOverlayIn 0.4s 0s, rttxtImageOverlayOut 0.4s 0.6s;
    animation-fill-mode: both;
}

@keyframes rttxtImageOverlayIn {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes rttxtImageOverlayOut {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

/*============================== Text Reveal(Right to Left) ==============================*/

.radiantthemes-custom-heading.element-three .rttext_animation {
    width: 100%;
    display: block;
    overflow: hidden
}

.radiantthemes-custom-heading.element-three .rtimage {
    position: relative;
    overflow: hidden;
    width: auto;
    display: inline-block;
}

.radiantthemes-custom-heading.element-three .rtimage {
    font-size: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    color: #000;
    text-transform: uppercase;
    animation: fadeIn 0s 0.4s;
    animation-fill-mode: backwards;
}

.radiantthemes-custom-heading.element-three .rtimage .rt_overlay {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    animation: rttxt_OverlayIn 0.4s 0.6s, rttxt_OverlayOut 0.4s 0s;
    animation-fill-mode: both;
}

@keyframes rttxt_OverlayIn {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes rttxt_OverlayOut {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

/*============================== Object Reveal ==============================*/

.rt-text-reveal .holder,
.rt-image-reveal .holder {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.rt-text-reveal .holder .animate,
.rt-image-reveal .holder .animate {
    position: absolute;
    top: 0;
    width: 100%;
    height: 101%;
    background: none;
}

.rt-text-reveal .holder .animate:before,
.rt-image-reveal .holder .animate:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #27ae60;
    transition-property: transform;
    transition-duration: 0.4s;
}

.rt-text-reveal .holder .animate.top.aos-animate:before,
.rt-text-reveal .holder .animate.bottom.aos-animate:before,
.rt-image-reveal .holder .animate.top.aos-animate:before,
.rt-image-reveal .holder .animate.bottom.aos-animate:before {
    transform: scaleY(1);
}

.rt-text-reveal .holder .animate.left.aos-animate::before,
.rt-text-reveal .holder .animate.right.aos-animate::before,
.rt-image-reveal .holder .animate.left.aos-animate:before,
.rt-image-reveal .holder .animate.right.aos-animate:before {
    transform: scaleX(1);
}

.rt-text-reveal .holder .animate.top::before,
.rt-image-reveal .holder .animate.top:before {
    transform: scaleY(0);
    transform-origin: 0% 100%;
}

.rt-text-reveal .holder .animate.left::before,
.rt-image-reveal .holder .animate.left::before {
    transform: scaleX(0);
    transform-origin: 100% 0%;
}

.rt-text-reveal .holder .animate.right::before,
.rt-image-reveal .holder .animate.right::before {
    transform: scaleX(0);
    transform-origin: 0% 100%;
}

.rt-text-reveal .holder .animate.bottom::before,
.rt-image-reveal .holder .animate.bottom::before {
    transform: scaleY(0);
    transform-origin: 100% 0%;
}

/* AOS animate */

[data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
    transition-property: transform;
    transition-delay: 0.3s;
}

[data-aos="reveal-top"] {
    transform: scaleY(1);
}

[data-aos="reveal-top"].aos-animate {
    transform: scaleY(0);
    transform-origin: 100% 0%;
}

[data-aos="reveal-left"] {
    transform: scaleX(1);
}

[data-aos="reveal-left"].aos-animate {
    transform: scaleX(0);
    transform-origin: 0% 100%;
}

[data-aos="reveal-right"] {
    transform: scaleX(1);
}

[data-aos="reveal-right"].aos-animate {
    transform: scaleX(0);
    transform-origin: 100% 0%;
}

[data-aos="reveal-bottom"] {
    transform: scaleY(1);
}

[data-aos="reveal-bottom"].aos-animate {
    transform: scaleY(0);
    transform-origin: 0% 100%;
}

[data-aos="reveal-item"] {
    visibility: hidden;
    transition-property: visibility;
    transition-duration: 0s;
}

[data-aos="reveal-item"].aos-animate {
    visibility: visible;
}

@keyframes SlideImageAnim {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

.rt-search-icon {
    border: none;
    padding: 0px;
    font-size: 16px;
    cursor: pointer;
    color: #000;
}

.rt-main-bg-overlay {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 0%;
    /*right: 0px;*/
    left: 0px;
    top: 0px;
    position: fixed;
    /*display: none;*/
    z-index: 1;
    overflow-y: hidden;
    transition: 0.6s;
}

.rt-bg-overlay {
    height: 100%;
    width: 100%;
    /*display: none;*/
    /*position: fixed;*/
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fafafa;

}

.rt-overlay-content {
    position: relative;
    top: 40%;
    width: 50%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.rt-bg-overlay .closebtn {
    position: absolute;
    top: 60px;
    right: 45px;
    font-size: 20px;
    cursor: pointer;
    color: #0F0C0C;
}

.rt-bg-overlay input[type=search] {
    padding: 15px 65px 15px 0px;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    border: none;
    float: left;
    width: 100%;
    background: none;
    border-bottom: 2px solid #797777;
    color: #0F0C0C;
}

.rt-bg-overlay input::placeholder {
    color: #0F0C0C;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

.rt-bg-overlay button {
    float: left;
    width: auto;
    padding: 0px 12px;
    margin-bottom: 26px;
    background: none;
    font-size: 17px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0px;
    line-height: 54px;
}

.rt-bg-overlay button i {
    font-size: 28px;
    vertical-align: middle;
}

.rt-bg-overlay button:focus,
.rt-bg-overlay input:focus {
    outline: transparent;
}

.rt-bg-overlay label {
    position: relative;
    left: 0;
    width: 100%;
    text-align: left;
    top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #B6B6B6;
}

/* MOVING IMAGE START */
.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sect {
    position: relative;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    text-align: center
}

#landing-cover {
    z-index: 1;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.layer {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 50px 200px;
    margin: -50px -200px;
    left: 0px;
    top: 0px
}

.frontlayer {
    z-index: 2;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}

/* MOVING IMAGE END */

/*======================================================================================
SEARCH
======================================================================================*/


.rt-search-box {
    width: 100%;
    position: relative;
}

.search-btn {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #000;
}

.search-btn:hover {
    cursor: pointer;

}


.search-btn.fa-2x {
    font-size: 18px;
}

.rt-search-btn {
    position: absolute;
    top: 10px;
    right: 0;
    color: #000;
}


.rt-search-btn.fa-2x {
    font-size: 18px;
}

#search-overlay {
    display: none;
}

.block {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    background: #fff;
    border: 0px;
    margin: 0;
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

.centered {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    padding: 10px 20px;
    color: #000;
    border: none;
    background: transparent;
    float: left;
}

#search-box {
    position: relative;
    width: 100%;
    margin: 0;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    transition: color .2s ease-out;
}

#search-form {
    overflow: hidden;
}

#search-box input[type="text"] {
    width: 100%;
    padding: 0;
    color: #000;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    background: none;
    border: 0px;
}

#search-box input[type="text"]::-webkit-input-placeholder {
    color: #000;
}

#search-box input[type="text"]::-moz-placeholder {
    color: #000;
}

#search-box input[type="text"]:-ms-input-placeholder {
    color: #000;
}

#close-btn {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #000;
}

#close-btn.fa-2x {
    font-size: 18px;
}

#close-btn:hover {
    color: #000;
    cursor: pointer;
}

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

    .centered {

        width: 70%;
    }

    .search-btn.fa-2x {
        font-size: 16px;
    }

    .rt-search-btn.fa-2x {
        font-size: 16px;
    }

    #close-btn.fa-2x {
        font-size: 16px;
    }

    .rt-search-btn {
        position: absolute;
        top: 10px;
        right: 0;
        color: #000;
    }
}


.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}