.bttn-applora-gradient, .social-applora-gradient {

    letter-spacing: .7px;

    cursor: pointer;

    text-transform: uppercase;

    text-decoration: none;

    overflow: hidden

}



.faqs .panel-title a.collapsed:after, .faqs .panel-title a:after, .our-team .applora-social-links a:before, .pe-7s-share:before, .post-butt2 span, .title-underline i {

    -webkit-text-fill-color: transparent

}



body {

    font-family: 'Open Sans', sans-serif;

    overflow-x: hidden

}



.color-switcher {

    position: fixed;

    width: 110px;

    padding: 10px;

    z-index: 100;

    top: 50%;

    left: -110px;

    margin-top: -189px;

    background-color: #333;

    -webkit-transition: left .3s ease-out;

    -moz-transition: left .3s ease-out;

    transition: left .3s ease-out

}



.color-switcher.open {

    left: 0

}



.color-switcher .color {

    margin: 4px auto 2px;

    text-align: center

}



.color-switcher .color a {

    display: inline-block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-repeat: no-repeat;

    margin-bottom: 3px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease

}



.color-switcher .color span {

    display: block;

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 13px;

    font-weight: 400

}



.color-switcher .color a:hover {

    border-color: rgba(255, 255, 255, .6)

}



.color-switcher .color a.current {

    border: 2px solid #fff;

    opacity: 1

}



.color-switcher .toggle {

    position: absolute;

    width: 50px;

    padding: 8px 0 7px;

    color: #fff;

    font-size: 20px;

    text-align: center;

    top: 0;

    right: -50px;

    background-color: #333;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease

}



.color-switcher .toggle:hover {

    color: #ca4966

}



.btn-home {

    display: block;

    width: 67px;

    height: 42px;

    line-height: 42px;

    background-color: transparent;

    color: rgba(255, 255, 255, .6);

    font-size: 28px;

    text-align: center;

    text-decoration: none;

    margin: 10px auto;

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

    transition: all .3s

}



.btn-home:hover {

    color: #333;

    background-color: #fff

}



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

    .color-switcher {

        display: none

    }

}



.section-title {

    margin-bottom: 50px

}



.section-title h2 {

    text-transform: uppercase;

    margin: 0 0 20px;

    font-weight: 700

}



.title-underline {

    display: block;

    width: 10px;

    height: 10px;

    margin: auto;

    position: relative;

    z-index: 3

}



.title-underline:after, .title-underline:before {

    content: "";

    display: block;

    position: absolute;

    height: 2px;

    border-radius: 50%;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    z-index: -1

}



.title-underline:before {

    width: 127px;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    top: 9px;

    left: -58px

}



.title-underline:after {

    width: 162px;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    top: 11px;

    right: -75px

}



#home.bigTine:after, #home.bigTriangle:after, #home.cloud:after, #home.waves:after, .bttn-applora-gradient:before, .social-applora-gradient:before {

    content: ''

}



.title-underline i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text

}



.bttn-applora-gradient {

    display: inline-block;

    padding: 14px 28px;

    border-radius: 4px;

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s;

    font-weight: 700;

    -webkit-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

    -moz-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

    -o-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

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

    border: 0;

    position: relative;

    z-index: 3

}



.bttn-applora-gradient:before, .social-applora-gradient {

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s

}



.bttn-applora-gradient i, .bttn-applora-gradient span, .bttn-applora-gradient:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.bttn-applora-gradient i {

    margin-right: 10px;

    font-size: 17px

}



.bttn-applora-gradient:hover > i {

    color: #FFF;

    background: 0 0;

    position: relative;

    z-index: 2

}



.bttn-applora-gradient:before {

    background: #ca4966 !important;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    color: #FFF !important;

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 4px;

    transition: all .5s ease-in-out 0s;

    opacity: 0

}



.bttn-applora-gradient:active, .bttn-applora-gradient:focus, .bttn-applora-gradient:hover {

    text-decoration: none;

    outline: 0

}



.bttn-applora-gradient {

    color: #FFF;

    background: #ca4966 !important;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;

}



.bttn-applora-gradient span {

    position: relative;

    z-index: 2

}



.bttn-applora-gradient:hover {

    background: 0 0;

    -webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    box-shadow: 0 3px 25px rgba(2, 3, 3, .25)

}



.bttn-applora-gradient:hover span {

    color: #FFF;

    background: 0 0

}



.bttn-applora-gradient:hover:before {

    opacity: 1

}



.social-applora-gradient {

    display: inline-block;

    margin: 0 5px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50px;

    transition: all .5s ease-in-out 0s;

    font-weight: 700;

    -webkit-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

    -moz-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

    -o-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

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

    border: 0;

    position: relative;

    z-index: 3

}



#particles-js, .overlay {

    height: 100%;

    width: 100%

}



.screenshots .owl-next, .screenshots .owl-prev, .social-applora-gradient:before {

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s

}



.social-applora-gradient i {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.social-applora-gradient:hover > i {

    color: #FFF;

    background: 0 0;

    position: relative;

    z-index: 2

}



.social-applora-gradient:before {

    background: #ca4966 !important;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    color: #FFF !important;

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 50px;

    transition: all .5s ease-in-out 0s;

    opacity: 0

}



.pd-carousel .header-content .bttn-head a i, .pd-carousel .header-content .bttn-head a:hover {

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

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

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

}



.social-applora-gradient:active, .social-applora-gradient:focus, .social-applora-gradient:hover {

    text-decoration: none;

    outline: 0

}



.social-applora-gradient {

    color: #FFF;

    background: #FFF

}



.social-applora-gradient:hover {

    background: 0 0;

    -webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    box-shadow: 0 3px 25px rgba(2, 3, 3, .25)

}



.social-applora-gradient:hover:before {

    opacity: 1

}



.overlay {

    background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99));

    background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99));

    background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99));

    background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99))

}



#home.bg-image {

    background: url(../img/bg/bg-header.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



#particles-js {

    position: absolute

}



#home.bg-video .overlay {

    background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9))

}



#home.bg-color {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



#home.bigTine:after {

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 50px;

    background-size: 150px 100%;

    background-image: -webkit-linear-gradient(40deg, #fff 50%, transparent 50%);

    background-image: -moz-linear-gradient(40deg, #fff 50%, transparent 50%);

    background-image: -o-linear-gradient(40deg, #fff 50%, transparent 50%);

    background-image: linear-gradient(40deg, #fff 50%, transparent 50%);

    z-index: 10

}



#home.bigTriangle:after {

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 77px;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    width: 100%;

    background: url(../img/svg/bigTriangle.svg);

    z-index: 10;

    background-size: 185vh 100%

}



#home.cloud:after {

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 75px;

    width: 100%;

    background: url(../img/svg/cloud.svg);

    z-index: 10;

    background-size: 218vh 100%

}



#home.waves:after {

    display: block;

    height: 100%;

    background: url(../img/svg/waves.png) bottom no-repeat;

    background-size: contain;

    position: absolute;

    bottom: -2px;

    left: -1px;

    right: -1px;

    z-index: 1

}



#home.waves .header-inner {

    z-index: 10;

    position: relative

}



#home.curveUp:after, #home.saw:after, #home.tine:after, #home.triangle:after {

    content: '';

    position: absolute;

    z-index: 10;

    left: 0

}



#home.curveUp:after {

    display: block;

    bottom: 0;

    height: 120px;

    width: 100%;

    background: url(../img/svg/curveUp.svg);

    background-size: 218vh 100%

}



#home.saw:after {

    display: block;

    bottom: 0;

    width: 100%;

    height: 50px;

    -webkit-background-size: 100px 100%;

    -moz-background-size: 100px 100%;

    -o-background-size: 100px 100%;

    background-size: 100px 100%;

    background-image: -webkit-linear-gradient(15deg, #fff 50%, transparent 50%);

    background-image: -moz-linear-gradient(15deg, #fff 50%, transparent 50%);

    background-image: -o-linear-gradient(15deg, #fff 50%, transparent 50%);

    background-image: linear-gradient(15deg, #fff 50%, transparent 50%)

}



#home.tine:after {

    display: block;

    right: 0;

    height: 150px;

    -webkit-background-size: 50px 99%;

    -moz-background-size: 50px 99%;

    -o-background-size: 50px 99%;

    background-size: 50px 99%;

    bottom: -103px;

    background-image: -webkit-linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%);

    background-image: -moz-linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%);

    background-image: -o-linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%);

    background-image: linear-gradient(135deg, transparent 25%, #fff 25%), linear-gradient(225deg, transparent 25%, #fff 25%)

}



#home.triangle:after {

    width: 100%;

    height: 0%;

    bottom: 0;

    border-top: 205px solid transparent;

    border-bottom: 0 solid transparent;

    border-right: 100vw solid #fff

}



#bg-shader, canvas {

    position: absolute;

    width: 100%;

    height: 100%

}



canvas {

    left: 0;

    top: 0;

    right: 0;

    bottom: 0

}



#home.homepage02 {

    background: url(../img/bg/bg-header02.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



#home.homepage02 .overlay {

    background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9))

}



.pd-carousel {

    padding-top: 174px

}



.pd-carousel .header-content {

    text-align: center

}



.pd-carousel .header-content .bttn-head {

    margin-top: 40px

}



.pd-carousel .header-content .bttn-head a {

    margin: 0 15px;

    position: relative

}



.pd-carousel .header-content .bttn-head a i {

    color: #fff;

    font-size: 24px;

    width: 50px;

    height: 50px;

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

    line-height: 50px;

    border-radius: 50%;

    transition: all .4s ease-in-out

}



.pd-carousel .header-content .bttn-head a i:hover {

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

}



.pd-carousel .header-content .bttn-applora {

    margin-top: 50px

}



.pd-carousel .header-content .bttn-applora a:first-child {

    margin-right: 20px

}



.pd-carousel .header-content .bttn-head a:hover {

    transition: all .4s ease-in-out

}



.pd-carousel .header-content .bttn-head a:hover:before {

    bottom: -45px;

    opacity: 1

}



.pd-carousel .header-content .bttn-head a:before {

    position: absolute;

    bottom: -40px;

    left: -29px;

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

    width: 105px;

    color: #fff;

    font-size: 12px;

    padding: 4px 10px;

    border-radius: 3px;

    content: attr(data-tooltip);

    opacity: 0;

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

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

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

    transition: all .4s ease-in-out

}



.pd-carousel .word {

    justify-content: center

}



.phone-carousel {

    max-width: 400px;

    height: 510px;

    margin: auto;

    overflow: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.phone-carousel .phone {

    position: relative;

    z-index: 5;

    width: 100%

}



.phone-carousel .phone .inner {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 26.5% 11.75% 0

}



.phone-carousel .owl-theme .owl-dots {

    position: absolute;

    top: 50%;

    right: 0;

    margin: 0 !important;

    z-index: 10

}



.phone-carousel .owl-theme .owl-dots .owl-dot {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background-color: #fff;

    border: 1px solid transparent;

    opacity: .5;

    margin: 0 4px 7px;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .25s;

    -o-transition: all .25s;

    transition: all .25s;

    display: block

}



.phone-carousel .owl-theme .owl-dots .owl-dot.active {

    background-color: transparent;

    border-color: #fff;

    -webkit-transform: scale(1.35);

    -moz-transform: scale(1.35);

    -ms-transform: scale(1.35);

    -o-transform: scale(1.35);

    transform: scale(1.35)

}



.phone-carousel .owl-theme .owl-dots .owl-dot span {

    display: none

}



.parallex-inner {

    display: table;

    width: 100%;

    padding-top: 174px

}



.parallex-inner .header-content {

    position: relative;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding-bottom: 50px

}



.tooltip02 {

    position: relative;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.tooltip02:after, .tooltip02:before {

    visibility: hidden;

    opacity: 0;

    position: absolute;

    left: 40%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.tooltip02:after {

    content: attr(data-tooltip);

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

    top: 150%;

    margin-top: 22px;

    padding: 2px 10px;

    color: #fff;

    line-height: 1.5;

    width: 105px;

    margin-left: -47px;

    border-radius: 4px;

    font-size: 12px

}



.tooltip02:before {

    content: "";

    top: 150%;

    margin-top: 12px;

    margin-left: -5px;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid rgba(255, 255, 255, .2)

}



.tooltip02:hover:after, .tooltip02:hover:before {

    -webkit-transition: all .4s ease .2s;

    transition: all .4s ease .2s;

    visibility: visible;

    opacity: 1

}



.nav-sec .navbar-nav > li > a, .parallex-inner .bttn-head a i {

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

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

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

}



.tooltip02:hover:after {

    margin-top: 15px

}



.tooltip02:hover:before {

    margin-top: 5px

}



.parallex-inner .bttn-head {

    margin-top: 40px

}



.parallex-inner .bttn-head a {

    margin: 0 15px

}



.parallex-inner .bttn-head a i {

    color: #fff;

    font-size: 24px;

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

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    transition: all .4s ease-in-out

}



.parallex-inner .bttn-head a i:hover {

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

}



.parallex-inner .word {

    justify-content: center

}



.intro-phone-wrap {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1300px;

    height: 520px;

    margin: 0 auto;

    padding: 0 15px;

    overflow: hidden

}



.intro-phone-wrap .phone {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 400px;

    margin: 0 auto

}



.intro-phone-wrap .phone .screen {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 26.5% 11.75% 0

}



.intro-phone-wrap .screen-first-right {

    right: 16.8% !important;

    left: auto !important;

    top: 100px !important;

    z-index: 3

}



.intro-phone-wrap .screen-first-left {

    left: 16.8% !important;

    top: 100px !important;

    z-index: 3

}



.intro-phone-wrap .screen-second-right {

    right: 15px !important;

    left: auto !important

}



.intro-phone-wrap .screen-second-left {

    left: 15px !important

}



.intro-phone-wrap .screen-second-left, .intro-phone-wrap .screen-second-right {

    z-index: 2;

    top: 30% !important

}



.intro-phone-wrap .screen-first-left, .intro-phone-wrap .screen-first-right, .intro-phone-wrap .screen-second-left, .intro-phone-wrap .screen-second-right {

    position: absolute;

    width: 100%;

    max-width: 306px;

    -webkit-box-shadow: 0 0 26px 0 rgba(0, 0, 0, .4);

    box-shadow: 0 0 26px 0 rgba(0, 0, 0, .4)

}



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

    .intro-phone-wrap {

        height: 420px

    }

}



.nav-sec {

    border-radius: 0 !important;

    margin-bottom: 0;

    padding-top: 22px;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.dropdown-menu, .team .team-overlay {

    -webkit-transition: all .5s;

    -o-transition: all .5s

}



.navbar-fixed-top {

    border-radius: 0

}



.nav-sec .navbar-nav {

    padding-left: 15px;

    padding-right: 0

}



.nav-sec .navbar-nav > li > a {

    line-height: 66px;

    padding: 0 10px !important

}



.nav-sec .container > .navbar-header {

    margin-right: 0;

    margin-left: 0

}



.nav-sec > .container-fluid .navbar-brand {

    margin-left: 0

}



.nav-sec .navbar-toggle {

    margin: 0;

    border: 0;

    padding: 15px 5px

}



.nav-sec .navbar-collapse {

    text-align: center;

    padding: 0;

    overflow-x: hidden

}



.nav-sec .navbar-brand > img {

    width: 40px;

    /*height: 34.9px*/
    height: 40px

}



.nav-sec .navbar-toggle .icon-bar {

    background: #fff;

    width: 25px;

    height: 2px;

    margin: 5px 0;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0

}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {

    color: #fff;

    background-color: transparent

}



.about .mobile-features .nav-pills > li > a:hover, .dropdown-menu {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.dropdown-menu {

    border-radius: 0 !important;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    float: left;

    display: none;

    min-width: 100px;

    padding: 10px;

    margin-top: 5px;

    margin-left: -35px;

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: none;

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

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

    -webkit-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -o-transform: translateY(-8px);

    transform: translateY(-8px);

    transition: all .5s

}



.dropdown-menu > li > a {

    color: #111;

    padding: 7px 20px

}



.dropdown-menu > li > a:hover {

    color: #fff;

    background: 0 0

}



.nav-sec .navbar-nav > .dropdown > a:hover .dropdown-icon {

    color: #fff;

    background: 0 0;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.dropdown .dropdown-icon {

    color: rgba(255, 255, 255, .7);

    font-size: 7px;

    line-height: 16px;

    font-family: FontAwesome;

    margin-left: 5px

}



.dropdown .dropdown-icon:before {

    content: "\f107";

    font-size: 12px

}



.nav-sec {

    background-color: transparent;

    border: none !important

}



.nav-sec .top-nav-collapse {

    background-color: #fff !important

}



.nav-sec.top-nav-collapse {

    background: #fff;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    color: #fff;

    -webkit-box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);

    -moz-box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);

    -o-box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);

    box-shadow: 1px 1px 3px rgba(80, 80, 80, .1);

    padding: 10px 0

}



.nav-sec .nav-transparent {

    background-color: transparent

}



.nav-sec .navbar-nav > li > a {

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 700;

    color: rgba(255, 255, 255, .7);

    letter-spacing: 1px;

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

    font-family: 'Open Sans', sans-serif

}



.about .mobile-features .nav-pills > li > a:hover, .nav-sec .dropdown-menu > li > a {

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

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

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

}



.nav-sec .navbar-nav > li > a:hover {

    color: #fff

}



.nav-sec .navbar-nav > li > a:focus {

    color: #fff !important

}



.nav-sec .navbar-nav > .active > a, .nav-sec .navbar-nav > .active > a:focus, .nav-sec .navbar-nav > .active > a:hover, .nav-sec .navbar-nav > .open > a, .nav-sec .navbar-nav > .open > a:focus, .nav-sec .navbar-nav > .open > a:hover {

    color: #fff;

    background-color: transparent

}



.nav-sec .navbar-toggle .icon-bar {

    background-color: #fff

}



.nav-sec .navbar-toggle {

    border-color: transparent

}



.nav-sec .navbar-toggle:focus, .nav-sec .navbar-toggle:hover {

    background-color: transparent

}



.nav-sec .dropdown-menu > li > a {

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 700;

    color: rgba(255, 255, 255, .7);

    letter-spacing: 1px;

    transition: all .4s ease-in-out

}



.header-content h1, .word--magneto {

    font-size: 60px;

    text-transform: uppercase

}



.nav-sec .dropdown-menu > li > a:hover {

    color: #fff

}



.dropdown-menu .active > a, .nav-sec li.active.dropdown a > .dropdown-icon {

    color: #fff !important

}



.top-nav-collapse .nav li a {

    color: rgba(255, 255, 255, .7)

}



.top-nav-collapse .nav li.active a, .top-nav-collapse .nav li.active.dropdown a > .dropdown-icon {

    color: #fff

}



.top-nav-collapse .navbar-nav > li > a:focus, .top-nav-collapse .navbar-nav > li > a:hover {

    background-color: transparent;

    color: #fff

}



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

    .nav-sec .navbar-nav {

        padding-left: 0;

        width: 100%;

        margin: 0

    }



    .nav-sec {

        padding-top: 15px

    }



    .nav-sec .navbar-nav > li > a {

        line-height: 50px;

        padding: 0 !important

    }



    .nav-sec .open .dropdown-menu > li > a {

        padding: 5px 20px;

        text-align: center;

        max-width: 100%

    }



    .nav-sec .dropdown-toggle span {

        margin-left: 15px

    }



    .nav-sec .navbar-nav .open .dropdown-menu {

        max-width: 100%;

        margin: 0 auto

    }



    .nav-sec .navbar-nav .open .dropdown-menu > .active > a, .nav-sec .navbar-nav .open .dropdown-menu > .active > a:focus, .nav-sec .navbar-nav .open .dropdown-menu > .active > a:hover {

        color: #fff;

        background-color: transparent

    }



    .nav-sec .navbar-collapse, .navbar-default .navbar-form {

        border-color: transparent

    }



    .nav-sec .navbar-nav .open .dropdown-menu > li > a {

        padding: 10px 0;

        color: rgba(255, 255, 255, .7)

    }



    .nav-sec .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #fff;

        background-color: transparent

    }

}



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

    .nav-sec .navbar-nav {

        float: none

    }



    .nav-sec .navbar-nav > li {

        float: none;

        display: inline-block

    }



    .nav-sec > li > a {

        padding-top: 20px;

        padding-bottom: 20px

    }



    .nav-sec > .container .navbar-brand {

        margin-left: 0

    }



    .dropdown-menu {

        visibility: hidden;

        opacity: 0;

        display: block

    }



    .dropdown:hover .dropdown-menu {

        margin-top: 0;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

        visibility: visible;

        opacity: 1

    }

}



#home {

    background: url(../img/bg/bg-header.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: relative

}



.header-inner {

    display: table;

    height: 850px;

    width: 100%

}



.header-content {

    position: relative;

    display: table-cell;

    vertical-align: middle

}



.word {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-wrap: wrap;

    margin: 0;

    cursor: default;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: transparent

}



.word--magneto {

    font-weight: 900;

    color: #fff;

    line-height: .8;

    margin: 0 0 1em

}



.word--magneto > span {

    display: block;

    padding: 1em 0 0;

    cursor: default;

    position: relative

}



.word--magneto span span {

    display: block;

    pointer-events: none

}



.word--magneto svg {

    position: absolute;

    left: 50%;

    margin-left: -1.5vw;

    width: 3vw;

    bottom: calc(100% - 1em)

}



.word--magneto svg circle {

    fill: currentColor;

    opacity: 0;

    transform-origin: 50% 50%

}



.header-content h1 {

    font-weight: 800;

    color: #fff;

    margin-bottom: 15px

}



.header-content h4 {

    color: #fff;

    font-size: 23px;

    line-height: 35px;

    font-weight: 100

}



.header-content .bttn-head {

    margin-top: 30px;

    z-index: 99;

    position: relative

}



.header-content .bttn-head a:first-child {

    margin-right: 20px

}



.photo-header img {

    position: relative;

    z-index: 20;

    top: 164px;

    width: 462px

}



.about {

    padding: 100px 0;

    background-color: #fff

}



.about .mobile-features {

    padding: 0 65px

}



.about .mobile-features .features-photo {

    float: left;

    position: relative

}



.about .mobile-features .features-slider:after {

    content: '';

    display: block;

    position: absolute;

    width: 437px;

    height: 437px;

    border-radius: 50%;

    top: 69px;

    left: 59px;

    z-index: -1;

    border-right: 1px dashed #ccc

}



.about .mobile-features .nav {

    float: left;

    padding-right: 20px

}



.about .mobile-features .tab-content {

    display: inline-block;

    margin-left: 245px;

    width: 70%;

    position: relative;

    padding: 200px 0

}



.about .mobile-features .nav-pills > li > a {

    width: 50px;

    height: 50px;

    text-align: center;

    padding: 0;

    line-height: 50px;

    border-radius: 50%;

    position: absolute;

    text-decoration: none;

    color: #fff;

    background: #ddd;

    z-index: 1

}



.about .mobile-features .nav-pills > li > a:hover {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    transition: all .4s ease-in-out

}



.about .mobile-features .nav-pills > li > a i, .one-post .post-text .title-text .title-post {

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

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

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

}



.about .mobile-features .nav-pills > li.active-icon > a {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.about .mobile-features .nav-pills > li > a i {

    color: #fff;

    font-size: 20px;

    line-height: 50px;

    transition: all .4s ease-in-out

}



.about .mobile-features .nav-pills > li:nth-child(1) > a {

    top: 66px;

    left: 15px

}



.about .mobile-features .nav-pills > li:nth-child(2) > a {

    top: 138px;

    left: 100px

}



.about .mobile-features .nav-pills > li:nth-child(3) > a {

    top: 256px;

    left: 134px

}



.about .mobile-features .nav-pills > li:nth-child(4) > a {

    top: 382px;

    left: 100px

}



.about .mobile-features .nav-pills > li:nth-child(5) > a {

    top: 454px;

    left: 15px

}



.about .mobile-features .tab-content > .tab-pane h4 {

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600

}



.about .mobile-features .tab-content > .tab-pane h4 span {

    color: #ca4966

}



.about .mobile-features .tab-content > .tab-pane p {

    font-size: 15px;

    line-height: 26px

}



.about .mobile-features .features-slider {

    padding: 71px 26px 85px 20px;

    background: url(../img/about/screen-trans.png) top center no-repeat rgba(0, 0, 0, 0);

    background-size: 100%;

    max-width: 293px;

    margin: 0 auto;

    position: relative

}



.download .overlay, .feat-one, .features {

    padding: 100px 0

}



.about .mobile-features .features-slider .owl-nav {

    margin-top: 100px

}



.about .mobile-features .features-slider .animated {

    -webkit-animation-duration: .4s !important;

    animation-duration: .4s !important

}



.about .mobile-features .features-slider.owl-carousel .owl-item img {

    max-width: 247px

}



.features {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    color: #fff;

    position: relative

}



.features:after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 75px;

    width: 100%;

    /* background: url(../img/svg/cloud.svg); */

    background-size: 218vh 100%;

    z-index: 2

}



.features .single-feat.first-feat {

    margin-bottom: 40px

}



.features .feat-left .single-feat .icon-place {

    float: right;

    margin-left: 20px

}



.features .feat-left .single-feat .feat-text {

    text-align: right

}



.features .feat-right .single-feat .icon-place {

    float: left;

    margin-right: 20px

}



.features .feat-right .single-feat .feat-text {

    text-align: left

}



.features .feat-center img {

    width: 290px;

    height: 591.16px;

    position: absolute;

    top: -169px;

    left: 13%;

    z-index: 3

}



.features .single-feat .feat-text {

    display: table

}



.features .single-feat .icon-place i {

    font-size: 45px;

    color: #fff

}



.features .single-feat .feat-text h4 {

    margin: 0 0 10px;

    font-weight: 600

}



.features .single-feat .feat-text p {

    font-size: 15px;

    line-height: 22px

}



.feat-one {

    background-color: #fff

}



.feat-one .feat-one-img {

    text-align: left;

}



.feat-one .feat-two-img {

    text-align: left

}



.feat-one .row:first-child {

    margin-bottom: 65px

}



.feat-one .feat-one-img img, .feat-one .feat-two-img img {

    width: 100%;

    /*height: 678px*/

    margin-bottom: 50px;

}



.feat-one .feat-one-text h2, .feat-one .feat-two-text h2 {

    font-size: 50px

}



.feat-one .feat-one-text p, .feat-one .feat-two-text p {

    color: #30373e;

    line-height: 28px;

    font-size: 18px;

    margin: 20px 0 30px

}



.feat-butt .bttn-applora-gradient:hover {

    background: #FFF

}



.feat-butt .bttn-applora-gradient:hover:before {

    opacity: 0

}



.feat-butt .bttn-applora-gradient span {

    position: relative;

    z-index: 2;

    color: #FFF;

    background: 0 0

}



.feat-butt .bttn-applora-gradient:before {

    opacity: 1

}



.feat-butt .bttn-applora-gradient:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.download {

    background: url(../img/bg/bg-download.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



.download .section-title h2 {

    color: #fff

}



.download .download-content .text-download {

    text-align: center;

    margin-bottom: 50px

}



.download .download-content .text-download p {

    color: #fff;

    line-height: 28px;

    font-size: 18px;

    width: 550px;

    margin: auto

}



.download .download-content .store-butt {

    text-align: center;

    margin-bottom: 70px

}



.download .download-content .store-butt a {

    margin: 0 20px

}



.download .download-content .image-download {

    text-align: center

}



.download .download-content .image-download img {

    width: 800px;

    position: absolute;

    left: 19%

}



.screenshots {

    padding: 160px 0 100px

}



.screenshots .section-title {

    margin-bottom: 0

}



.screenshots .scrsParent {

    position: relative

}



.screenshots .owl-carousel .owl-item {

    opacity: .5;

    -webkit-transform: scale(.62, .6);

    -moz-transform: scale(.62, .6);

    -o-transform: scale(.62, .6);

    transform: scale(.62, .6);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.screenshots .owl-carousel .active.center {

    opacity: 1;

    top: 0;

    position: relative;

    z-index: 15;

    left: -2px

}



.screenshots .container .mSCR img {

    position: absolute;

    top: 75px;

    left: 50%;

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

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

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

    transform: translateX(-50%);

    z-index: -1

}



.img-responsive, .screenshots .carousel-inner > .item > a > img, .screenshots .carousel-inner > .item > img, .thumbnail a > img, .thumbnail > img {

    margin: 0 auto

}



.screenshots .owl-next, .screenshots .owl-prev {

    width: 35px;

    height: 35px;

    line-height: 35px;

    cursor: pointer;

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

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

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

    transform: translateX(-50%);

    color: #fff;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    border-radius: 50%;

    transition: all .5s ease-in-out 0s;

    padding: 0 !important

}



.screenshots .owl-next:hover, .screenshots .owl-prev:hover {

    -webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

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

    background: #fff !important;

    color: #ca4966 !important

}



.screenshots .owl-theme .owl-nav {

    margin: 0 0 0 34px

}



@media (max-width: 1200px) {

    .screenshots .owl-carousel .active.center {

        -webkit-transform: scale(.75, .73);

        -moz-transform: scale(.75, .73);

        -o-transform: scale(.75, .73);

        transform: scale(.75, .73)

    }



    .screenshots .container .mSCR img {

        top: 18px

    }

}



@media (max-width: 992px) {

    .screenshots .container .mSCR img {

        top: 10px

    }

}



@media (max-width: 767px) {

    .screenshots .container .mSCR img {

        display: none

    }



    .screenshots .owl-carousel .owl-item, .screenshots .owl-carousel .owl-item.active {

        -webkit-transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

        padding: 0 25px 15px

    }



    .screenshots .owl-carousel .active img {

        margin-left: auto;

        margin-right: auto

    }

}



.statistic-app .overlay, .testimonials {

    padding: 100px 0

}



.statistic-app {

    background: url(../img/bg/bg-statistic.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    overflow: hidden

}



.statistic-app .statis-block h4 {

    margin-top: 0;

    color: #fff;

    font-weight: 800;

    font-size: 30px

}



.statistic-app .statis-block p {

    font-size: 14px;

    margin: 0;

    color: #fff;

    text-transform: uppercase

}



.statistic-app .statis-block {

    text-align: left;

    display: flow-root

}



.statistic-app .single-statis {

    margin-bottom: 100px

}



.statistic-app .statis-reset {

    margin-bottom: 0

}



.statistic-app .statis-img img {

    position: absolute;

    top: -43px;

    left: 0;

    width: 208px

}



.statistic-app .statis-img img:first-child {

    left: 25%;

    z-index: 1

}



.statistic-app .statis-img img:last-child {

    top: -13px

}



.statistic-app .statis-icon {

    float: left

}



.statistic-app .statis-icon i {

    font-size: 34px;

    color: #fff;

    position: relative;

    margin-right: 17px

}



.curvedarrow {

    position: relative;

    width: 0;

    height: 0;

    border-top: 9px solid transparent;

    border-right: 9px solid #fff;

    -webkit-transform: rotate(10deg);

    -moz-transform: rotate(10deg);

    -ms-transform: rotate(10deg);

    -o-transform: rotate(10deg);

    display: inline-block;

    top: -10px;

    margin-right: 20px

}



.curvedarrow:after {

    content: "";

    position: absolute;

    border: 0 solid transparent;

    border-top: 3px solid #fff;

    border-radius: 20px 0 0;

    top: -12px;

    left: -9px;

    width: 12px;

    height: 12px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg)

}



.testimonials {

    background-color: #fff

}



.testimonials-style .testimonial-item {

    position: relative;

    text-align: center;

    padding: 40px 20px;

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

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

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

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

}



.testimonials-style .testimonial-item .inner-box {

    position: relative;

    max-width: 400px;

    margin: 0 auto

}



.testimonials-style .testimonial-item .author-thumb {

    position: relative;

    margin: 0 auto 35px

}



.testimonials-style .testimonial-item .author-thumb img {

    border: 2px dashed #ca4966;

    padding: 10px;

    width: 120px;

    height: 120px;

    margin: auto

}



.testimonials-style .item {

    width: 325px;

    margin: auto

}



.testimonials-style .testimonial-item .text {

    position: relative;

    line-height: 1.8em;

    margin: 0 auto 25px

}



.testimonials-style.owl-carousel .owl-stage-outer {

    padding: 20px 0

}



.testimonials-style .testimonial-item .info {

    font-size: 15px;

    font-weight: 700;

    color: #2a2a2a;

    text-transform: uppercase;

    line-height: 26px;

    margin-bottom: 20px

}



.testimonials-style .testimonial-item .info .designation {

    font-size: 14px;

    font-weight: 400

}



.testimonials-style .testimonial-item .quote-icon {

    position: relative;

    font-size: 24px;

    line-height: 1em;

    color: #ca4966

}



.testimonials-style .testimonial-item .quote-icon span {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.testimonials-style.owl-theme .owl-dots .owl-dot span {

    width: 22px;

    height: 5px

}



.testimonials-style.owl-theme .owl-dots .owl-dot.active span, .testimonials-style.owl-theme .owl-dots .owl-dot:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s

}



.video-app {

    background: url(../img/bg/video-bg.png) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    padding: 100px 0

}



.video-app .play-btn {

    padding: 2px;

    border-radius: 100%;

    margin-bottom: 50px;

    outline: 0;

    display: inline-block;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.video-app .play-btn:hover {

    -webkit-box-shadow: 0 0 0 3px #fff;

    -moz-box-shadow: 0 0 0 3px #fff;

    -o-box-shadow: 0 0 0 3px #fff;

    box-shadow: 0 0 0 3px #fff

}



.video-app .section-title h2 {

    color: #fff

}



.video-app p {

    color: #fff;

    line-height: 28px;

    font-size: 18px;

    width: 550px;

    margin: auto

}



.pricing-table {

    padding: 100px 0;

    background-color: #fff

}



.pricingTable {

    text-align: center;

    background: #fff;

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

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

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

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

    padding-bottom: 40px;

    border-radius: 10px;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s

}



.pricingTable .pricingTable-header, .pricingTable .pricingTable-header i {

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s

}



.pricing-table .ribbon {

    position: absolute;

    right: -5px;

    top: -5px;

    z-index: 1;

    overflow: hidden;

    width: 75px;

    height: 75px;

    text-align: right

}



.pricing-table .ribbon span {

    font-size: 10px;

    font-weight: 700;

    color: #FFF;

    text-transform: uppercase;

    text-align: center;

    line-height: 20px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    width: 100px;

    display: block;

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    -o-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    position: absolute;

    top: 19px;

    right: -21px

}



.one-post, .team {

    -o-box-shadow: 0 0 35px rgba(0, 0, 0, .1)

}



.pricing-table .ribbon span::after, .pricing-table .ribbon span::before {

    position: absolute;

    top: 100%;

    z-index: -1;

    border-bottom: 3px solid transparent;

    border-top: 3px solid #CA4966;

    content: ""

}



.pricing-table .ribbon span::before {

    left: 0;

    border-left: 3px solid #CA4966;

    border-right: 3px solid transparent

}



.pricing-table .ribbon span::after {

    right: 0;

    border-left: 3px solid transparent;

    border-right: 3px solid #CA4966

}



.team.active .pic img, .team:hover .pic img {

    border-color: #fff

}



.pricingTable .pricingTable-header {

    padding: 40px 0;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    border-radius: 10px 10px 50% 50%;

    transition: all .5s ease 0s

}



.pricingTable .pricingTable-header i {

    font-size: 50px;

    color: #fff;

    margin-bottom: 10px;

    transition: all .5s ease 0s

}



.pricingTable .price-value {

    font-size: 35px;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s

}



.pricingTable .month {

    display: block;

    font-size: 12px;

    color: #fff;

    text-transform: uppercase

}



.pricingTable .heading {

    font-size: 24px;

    margin-bottom: 20px;

    text-transform: uppercase;

    color: #ca4966;

    font-weight: 700;

    letter-spacing: .7px

}



.post, .post-title {

    letter-spacing: 1px;

    text-transform: uppercase

}



.pricingTable .pricing-content ul {

    list-style: none;

    padding: 0;

    margin-bottom: 30px

}



.faqs, .our-story .overlay, .our-team {

    padding: 100px 0

}



.pricingTable .pricing-content ul li {

    line-height: 30px

}



.pricingTable .price-value {

    color: #fff

}



.pricingTable-signup .bttn-applora-gradient:hover {

    background: #FFF

}



.pricingTable-signup .bttn-applora-gradient:hover:before {

    opacity: 0

}



.pricingTable-signup .bttn-applora-gradient span {

    position: relative;

    z-index: 2;

    color: #FFF;

    background: 0 0

}



.pricingTable-signup .bttn-applora-gradient:before {

    opacity: 1

}



.pricingTable-signup .bttn-applora-gradient:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.team.active .post, .team.active .post-title, .team:hover .post, .team:hover .post-title {

    color: #fff

}



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

    .pricingTable {

        margin: 0 0 20px

    }

}



.our-team {

    background-color: #fff

}



.team .team-overlay, .team.active {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.team {

    text-align: center;

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

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

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

    padding: 20px;

    cursor: pointer;

    position: relative;

    overflow: hidden

}



.team .team-overlay {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 100%;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px)

}



.team:hover .team-overlay {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0)

}



.team .team-prof {

    position: relative;

    z-index: 1

}



.team.active {

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



.team.active > .social-team {

    display: block

}



.team:hover > .social-team {

    display: block;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.pic {

    position: relative

}



.pic img {

    border-radius: 50%;

    width: 150px;

    height: 150px;

    padding: 10px;

    border: 2px dashed #ca4966

}



.post-title {

    color: #000;

    font-size: 15px;

    line-height: 24px;

    margin: 15px 0 3px

}



.post {

    font-size: 13px;

    color: #777;

    line-height: 20px

}



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

    .team {

        margin-bottom: 30px

    }

}



.our-team .social-team {

    margin-top: 30px

}



.our-team .applora-social-links {

    font-size: 14px

}



.our-team .applora-social-links a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    position: relative;

    margin: 0 10px;

    text-align: center;

    display: inline-block;

    color: #fff;

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a i, .our-team .applora-social-links a span, .our-team .applora-social-links a:before {

    top: 0;

    left: 0;

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a i, .our-team .applora-social-links a span {

    position: relative;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a:before {

    content: "";

    display: inline-block;

    width: 100%;

    height: 100%;

    position: absolute;

    background: #fff;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a:hover, .our-team .applora-social-links a:hover > i {

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a:hover {

    color: #fff;

    transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a:hover > i {

    background: -webkit-linear-gradient(-45deg, #fff, #fff);

    background: -moz-linear-gradient(-45deg, #fff, #fff);

    background: -o-linear-gradient(-45deg, #fff, #fff);

    background: linear-gradient(-45deg, #fff, #fff);

    -webkit-background-clip: text;

    color: transparent;

    transition: all .5s ease-in-out 0s

}



.our-team .applora-social-links a:hover:before {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s

}



.our-story {

    background: url(../img/bg/bg-story.png) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    overflow: hidden

}



.our-story .story-text {

    text-align: center

}



.our-story .story-text h3 {

    font-size: 47px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0 0 30px;

    line-height: 64px

}



.our-story .story-text p {

    color: #fff;

    line-height: 28px;

    font-size: 18px;

    width: 550px;

    margin: auto

}



.our-story .story-text .story-butt {

    margin-top: 40px

}



.our-story .story-img {

    text-align: center

}



.our-story .story-img img {

    width: 460px;

    height: 393px

}



.faqs {

    background-color: #fff

}



.faqs .faqs-img {

    padding: 47px 0

}



.faqs .faqs-img img {

    width: 452px;

    height: 386.81px

}



.faq-content-wrapper {

    position: relative

}



.faq-content-wrapper:before {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    content: "";

    height: calc(100% - 60px);

    left: -40px;

    position: absolute;

    top: 30px;

    width: 2px;

    border-radius: 50%

}



.faqs .panel-heading:before {

    border-radius: 50px;

    border: 2px solid #ca4966;

    background: #fff;

    content: "";

    height: 15px;

    left: -48px;

    position: absolute;

    top: 50%;

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

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

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

    transform: translateY(-50%);

    width: 15px

}



.faqs .panel-title a.collapsed:after, .faqs .panel:before {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.faqs .faq-right-img-mockup {

    left: -200px;

    position: absolute

}



.faqs .panel-group {

    margin: 0

}



.faqs #accordion.panel-group .panel {

    border-radius: 0;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);

    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);

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

    margin-top: 30px;

    position: relative

}



.faqs .panel:before {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    content: "";

    height: 100%;

    left: -2px;

    position: absolute;

    top: 0;

    width: 2px

}



.faqs #accordion .panel:first-child {

    margin-top: 0

}



.faqs .panel-group .panel-body {

    border: 0;

    padding: 0 30px 10px

}



.faqs #accordion .panel-body {

    border: 0

}



.faqs #accordion .panel-body p {

    line-height: 1.8em

}



.faqs .panel-heading {

    border: 0;

    border-radius: 0;

    margin: 0;

    padding: 20px 30px;

    position: relative

}



.blog, .contact-us .overlay {

    padding: 100px 0

}



.faqs .panel-title {

    color: #30373e;

    font-size: 18px

}



.faqs .panel-title a {

    color: inherit;

    display: block;

    position: relative;

    text-decoration: none

}



.faqs .panel-title a.collapsed:after {

    font-family: FontAwesome;

    content: "\f067";

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text

}



.faqs .panel-title a:after {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    font-family: FontAwesome;

    content: "\f068";

    font-size: 12px;

    font-weight: 400;

    height: 22px;

    line-height: 20px;

    position: absolute;

    right: -22px;

    text-align: center;

    top: 50%;

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

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

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

    transform: translateY(-50%);

    width: 22px

}



.blog {

    background-color: #fff

}



.blog-slider .one-post {

    margin: 10px

}



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

    .post-slide .category {

        font-size: 13px

    }

}



.contact-us {

    background: url(../img/bg/bg-contact.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



.contact-us .section-title h2 {

    color: #fff

}



#googleMap {

    height: 438px !important

}



.contact-us .mobile-place {

    background-image: url(../img/mobile-map.png);

    width: 290px;

    height: 592px;

    margin: auto;

    text-align: center

}



.contact-us .mobile-place .mobile-preview {

    position: relative;

    overflow: hidden;

    left: 6.6%;

    top: 69px;

    width: 248px;

    height: 438px;

    text-align: left;

    background-color: #fff

}



.contact-us .single-info {

    color: #fff;

    text-align: center;

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

    padding: 20px 10px

}



.contact-us .contact-form form input, .contact-us .contact-form form textarea {

    padding: 10px;

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

    color: #fff;

    width: 100%;

    border: none;

    outline: 0

}



.contact-us .single-info .icon-contact i {

    font-size: 30px

}



.contact-us .single-info .info-text h4 {

    text-transform: uppercase;

    font-weight: 600

}



.contact-us .contact-form {

    margin-top: 30px

}



.contact-us .contact-form form input {

    margin-bottom: 10px

}



.contact-us .contact-form form textarea {

    resize: none;

    height: 200px

}



.contact-us .contact-form form .butt-send {

    margin-top: 20px

}



::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .9)

}



::-moz-placeholder {

    color: rgba(255, 255, 255, .9)

}



:-ms-input-placeholder {

    color: rgba(255, 255, 255, .9)

}



:-moz-placeholder {

    color: rgba(255, 255, 255, .9)

}



.footer {

    padding: 50px 0;

    background-color: #2b323f

}



.subscribe-box .subscribe-text {

    margin: 0 auto 40px;

    max-width: 710px;

    text-align: center;

    width: 100%

}



.subscribe-box .subscribe-text h4 {

    color: #fff;

    font-size: 18px;

    margin: 0 0 15px;

    font-weight: 700;

    text-transform: uppercase

}



.subscribe-box .subscribe-form {

    margin: auto;

    max-width: 500px;

    width: 100%;

    height: 48px;

    position: relative

}



.subscribe-box .subscribe-form.name-email input {

    background: #fff;

    color: #333;

    height: 48px;

    line-height: 48px;

    margin: 0;

    padding-left: 25px;

    padding-right: 75px;

    font-weight: 300;

    border: none;

    outline: 0

}



.footer .social-footer, .logo-footer {

    margin-top: 50px

}



.subscribe-box .subscribe-form button.btn {

    background: 0 0;

    border-radius: 0;

    float: right;

    height: 48px;

    line-height: 48px;

    padding: 0;

    position: absolute;

    right: 3px;

    top: 3px;

    width: 68px;

    z-index: 2;

    overflow: hidden;

    outline: 0;

    border: none

}



.subscribe-box .subscribe-form input::-ms-input-placeholder {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    color: #999

}



.subscribe-box .subscribe-form input::-webkit-input-placeholder {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    color: #999

}



.subscribe-box .subscribe-form input::-moz-placeholder {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    color: #999

}



.subscribe-box .subscribe-form button.btn:hover {

    box-shadow: none

}



.subscribe-box .subscribe-form button i {

    font-size: 18px;

    position: relative;

    top: 2px;

    transition: .3s

}



.subscribe-box .subscribe-form button:hover .icon-paper-plane::after {

    left: 50px;

    opacity: 1

}



.subscribe-box .subscribe-form .icon-paper-plane::after {

    content: "\e094";

    position: absolute;

    transition: .6s;

    left: 0;

    top: 2px;

    opacity: 0;

    z-index: 2

}



.subscribe-box .name-email input {

    font-weight: 400;

    line-height: 28px;

    color: #888;

    width: 100%;

    padding: 0 0 0 18px;

    margin-bottom: 25px;

    background: #f6f6f6;

    border-radius: 50px

}



.subscribe-box .custom-input button.btn {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    border-radius: 50px;

    color: #fff;

    height: 42px;

    line-height: 42px;

    box-shadow: none;

    font-size: 14px;

    -webkit-transition: all .3s ease 0s;

    transition: all .3s ease 0s

}



.one-post, .post-pagination ul li a {

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

    -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .1)

}



.logo-footer {

    text-align: center

}



.logo-footer a img {

    width: 80px;

    height: 68.8px;

    max-width: 80px

}



.footer .copyright {

    margin-top: 30px

}



.footer .copyright p {

    color: #fff;

    font-weight: 600;

    margin: 0

}



.footer .copyright p a {

    text-decoration: none;

    color: #ca4966;

    text-transform: uppercase

}



.footer .copyright p a:hover {

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s;

    color: #fff

}



#scroll-top, .blog-social:hover > .blog-social-icon i {

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out

}



#scroll-top {

    bottom: -50px;

    position: fixed;

    right: 9px;

    display: block;

    cursor: pointer;

    z-index: 600;

    width: 40px;

    border-radius: 50%;

    height: 40px;

    text-align: center;

    line-height: 40px;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    transition: all .5s ease-in-out

}



#scroll-top.show {

    bottom: 15px

}



#scroll-top i {

    color: #fff;

    font-size: 17px

}



#scroll-top:hover {

    color: #fff

}



.home-blog {

    background: url(../img/bg/bg-blog.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: relative

}



.home-blog .blog-inner {

    display: table;

    height: calc(50vh - 0px);

    width: 100%

}



.home-blog .blog-content {

    position: relative;

    display: table-cell;

    vertical-align: middle;

    z-index: 1;

    padding-top: 40px

}



.home-blog .blog-content h2 {

    margin: 0;

    color: #fff;

    font-size: 40px;

    font-weight: 800;

    text-transform: uppercase

}



.home-blog .blog-content .bread-links .breadcrumb {

    margin: 20px 0 0;

    background-color: transparent;

    border-radius: 0;

    padding: 0

}



.one-post .post-text .title-date, .one-post .post-text .title-text .post-details a i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.home-blog .blog-content .bread-links .breadcrumb > li + li:before {

    content: "\f105";

    font-family: FontAwesome;

    margin: 0 15px;

    color: #fff

}



.home-blog .blog-content .bread-links .breadcrumb li {

    font-weight: 700;

    text-transform: uppercase

}



.home-blog .blog-content .bread-links .breadcrumb a {

    color: #fff;

    text-decoration: none

}



.home-blog .blog-content .bread-links .breadcrumb > .active {

    color: rgba(255, 255, 255, .7)

}



.blog-page {

    padding: 100px 0

}



.one-post {

    margin-bottom: 30px;

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

}



.one-post .post-img img {

    width: 100%

}



.one-post .post-text {

    padding: 30px

}



.one-post .post-text .title-date {

    float: left;

    padding: 10px 20px;

    text-align: center;

    color: #fff;

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    margin-right: 20px

}



.one-post .post-text .title-date h3 {

    margin: 0;

    font-size: 25px;

    font-weight: 800

}



.one-post .post-text .title-date span {

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: .4px

}



.one-post .post-text .title-text {

    border-bottom: 1px solid #eee;

    padding-bottom: 20px

}



.one-post .post-text .title-text .title-post {

    text-decoration: none;

    color: #ca4966;

    font-size: 18px;

    transition: all .4s ease-in-out

}



.form-control, .post-pagination ul li a {

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

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

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

}



.one-post .post-text .title-text .title-post:hover {

    color: #333

}



.one-post .post-text .title-text .post-details {

    margin-top: 15px

}



.one-post .post-text .title-text .post-details a {

    text-decoration: none;

    color: #333;

    font-size: 13px;

    margin-right: 16px;

    text-transform: uppercase

}



.one-post .post-text .title-text .post-details a i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    margin-right: 5px

}



.one-post .post-text .post-concept p {

    margin: 20px 0 0;

    font-size: 15px;

    line-height: 26px;

    letter-spacing: .4px

}



.one-post .post-text .post-butt {

    margin-top: 20px

}



.post-pagination {

    margin-top: 50px;

    text-align: center

}



.post-pagination ul {

    padding: 0;

    margin: 0;

    list-style: none

}



.post-pagination ul li {

    margin-right: 5px;

    display: inline-block

}



.post-pagination ul li:last-child {

    margin-right: 0

}



.post-pagination ul li.disabled a {

    cursor: not-allowed

}



.post-pagination ul li.disabled a:hover {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    color: #fff

}



.post-pagination ul li a {

    background-color: #fff;

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

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

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    display: block;

    padding: 8px 18px;

    text-decoration: none;

    transition: all .4s ease-in-out

}



.archive-blog, .category-blog, .photos-blog, .posts-style, .search-blog, .tags-blog {

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

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

    -o-box-shadow: 0 0 35px rgba(0, 0, 0, .1)

}



.blog-social-fb, .blog-social-gplus, .blog-social-twitter, .post-pagination ul li a:hover, .post-pagination ul li.active a {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.post-pagination ul li a:hover, .post-pagination ul li.active a {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    color: #fff

}



.social-blog a {

    text-decoration: none

}



.blog-social {

    display: block;

    width: 100%;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 10px;

    min-height: 65px;

    position: relative;

    overflow: hidden;

    background-clip: padding-box;

    padding: 20px 60px 18px 86px;

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

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

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

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

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



#search-submit, .blog-social-icon, .blog-social-icon .fa {

    position: absolute;

    display: block;

    text-align: center

}



.blog-social-icon {

    left: 17px;

    top: 9px;

    bottom: 0;

    width: 50px;

    height: 50px;

    line-height: 50px;

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

    font-size: 18px;

    border-radius: 50px

}



.blog-social-icon .fa {

    width: 50px;

    height: 50px;

    line-height: 20px;

    line-height: 50px;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



@media (min-width: 992px) {

    .blog-social-title {

        font-size: 13px

    }

}



.blog-social-title {

    font-size: 12px;

    color: #fff;

    margin: 0

}



.blog-social .blog-social-num, .blog-social-count {

    font-size: 11px;

    font-weight: 700

}



.blog-social-count {

    display: block;

    margin-top: 2px;

    color: #fff

}



.category-blog, .search-blog {

    margin-top: 30px

}



.blog-social-fb, .blog-social-gplus, .blog-social-twitter {

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



.social-blog a:hover {

    color: #fff

}



.social-blog a:last-child {

    margin-bottom: 0

}



.blog-social:hover > .blog-social-icon i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    transition: all .5s ease-in-out

}



.blog-social:hover > .blog-social-icon {

    background-color: #fff;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.archive-blog, .category-blog, .photos-blog, .search-blog, .tags-blog {

    background-color: #fff;

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

    padding: 20px

}



#search-form {

    position: relative

}



.form-control {

    background-color: transparent;

    box-shadow: none;

    border: 1px solid #eee;

    color: #333;

    outline: 0;

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

    border-radius: 4px;

    padding: 20px

}



.archive-blog .archive-content ul li a, .category-blog .category-content ul li a, .form-control:focus + button i {

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

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

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

}



.form-control:focus {

    border-color: #ca4966;

    box-shadow: none;

    outline: 0

}



.form-control:focus + button i {

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

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



#search-submit {

    background: 0 0;

    border: 0;

    color: #C8C8CA;

    font-size: 16px;

    height: 32px;

    outline: 0;

    right: 6px;

    top: 4px;

    width: 32px

}



.archive-blog .archive-content ul, .category-blog .category-content ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.archive-blog .archive-content ul li, .category-blog .category-content ul li {

    margin-bottom: 15px

}



.archive-blog .archive-content ul li:last-child, .category-blog .category-content ul li:last-child {

    margin-bottom: 0

}



.archive-blog .archive-content ul li a, .category-blog .category-content ul li a {

    text-decoration: none;

    color: #333;

    transition: all .4s ease-in-out

}



.archive-blog .archive-content ul li a:hover, .category-blog .category-content ul li a:hover {

    color: #ca4966

}



.archive-blog .archive-content ul li i, .category-blog .category-content ul li i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    width: 25px;

    height: 25px;

    line-height: 25px

}



.post-share-btn > a, .posts-style, .posts-style .tab-content, .title-p {

    background-color: #fff

}



.posts-style {

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

    margin-top: 30px

}



.posts-style .tab-content {

    padding: 20px

}



.posts-style .tab-post-nav {

    background-color: transparent;

    list-style: none;

    padding: 0;

    margin: 0

}



.posts-style .tab-post-nav li.active a, .posts-style .tab-post-nav li.active a:before {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.posts-style .tab-post-nav li {

    float: left

}



.posts-style .tab-post-nav li.active a {

    border: none;

    position: relative;

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.posts-style .tab-post-nav li.active a:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 2px;

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



.posts-style .tab-post-nav li a {

    border-top: none;

    color: #333;

    display: block;

    padding: 13px 18px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 13px

}



.posts-style .tab-content .media {

    margin-top: 20px

}



.posts-style .tab-content .media:first-child {

    margin-top: 0

}



.posts-style .tab-content > .tab-pane .media-object {

    width: 104px;

    height: auto

}



.posts-style .tab-content > .tab-pane .media-body {

    font-size: 12px

}



.posts-style .tab-content > .tab-pane .media-body a {

    text-decoration: none;

    display: block;

    font-size: 16px;

    line-height: 25px;

    color: #ca4966;

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

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

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

    transition: all .4s ease-in-out

}



.posts-style .tab-content > .tab-pane .media-body a:hover {

    color: #333

}



.photos-blog {

    margin-top: 30px;

    padding-bottom: 15px

}



.gallery-feed {

    text-align: center

}



.gallery-feed:after, .gallery-feed:before {

    content: " ";

    display: table

}



.gallery-feed:after {

    clear: both

}



.gallery-feed > a {

    position: relative;

    display: inline-block;

    margin: 1.6%;

    overflow: hidden

}



.gallery-feed > a > img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    width: 66.39px;

    height: 66.39px

}



.gallery-feed > a:before {

    display: block;

    position: absolute;

    content: "";

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-transition: opacity .3s;

    -o-transition: opacity .3s;

    transition: opacity .3s

}



.gallery-feed > a > i {

    display: block;

    position: absolute;

    z-index: 5;

    width: 100%;

    text-align: center;

    font-size: 22px;

    color: #fff;

    top: 50%;

    margin-top: -11px;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .35s;

    -o-transition: all .35s;

    transition: all .35s

}



.archive-blog, .tags-blog {

    margin-top: 30px

}



.gallery-feed > a:hover > img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.gallery-feed > a:hover > i {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.gallery-feed > a:hover:before {

    opacity: .65

}



.archive-blog .archive-content ul li span {

    float: right

}



.tags-blog .tags-content a {

    display: inline-block;

    padding: 5px 13px;

    font-weight: 600;

    text-transform: capitalize;

    font-size: 12px;

    margin-right: 10px;

    margin-bottom: 10px

}



.post-item {

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

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

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

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

    border: 1px solid #eaeaea;

    border-radius: 3px;

    margin: 0 0 30px

}



.btn-more, .post-share-btn > a {

    border-radius: 50%;

    text-align: center

}



.title-p {

    width: 100%

}



.grid.isotope-grid .post-item .title-p {

    position: relative

}



.grid .post-item .title-p {

    margin-bottom: 0

}



.post-title-main .post-thumb {

    position: relative;

    z-index: 2;

    overflow: hidden

}



.post-title-main .post-thumb a img {

    width: 100%

}



.post-title-main .post-thumb:before {

    display: block;

    position: absolute;

    content: "";

    border-bottom: 68px solid #fff;

    border-left: 880px solid transparent;

    left: 0;

    bottom: 0

}



.post-title-main .post-thumb .post-meta {

    position: absolute;

    z-index: 2;

    right: 22px;

    top: 20px

}



.post-title-main .post-meta .post-date {

    color: #fff

}



.post-title-main .post-thumb .post-meta .post-date a {

    color: #fff;

    text-decoration: none;

    font-size: 12px

}



.post-title-main .post-thumb .post-share-btn {

    position: absolute;

    z-index: 5;

    left: 22px;

    bottom: 32px

}



.post-share-btn {

    position: relative;

    display: inline-block

}



.post-share-btn .share-dropup {

    position: absolute;

    width: 150px;

    padding: 10px;

    text-align: center;

    background-color: #fff;

    left: 0;

    top: -57px;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -o-transform: translateY(-8px);

    transform: translateY(-8px);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.a-btn, .blog-slider.owl-theme .owl-dots .owl-dot.active span, .blog-slider.owl-theme .owl-dots .owl-dot:hover span {

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s

}



.post-share-btn .share-dropup:before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-color: #fff transparent transparent;

    border-style: solid;

    bottom: -8px;

    left: 15px;

    border-width: 8px 6px 0

}



.post-share-btn .share-dropup > a {

    display: inline-block;

    margin-right: 6px;

    margin-left: 6px;

    font-size: 1.1em;

    text-decoration: none

}



.post-share-btn:hover > .share-dropup {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0)

}



.post-share-btn > a {

    display: block;

    font-size: 21px;

    color: #3d4652

}



.post-share-btn .share-dropup a i.fa-facebook {

    color: #3B5998

}



.post-share-btn .share-dropup a i.fa-twitter {

    color: #00B6F1

}



.post-share-btn .share-dropup a i.fa-google-plus {

    color: #DF4A32

}



.post-share-btn .share-dropup a i.fa-instagram {

    color: #c32aa3

}



.post-title-main .post-body {

    position: relative;

    z-index: 5

}



.title-p .title-body {

    padding: 22px

}



.post-title-main .post-body .post-title2 {

    font-size: 24px;

    margin-top: 0

}



.post-title-main .post-body .post-title2 > a {

    text-decoration: none;

    color: #ca4966;

    font-size: 20px

}



.post-title-main .post-body p {

    margin: 0;

    line-height: 26px;

    font-size: 14px;

    letter-spacing: .4px

}



.post-title-main .post-meta .post-author, .post-title-main .post-meta .post-taxonomy {

    display: inline-block;

    font-size: 13px;

    color: #aeaeae;

    margin-right: 8px

}



.post-title-main .post-meta .post-author a, .post-title-main .post-meta .post-taxonomy a {

    color: #aeaeae;

    text-decoration: none

}



.post-title-main .post-meta .delimiter {

    color: #aeaeae;

    margin-right: 8px

}



.post-share-btn > a > i {

    width: 42px;

    height: 42px;

    line-height: 42px

}



[class*=" pe-7s-"], [class^=pe-7s-] {

    display: inline-block;

    font-family: simple-line-icons;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.pe-7s-share:before {

    content: "\e05b";

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text

}



.post-butt2 {

    margin-top: 20px

}



.blog-slider.owl-theme .owl-dots .owl-dot span {

    width: 22px;

    height: 5px

}



.blog-slider.owl-theme .owl-dots .owl-dot.active span, .blog-slider.owl-theme .owl-dots .owl-dot:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    transition: all .5s ease-in-out 0s

}



.blog-slider.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 30px

}



.post-butt2 a {

    text-decoration: none

}



.btn-more {

    position: absolute;

    right: 20px;

    bottom: 15px;

    width: 38px;

    height: 34px;

    font-size: .8em;

    background-color: #ededed;

    color: #747474;

    line-height: 34px;

    transition: all .15s ease-in

}



.btn-more:after, .btn-more:before {

    content: "";

    position: absolute;

    right: 1px;

    background: 0 0;

    border-color: #ededed;

    border-style: solid

}



.btn-more:before {

    top: 27px;

    width: 9px;

    height: 8px;

    border-width: 0 0 2px 6px;

    border-bottom-left-radius: 22px 19px

}



.btn-more:after {

    top: 21px;

    width: 5px;

    height: 14px;

    border-width: 0 0 2px 3px;

    border-bottom-left-radius: 10px 22px

}



.part-title h4:after, .post-butt2 span {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.article-tag {

    border-radius: 3px;

    color: #ca4966;

    font-weight: 700;

    font-size: 11px;

    text-transform: uppercase;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.article-tag:hover, .post-title-main .post-body .post-title02 > a:hover, .post-title-main .post-body .post-title2 > a:hover {

    color: #333;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.author-comment cite a, .post-det .tags-post p a {

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

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

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

}



.post-butt2 span {

    margin: 0 .3em;

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text

}



.part-title h4 {

    margin: 0;

    text-transform: uppercase;

    font-weight: 700;

    padding-bottom: 10px;

    font-size: 16px;

    position: relative

}



.part-title h4:after, .part-title h4:before {

    display: block;

    position: absolute;

    height: 2px;

    left: 0;

    content: '';

    bottom: 0

}



.part-title h4:before {

    width: 100%;

    background-color: #eee

}



.part-title h4:after {

    width: 20%;

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



.ribbon-wrapper {

    position: relative;

    left: -20px

}



.ribbon-front {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    display: inline-block;

    position: relative;

    left: -10px;

    z-index: 2;

    padding: 7px 15px;

    color: #fff;

    text-transform: uppercase;

    border-radius: 0 4px 4px 0;

    letter-spacing: .4px;

    font-size: 14px;

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

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

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

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

}



.comment-wrap, .left-side-blog {

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

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

    -o-box-shadow: 0 0 35px rgba(0, 0, 0, .1)

}



.ribbon-edge-topleft {

    position: absolute;

    z-index: 1;

    border-style: solid;

    height: 0;

    width: 0;

    left: -10px;

    border-color: transparent #ca4966 transparent transparent;

    top: -10px;

    border-width: 10px 10px 0 0

}



.ribbon-front i {

    margin-right: 10px

}



.archive-blog .archive-content, .category-blog .category-content, .gallery-feed, .search-blog .search-content, .tags-blog .tags-content {

    margin-top: 20px

}



.left-side-blog {

    background-color: #fff;

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

    padding: 20px

}



.post-det .tags-post p i, blockquote:before {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.blog-sidebar .archive-blog, .blog-sidebar .category-blog, .blog-sidebar .gallery-blog, .blog-sidebar .photos-blog, .blog-sidebar .posts-style, .blog-sidebar .search-blog, .blog-sidebar .tags-blog {

    box-shadow: none;

    padding: 0

}



.blog-sidebar .search-blog {

    margin-top: 0

}



.blog-sidebar .posts-style .tab-post-nav {

    margin-top: 20px

}



.blog-sidebar .posts-style {

    margin-top: 30px

}



.blog-sidebar .posts-style .tab-content {

    padding: 20px 0 0

}



.blog-sidebar .archive-blog .archive-content ul li a.active, .blog-sidebar .category-blog .category-content ul li a.active {

    color: #ca4966

}



blockquote {

    margin: 0;

    font-size: 15px;

    padding-top: 0;

    padding-bottom: 0;

    position: relative;

    border: none

}



blockquote:before {

    content: '';

    display: block;

    position: absolute;

    width: 5px;

    height: 100%;

    left: 0;

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



.post-det {

    margin-top: 30px

}



.post-det .tags-post p {

    margin: 0;

    display: inline-block;

    background-color: #fff;

    font-size: 13px

}



.post-det .tags-post p i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    margin-right: 10px

}



.post-det .share-post a i, .replay, .replay i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.post-det .tags-post p a {

    text-decoration: none;

    color: #ca4966;

    transition: all .4s ease-in-out

}



.post-det .tags-post p a:hover {

    color: #333

}



.post-det .tags-post {

    text-align: left

}



.post-det .share-post, .post-journy .next-butt {

    text-align: right

}



.post-det .share-post span {

    text-transform: uppercase;

    font-weight: 700;

    margin-right: 20px

}



.post-det .share-post a {

    margin-right: 20px

}



.post-det .share-post a:last-child {

    margin-right: 0

}



.post-det .share-post a i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.post-journy .next-butt .bttn-applora-gradient i {

    margin: 0 0 0 10px

}



.comments-section {

    margin-top: 35px

}



.comments-section h4 {

    color: #333;

    margin-bottom: 30px;

    letter-spacing: .4px

}



.comment-list {

    padding: 0;

    margin: 35px 0 0;

    list-style: none

}



.comment-list ul {

    margin: 40px 0 0;

    padding: 0;

    list-style: none

}



.comment-list li {

    margin-bottom: 40px

}



.comment-wrap {

    background-color: #fff;

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

    margin-left: 20px;

    padding: 10px;

    position: relative

}



.comment-wrap .author-avatar {

    margin-left: -25px;

    margin-right: 20px

}



.comment-wrap .author-avatar img {

    width: 50px;

    height: 50px;

    border-radius: 50%

}



.author-comment {

    margin-bottom: 15px;

    overflow: hidden

}



.author-comment a {

    text-decoration: none

}



.author-comment cite a {

    color: #ca4966;

    font-style: normal;

    font-size: 16px;

    font-weight: 600;

    transition: all .4s ease-in-out

}



.replay, .replay i, .slider-post .owl-nav [class*=owl-]:hover {

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

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

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

}



.author-comment cite a:hover {

    color: #333;

    text-decoration: none

}



.replay, .replay i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    transition: all .4s ease-in-out

}



.comment-meta i, .replay:hover {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    color: transparent

}



.replay i {

    margin-right: 5px

}



.replay:hover {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text

}



.author-comment cite {

    margin-bottom: 10px;

    padding-top: 4px

}



.comment-content {

    margin-left: 45px

}



.comment-content p {

    font-size: 14px;

    line-height: 26px;

    letter-spacing: .4px

}



.comment-list ul li {

    padding-left: 25px

}



.comment-meta {

    font-size: 12px

}



.comment-meta i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    margin-right: 10px

}



.comment-reply-form h4 i, .comments-section h4 i, .sgl-post blockquote i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.comment-reply-form {

    margin-top: 80px

}



.comment-reply-form h4, .comments-section h4 {

    margin: 0;

    font-weight: 700;

    text-transform: uppercase

}



.comment-reply-form h4 i, .comments-section h4 i {

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    color: #fff;

    text-align: center;

    margin-right: 10px;

    font-size: 19px

}



.comment-reply-form input, .comment-reply-form textarea {

    width: 100%;

    padding: 10px;

    border: none;

    background-color: rgba(233, 233, 233, .4);

    outline: 0

}



#comment-form {

    margin-top: 35px

}



.comment-reply-form input {

    margin-bottom: 20px

}



.comment-reply-form input:last-child {

    margin-bottom: 0

}



.comment-reply-form textarea {

    height: 160px;

    resize: none

}



.comment-reply-form .butt-reply {

    text-align: right;

    margin-top: 30px

}



.comment-form input::-webkit-input-placeholder, .comment-form textarea::-webkit-input-placeholder {

    color: #999;

    text-transform: uppercase

}



.comment-form input::-moz-placeholder, .comment-form textarea::-moz-placeholder {

    color: #999;

    text-transform: uppercase

}



.comment-form input:-ms-input-placeholder, .comment-form textarea:-ms-input-placeholder {

    color: #999;

    text-transform: uppercase

}



.comment-form input:-moz-placeholder, .comment-form textarea:-moz-placeholder {

    color: #999;

    text-transform: uppercase

}



.comment-reply-form .butt-reply .bttn-applora-gradient:hover {

    background: #FFF

}



.comment-reply-form .butt-reply .bttn-applora-gradient:hover:before {

    opacity: 0

}



.comment-reply-form .butt-reply .bttn-applora-gradient i, .comment-reply-form .butt-reply .bttn-applora-gradient span {

    position: relative;

    z-index: 2;

    color: #FFF;

    background: 0 0

}



.comment-reply-form .butt-reply .bttn-applora-gradient:before {

    opacity: 1

}



.comment-reply-form .butt-reply .bttn-applora-gradient:hover i, .comment-reply-form .butt-reply .bttn-applora-gradient:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.sgl-post .post-title-main .post-thumb:before {

    display: block;

    position: absolute;

    content: "";

    border-bottom: 68px solid #fff;

    border-left: 880px solid transparent;

    left: -128px;

    bottom: 0;

    z-index: 11

}



.sgl-post .post-title-main .post-thumb .post-share-btn {

    position: absolute;

    left: 22px;

    bottom: 32px;

    z-index: 999

}



.slider-post .owl-nav .owl-next, .slider-post .owl-nav .owl-prev {

    position: absolute;

    display: block;

    top: 41%;

    font-size: 28px;

    color: rgba(255, 255, 255, .6);

    background: 0 0;

    margin: 0;

    padding: 0

}



.slider-post .owl-nav .owl-prev {

    left: 15px

}



.slider-post .owl-nav .owl-next {

    right: 15px

}



.slider-post .owl-nav [class*=owl-]:hover {

    background: 0 0;

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

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

    text-decoration: none

}



.sgl-post blockquote {

    font-size: 15px;

    position: relative;

    border: none;

    margin: 20px 0;

    background: #f9f9f9;

    padding: 15px

}



.sgl-post blockquote:before {

    display: none

}



.sgl-post blockquote i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    font-size: 50px !important;

    float: left;

    margin-right: 10px;

    width: 67px;

    text-align: center

}



.sgl-post .post-butt2 i, .sgl-post .post-journy a, .sgl-post .post-journy a i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    color: transparent

}



.sgl-post blockquote p {

    display: flow-root

}



.img-body {

    margin-bottom: 20px

}



.sgl-post .post-butt2 {

    margin-top: 40px

}



.sgl-post .post-butt2 i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    width: 20px

}



.sgl-post .post-journy {

    text-align: center;

    background-color: #fff;

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

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

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

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

    padding: 15px 0;

    width: 30%;

    float: right

}



.sgl-post .post-journy a {

    text-transform: uppercase;

    text-decoration: none;

    font-weight: 700

}



.sgl-post .post-journy a:first-child {

    margin-right: 20px

}



.sgl-post .post-journy a.prev-butt i {

    margin-right: 5px

}



.sgl-post .post-journy a.next-butt i {

    margin-left: 5px

}



.sgl-post .post-journy a, .sgl-post .post-journy a i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text

}



.sgl-post .btn-author {

    position: absolute;

    right: 20px;

    bottom: 15px;

    width: 38px;

    height: 38px

}



.sgl-post .btn-author img {

    width: 100%;

    max-width: 38px;

    max-height: 38px;

    border-radius: 50%

}



.section-title02 {

    margin-bottom: 50px

}



.section-title02 h2 {

    text-transform: uppercase;

    margin: 0 0 20px;

    font-weight: 700;

    font-size: 70px

}



.demo02 .photo-header img {

    width: 340px

}



.features02 {

    padding: 100px 0;

    text-align: center

}



.features02 .single-feat02 {

    padding: 40px 20px;

    position: relative;

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

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

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

    transition: all .4s ease-in-out

}



.features02 .single-feat02:hover {

    transform: translateY(-3px);

    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    -o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

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

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

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

    transition: all .4s ease-in-out

}



.features02 .single-feat02:hover:after {

    opacity: 1;

    width: 100%;

    -webkit-transition: width .4s ease-out;

    -moz-transition: width .4s ease-out;

    -o-transition: width .4s ease-out;

    transition: width .4s ease-out

}



.features02 .single-feat02 .icon-feat02 i {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    font-size: 60px

}



.statistic-app02 .section-title02 h2, .statistic-app02 .single-statis .text-statis {

    color: #fff

}



.icon-feat02 {

    position: relative

}



.features02 .single-feat02 .text-feat02 h4 {

    text-transform: uppercase;

    font-weight: 600;

    margin: 20px 0

}



.features02 .single-feat02 .text-feat02 p {

    font-size: 15px;

    line-height: 25px;

    letter-spacing: .4px;

    margin: 0

}



.statistic-app02 {

    background: url(../img/bg/bg-statis.jpg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



.statistic-app02 .overlay {

    padding: 100px 0;

    background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .99))

}



.statistic-app02 .single-statis {

    text-align: center;

    position: relative

}



.statistic-app02 .single-statis .icon-statis {

    margin-bottom: 30px

}



.statistic-app02 .single-statis .icon-statis i {

    color: #fff;

    font-size: 45px

}



.statistic-app02 .single-statis .text-statis h4 {

    margin: 0 0 20px;

    font-size: 30px;

    font-weight: 800;

    letter-spacing: 1px

}



.statistic-app02 .count-statis span {

    font-weight: 800;

    color: rgba(255, 255, 255, .4)

}



.statistic-app02 .single-statis .text-statis h5 {

    font-weight: 700;

    font-size: 16px;

    margin-bottom: 5px;

    margin-top: 0

}



.statistic-app02 .single-statis .text-statis p {

    margin: 0 0 20px;

    font-size: 12px

}



.mobile-services {

    position: relative;

    padding: 100px 0 45px;

    background-color: #fff

}



.all-mobile-services {

    margin-top: 30px

}



.mobile-services .overlay {

    padding: 100px 0 50px

}



.mobile-services .features-slider02 {

    padding: 69px 22px 137px 27px;

    background: url(../img/mobile-service.png) top center no-repeat rgba(0, 0, 0, 0);

    background-size: 100%;

    max-width: 292px;

    margin: 0 auto

}



.mobile-services .features-slider02 .owl-nav {

    margin-top: 100px

}



.mobile-services .features-slider02 .animated {

    -webkit-animation-duration: .4s !important;

    animation-duration: .4s !important

}



.mobile-services .features-slider02.owl-carousel .owl-item img {

    max-width: 248px;

    height: 430px

}



.mobile-services .left-ser-side, .mobile-services .right-ser-side {

    margin: 100px 0

}



.mobile-services .left-ser-side .single-ser, .mobile-services .right-ser-side .single-ser {

    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    -o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    padding: 20px;

    margin-bottom: 55px

}



.mobile-services .left-ser-side .single-ser .icon-ser i, .mobile-services .right-ser-side .single-ser .icon-ser i {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    font-size: 23px;

    line-height: 60px;

    text-align: center;

    cursor: pointer;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    z-index: 1;

    position: relative

}



.download02 .download-content .store-butt a:hover, .download02 .section-title02 h2, .mobile-services .left-ser-side .single-ser .icon-ser.active-service i, .mobile-services .right-ser-side .single-ser .icon-ser.active-service i {

    color: #fff

}



.mobile-services .left-ser-side {

    text-align: right

}



.mobile-services .left-ser-side .single-ser .icon-ser {

    float: right;

    text-align: center;

    position: relative

}



.mobile-services .right-ser-side .single-ser .icon-ser {

    position: relative

}



.mobile-services .left-ser-side .single-ser .icon-ser:before, .mobile-services .right-ser-side .single-ser .icon-ser:before {

    content: '';

    position: absolute;

    width: 0;

    height: 2px;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    top: 45%;

    opacity: 0;

    z-index: 4;

    -webkit-transition: width .4s ease-out;

    -moz-transition: width .4s ease-out;

    -o-transition: width .4s ease-out;

    transition: width .4s ease-out

}



.a-btn-symbol i, .mobile-services .left-ser-side .single-ser .icon-ser.active-service, .mobile-services .right-ser-side .single-ser .icon-ser.active-service {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966)

}



.mobile-services .left-ser-side .single-ser .icon-ser:before {

    left: 105%

}



.mobile-services .right-ser-side .single-ser .icon-ser:before {

    right: 105%

}



.mobile-services .left-ser-side .single-ser .icon-ser:after, .mobile-services .right-ser-side .single-ser .icon-ser:after {

    content: '';

    position: absolute;

    width: 107%;

    height: 107%;

    border-radius: 50%;

    border: 10px dashed #fff;

    top: -2px;

    left: -2px;

    display: none

}



.mobile-services .left-ser-side .single-ser .icon-ser.active-service, .mobile-services .right-ser-side .single-ser .icon-ser.active-service {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    border-radius: 50%

}



.mobile-services .left-ser-side .single-ser .icon-ser.active-service:after, .mobile-services .right-ser-side .single-ser .icon-ser.active-service:after {

    -webkit-animation: rotateEffect 8s linear infinite;

    animation: rotateEffect 8s linear infinite;

    display: block

}



.mobile-services .left-ser-side .single-ser .icon-ser.active-service:before, .mobile-services .right-ser-side .single-ser .icon-ser.active-service:before {

    width: 244%;

    opacity: 1

}



@keyframes rotateEffect {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.mobile-services .left-ser-side .single-ser .sin-ser-place {

    margin-right: 80px

}



.mobile-services .left-ser-side .single-ser:last-child, .mobile-services .right-ser-side .single-ser:last-child {

    margin-bottom: 0

}



.mobile-services .right-ser-side {

    text-align: left

}



.mobile-services .right-ser-side .single-ser .icon-ser {

    float: left;

    text-align: center

}



.mobile-services .right-ser-side .single-ser .sin-ser-place {

    margin-left: 80px

}



.mobile-services .left-ser-side .single-ser .sin-ser-place h4, .mobile-services .right-ser-side .single-ser .sin-ser-place h4 {

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase

}



.mobile-services .left-ser-side .single-ser .sin-ser-place p, .mobile-services .right-ser-side .single-ser .sin-ser-place p {

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 0;

    letter-spacing: .4px

}



.download02 {

    background: url(../img/bg/bg-download.jpeg) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



.download02 .overlay {

    padding: 100px 0

}



.download02 .download-content .text-download {

    text-align: center;

    margin-bottom: 50px

}



.download02 .download-content .text-download p {

    color: #fff;

    line-height: 28px;

    font-size: 18px;

    width: 550px;

    margin: auto

}



.download02 .download-content .store-butt {

    text-align: center

}



.download02 .download-content .store-butt a {

    margin: 0 20px;

    text-align: center;

    padding: 0;

    width: 100px;

    height: 100px

}



.download02 .download-content .store-butt a i {

    margin-right: 0;

    font-size: 45px;

    line-height: 100px

}



.store-butt02 {

    text-align: center

}



.a-btn-symbol {

    color: #555;

    font-size: 30px;

    position: absolute;

    top: 13px;

    left: 21px;

    line-height: 32px;

    -webkit-transition: opacity .3s ease-in-out;

    -moz-transition: opacity .3s ease-in-out;

    -o-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out

}



.a-btn-slide-text, .a-btn-text {

    position: relative;

    z-index: 22;

    text-transform: uppercase

}



.a-btn-symbol i {

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.a-btn-text {

    font-size: 15px;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent;

    font-weight: 700;

    display: block

}



.a-btn-slide-text {

    font-size: 10px;

    letter-spacing: 1px;

    color: #555

}



.a-btn-slide-icon {

    position: absolute;

    top: -30px;

    width: 22px;

    height: 22px;

    left: 20px;

    opacity: .6;

    font-size: 26px;

    z-index: 22

}



.a-btn-slide-icon i {

    color: #fff !important

}



.a-btn:hover .a-btn-symbol {

    opacity: 0

}



.a-btn:hover .a-btn-slide-icon {

    -webkit-animation: slideDown 1s linear infinite;

    -moz-animation: slideDown 1s linear infinite;

    animation: slideDown 1s linear infinite

}



.a-btn:active {

    background: #d7565b;

    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px rgba(188, 188, 188, .1);

    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px rgba(188, 188, 188, .1);

    box-shadow: 0 2px 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px rgba(188, 188, 188, .1)

}



.a-btn:active .a-btn-text {

    color: #fff;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)

}



.a-btn:active .a-btn-slide-text {

    color: rgba(0, 0, 0, .4);

    text-shadow: none

}



@keyframes slideDown {

    0% {

        top: -30px

    }

    100% {

        top: 80px

    }

}



@-webkit-keyframes slideDown {

    0% {

        top: -30px

    }

    100% {

        top: 80px

    }

}



@-moz-keyframes slideDown {

    0% {

        top: -30px

    }

    100% {

        top: 80px

    }

}



.a-btn {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 4px;

    padding: 10px 30px 10px 70px;

    margin: 10px;

    display: inline-block;

    text-decoration: none;

    transition: all .5s ease-in-out 0s;

    text-transform: uppercase;

    font-weight: 700;

    -webkit-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

    -moz-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

    -o-box-shadow: 0 1px 5px rgba(2, 3, 3, .15);

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

    letter-spacing: .7px;

    border: 0;

    position: relative;

    overflow: hidden;

    cursor: pointer;

    z-index: 3

}



.a-btn i, .a-btn span, .a-btn:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.a-btn i {

    font-size: 29px

}



.a-btn:hover > i {

    color: #FFF;

    background: 0 0;

    position: relative;

    z-index: 2

}



.a-btn:before {

    background: #ca4966 !important;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    background: linear-gradient(-45deg, #5f2c82, #ca4966) !important;

    color: #FFF !important;

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 4px;

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s;

    opacity: 0

}



.a-btn:active, .a-btn:focus, .a-btn:hover {

    text-decoration: none;

    outline: 0

}



.a-btn {

    color: #FFF;

    background: #FFF

}



.a-btn span {

    z-index: 2

}



.a-btn:hover {

    background: 0 0;

    -webkit-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -moz-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    -o-box-shadow: 0 3px 25px rgba(2, 3, 3, .25);

    box-shadow: 0 3px 25px rgba(2, 3, 3, .25)

}



.a-btn:hover span {

    color: #FFF;

    background: 0 0

}



.testimonials02 .section-title02 h2, .video-app .section-title02 h2 {

    color: #fff

}



.a-btn:hover:before {

    opacity: 1

}



.playBut {

    display: inline-block;

    -webkit-transition: all .5s ease;

    outline: 0

}



.playBut .triangle {

    -webkit-transition: all .7s ease-in-out;

    stroke-dasharray: 240;

    stroke-dashoffset: 480;

    stroke: rgba(255, 255, 255, .5);

    transform: translateY(0)

}



.playBut:hover .triangle {

    stroke-dashoffset: 0;

    opacity: 1;

    stroke: #fff;

    animation: nudge .7s ease-in-out

}



@keyframes nudge {

    0%, 100% {

        transform: translateX(0)

    }

    30% {

        transform: translateX(-5px)

    }

    50% {

        transform: translateX(5px)

    }

    70% {

        transform: translateX(-2px)

    }

}



.testimonials02 {

    padding: 100px 0;

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966)

}



.whbg {

    background: #fff !important

}



.blfo {

    color: #333 !important

}



.testimonials02 .testimonial {

    background: #fff;

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

    text-align: center;

    padding: 30px 30px 50px;

    margin: 40px 15px 100px;

    position: relative;

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

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

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

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

}



.testimonials02 .testimonial .icon {

    display: inline-block;

    font-size: 80px;

    margin-bottom: 20px;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-background-clip: text;

    color: transparent

}



.testimonials02 .testimonial .description {

    font-size: 15px;

    color: #fff;

    text-align: center;

    margin-bottom: 30px;

    line-height: 26px

}



.testimonials02 .testimonial .testimonial-content {

    width: 100%;

    position: absolute;

    left: 0

}



.testimonials02 .testimonial .pic02 {

    display: inline-block;

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

    border-radius: 50%;

    overflow: hidden;

    z-index: 1;

    position: relative

}



.testimonials02 .testimonial .pic02 img {

    width: 100%;

    height: auto

}



.testimonials02 .testimonial .title {

    font-size: 15px;

    font-weight: 700;

    letter-spacing: .4px;

    color: #fff;

    text-transform: uppercase;

    margin: 0 0 5px

}



.testimonials02 .testimonial .post {

    display: block;

    font-size: 14px;

    color: #fff

}



.pricing-table02 {

    padding: 100px 0;

    background-color: #fff

}



.pricing-table02 .ribbon {

    position: absolute;

    right: 11px;

    top: -5px;

    z-index: 1;

    overflow: hidden;

    width: 75px;

    height: 75px;

    text-align: right

}



.pricing-table02 .ribbon span {

    font-size: 10px;

    font-weight: 700;

    color: #FFF;

    text-transform: uppercase;

    text-align: center;

    line-height: 20px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    width: 100px;

    display: block;

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    -o-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

    position: absolute;

    top: 19px;

    right: -21px

}



.pricing-table02 .ribbon span::after, .pricing-table02 .ribbon span::before {

    position: absolute;

    top: 100%;

    z-index: -1;

    border-bottom: 3px solid transparent;

    border-top: 3px solid #CA4966;

    content: ""

}



.pricing-table02 .ribbon span::before {

    left: 0;

    border-left: 3px solid #CA4966;

    border-right: 3px solid transparent

}



.pricing-table02 .ribbon span::after {

    right: 0;

    border-left: 3px solid transparent;

    border-right: 3px solid #CA4966

}



.pricing-table02 .pricingTable02 {

    padding: 25px 0;

    text-align: center;

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

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

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

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

}



.pricing-table02 .pricingTable02 .price-value {

    font-size: 60px;

    font-weight: 800;

    letter-spacing: 3px;

    margin-bottom: 30px

}



.pricing-table02 .pricingTable02 .month {

    display: block;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 2px;

    line-height: 10px;

    text-transform: uppercase

}



.pricing-table02 .pricingTable02 .title {

    padding: 15px 40px;

    margin: 0 0 20px;

    font-size: 20px;

    color: #fff;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    text-transform: uppercase;

    position: relative;

    font-weight: 600;

    letter-spacing: .4px

}



.pricing-table02 .pricingTable02 .pricing-content {

    padding: 0;

    margin: 0 0 25px;

    list-style: none

}



.pricing-table02 .pricingTable02 .pricing-content li {

    font-size: 17px;

    line-height: 40px

}



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

    .pricing-table02 .pricingTable02 {

        margin-bottom: 30px

    }

}



.our-team02 {

    padding: 100px 0;

    background-color: #fff

}



.single-one-team {

    overflow: hidden

}



.single-one-team img {

    width: 100%;

    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



.single-one-team .personal-det {

    text-align: center;

    padding: 10px 0;

    position: absolute;

    bottom: 20px;

    display: block;

    left: 10%;

    right: 0;

    width: 80%;

    background: -webkit-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -moz-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: -o-linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    background: linear-gradient(-45deg, rgba(95, 44, 130, .9), rgba(202, 73, 102, .9));

    color: #fff;

    -webkit-transition: height .4s ease;

    -moz-transition: height .4s ease;

    -o-transition: height .4s ease;

    transition: height .4s ease;

    height: 64px;

    overflow: hidden

}



.single-one-team .personal-det h4 {

    margin: 0 0 5px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .4px

}



.our-quality .story-text h3, .qualityBox .title {

    color: #fff;

    font-weight: 600;

    text-transform: uppercase

}



.single-one-team .personal-det span {

    text-transform: uppercase;

    font-size: 12px

}



.single-one-team .personal-det .social-personal {

    margin: 10px 0;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    bottom: 8px;

    left: 3%;

    -webkit-transition: opacity 1s ease, visibility 1s ease;

    transition: opacity 1s ease, visibility 1s ease;

    transition-delay: .4s;

    transform: translateY(50px)

}



.single-one-team .personal-det .social-personal a {

    text-decoration: none;

    margin: 0 10px;

    color: #fff

}



.single-one-team .personal-det .social-personal i {

    width: 30px;

    height: 30px;

    line-height: 30px;

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

    font-size: 12px;

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

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

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

    transition: all .4s ease-in-out

}



.single-one-team .personal-det .social-personal i:hover {

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

}



.single-one-team:hover .social-personal {

    visibility: visible;

    opacity: 1;

    transform: translateY(0)

}



.single-one-team:hover .personal-det {

    height: 114px

}



.single-one-team:hover > img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.our-quality {

    background: url(../img/bg/bg-story.png) center center no-repeat fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    overflow: hidden

}



.our-quality .overlay {

    padding: 100px 0

}



.our-quality .story-text {

    text-align: center

}



.our-quality .story-text h3 {

    font-size: 47px;

    margin: 0 0 30px;

    line-height: 64px

}



.our-quality .story-text p {

    color: #fff;

    line-height: 28px;

    font-size: 18px;

    width: 550px;

    margin: auto

}



.our-quality .story-text .story-butt, .work-app {

    margin-top: 40px

}



.our-quality .zoomer-frame {

    text-align: center

}



.our-quality .zoomer-image {

    display: block;

    position: absolute;

    top: 71px;

    left: 174px;

    bottom: 3%

}



.qualityBox, .qualityBox .quality-icon {

    position: relative;

    transition: all .3s linear 0s

}



.our-quality .zoomer-bg {

    width: 292px

}



.our-quality .zoomer-image img {

    width: 239px

}



.magnifier {

    border-radius: 50%;

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

    display: block !important;

    top: 1020px;

    left: 44%;

    opacity: 1;

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

    z-index: 1

}



.magnifier img {

    width: auto !important;

    left: -354px;

    top: -636px

}



.qualityBox {

    padding: 0 20px;

    text-align: center;

    margin: 50px 0

}



.qualityBox .quality-icon {

    display: inline-block;

    width: 90px;

    height: 90px;

    line-height: 90px;

    border-radius: 5px;

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

    font-size: 30px;

    color: #fff;

    margin: -45px 0 30px

}



.qualityBox .quality-icon:after {

    content: "";

    border-top: 10px solid rgba(255, 255, 255, .1);

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    transition: all .3s linear 0s

}



.qualityBox .title {

    font-size: 14px;

    margin: 0 0 12px;

    transition: all .3s ease 0s

}



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

    .qualityBox {

        margin-bottom: 80px

    }

}



.blog02 {

    padding: 100px 0;

    background-color: #fff

}



.blog-slider02.owl-theme .owl-dots .owl-dot span {

    width: 22px;

    height: 5px

}



.blog-slider02.owl-theme .owl-dots .owl-dot.active span, .blog-slider02.owl-theme .owl-dots .owl-dot:hover span {

    background: #ca4966;

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s

}



.blog-slider02.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 30px

}



.post-title-main .post-body .post-title02 > a {

    text-decoration: none;

    color: #ca4966;

    font-size: 20px;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.post-title-main .post-body .post-title02 > a:hover {

    color: #333;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.blog02 .post-butt {

    margin-top: 20px

}



.blog02 .post-title02 {

    font-size: 24px;

    margin-top: 0

}



.post-butt a {

    text-decoration: none

}



.contact-us .section-title02 h2 {

    color: #fff

}



.coming-soon .overlay {

    padding: 95px 0 0;

    min-height: 100vh

}



.count-timer {

    width: 860px;

    margin: auto

}



.text-coming-soon {

    text-align: center;

    margin-bottom: 40px

}



.text-coming-soon h4 {

    font-size: 50px;

    font-weight: 900;

    color: #fff;

    margin-bottom: 20px;

    text-transform: uppercase

}



.text-coming-soon p {

    color: #fff;

    line-height: 26px;

    width: 650px;

    margin: auto;

    font-size: 16px

}



.coming-soon .count-date {

    text-align: center;

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

    width: 160px;

    height: 160px;

    margin: auto

}



.coming-soon .count-date h4 {

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 700;

    margin-bottom: 0;

    margin-top: 0;

    z-index: 1;

    position: relative;

    top: 30px

}



.coming-soon .count-date .date-block:after {

    right: 0;

    left: auto;

    border-left: none;

    border-bottom: none

}



.coming-soon .count-date .date-block:before {

    left: 0;

    right: auto;

    border-right: none;

    border-bottom: none

}



.coming-soon .count-date .date-block h2 {

    font: 900 3.5em/1em 'Open Sans', sans-serif;

    margin-top: 0;

    margin-bottom: 0;

    line-height: 160px;

    color: #fff

}



.coming-soon .count-date .date-block p {

    text-transform: uppercase;

    letter-spacing: .1em;

    font: 400 12px/25px 'Open Sans', sans-serif

}



.coming-soon .subscribe-box {

    margin-top: 70px

}



.not-found-page .overlay {

    padding: 132px 0 0;

    min-height: 100vh

}



.text-not-found {

    text-align: center;

    margin-bottom: 40px

}



.text-not-found h4 {

    font-size: 40px;

    font-weight: 900;

    color: #fff;

    text-transform: uppercase;

    position: relative

}



#applora.waves:after, .text-not-found h4:after {

    position: absolute;

    content: '';

    display: block

}



.text-not-found h1 {

    font-weight: 900;

    font-size: 13em;

    color: #fff;

    margin-bottom: 20px

}



.text-not-found p {

    color: #fff;

    font-size: 16px;

    width: 400px;

    margin: auto;

    line-height: 26px

}



.button-not-found {

    text-align: center

}



.button-not-found .bttn-applora-gradient {

    margin: 10px

}



.preview-index {

    background: url(../img/bg/bg-preview.png) center center no-repeat fixed !important;

    -webkit-background-size: cover !important;

    -moz-background-size: cover !important;

    -o-background-size: cover !important;

    background-size: cover !important;

    position: relative;

}



#applora.waves:after {

    height: 100%;

    background: url(../img/svg/waves.png) bottom no-repeat;

    background-size: contain;

    bottom: -1px;

    left: -1px;

    right: -1px;

    z-index: 1

}



.preview-index .word {

    justify-content: center

}



.preview-index .header-content h4 {

    font-size: 25px;

    text-transform: uppercase;

    font-weight: 700;

    margin: 10px 0 30px

}



.preview-index .header-content .bttn-head a {

    margin: 0

}



.preview-index .header-content .bttn-head.dir-style a {

    margin: 10px

}



.preview-index-footer .logo-footer {

    margin: 0

}



.blog1-preview, .blog2-preview, .coming-preview, .homepage01-preview, .homepage02-preview, .not-found-preview {

    padding: 100px 0

}



.blog2-preview, .homepage02-preview, .not-found-preview {

    background-color: #f1f1f1

}



.blog1-preview .section-title h2, .blog2-preview .section-title h2, .coming-preview .section-title h2, .homepage01-preview .section-title h2, .homepage02-preview .section-title h2, .not-found-preview .section-title h2 {

    font-size: 45px

}



.small-section-title {

    margin: 50px 0 60px

}



.small-section-title h2 {

    margin: 0;

    font-weight: 900;

    text-transform: uppercase;

    font-size: 25px;

    text-align: left;

    position: relative;

    padding-left: 28px

}



.small-section-title h2:before {

    content: '';

    display: block;

    position: absolute;

    border: 4px double #ca4966;

    width: 40px;

    height: 40px;

    bottom: 5px;

    left: 0;

    border-right: none;

    border-bottom: none

}



.content-main {

    margin-bottom: 50px

}



a.demo {

    text-decoration: none

}



.demo {

    display: block;

    position: relative;

    margin-bottom: 60px;

    overflow: hidden;

    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)

}



.demo img {

    width: 100%

}



.demo p {

    color: #333;

    padding: 15px 0;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 0;

    text-align: center;

    background-color: #fff

}



.demo:hover {

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

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

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

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

    box-shadow: 0 12px 20px rgba(0, 0, 0, .15)

}



#loading-mask {

    background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

    background: linear-gradient(-45deg, #5f2c82, #ca4966);

    height: 100%;

    opacity: 1;

    filter: alpha(opacity=100);

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    text-align: center;

    width: 100%;

    z-index: 999999999

}



.loader {

    width: 49px;

    height: 96px;

    margin: 0 auto 70px;

    position: relative;

    top: 40%;

    transform-style: preserve-3d;

    -webkit-animation: 2.3s loading-2 infinite;

    animation: 2.3s loading-2 infinite

}



.loader .loader-inner {

    width: 15px;

    height: 10px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-animation: loading-1 3.45s infinite cubic-bezier(.53, .68, .53, .41);

    animation: loading-1 3.45s infinite cubic-bezier(.53, .68, .53, .41)

}



.loader .loader-inner:nth-of-type(2) {

    margin-top: 12px;

    animation-delay: .12s

}



.loader .loader-inner:nth-of-type(3) {

    margin-top: 23px;

    animation-delay: .23s

}



.loader .loader-inner:nth-of-type(4) {

    margin-top: 35px;

    animation-delay: .35s

}



.loader .loader-inner:nth-of-type(5) {

    margin-top: 47px;

    animation-delay: .46s

}



@-webkit-keyframes loading-1 {

    0%, 100% {

        -webkit-transform: translateX(-24px) scaleX(.5);

        background: #fff

    }

    25%, 75% {

        -webkit-transform: translateX(0) scaleY(1) scaleX(5) rotateY(180deg);

        background: #fff

    }

    50% {

        -webkit-transform: translateX(24px) scaleX(.5);

        background: #fff

    }

}



@keyframes loading-1 {

    0%, 100% {

        transform: translateX(-24px) scaleX(.5);

        background: #fff

    }

    25%, 75% {

        transform: translateX(0) scaleY(1) scaleX(5) rotateY(180deg);

        background: #fff

    }

    50% {

        transform: translateX(24px) scaleX(.5);

        background: #fff

    }

}



@-webkit-keyframes loading-2 {

    0%, 100% {

        -webkit-transform: rotateY(0)

    }

    50% {

        -webkit-transform: rotateY(360deg)

    }

}



@keyframes loading-2 {

    0%, 100% {

        transform: rotateY(0)

    }

    50% {

        transform: rotateY(360deg)

    }

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .about .mobile-features .features-slider.owl-carousel .owl-item img {

        height: 374px

    }



    .photo-header img {

        width: 417px;

        height: auto;

        float: right;

        top: 198px

    }



    .photo-header {

        padding-right: 0

    }



    .about .mobile-features .features-slider:after {

        width: 437px;

        height: 379px;

        top: 58px;

        left: 3px

    }



    .about .mobile-features .nav-pills > li:nth-child(1) > a {

        top: 53px

    }



    .about .mobile-features .nav-pills > li:nth-child(2) > a {

        top: 118px

    }



    .about .mobile-features .nav-pills > li:nth-child(3) > a {

        top: 222px

    }



    .about .mobile-features .nav-pills > li:nth-child(4) > a {

        top: 325px

    }



    .about .mobile-features .nav-pills > li:nth-child(5) > a {

        top: 389px

    }



    .about .mobile-features .features-slider {

        padding: 61px 25px 106px 17px

    }



    .features .feat-center img {

        left: 7%

    }



    .download .download-content .image-download img {

        left: 10%

    }



    .screenshots .scrsParent {

        margin-top: 50px

    }



    .screenshots .owl-theme .owl-nav {

        margin-top: 40px

    }



    .our-story .story-img img {

        width: 332px;

        float: right;

        height: auto

    }



    .faqs .faqs-img img {

        width: 348px;

        float: left;

        height: auto

    }



    .faqs .faqs-img {

        padding: 100px 0

    }



    .about .mobile-features .tab-content {

        width: 62%

    }



    .our-quality .story-text p, .our-story .story-text p {

        width: auto

    }



    #home.triangle::after {

        border-top: 125px solid transparent

    }



    .single-one-team .personal-det .social-personal {

        position: static

    }



    .single-one-team .personal-det .social-personal a {

        margin: 0 3px

    }



    .our-quality .zoomer-image {

        left: 124px

    }



    .magnifier {

        left: 69% !important

    }



    .demo02 .photo-header img {

        width: 297px;

        top: 160px

    }

}



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

    .photo-header img {

        height: auto;

        width: 330px;

        top: 208px;

        float: right

    }



    .photo-header {

        padding-right: 0

    }



    .header-content h4 {

        font-size: 18px;

        line-height: 29px

    }



    .nav-sec .navbar-nav > li > a {

        padding: 0 7px !important

    }



    .about .mobile-features .owl-carousel .owl-item img {

        width: 100% !important

    }



    .about .mobile-features .features-slider {

        padding: 66px 26px 106px 18px

    }



    .about .mobile-features .nav-pills > li > a {

        position: static

    }



    .about .mobile-features .nav-stacked > li {

        float: none;

        display: inline-block;

        margin: 0 10px

    }



    .about .mobile-features .features-slider:after, .mobile-services .left-ser-side .single-ser .icon-ser:before, .mobile-services .right-ser-side .single-ser .icon-ser:before {

        display: none

    }



    .about .mobile-features {

        padding: 0

    }



    .about .mobile-features .nav {

        padding: 0;

        float: none;

        text-align: center

    }



    .about .mobile-features .features-slider.owl-carousel .owl-item img {

        height: auto;

        margin-top: 5px

    }



    .about .mobile-features .tab-content {

        margin-left: 0;

        width: auto;

        position: relative;

        padding: 0;

        margin-top: 30px;

        text-align: center

    }



    .feat-width {

        width: 33.3333%;

        float: left

    }



    .features .feat-center img {

        height: auto;

        position: static

    }



    .download .overlay {

        padding-bottom: 0

    }



    .download .download-content .store-butt {

        margin-bottom: 0

    }



    .download .download-content .image-download img {

        position: relative;

        left: 0;

        top: 111px

    }



    .screenshots .owl-carousel .owl-item img {

        width: auto !important;

        height: 570px

    }



    .screenshots .scrsParent {

        margin-top: 50px

    }



    .screenshots .owl-theme .owl-nav {

        margin-top: 40px

    }



    .statistic-app .statis-img img:first-child {

        left: 36%

    }



    .statistic-app .statis-img img:last-child {

        left: 10%

    }



    .statistic-app .single-statis {

        margin-bottom: 30px

    }



    .faqs .faqs-img img {

        margin-bottom: 50px

    }



    .our-story .story-text {

        margin-top: 50px

    }



    .posts-style, .search-blog, .tags-blog {

        width: 45%;

        float: left

    }



    .archive-blog, .category-blog, .photos-blog {

        width: 45%;

        float: right

    }



    #comment-form {

        margin-bottom: 35px

    }



    .comment-reply-form input:last-child {

        margin-bottom: 20px

    }



    .gallery-feed > a > img {

        height: auto;

        width: 57px

    }



    .header-content .bttn-head a:first-child {

        margin-bottom: 10px

    }



    .post-pagination {

        margin-bottom: 50px

    }



    .phone-carousel {

        padding-top: 40px

    }



    .phone-carousel .owl-theme .owl-dots {

        top: 36%

    }



    #home.bigTriangle:after {

        background-size: 56vh 100%

    }



    #home.triangle::after {

        border-top: 125px solid transparent

    }



    .mobile-services .left-ser-side, .mobile-services .right-ser-side {

        margin-top: 0

    }



    .mobile-services .right-ser-side {

        margin-bottom: 0

    }



    .marb30, .zoomer-frame {

        margin-bottom: 30px

    }



    .mobile-services {

        padding-bottom: 100px

    }



    .single-one-team .personal-det .social-personal {

        position: static

    }



    .our-quality .zoomer-image {

        left: 257px

    }



    .qualityBox {

        margin-bottom: 0

    }



    .coming-soon .count-date, .features02 .single-feat02 {

        margin-bottom: 30px

    }



    .pricing-table02 .pricingTable02 .pricing-content li {

        font-size: 14px

    }



    .demo02 .photo-header img {

        width: 274px;

        top: 169px

    }



    .count-timer {

        width: auto

    }



    .coming-soon .overlay {

        padding: 95px 0

    }

}



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

    .about .mobile-features .features-slider:after, .photo-header img {

        display: none

    }



    .word {

        justify-content: center

    }



    .header-content .bttn-head a:first-child {

        margin: 0

    }



    .pd-carousel .header-content .bttn-head a:first-child {

        margin-right: 20px

    }



    .header-content .bttn-head a {

        margin: 10px 10px 0

    }



    .screenshots .owl-theme .owl-nav {

        margin-top: 40px

    }



    .home-blog .blog-content h2 {

        font-size: 27px

    }



    .navbar-nav {

        background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

        background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

        background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

        background: linear-gradient(-45deg, #5f2c82, #ca4966);

        margin-bottom: 0;

        margin-top: 0

    }



    .navbar-collapse {

        border: none;

        box-shadow: none

    }



    .top-nav-collapse {

        background: -webkit-linear-gradient(-45deg, #5f2c82, #ca4966);

        background: -moz-linear-gradient(-45deg, #5f2c82, #ca4966);

        background: -o-linear-gradient(-45deg, #5f2c82, #ca4966);

        background: linear-gradient(-45deg, #5f2c82, #ca4966);

        -webkit-transition: all .5s ease-in-out;

        -moz-transition: all .5s ease-in-out;

        -o-transition: all .5s ease-in-out;

        transition: all .5s ease-in-out

    }



    .header-content h1 {

        font-size: 50px

    }



    .header-content h4 {

        font-size: 17px;

        line-height: 28px

    }



    .photo-header {

        padding: 0

    }



    .owl-carousel .owl-item img {

        width: 100% !important

    }



    .about .mobile-features .features-slider {

        padding: 66px 26px 106px 18px

    }



    .about .mobile-features .nav-pills > li > a {

        position: static;

        width: 40px;

        height: 40px;

        line-height: 40px

    }



    .about .mobile-features .nav-pills > li > a i {

        line-height: 40px

    }



    .about .mobile-features .nav-stacked > li {

        float: none;

        display: inline-block;

        margin: 0 5px

    }



    .about .mobile-features {

        padding: 0

    }



    .about .mobile-features .nav {

        padding: 0;

        float: none;

        text-align: center

    }



    .about .mobile-features .features-slider.owl-carousel .owl-item img {

        height: auto;

        margin-top: 3px

    }



    .about .mobile-features .tab-content {

        margin-left: 0;

        width: auto;

        position: relative;

        padding: 0;

        margin-top: 30px;

        text-align: center

    }



    .features .feat-center img {

        position: static;

        height: auto

    }



    .features .feat-center {

        margin: 30px 0

    }



    .feat-one .feat-two-text, .screenshots .scrsParent {

        text-align: left;

        margin-top: 50%;

    }



    .feat-one .feat-one-text h2, .feat-one .feat-two-text h2 {

        font-size: 38px

    }



    .feat-one .feat-one-text {

        margin-bottom: 50px;

        text-align: right;

        margin-top: 50%;

    }



    .feat-one .feat-one-img img, .feat-one .feat-two-img img {

        height: auto

    }



    .download .download-content .text-download p {

        width: auto

    }



    .download .download-content .store-butt a {

        margin-bottom: 20px

    }



    .download .download-content .store-butt {

        margin-bottom: 10px

    }



    .download .overlay {

        padding-bottom: 0

    }



    .download .download-content .image-download img {

        position: relative;

        left: 0;

        top: 38px

    }



    .screenshots {

        padding: 100px 0

    }



    .statistic-app .statis-img img {

        height: auto;

        position: static;

        margin-bottom: 50px

    }



    .statistic-app .single-statis {

        margin-bottom: 30px

    }



    .testimonials-style .testimonial-item .author-thumb img {

        width: auto !important

    }



    .our-story .story-text p, .testimonials-style .item, .video-app p {

        width: auto

    }



    .testimonials-style .testimonial-item {

        margin: 0 20px;

        padding: 20px 10px

    }



    .our-story .story-text {

        margin-top: 50px

    }



    .our-story .story-img img {

        height: auto

    }



    .faqs .faqs-img img {

        height: auto;

        margin-bottom: 50px

    }



    .faqs .panel-title a {

        line-height: 27px

    }



    .home-blog .blog-content .bread-links .breadcrumb, .subscribe-box .subscribe-text h4 {

        line-height: 26px

    }



    .post-slide .post-img img {

        height: auto

    }



    .contact-us .single-info {

        margin-bottom: 20px

    }



    .header-inner {

        width: 100%;

        text-align: center

    }



    .post-slide {

        margin: 0

    }



    .one-post .post-text .title-date {

        width: 100%;

        margin-right: 0;

        margin-bottom: 15px

    }



    .one-post .post-text .title-text .post-details a {

        display: block;

        margin-bottom: 5px;

        margin-right: 0

    }



    .one-post .post-text .title-text .post-details {

        text-align: center

    }



    .post-pagination ul li a {

        margin-bottom: 10px

    }



    .single-img a img {

        margin-bottom: 20px

    }



    .posts-style .tab-post-nav li a {

        font-size: 11px

    }



    .post-det .share-post {

        text-align: left;

        margin-top: 10px

    }



    .post-journy .next-butt .bttn-applora-gradient i, .post-journy .prev-butt .bttn-applora-gradient i {

        margin: 0

    }



    .author-comment a.replay.pull-right {

        margin-bottom: 15px

    }



    .comment-reply-form input:last-child {

        margin-bottom: 20px

    }



    #comment-form {

        margin-bottom: 35px

    }



    .home-blog .blog-inner.single-post-inner {

        width: 100%

    }



    .count-timer, .download02 .download-content .text-download p, .our-quality .story-text p, .text-coming-soon p, .text-not-found p {

        width: auto

    }



    .home-blog:after, .home:after {

        bottom: -1px;

        overflow: hidden

    }



    .features:after, .post-title-main .post-thumb:before {

        bottom: -1px

    }



    .post-pagination {

        margin-bottom: 50px

    }



    .nav-sec .dropdown-toggle span {

        margin-left: 5px

    }



    .phone-carousel {

        padding-top: 40px

    }



    .phone-carousel .owl-theme .owl-dots {

        top: 36%

    }



    .intro-phone-wrap .screen-first-left, .intro-phone-wrap .screen-first-right, .intro-phone-wrap .screen-second-left, .intro-phone-wrap .screen-second-right {

        display: none !important

    }



    #home.bigTriangle:after {

        background-size: 56vh 100%

    }



    .pd-carousel .header-content .bttn-applora a {

        margin: 20px 10px 0

    }



    .pd-carousel .header-content .bttn-applora a:first-child {

        margin: 0

    }



    .features02 .single-feat02, .statistic-app02 .single-statis {

        margin-bottom: 30px

    }



    #home.triangle::after {

        border-top: 125px solid transparent

    }



    .section-title02 h2 {

        font-size: 40px

    }



    .mobile-services .left-ser-side, .mobile-services .right-ser-side {

        margin-top: 0

    }



    .mobile-services .left-ser-side .single-ser .icon-ser:before, .mobile-services .right-ser-side .single-ser .icon-ser:before {

        display: none

    }



    .mobile-services .right-ser-side {

        margin-bottom: 0

    }



    .coming-soon .count-date, .single-one-team {

        margin-bottom: 30px

    }



    .mobile-services {

        padding-bottom: 100px

    }



    .mobile-services .features-slider02.owl-carousel .owl-item img {

        height: auto

    }



    .mobile-services .features-slider02 {

        padding: 66px 22px 136px 27px

    }



    .magnifier {

        display: none !important

    }



    .single-one-team .personal-det .social-personal {

        position: static

    }



    .coming-soon .overlay {

        padding: 95px 0

    }



    .text-not-found h1 {

        font-size: 8em

    }



    .text-not-found h4 {

        font-size: 22px

    }

}



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

    .home-blog .blog-content h2 {

        font-size: 40px

    }



    .fix-width-left {

        width: 50%;

        float: left

    }



    .fix-width-right {

        float: right;

        width: 50%

    }



    .testimonials-style .testimonial-item {

        padding: 40px 20px

    }



    .post-slide .post-img img {

        width: auto

    }



    .download .download-content .store-butt {

        margin-bottom: 0

    }



    .download .download-content .image-download img {

        top: 86px

    }



    .header-content h4 {

        font-size: 20px;

        line-height: 36px

    }



    .post-slide {

        margin: 10px 20px

    }



    .one-post .post-text .title-date {

        width: auto;

        margin-right: 20px;

        margin-bottom: 0

    }



    .one-post .post-text .title-text .post-details a {

        display: inline-block;

        margin-bottom: 0;

        margin-right: 6px;

        font-size: 12px

    }



    .one-post .post-text .title-text .post-details {

        text-align: left

    }



    .posts-style .tab-post-nav li a {

        font-size: 13px

    }



    .statistic-app02 .single-statis {

        margin-bottom: 0

    }



    .fl10 {

        width: 33.33%;

        float: left

    }



    .fl12-r {

        width: 50%;

        float: right

    }



    .fl12-l {

        width: 50%;

        float: left

    }



    .single-one-team .personal-det .social-personal a {

        margin: 0 3px

    }



    .qualityBox {

        width: 33.33%;

        float: left;

        margin-bottom: 0

    }



    .cfl-r {

        float: right;

        width: 50%

    }



    .cfl-l {

        float: left;

        width: 50%

    }



    .text-not-found p {

        width: 400px

    }

}