@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700& display=swap";

.col-md-offset-right-1,.col-lg-offset-right-1{
    margin-right:8.33333333%
}
a{
    text-decoration:none;
    transition:all .3s ease-in-out
}
a:hover,a:focus{
    text-decoration:none;
    outline:none
}
html{
    height:100%;
    overflow-x:hidden
}
body{
    line-height:28px;
    font-size:16px;
    height:100%;
    font-family:poppins,sans-serif;
    font-weight:400;
    color:#777
}
:focus{
    outline:none
}
h1,h2,h3,h4,h5,h6{
    font-weight:700;
    font-family:poppins,sans-serif;
    color:#101010
}
i:before{
    margin-left:0!important
}
button:focus{
    outline:none
}
@media(min-width:1200px){
    .custom_container{
        max-width:1200px
    }
}
.body_wrapper{
    overflow:hidden
}
.s_section_title{
    font-size:38px;
    color:#fff;
    font-weight:700;
    margin-bottom:50px;
    font-family: 'Offside', cursive;
}
.sec_title{
    margin-bottom:80px
}
.sec_title .s_section_title{
    color:#000;
    margin-bottom:13px;
    font-family: 'Offside', cursive;
}
.sec_title p{
    font-size:20px;
    color:#777;
    margin-bottom:0
}
.sec_pad{
    padding:100px 0
}
header{
    width:100%;
    top:0;
    left:0;
    z-index:20;
    transition:all .2s linear
}
header .navbar{
    padding:0
}
header .navbar .navbar-brand{
    margin-right:15px;
    padding:0
}
.header_area_one .menu_left{
    display:flex;
    align-items:center
}
.header_area_one .menu_left .logo{
    display:inline-block;
    margin-right:15px;
    width: 100%;
    max-width: 160px;
}

.fp-viewing-0 .header_area_one .menu_left .logo.white,
.fp-viewing-1 .header_area_one .menu_left .logo.color,
.fp-viewing-2 .header_area_one .menu_left .logo.color,
.fp-viewing-3 .header_area_one .menu_left .logo.color,
.fp-viewing-4 .header_area_one .menu_left .logo.color,
.fp-viewing-5 .header_area_one .menu_left .logo.color {display: none;}


.header_area_one .menu_right{
    display:flex;
    justify-content:flex-end
}
.burger_menu{
    font-size:13px;
    font-weight:500;
    letter-spacing:1.3px;
    color:#fff;
    overflow:hidden;
    display:flex;
    align-items:center;
    cursor:pointer
}
.burger_menu .text{
    text-transform:uppercase;
    position:relative;
    transition:all .6s linear,color .1s;
    height:16px;
    overflow:hidden;
    display:inline-block;
    line-height:16px;
    padding-right:15px
}
.burger_menu .text:before{
    content:attr(data-text);
    position:absolute;
    top:1.5px;
    transform:translateY(-100%);
    left:0;
    text-transform:uppercase;
    transition:all .4s linear
}
.burger_menu .text:after{
    content:attr(data-text);
    position:relative;
    top:1.5px;
    left:0;
    text-transform:uppercase;
    transition:all .4s linear
}
.burger_menu .dot_icon{
    display:flex;
    flex-wrap:wrap;
    width:24px;
    height:24px;
    margin:-2px
}
.burger_menu .dot_icon .dot{
    width:4px;
    height:4px;
    background:#fff;
    margin:2px;
    transition:all .4s linear
}
.burger_menu.burger_menu_two .text{
    color:#101010
}
.burger_menu.burger_menu_two .dot_icon .dot{
    background:#101010
}
.burger_menu img{
    margin-left:15px
}
.burger_menu:hover .text:before{
    transform:translateY(0)
}
.burger_menu:hover .text:after{
    top:20px
}
.burger_menu:hover .dot_icon .dot:nth-child(odd){
    transform:translate(8px,8px)
}
.burger_menu:hover .dot_icon .dot:nth-child(5){
    opacity:0
}
.h_contact_info a{
    font-size:12px;
    line-height:13px;
    display:inline-block;
    letter-spacing:1.3px;
    font-weight:500;
    color:#fff;
    position:relative;
    margin-left:25px
}
.h_contact_info a+a:before{
    content:"/";
    position:relative;
    color:rgba(255,255,255,.4);
    margin-right:25px
}
.m_p{
    padding:50px 25px
}

.m_p_header{
    padding:25px 25px
}
.logo_two img+img{
    display:none
}
.navbar .side_menu{
    margin-left:40px
}
.navbar .side_menu img+img{
    display:none
}
.menu>.nav-item>.nav-link{
    font-size:13px;
    font-weight:500;
    letter-spacing:1.3px;
    color:#fff;
    text-transform:uppercase;
    padding:0;
    line-height:30px;
    position:relative
}
.menu>.nav-item>.nav-link:after{
    display:none
}
.menu>.nav-item>.nav-link:before{
    content:"";
    width:4px;
    height:4px;
    position:absolute;
    border-radius:50%;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    transition:all .2s linear;
    transform:scale(0)
}
.menu>.nav-item.submenu .dropdown-menu{
    margin:0;
    border:0;
    border-radius:0;
    right:0;
    left:auto;
    min-width:150px;
    padding:18px 0;
    background:#fff;
    box-shadow:-1px 2px 19px 3px rgba(14,0,40,.05);
    z-index:3
}
@media(min-width:992px){
    .menu>.nav-item.submenu .dropdown-menu{
        transform:translateY(20px);
        transition:all .3s ease-in;
        opacity:0;
        visibility:hidden;
        display:block
    }
}
.menu>.nav-item.submenu .dropdown-menu .nav-item{
    display:block;
    width:100%;
    margin-right:0;
    padding:8px 30px;
    position:relative
}
.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link{
    padding:0;
    white-space:nowrap;
    font:400 13px/20px "Poppins",sans-serif;
    color:#000;
    transition:color .2s linear
}
.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link:after{
    display:none
}
.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link:hover{
    color:#7a51ed
}
.menu>.nav-item.submenu .dropdown-menu .nav-item.active .nav-link{
    color:#7a51ed
}
.menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu{
    transition:transform .3s ease-in;
    padding:0
}
@media(min-width:992px){
    .menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu{
        position:absolute;
        left:100%;
        top:-25px;
        opacity:0;
        display:block;
        visibility:hidden;
        transform:translateY(20px);
        transition:all .3s ease-in
    }
}
.menu>.nav-item.submenu .dropdown-menu .nav-item+.nav-item{
    margin-left:0
}
.menu>.nav-item.active .nav-link:before{
    transform:scale(1)
}
.menu>.nav-item:hover .nav-link:before{
    transform:scale(1)
}
@media(min-width:992px){
    .menu>.nav-item:hover .dropdown-menu{
        opacity:1;
        transform:translateY(0);
        visibility:visible
    }
}
@media(min-width:992px) and (min-width:992px){
    .menu>.nav-item:hover .dropdown-menu>.nav-item:hover .dropdown-menu{
        transform:scaleY(1);
        opacity:1;
        visibility:visible
    }
}
.menu>.nav-item+.nav-item{
    margin-left:40px
}
.content-black .logo_two img{
    display:none
}
.content-black .logo_two img+img{
    display:block
}
.content-black .h_contact_info a{
    color:#101010
}
.content-black .h_contact_info a+a:before{
    color:#101010
}
.content-black .menu>.nav-item>.nav-link{
    color:#101010
}
.content-black .menu>.nav-item>.nav-link:before{
    background:#101010
}
.content-black .menu_toggle .hamburger-cross span,.content-black .menu_toggle .hamburger span{
    background:#101010
}
.hamburger_menu_wrepper{
    height:100%;
    width:100%;
    position:fixed;
    z-index:99999;
    top:0;
    background-color:rgba(0,0,0,.95);
    overflow-x:hidden;
    transition:all .4s linear;
    opacity:0;
    visibility:hidden;
    padding:50px;
    display:flex;
    align-items:center
}
.hamburger_menu_wrepper.mySideBar{
    opacity:1;
    visibility:visible
}
.hamburger_menu_wrepper.mySideBar .offcanfas_menu>li{
    opacity:1;
    animation:fadeInUp .4s cubic-bezier(.175,.885,.32,1) both
}
.hamburger_menu_wrepper.mySideBar .header_footer{
    opacity:1;
    animation:fadeInUp .4s cubic-bezier(.175,.885,.32,1) both
}
.hamburger_menu_wrepper .animation-box{
    width:100%
}
.hamburger_menu_wrepper .menu-box{
    display:flex;
    align-items:center;
    justify-content:center;
    width:62%;
    margin:0 auto;
    max-height:310px
}
.hamburger_menu_wrepper .top_menu{
    display:flex;
    justify-content:space-between;
    position:absolute;
    right:0;
    padding:50px 27px 0 45px;
    top:0;
    color:#fff;
    cursor:pointer;
    transition:all .3s linear;
    width:100%
}
.hamburger_menu_wrepper .top_menu i{
    font-size:50px;
    line-height:30px
}
.hamburger_menu_wrepper .top_menu .text{
    padding-right:0
}
.navbar .offcanfas_menu{
    margin:0;
    text-align:center;
    background:0 0;
    padding-left:0;
    padding-right:0
}
.navbar .offcanfas_menu>.nav-item{
    padding:0;
    margin:0;
    opacity:0;
    animation:fadeOut .4s both;
    display:inline-block
}
.navbar .offcanfas_menu>.nav-item:not(:last-child){
    margin-bottom:20px
}
.navbar .offcanfas_menu>.nav-item .nav-link{
    font-size:3rem;
    line-height:32px;
    color:#fff;
    font-weight:600;
    font-family:poppins,sans-serif;
    display:inline-block;
    text-transform:uppercase
}
.navbar .offcanfas_menu>.nav-item.submenu .nav-link{
    padding-right:25px;
    margin-bottom:10px
}
.navbar .offcanfas_menu>.nav-item.submenu .nav-link:before,.navbar .offcanfas_menu>.nav-item.submenu .nav-link:after{
    content:"";
    width:16px;
    right:-6px;
    top:50%;
    transform:translateY(-50%);
    display:inline-block;
    border:0;
    position:absolute;
    transition:all .3s linear
}
.navbar .offcanfas_menu>.nav-item.submenu .nav-link:after{
    background:url(../img/pluse.png);
    height:16px
}
.navbar .offcanfas_menu>.nav-item.submenu .nav-link:before{
    height:2px;
    right:-6px;
    left:auto;
    transform:scale(1);
    border-radius:0;
    opacity:0
}
.navbar .offcanfas_menu>.nav-item.submenu .dropdown-menu{
    position:relative!important;
    display:none;
    opacity:1;
    visibility:visible;
    transition:all 0s linear;
    z-index:0;
    background:0 0;
    padding-left:0;
    padding-top:18px;
    padding-bottom:5px;
    text-align:center;
    left:0
}
.navbar .offcanfas_menu>.nav-item.submenu .dropdown-menu>.nav-item{
    background:0 0;
    padding:0
}
.navbar .offcanfas_menu>.nav-item.submenu .dropdown-menu>.nav-item>.nav-link{
    color:rgba(255,255,255,.6);
    font-size:16px;
    line-height:31px;
    letter-spacing:1.6px
}
.navbar .offcanfas_menu>.nav-item.submenu .dropdown-menu>.nav-item>.nav-link:hover{
    color:#fff
}
.navbar .offcanfas_menu>.nav-item.submenu .dropdown-menu>.nav-item.active>.nav-link{
    color:#fff
}
.navbar .offcanfas_menu>.nav-item.submenu.show>.nav-link:before{
    opacity:1
}
.navbar .offcanfas_menu>.nav-item.submenu.show>.nav-link:after{
    opacity:0
}
.navbar .offcanfas_menu>.nav-item.submenu.show .dropdown-menu{
    position:relative!important;
    transform:translate3d(0px,0px,0px)!important
}
.header_footer{
    display:table-footer-group;
    padding-bottom:10px;
    opacity:0;
    animation:fadeOut .4s both
}
.header_footer h5{
    font-size:16px;
    color:#fff
}
.header_footer ul{
    margin-bottom:40px
}
.header_footer ul li{
    display:inline-block;
    margin-right:6px
}
.header_footer ul li a{
    width:44px;
    height:44px;
    border:1px solid #656c82;
    border-radius:50%;
    text-align:center;
    font-size:14px;
    line-height:44px;
    color:#fff;
    display:block;
    transition:all .3s linear
}
.header_footer ul li a:hover{
    background:#fff;
    border-color:#fff;
    color:#5f28fb
}
.header_footer p{
    font-size:16px;
    color:#858faf;
    margin-bottom:10px
}
.logo_info{
    display:flex;
    align-items:center
}
.header_area_four .logo img+img{
    display:none
}
.header_area_four .burger_menu{
    color:#101010
}
.header_area_four .burger_menu .dot_icon .dot{
    background:#101010
}
.navbar-toggler{
    padding:0;
    margin-left:20px
}
.navbar-toggler:focus{
    outline:none
}
.menu_toggle{
    width:22px;
    height:22px;
    position:relative;
    cursor:pointer;
    display:block
}
.menu_toggle .hamburger{
    position:absolute;
    height:100%;
    width:100%;
    display:block
}
.menu_toggle .hamburger span{
    width:0%;
    height:2px;
    position:relative;
    top:0;
    left:0;
    margin:4px 0;
    display:block;
    background:#fff;
    border-radius:3px;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}
.menu_toggle .hamburger span:nth-child(1){
    transition-delay:0s
}
.menu_toggle .hamburger span:nth-child(2){
    transition-delay:.125s
}
.menu_toggle .hamburger span:nth-child(3){
    transition-delay:.2s
}
.menu_toggle .hamburger-cross{
    position:absolute;
    height:100%;
    width:100%;
    transform:rotate(45deg);
    display:block
}
.menu_toggle .hamburger-cross span{
    display:block;
    background:#fff;
    border-radius:3px;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}
.menu_toggle .hamburger-cross span:nth-child(1){
    height:100%;
    width:2px;
    position:absolute;
    top:0;
    left:10px;
    transition-delay:.3s
}
.menu_toggle .hamburger-cross span:nth-child(2){
    width:100%;
    height:2px;
    position:absolute;
    left:0;
    top:10px;
    transition-delay:.4s
}
.collapsed .menu_toggle .hamburger span{
    width:100%
}
.collapsed .menu_toggle .hamburger span:nth-child(1){
    transition-delay:.3s
}
.collapsed .menu_toggle .hamburger span:nth-child(2){
    transition-delay:.4s
}
.collapsed .menu_toggle .hamburger span:nth-child(3){
    transition-delay:.5s
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(1){
    height:0%;
    transition-delay:0s
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(2){
    width:0%;
    transition-delay:.2s
}
.navbar_fixed.header_area{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    padding-top:0;
    padding-bottom:0;
    background:#fff;
    box-shadow:0 4px 6px 0 rgba(12,0,46,.06);
    transition:all .3s linear
}
.navbar_fixed.header_area .logo_two img{
    display:none
}
.navbar_fixed.header_area .logo_two img+img{
    display:block
}
.navbar_fixed.header_area .h_contact_info a{
    color:#101010
}
.navbar_fixed.header_area .h_contact_info a+a:before{
    color:#101010
}
.navbar_fixed.header_area .menu>.nav-item{
    padding-bottom:25px;
    padding-top:25px
}
.navbar_fixed.header_area .menu>.nav-item>.nav-link{
    color:#101010
}
.navbar_fixed.header_area .menu>.nav-item>.nav-link:before{
    background:#101010
}
.navbar_fixed.header_area .side_menu{
    color:#101010
}
.navbar_fixed.header_area .side_menu .dot_icon .dot{
    background:#101010
}
header .portfolio_menu{
    padding:26px 0;
    z-index:100;
    background:#fff
}
header .portfolio_menu .container-fluid{
    padding-left:200px;
    padding-right:200px
}
header .portfolio_menu .burger_menu{
    color:#000
}
header .portfolio_menu .burger_menu .dot_icon .dot{
    background:#000
}
.wave_one_section_one{
    background: -moz-linear-gradient(0deg, #4ACE88 0, #3B55EB 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 0deg, color-stop(0, 4ACE88), color-stop(100%, 3B55EB));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg, #4ACE88 0, #3B55EB 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg, #4ACE88 0, #3B55EB 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #4ACE88 0, #3B55EB 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(0deg, #4ACE88 0, #3B55EB 100%);/* W3C */
    position:relative;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 40%;;
}
.wave_one_section_one.active .w_content h1{
    animation:fadeInUp .9s both .7s;
    color:#1a2e35;
}
.wave_one_section_one.active .w_content .circle_line{
    animation:zoomIn .9s both .5s
}
.wave_one_section_one.active .w_img_one img{
    animation:zoomIn .9s both .9s
}
.w_content{
    position:relative
}
.w_content h1{
    font-size:38px;
    line-height:40px;
    font-family: 'Offside', cursive;
    padding-bottom: 15px;
}

.w_content h2{
    font-size:28px;
    line-height:30px;
    font-family: 'Offside', cursive;
    padding-bottom: 15px;
}

.w_content h3{
    font-size:16px;
    line-height:20px;
    letter-spacing: 1px;
    padding-bottom: 15px;
    color:#6b7b83;
    font-weight: 400;
    animation:fadeInUp .9s both .9s;
}

.w_content .circle_line{
    position:absolute;
    left:-150px;
    top:-130px
}
.w_content,.w_content_two{
    color:#fff
}
.t_first{
    left:80px;
    top:275px
}
.t_two{
    right:220px;
    bottom:185px
}
.t_three{
    bottom:-150px;
    left:90px
}
.t_four{
    top:110px;
    left:50%;
    transform:translateX(60%)
}
.t_five{
    bottom:210px;
    left:42%;
    transform:translateX(50%)
}
.s_round{
    border-radius:50%;
    background:#fff;
    opacity:.078
}
.s_round.r_one{
    width:369px;
    height:369px;
    bottom:120px;
    left:-100px
}
.s_round.r_two{
    width:120px;
    height:120px;
    top:120px;
    right:320px
}
.s_round.r_three{
    width:60px;
    height:60px;
    top:70px;
    right:270px
}
.p_absoulte{
    position:absolute
}
.wave_one_section_two{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#f5b867 0%,#e6a24e 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#f5b867 0%,#e6a24e 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#f5b867 0%,#e6a24e 100%)
}

ul.list-features {
    margin: 0;
    padding: 0;
}

ul.list-features li{
    list-style: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: flex;
    width: 100%;
    margin-bottom: 12px;
    line-height: 19px;
    color: #fff;
    animation: fadeInUp .9s both 1.4s;
}

ul.list-features li img{
    width: 30px;
    margin-right: 15px;
}

.wave_one_section_two.active .w_content_two ul.list-features li:nth-child(2) {
    animation: fadeInUp .9s both 1.6s;
}

.wave_one_section_two.active .w_content_two ul.list-features li:nth-child(3) {
    animation: fadeInUp .9s both 1.8s;
}

.wave_one_section_two.active .w_content_two ul.list-features li:nth-child(4) {
    animation: fadeInUp .9s both 2s;
}

.wave_one_section_two.active .w_content_two ul.list-features li:nth-child(5) {
    animation: fadeInUp .9s both 2.2s;
}

.wave_one_section_two .round{
    width:580px;
    height:580px;
    border-radius:50%;
    background:#fff;
    opacity:.1;
    top:-30px;
    left:70px;
    animation:fade .9s both
}
.wave_one_section_two .w_img_one img{
    animation:fadeOut .9s both;
    max-width: 100%;
}
.wave_one_section_two.active .s_round.r_one{
    animation:zoomIn .7s both .3s
}
.wave_one_section_two.active .round{
    animation:zoomIn .9s both .5s
}
.wave_one_section_two.active .w_img_one img{
    animation:fadeInRight .9s both 1s;
    max-width: 100%;
}
.wave_one_section_two.active .w_content_two h2{
    animation:fadeInUp .9s both 1s
}
.wave_one_section_two.active .w_content_two p{
    animation:fadeInUp .9s both 1.2s
}
.wave_one_section_two.active .w_content_two .p_btn{
    animation:fadeInUp .9s both 1.4s
}
.w_content_two{
    position:relative
}
.w_content_two h2{
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Offside', cursive;
}
.w_content_two p{
    margin-bottom:35px;
    color:#fff
}
.p_btn{
    border:1px solid #fff;
    font-size:13px;
    font-weight:500;
    letter-spacing:1.3px;
    text-transform:uppercase;
    display:inline-block;
    color:#fff;
    padding:11px 53px 10px;
    border-radius: 5px;
    transition:all .3s linear
}
.p_btn:hover{
    background:#fff;
    color:#000
}
.g_hover{
    background-image: linear-gradient(to Left,#f8c418,#f89f4e,#f98922,#f8c418);
    transition: all .5s ease-in-out;
    background-size: 200% 100%;
    border: 0px solid #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    padding: 11px 53px 10px;
    -webkit-border-radius: 5px;/*Safari, Chrome*/
-moz-border-radius: 5px;/*Firefox*/
border-radius: 5px;
animation:fadeInUp .9s both 1s;
}

.g_hover:hover{
    background-position:160% 50%;
    transition:all .5s ease-in-out;
    color:#fff
}
.wave_one_section_three{
    background: -moz-linear-gradient(0deg, #4eb6f8 0, #2E4CCC 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 0deg, color-stop(0, 4eb6f8), color-stop(100%, 2E4CCC));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg, #4eb6f8 0, #2E4CCC 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg, #4eb6f8 0, #2E4CCC 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #4eb6f8 0, #2E4CCC 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb6f8', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(0deg, #4eb6f8 0, #2E4CCC 100%);/* W3C */
    position:relative
}
.wave_one_section_three .w_content_two{
    z-index:1
}
.wave_one_section_three .w_content_two:before{
    content:"";
    background:url(../img/home_one/dot.png) no-repeat scroll center left;
    position:absolute;
    top:-45px;
    left:-60px;
    width:157px;
    height:248px;
    z-index:-1
}
.wave_one_section_three.active .w_phone_img .p_one{
    animation:fadeInLeft .9s both .5s
}
.wave_one_section_three.active .w_phone_img .p_two{
    animation:slideInLeft .9s both 1s
}
.w_phone_img{
    position:relative;
    text-align:center;
    z-index:1
}
.w_phone_img .dot{
    top:50%;
    transform:translateY(-50%);
    z-index:-1
}
.w_phone_img .p_two{
    bottom:5px;
    right:0;
    z-index:-1;
    animation:fadeOut .9s both
}
.wave_one_section_four{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#5165d5 0%,#2e4ccc 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#5165d5 0%,#2e4ccc 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#5165d5 0%,#2e4ccc 100%)
}
.wave_one_section_four.active .img_screen.one{
    animation:translateD1 .9s both .5s
}
.wave_one_section_four.active .img_screen.two{
    animation:translateD .9s both 1s
}
.wave_one_section_four.active .img_screen.three{
    animation:translateDT .9s both 1.3s
}
.wave_one_section_four.active .img_four{
    animation:fadeInUp .9s both 1.6s
}
.wave_one_section_four .t_two{
    right:198px;
    bottom:281px
}
.wave_one_section_four .w_content_two h2,.wave_one_section_four .w_content_two p,.wave_one_section_four .w_content_two .p_btn{
    animation:fadeOut .4s both
}
.w_mockup_img{
    position:relative;
    text-align:center
}
.w_mockup_img:before{
    content:"";
    background:url(../img/home_one/shap_circle.png) no-repeat center top;
    width:100%;
    height:100%;
    position:absolute;
    top:-70px;
    right:-170px
}
.w_mockup_img .img_screen{
    display:inline-block;
    position:relative;
    transform:rotate(-18deg)
}
.w_mockup_img .img_screen img{
    box-shadow:0 10px 40px 0 rgba(12,0,46,.15)
}
.w_mockup_img .img_screen.three,.w_mockup_img .img_screen.two{
    position:absolute
}
.w_mockup_img .img_screen.one{
    animation:fadeOut .9s both
}
.w_mockup_img .img_screen.three{
    z-index:1;
    left:100px;
    top:0;
    transform:rotate(-5deg);
    animation:fadeOut .9s both
}
.w_mockup_img .img_screen.two{
    z-index:0;
    left:70px;
    top:-5px;
    transform:rotate(-12deg);
    animation:fadeOut .9s both
}
.w_mockup_img .img_four{
    border-radius:5px;
    max-width:100%;
    box-shadow:0 10px 40px 0 rgba(0,0,0,.15);
    position:absolute;
    right:-100px;
    top:105px;
    z-index:1;
    animation:fadeOut .9s both
}
.w_footer_area{
    background: -moz-linear-gradient(0deg, #81ccfb 0, #4EB6F8 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 0deg, color-stop(0, #81ccfb), color-stop(100%, #4EB6F8));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg, #81ccfb 0, #4EB6F8 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg, #81ccfb 0, #4EB6F8 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #81ccfb 0, #4EB6F8 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(0deg, #81ccfb 0, #4EB6F8 100%);/* W3C */
    padding:100px 0 120px;
    margin-top: -1px;
    border-top: 1px solid #4db3f7;
}
.w_footer_area:after{
    content:"";
    width: 100%;
    height: 100%;
    background: url(../img/shapes/footer-bg.svg) no-repeat center bottom; 
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.animated-car {
    position: absolute;
    width: 200px;
    bottom: 20px;
    left: 100px;
    z-index: 1;
    animation:         13s linear 1s infinite running slidein;
    -webkit-animation: 13s linear 1s infinite running slidein;
    -moz-animation:    13s linear 1s infinite running slidein;
    -o-animation:      13s linear 1s infinite running slidein;
    -ms-transition:    13s linear 1s infinite running slidein; 
}


@-webkit-keyframes slidein{
    from {
        -webkit-transform: translateX(-5vw);
      }
      to {
        -webkit-transform: translateX(100vw);
      }
}

@-moz-keyframes slidein{
    from {
        -moz-transform: translateX(-5vw);
      }
      to {
        -moz-transform: translateX(100vw);
      }
}

@-o-keyframes slidein{
    from {
        -o-transform: translateX(-5vw);
      }
      to {
        -o-transform: translateX(100vw);
      }
}

@-ms-keyframes slidein{
    from {
        -ms-transform: translateX(-5vw);
      }
      to {
        -ms-transform: translateX(100vw);
      }
}

@keyframes slidein{
    from {
        transform: translateX(-5vw);
      }
      to {
        transform: translateX(100vw);
      }

}

.footer_text{
    text-align:center;
    color:#fff;
    z-index: 2;
    position: relative;
}
.footer_text h3{
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    margin-bottom:20px;
    font-family: 'Offside', cursive;
}
.footer_text .subscribe_info{
    max-width:550px;
    margin:0 auto 50px;
    position:relative
}
.footer_text .subscribe_info .form-control{
    background:rgba(255,255,255,.25);
    height:50px;
    font-size:14px;
    color:#fff;
    border-radius:0;
    border:0;
    padding-left:20px
}
.footer_text .subscribe_info .form-control.placeholder{
    color:#fff
}
.footer_text .subscribe_info .form-control:-moz-placeholder{
    color:#fff
}
.footer_text .subscribe_info .form-control::-moz-placeholder{
    color:#fff
}
.footer_text .subscribe_info .form-control::-webkit-input-placeholder{
    color:#fff
}
.footer_text .subscribe_info .form-control:focus{
    box-shadow:none
}
.footer_text .subscribe_info button{
    position:absolute;
    right:20px;
    top:54%;
    padding:0;
    border:0;
    transform:translateY(-52%);
    font-size:22px;
    color:#fff
}
.footer_text .social_link{
    margin-bottom:32px
}
.footer_text .social_link li+li{
    margin-left:12px
}
.footer_text p{
    margin-bottom:0;
    font-size:14px;
    color:rgb(255, 255, 255);
    line-height:28px
}
.footer_text p a{
    color:#fff;
    text-decoration:underline
}
.social_link{
    margin-bottom:0
}
.social_link li{
    display:inline-block
}
.social_link li a{
    display:inline-block;
    font-size:20px;
    color:#929197;
    transition:all .5s;
    width:25px;
    height:22px;
    position:relative;
    overflow:hidden;
    text-align:center
}
.social_link li a i{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    transition:all .5s
}
.social_link li a i+i{
    top:100%
}
.social_link li a:hover i{
    top:-100%;
    color:#fff
}
.social_link li a:hover i+i{
    top:0
}
.social_link li+li{
    margin-left:10px
}
.wave_one_section_two.active .w_content_two h2,.wave_one_section_three.active .w_content_two h2,.wave_one_section_four.active .w_content_two h2{
    animation:fadeInUp .9s both 1s
}
.wave_one_section_two.active .w_content_two p,.wave_one_section_three.active .w_content_two p,.wave_one_section_four.active .w_content_two p{
    animation:fadeInUp .9s both 1.2s
}
.wave_one_section_two.active .w_content_two .p_btn,.wave_one_section_three.active .w_content_two .p_btn,.wave_one_section_four.active .w_content_two .p_btn{
    animation:fadeInUp .9s both 1.4s
}
.home_one #fp-nav{
    right:50px;
    transform:translateY(-50%);
    margin-top:0!important
}
.home_one #fp-nav li{
    height:auto!important;
    margin:0!important;
    width:1px!important
}
.home_one #fp-nav li a{
    height:85px!important;
    width:1px!important;
    background:#fff;
    opacity:.2;
    padding:0;
    margin:0!important;
    transition:opacity .5s
}
.home_one #fp-nav li a span,.home_one #fp-nav li a:before,.home_one #fp-nav li a:after{
    display:none
}
.home_one #fp-nav li a.active{
    opacity:1
}
.wave_two_section_one{
    background:url("../img/home_three/first_banner.jpg") no-repeat scroll center 0/cover;
    position:relative
}
.wave_two_section_one .t_two{
    bottom:100px;
    right:600px
}
.wave_two_section_one .t_three{
    right:150px;
    left:auto;
    top:250px
}
.wave_two_section_one.active .w_content h2{
    animation:fadeInUp .9s both .7s
}
.wave_two_section_one.active .w_content .circle_line{
    animation:zoomIn .9s both .5s
}
.wave_two_section_one.active .w_img_table .table_img{
    animation:fadeInUp .9s both .7s
}
.wave_two_section_one.active .w_img_table .first{
    animation:fadeInDown .9s both 1s
}
.wave_two_section_one.active .w_img_table .two{
    animation:fadeInDown .9s both 1.2s
}
.wave_two_section_one.active .w_img_table .laptop{
    animation:fadeIn .9s both 1.4s
}
.wave_two_section_one.active .w_img_table .flower{
    animation:fadeInRight .9s both 1.2s
}
.w_img_table{
    padding-top:70px;
    position:relative;
    z-index:1
}
@media(min-width:1500px){
    .w_img_table{
        margin-bottom:-120px
    }
}
.w_img_table .table_img{
    position:relative;
    z-index:-1
}
.w_img_table .first{
    left:50%;
    top:-125px;
    margin-left:-106px
}
.w_img_table .two{
    right:-30px;
    top:0
}
.w_img_table .laptop{
    left:53%;
    margin-left:-72px;
    top:88px;
    z-index:0
}
.w_img_table .flower{
    right:-50px;
    bottom:40px
}
#fp-nav{
    right:50px
}
#fp-nav.hide{
    display:none
}
#fp-nav ul li{
    width:auto!important;
    height:auto!important;
    margin:0 0 10px
}
#fp-nav ul li a{
    width:20px;
    height:20px;
    border-radius:100%
}
#fp-nav ul li a:before{
    width:5px;
    height:5px;
    background:rgba(255,255,255,.3);
    border-radius:50%;
    content:"";
    top:50%;
    left:50%;
    position:absolute;
    transform:translate(-50%,-50%)
}
#fp-nav ul li a:after{
    width:100%;
    height:100%;
    border:1px solid #fff;
    border-radius:50%;
    content:"";
    top:0;
    left:0;
    position:absolute;
    transform:scale(.7);
    transition:all .5s;
    opacity:0
}
#fp-nav ul li a span{
    display:none
}
#fp-nav ul li a.active:before{
    background:#fff
}
#fp-nav ul li a.active:after{
    transform:scale(1);
    opacity:1
}
#fp-nav.white ul li a:before{
    background:rgba(16,16,16,.3)
}
#fp-nav.white ul li a:after{
    border-color:#101010
}
#fp-nav.white ul li a.active:before{
    background:#101010
}
.wave_two_section_two{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,rgba(11,60,175,0.8) 0%,#0c44b3 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,rgba(11,60,175,0.8) 0%,#0c44b3 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,rgba(11,60,175,0.8) 0%,#0c44b3 100%);
    position:relative;
    z-index:1
}
.wave_two_section_two #particles-js{
    top:0;
    width:auto;
    height:auto;
    left:0;
    right:0
}
.wave_two_section_two.active .w_portfolio_img .round{
    animation:zoomIn .9s both 1s
}
.wave_two_section_two.active .w_portfolio_img img{
    animation:zoomIn .9s both 1.3s
}
.wave_two_section_two.active .w_content_two h2{
    animation:fadeInUp .9s both 1s
}
.wave_two_section_two.active .w_content_two p{
    animation:fadeInUp .9s both 1.2s
}
.wave_two_section_two.active .w_content_two .p_btn{
    animation:fadeInUp .9s both 1.4s
}
.wave_two_section_two .w_content_two{
    padding-left:60px;
    padding-right:10px
}
.wave_two_section_two .w_content_two h2{
    font-size:48px;
    margin-bottom:25px
}
.wave_two_section_two .t_two{
    right:360px;
    bottom:auto;
    top:240px
}
.wave_two_section_two .text{
    font-size:300px;
    font-weight:700;
    font-family:poppins,sans-serif;
    color:rgba(255,255,255,.1);
    position:absolute;
    top:40%;
    left:54%;
    transform:translate(-50%,-50%);
    z-index:-1
}
.wave_two_section_two .s_round{
    width:7px;
    height:7px;
    opacity:.2
}
.wave_two_section_two .s_round.r_one{
    left:400px;
    top:160px
}
.wave_two_section_two .s_round.r_two{
    left:40%;
    top:160px
}
.wave_two_section_two .s_round.r_three{
    left:54%;
    top:290px
}
.wave_two_section_two .s_round.r_four{
    left:60%;
    top:190px
}
.wave_two_section_two .s_round.r_five{
    left:70%;
    top:230px
}
.wave_two_section_two .s_round.r_six{
    left:70%;
    top:440px
}
.wave_two_section_two .s_round.r_seven{
    left:56%;
    bottom:200px
}
.wave_two_section_two .s_round.r_eight{
    left:65%;
    bottom:200px
}
.wave_two_section_two .s_round.r_nine{
    left:75%;
    bottom:280px
}
.wave_two_section_two .s_round.r_ten{
    right:18%;
    top:230px
}
.wave_two_section_two .s_round.r_eleven{
    left:250px;
    top:140px;
    width:66px;
    height:66px;
    background-image:-moz-linear-gradient(-42deg,#0030ff 0%,#558fff 100%);
    background-image:-webkit-linear-gradient(-42deg,#0030ff 0%,#558fff 100%);
    background-image:-ms-linear-gradient(-42deg,#0030ff 0%,#558fff 100%);
    box-shadow:0 60px 30px 0 rgba(0,0,0,.08)
}
.wave_two_section_two .dot_one{
    left:0;
    top:260px
}
.wave_two_section_two .dot_two{
    right:0;
    bottom:260px
}
.t_shap{
    right:0;
    top:0
}
.b_shap{
    bottom:0;
    left:0
}
.w_portfolio_img{
    position:relative;
    z-index:1
}
.w_portfolio_img .round{
    width:100%;
    border-radius:50%;
    left:-50px;
    background:#fff;
    opacity:.1;
    top:-25px;
    bottom:-25px;
    z-index:-1
}
.w_portfolio_img img{
    border-radius:100%
}

.wave_two_section_three{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#84f0b6  0%,#4ACE88 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#84f0b6 0%,#4ACE88  100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#84f0b6 0%,#4ACE88  100%);
    position:relative;
    z-index:1
}
.wave_two_section_three .t_first{
    left:10%;
    top:auto;
    bottom:370px
}
.wave_two_section_three .t_five{
    bottom:auto;
    top:145px;
    left:auto;
    right:23%
}
.wave_two_section_three.active .s_section_title{
    animation:fadeInLeft .9s both .6s
}
.wave_two_section_three.active .col-lg-4{
    animation:fadeInUp .9s both .8s
}
.wave_two_section_three.active .col-lg-4:nth-child(2){
    animation:fadeInUp .9s both 1s
}
.wave_two_section_three.active .col-lg-4:nth-child(3){
    animation:fadeInUp .9s both 1.2s
}
.scroll_service_item{
    border-top:1px solid #fff;
    border-bottom:1px solid #38a96d;
    padding:40px;
    color:#343a40;
    position:relative;
    transition:all .3s linear;
    z-index:1;
    cursor:pointer;
    -webkit-border-radius: 15px;/*Safari, Chrome*/
-moz-border-radius: 15px;/*Firefox*/
border-radius: 15px;
background-color: rgba(255,255,255,0.9);
}



.scroll_service_item .number{
    font-size:40px;
    margin-bottom:80px;
    font-family: 'Offside', cursive;
    color: #4ace88;
}
.scroll_service_item .icon{
    margin-bottom: 30px;
    width: 90px;
}
.scroll_service_item h3{
    font-size:22px;
    font-weight:700;
    line-height:26px;
    margin-bottom:20px;
    color:#343a40;
}
.scroll_service_item p{
    margin-bottom:32px
}
.scroll_service_item .p_btn{
        border-color: #4ace88;
        width: 100%;
        color: #4ace88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
.scroll_service_item .p_btn:hover{
    background:#4ace88;
    color:#fff;
    box-shadow:0 10px 40px 0 rgba(12,0,46,.15)
}
.scroll_service_item:hover{
    box-shadow:0 10px 20px 0 rgba(0,0,0,.1)
}
.scroll_service_item:hover:before{
    opacity:1
}
.wave_two_section_four{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,rgba(255,137,49,0.7) 0%,#ff8431 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,rgba(255,137,49,0.7) 0%,#ff8431 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,rgba(255,137,49,0.7) 0%,#ff8431 100%)
}
.wave_two_section_four .bg-title{
    color:rgba(255,255,255,.05)
}
.bg-title{
    font-size:300px;
    font-weight:700;
    line-height:320px;
    color:rgba(0,0,0,.05);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:absolute;
    text-transform:uppercase;
    width:100%;
    text-align:center
}
.bg-title .layer{
    position:relative!important
}
.wave_two_section_five{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,rgba(15,171,112,0.8) 0%,#13ab6f 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,rgba(15,171,112,0.8) 0%,#13ab6f 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,rgba(15,171,112,0.8) 0%,#13ab6f 100%);
    position:relative;
    z-index:1
}
.wave_two_section_five .t_first{
    top:190px;
    left:17%
}
.wave_two_section_five .t_two{
    top:220px;
    right:17%
}
.sc_video_inner{
    max-width:900px;
    height:500px;
    margin:0 auto;
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center
}
.sc_video_inner:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,.5);
    top:0;
    left:0;
    z-index:1
}
.sc_video_inner .dot_l{
    left:-48px;
    top:55px;
    z-index:-2
}
.sc_video_inner .dot_l img{
    z-index:-5
}
.sc_video_inner .dot_r{
    right:-48px;
    bottom:55px;
    z-index:-2
}
.sc_video_inner .video_bg{
    width:100%;
    height:100%;
    z-index:0
}
.v_icon{
    width:80px;
    height:80px;
    text-align:center;
    border-radius:50%;
    line-height:80px;
    display:block;
    position:relative;
    z-index:1
}
.v_icon:before,.v_icon:after{
    content:"";
    width:100%;
    height:100%;
    border-radius:50%;
    position:absolute;
    background:#fff;
    left:0;
    z-index:-1
}
.v_icon:before{
    opacity:.1;
    transform:scale(2)
}
.v_icon:after{
    opacity:.15;
    transform:scale(3);
    top:0
}
.v_icon .dot_animation{
    position:absolute;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    animation:pulse 3s infinite;
    transform:translate(-50%,-50%);
    animation-delay:1.5s;
    will-change:transform
}
@-webkit-keyframes pulse{
    0%{
        opacity:1;
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:translate(-50%,-50%) scale(3.5);
        transform:translate(-50%,-50%) scale(3.5)
    }
}
@keyframes pulse{
    0%{
        opacity:1;
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:translate(-50%,-50%) scale(3.5);
        transform:translate(-50%,-50%) scale(3.5)
    }
}
.wave_two_section_six{
    background:#f8f9fc
}
.wave_two_section_six .s_section_title{
    color:#101010
}
.wave_two_section_six .t_first{
    left:4%;
    bottom:50px;
    top:auto
}
.wave_two_section_six .t_first img{
    position:relative!important
}
.wave_two_section_six .t_two{
    top:200px;
    right:8%
}
.wave_two_section_six .t_two img{
    position:relative!important
}
.wave_two_section_six.active .s_section_title{
    animation:fadeInUp .9s both .8s
}
.wave_two_section_six.active .c_logo_item{
    animation:fadeInUp .9s both .8s
}
.wave_two_section_six.active .c_logo_item:nth-child(2){
    animation:fadeInUp .9s both .9s
}
.wave_two_section_six.active .c_logo_item:nth-child(3){
    animation:fadeInUp .9s both 1s
}
.wave_two_section_six.active .c_logo_item:nth-child(4){
    animation:fadeInUp .9s both 1.2s
}
.wave_two_section_six.active .c_logo_item:nth-child(5){
    animation:fadeInUp .9s both 1.3s
}
.wave_two_section_six.active .c_logo_item:nth-child(6){
    animation:fadeInUp .9s both .9s
}
.wave_two_section_six.active .c_logo_item:nth-child(7){
    animation:fadeInUp .9s both 1s
}
.wave_two_section_six.active .c_logo_item:nth-child(8){
    animation:fadeInUp .9s both 1.2s
}
.wave_two_section_six.active .c_logo_item:nth-child(9){
    animation:fadeInUp .9s both 1.3s
}
.wave_two_section_six.active .c_logo_item:nth-child(10){
    animation:fadeInUp .9s both 1.2s
}
.wave_two_section_six.active .c_logo_item:nth-child(11){
    animation:fadeInUp .9s both .8s
}
.wave_two_section_six.active .c_logo_item:nth-child(12){
    animation:fadeInUp .9s both .9s
}
.wave_two_section_six.active .c_logo_item:nth-child(13){
    animation:fadeInUp .9s both 1s
}
.wave_two_section_six.active .c_logo_item:nth-child(14){
    animation:fadeInUp .9s both 1.2s
}
.wave_two_section_six.active .c_logo_item:nth-child(15){
    animation:fadeInUp .9s both 1.3s
}
.sc_clients_logo_info{
    display:flex;
    text-align:center;
    flex-wrap:wrap;
    position:relative;
    z-index:1
}
.sc_clients_logo_info:before,.sc_clients_logo_info:after{
    content:"";
    position:absolute;
    width:475px;
    height:275px;
    z-index:-1
}
.sc_clients_logo_info:before{
    background:url(../img/home_three/clients_bg_l.png);
    left:-85px;
    top:-40px
}
.sc_clients_logo_info:after{
    background:url(../img/home_three/clients_bg_r.png);
    right:-85px;
    bottom:-80px
}
.sc_clients_logo_info .c_logo_item{
    flex:0 0 20%;
    max-width:20%;
    padding:48px 40px;
    transition:all .3s linear
}
.sc_clients_logo_info .c_logo_item img{
    max-width:100%
}
.sc_clients_logo_info .c_logo_item:hover{
    background-color:#fff;
    box-shadow:0 0 100px 0 rgba(0,0,0,.08)
}
.splitting .char{
    animation:slide-in 1s cubic-bezier(.5,0,.5,1) both;
    animation-delay:calc(60ms * var(--char-index))
}
@keyframes slide-in{
    from{
        transform:translateY(-1em) rotate(-0.5turn) scale(.5);
        opacity:0
    }
}
.wave_two_section_seven{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,rgba(65,65,65,0.98) 0%,#242424 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,rgba(65,65,65,0.98) 0%,#242424 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,rgba(65,65,65,0.98) 0%,#242424 100%)
}
.wave_two_section_seven .dot_one{
    left:0;
    bottom:150px
}
.wave_two_section_seven .dot_two{
    right:0;
    top:180px
}
.wave_two_section_seven .t_first{
    top:220px;
    left:15%
}
.wave_two_section_seven .t_two{
    right:25%;
    bottom:200px
}
.wave_two_section_seven .t_three{
    top:180px;
    left:50%
}
.wave_two_section_seven.active .w_contact_text h2{
    animation:fadeInUp .9s both .8s
}
.wave_two_section_seven.active .w_contact_text p{
    animation:fadeInUp .9s both .9s
}
.w_contact_text{
    padding-right:150px
}
.w_contact_info{
    display:flex;
    flex-wrap:wrap
}
.w_contact_info li{
    font-size:16px;
    font-weight:400;
    vertical-align:middle;
    width:50%;
    position:relative;
    padding-left:30px
}
.w_contact_info li a{
    color:#fff
}
.w_contact_info li i{
    position:absolute;
    top:3px;
    left:0;
    font-size:20px
}
.w_contact_info li+li{
    margin-left:0
}
.contact_form_box{
    overflow:hidden
}
.contact_form_box .text_box{
    width:100%;
    margin-bottom:28px
}
.contact_form_box .text_box input,.contact_form_box .text_box textarea{
    width:100%;
    height:36px;
    font-size:12px;
    padding-left:0;
    background:0 0;
    border:0;
    border-bottom:1px solid #9e9e9e;
    border-radius:0;
    color:#fff
}
.contact_form_box .text_box input.placeholder,.contact_form_box .text_box textarea.placeholder{
    color:#fff
}
.contact_form_box .text_box input:-moz-placeholder,.contact_form_box .text_box textarea:-moz-placeholder{
    color:#fff
}
.contact_form_box .text_box input::-moz-placeholder,.contact_form_box .text_box textarea::-moz-placeholder{
    color:#fff
}
.contact_form_box .text_box input::-webkit-input-placeholder,.contact_form_box .text_box textarea::-webkit-input-placeholder{
    color:#fff
}
.contact_form_box .text_box:nth-child(3){
    margin-top:70px
}
.contact_form_box .p_btn{
    font-size:13px;
    color:#101010;
    float:right
}
.wave_two_section_eight{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,rgba(47,18,137,0.7) 0%,#4f1eab 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,rgba(47,18,137,0.7) 0%,#4f1eab 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,rgba(47,18,137,0.7) 0%,#4f1eab 100%)
}
.wave_two_section_eight .t_first{
    left:22%;
    top:190px
}
.wave_two_section_eight .dot_one{
    left:140px;
    bottom:120px
}
.wave_two_section_eight .dot_two{
    right:0;
    top:140px
}
.wave_two_section_eight .t_two{
    opacity:.2
}
.wave_two_section_eight .footer_text .subscribe_info .form-control{
    background:0 0;
    border-bottom:1px solid rgba(255,255,255,.5);
    padding-left:0
}
.multi_bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    position:absolute
}
.left_bg1{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%)
}
.left_bg2{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%)
}
.left_bg3{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%)
}
.left_round{
    bottom:130px;
    right:70px
}
.left_triangle{
    top:200px;
    left:120px;
    animation:rollIn 2s both 1s infinite alternate
}
.big_rounds{
    width:500px;
    height:500px;
    border:80px solid rgba(255,255,255,.1);
    border-radius:50%;
    position:absolute;
    left:-150px;
    top:-150px;
    opacity:0
}
.multi_left_img{
    text-align:center;
    position:relative
}
.multi_left_img .left_dot{
    left:50%;
    transform:translate(-50%,-50%);
    top:50%;
    z-index:-1
}
.multi_left_img .w_phone_img{
    max-width:450px;
    margin:0 auto;
    text-align:left
}
.multi_left_img .w_mockup_img{
    max-width:630px;
    margin:0 auto
}
.multi_left_img .w_mockup_img:before{
    display:none
}
.multi_left_img .w_mockup_img .img_four{
    right:-33px
}
.split_content{
    max-width:470px;
    margin-left:205px;
    position:relative
}
.split_content .sp_arrow{
    position:absolute;
    top:-140px;
    left:0;
    animation:slideInnew .9s both .6s infinite alternate
}
.sp_leaf{
    position:absolute;
    right:100px;
    bottom:150px
}
.dot_left{
    position:absolute;
    background:rgba(255,255,255,.1);
    border-radius:50%
}
.dot_left.small_round{
    width:51px;
    height:51px;
    top:150px;
    right:80px;
    animation:zoomIn 2s linear infinite alternate
}
.dot_left.big_round{
    width:105px;
    height:105px;
    top:180px;
    right:130px;
    animation:zoomIn 2.6s linear infinite alternate
}
.multi_content h6{
    font-size:20px;
    font-weight:500;
    color:#777
}
.multi_content h2{
    color:#101010
}
.multi_content .line{
    background:url(../img/home-four/line.png) no-repeat scroll center 0;
    width:95px;
    height:15px;
    display:block;
    margin-bottom:26px
}
.multi_content p{
    color:#777
}
.multi_content .p_btn{
    border-color:#000;
    border-width:2px;
    color:#101010
}
.multi_content .p_btn:hover{
    background:#101010;
    color:#fff
}
.ms-section.active{
    overflow:hidden
}
.ms-section.active .big_rounds{
    animation:rollIncustom8 .9s both .6s;
    opacity:1
}
.ms-section.active .multi_content h6{
    animation:fadeInUp .9s both .9s
}
.ms-section.active .multi_content h2{
    animation:fadeInUp .9s both 1.1s
}
.ms-section.active .multi_content .line{
    animation:fadeInUp .9s both 1.26s
}
.ms-section.active .multi_content p{
    animation:fadeInUp .9s both 1.4s
}
.ms-section.active .multi_content .p_btn{
    animation:fadeInUp .9s both 1.6s
}
.ms-section.active .laptop_m{
    animation:zoomIn .9s both .5s
}
.ms-section.active .w_phone_img .p_one{
    animation:fadeInLeft .9s both .5s
}
.ms-section.active .w_phone_img .p_two{
    animation:slideInLeft .9s both 1s
}
.ms-section.active .img_screen.one{
    animation:translateD1 .9s both .5s
}
.ms-section.active .img_screen.two{
    animation:translateD .9s both 1s
}
.ms-section.active .img_screen.three{
    animation:translateDT .9s both 1.3s
}
.ms-section.active .img_four{
    animation:fadeInUp .9s both 1.6s
}
#multiscroll-nav li{
    margin:0;
    width:40px;
    height:2px
}
#multiscroll-nav li a{
    width:50%;
    background:#ccc;
    position:absolute;
    right:0;
    transition:all .4s linear
}
#multiscroll-nav li a span{
    display:none
}
#multiscroll-nav li a.active{
    width:100%;
    background:#000
}
#multiscroll-nav li+li{
    margin-top:20px
}
.fullpage_slider_bg{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:-1
}
.fullpage_slider_img{
    box-shadow:0 15px 40px 0 rgba(0,0,0,.2);
    position:relative;
    z-index:1
}
.fullpage_slider_img:before{
    content:"";
    width:100%;
    position:absolute;
    background:url(../img/home_two/dot.png) no-repeat scroll top left;
    height:100%;
    top:-35px;
    left:-35px;
    z-index:-1
}
.fullpage_slider_img:after{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    background:#3a2ebf;
    right:0;
    left:auto;
    transition:width .3s linear;
    z-index:0
}
.fullpage_slider_img .overlay_img{
    height:100%;
    top:0;
    background:#3a2ebf;
    right:0;
    left:auto;
    transition:width 1s linear;
    z-index:1
}
.fullpage_slider_img img{
    max-width:100%
}
.fullpage_slider_content{
    position:relative;
    margin-right:-260px;
    z-index:2
}
.fullpage_slider_content .text_f,.fullpage_slider_content .text_s{
    font-size:86px;
    font-weight:700;
    line-height:110px;
    color:#fff;
    overflow:hidden;
    display:block
}
.fullpage_slider_content .text_f span,.fullpage_slider_content .text_s span{
    display:block;
    overflow:hidden
}
.fullpage_slider_content .text_f{
    line-height:80px
}
.fullpage_slider_content .text_s{
    margin-bottom:35px
}
.fullpage_slider_content .fullpage_slider_btn{
    font-size:13px;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
    padding:16px 41px;
    letter-spacing:.33px;
    position:relative;
    display:inline-block;
    transition:all .3s linear;
    z-index:1
}
.fullpage_slider_content .fullpage_slider_btn:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    opacity:.102;
    z-index:-1;
    transition:all .4s linear
}
.fullpage_slider_content .fullpage_slider_btn:after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:-moz-linear-gradient(0deg,#3a2ebf 0%,#3c7ace 100%);
    background-image:-webkit-linear-gradient(0deg,#3a2ebf 0%,#3c7ace 100%);
    background-image:-ms-linear-gradient(0deg,#3a2ebf 0%,#3c7ace 100%);
    z-index:-1
}
.fullpage_slider_content .fullpage_slider_btn:hover{
    box-shadow:0 40px 30px 0 rgba(0,0,0,.15)
}
.fullpage_slider_content .fullpage_slider_btn:hover:before{
    top:5px;
    left:5px
}
.fullpage_slider_section.active .fullpage_slider_img{
    animation:fadeInRight .9s both .5s
}
.fullpage_slider_section.active .fullpage_slider_img:before{
    animation:fadeInDown 1s both 1.4s
}
.fullpage_slider_section.active .fullpage_slider_img:after{
    animation:fadeOut 1s both 1.4s
}
.fullpage_slider_section.active .fullpage_slider_img .overlay_img{
    animation:overlay_right 1s both 1.3s
}
.fullpage_slider_section.active .fullpage_slider_content .text_f span{
    animation:fadeInUp2 .9s both 1.5s
}
.fullpage_slider_section.active .fullpage_slider_content .text_s span{
    animation:fadeInUp2 .9s both 1.7s
}
.fullpage_slider_section.active .fullpage_slider_content .fullpage_slider_btn{
    animation:fadeInUp .9s both 1.9s
}
@keyframes overlay_right{
    0%{
        width:100%
    }
    100%{
        width:0
    }
}
.overlay_right{
    -webkit-animation-name:overlay_right;
    animation-name:overlay_right
}
.memphis_rounds{
    width:885px;
    height:885px;
    border-radius:50%;
    position:absolute;
    top:50%;
    right:195px;
    margin-top:-442px
}
.f_round{
    width:885px;
    height:885px;
    border-radius:50%;
    position:absolute;
    z-index:-1
}
.fullpage_round{
    width:100%;
    height:100%;
    border:1px solid #979aff;
    border-radius:50%;
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,rgba(95,83,204,0.9) 0%,rgba(16,14,141,0.9) 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,rgba(95,83,204,0.9) 0%,rgba(16,14,141,0.9) 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,rgba(95,83,204,0.9) 0%,rgba(16,14,141,0.9) 100%);
    box-shadow:0 0 200px 0 rgba(0,0,0,.3);
    z-index:-1;
    opacity:.5
}
.fullpage_round.one{
    top:0;
    right:0
}
.fullpage_round.two{
    width:614px;
    height:614px;
    top:132px;
    left:132px;
    bottom:132px;
    right:132px;
    opacity:1;
    position:absolute;
    z-index:1;
    border:1px solid rgba(151,154,255,.25)
}
.fullpage_round.two:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url(../img/home_three/round_animation.png) no-repeat scroll center center;
    position:absolute;
    animation:rotate 10s both 5s infinite
}
.memphis_one{
    top:200px;
    right:70px
}
.memphis_two{
    bottom:250px;
    right:50px
}
.memphis_three{
    top:50px;
    left:130px
}
.memphis_four{
    bottom:50px;
    left:240px
}
.memphis_five{
    top:50%;
    right:175px;
    z-index:4
}
.memphis_round{
    width:66px;
    height:66px;
    border-radius:50%;
    background-image:-moz-linear-gradient(0deg,#141070 0%,#483cce 100%);
    background-image:-webkit-linear-gradient(0deg,#141070 0%,#483cce 100%);
    background-image:-ms-linear-gradient(0deg,#141070 0%,#483cce 100%);
    box-shadow:0 60px 30px 0 rgba(0,0,0,.15)
}
.memphis_round.r_one{
    right:105px;
    top:90px
}
.memphis_round.r_two{
    background-image:-moz-linear-gradient(0deg,#3a2ebf 0%,#3c7ace 100%);
    background-image:-webkit-linear-gradient(0deg,#3a2ebf 0%,#3c7ace 100%);
    background-image:-ms-linear-gradient(0deg,#3a2ebf 0%,#3c7ace 100%);
    width:40px;
    height:40px;
    left:74px;
    bottom:155px
}
.memphis_top{
    top:0;
    right:100px;
    z-index:-1
}
.memphis_left{
    left:0;
    bottom:200px;
    z-index:-1
}
.memphis_bottom{
    bottom:0;
    right:50px
}
.home_three #fp-nav{
    right:auto;
    left:50px
}
@keyframes rotate{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.rotate{
    animation-name:rotate
}
.breadcrumb_area{
    padding:315px 0 255px;
    position:relative;
    z-index:0
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    z-index:-1
}
.breadcrumb_content h1{
    font-size:72px;
    line-height:88px;
    color:#fff
}
.breadcrumb_content p{
    font-size:24px;
    font-weight:400;
    margin-bottom:0;
    color:#fff
}
.breadcrumb_area_two{
    position:relative;
    z-index:1;
    padding:200px 0 130px;
    background-size:cover!important
}
.breadcrumb_area_two .overlay{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image:-moz-linear-gradient(-42deg,rgba(122,62,235,0.4) 0%,#7a3eeb 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(122,62,235,0.4) 0%,#7a3eeb 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(122,62,235,0.4) 0%,#7a3eeb 100%);
    position:absolute;
    z-index:-1
}
.breadcrumb_area_two ol li{
    font-size:20px;
    font-family:poppins,sans-serif;
    font-weight:400;
    color:#fff
}
.breadcrumb_area_two ol li a{
    color:#fff;
    position:relative
}
.breadcrumb_area_two ol li a:after{
    content:"/";
    display:inline-block;
    top:0;
    right:0;
    margin:0 5px
}
.breadcrumb_area_three{
    position:relative;
    z-index:1
}
.breadcrumb_area_three .overlay{
    background:rgba(0,0,0,.6)
}
.breadcrumb_area_four{
    padding:302px 0;
    position:relative;
    z-index:1
}
.breadcrumb_area_four .overlay{
    background:rgba(0,0,0,.6)
}
.breadcrumb_area_five{
    padding:215px 0 360px;
    position:relative;
    z-index:1
}
.breadcrumb_area_five .overlay{
    background:rgba(0,0,0,.6)
}
.breadcrumb_area_six{
    padding:270px 0 272px
}
.blog_details_br_content h2{
    font-size:54px;
    font-weight:700;
    color:#fff;
    margin-bottom:30px
}
.blog_details_br_content .post_details{
    align-items:center
}
.blog_details_br_content .post_details .p_date{
    color:#fff;
    margin-left:30px;
    font-family:poppins,sans-serif;
    font-size:14px
}
.video_area .sc_video_inner{
    box-shadow:0 50px 50px 0 rgba(0,0,0,.2)
}
.process_area{
    background-image:-moz-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    position:relative;
    z-index:1
}
.process_area .dot_one{
    left:0;
    top:150px;
    z-index:-1
}
.process_area .dot_two{
    right:0;
    bottom:100px;
    z-index:-1
}
.process_item{
    color:#fff
}
.process_item img{
    margin-bottom:30px
}
.process_item h4{
    font-size:24px;
    position:relative;
    padding-top:25px;
    margin-bottom:25px;
    color:#fff
}
.process_item h4:before{
    content:attr(data-text);
    position:absolute;
    left:0;
    top:-10px;
    font-size:60px;
    font-weight:600;
    color:rgba(255,255,255,.1)
}
.process_item p{
    margin-bottom:0
}
.testimonial_area{
    background-image:-moz-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    padding:100px 0
}
.testimonial_slider{
    padding-left:30px
}
.testimonial_slider .slick-list{
    padding:0!important
}
.testimonial_slider .slick-list .item{
    transform:scale(.77);
    transition:all .5s linear;
    padding-bottom:10px
}
.testimonial_slider .slick-list .item .media{
    background:#fff;
    align-items:center;
    padding:25px 30px 22px;
    border-radius:5px;
    opacity:.5;
    transition:all .3s linear
}
.testimonial_slider .slick-list .item .media .media-body{
    position:relative
}
.testimonial_slider .slick-list .item .media .img{
    width:62px;
    height:62px;
    border-radius:50%;
    margin-right:30px
}
.testimonial_slider .slick-list .item .media h5{
    font-size:20px;
    color:#101010;
    margin-bottom:10px
}
.testimonial_slider .slick-list .item .media p{
    margin-bottom:0;
    color:#777
}
.testimonial_slider .slick-list .item .media .quote_img{
    right:10px;
    top:-6px
}
.testimonial_slider .slick-list .item.slick-center{
    transform:scale(1)
}
.testimonial_slider .slick-list .item.slick-center .media{
    box-shadow:0 10px 30px 0 rgba(0,0,0,.1);
    opacity:1
}
.clients_inner{
    position:relative;
    padding-right:65px;
    padding-top:75px
}
.clients_inner .quote_img{
    position:absolute;
    top:0
}
.clients_inner .s_section_title{
    margin-bottom:25px
}
.clients_inner p{
    color:#fff;
    margin-bottom:38px
}
.clients_inner .ab_clients_logo{
    display:flex;
    align-items:center
}
.clients_inner .ab_clients_logo .ab_clients_logo_item{
    width:calc(100%/3);
    margin-bottom:42px
}
.p_btn_w{
    background:#fff;
    color:#101010;
    font-size:13px;
}
.clients_logo_area .sc_clients_logo_info:before,.clients_logo_area .sc_clients_logo_info:after{
    display:none
}
.team_area .row{
    margin-bottom:-55px
}
.team_item{
    margin-bottom:55px;
    display:inline-block
}
.team_item .team-img{
    position:relative;
    z-index:1
}
.team_item .team-img:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-image:-moz-linear-gradient(-42deg,rgba(106,71,235,0.7) 0%,#130cde 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(106,71,235,0.7) 0%,#130cde 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(106,71,235,0.7) 0%,#130cde 100%);
    opacity:0;
    transition:all .9s;
    z-index:0
}
.team_item .social_link{
    position:absolute;
    top:52%;
    transform:translateY(-50%);
    text-align:center;
    width:100%;
    overflow:hidden
}
.team_item .social_link li{
    transform:translateY(100%);
    transition:all .4s
}
.team_item .social_link li a{
    color:#fff
}
.team_item h4{
    font-size:20px;
    color:#000;
    font-weight:600;
    margin-bottom:0;
    padding-top:20px
}
.team_item h4 span{
    font-size:14px;
    color:#777;
    font-weight:400
}
.team_item:hover .team-img:before{
    opacity:1
}
.team_item:hover .social_link li{
    transform:translateY(0)
}
.services_area{
    background-color:#f8f9fc
}
.services_area .scroll_service_item{
    border:0 solid transparent;
    background-color:#fff;
    color:#777;
    margin-bottom:30px;
    z-index:1
}
.services_area .scroll_service_item .number{
    color:rgba(16,16,16,.2);
    transition:all 300ms linear 0s;
    margin-bottom:75px
}
@media(max-width:1400px){
    .services_area .scroll_service_item .scroll_service_item .icon{
        top:40px;
        max-width:52px
    }
}
.services_area .scroll_service_item h3{
    color:#101010;
    transition:all 300ms linear 0s
}
.services_area .scroll_service_item p{
    transition:all 300ms linear 0s
}
.services_area .scroll_service_item h2{
    line-height:45px
}
.services_area .scroll_service_item .p_btn{
    font-size:13px;
    text-transform:uppercase;
    border:1px solid #7e7e7e;
    background-color:transparent;
    color:#101010;
    padding:12px 49px
}
.services_area .scroll_service_item .p_btn:hover{
    border:1px solid transparent
}
.services_area .scroll_service_item:before{
    height:100%;
    z-index:-1;
    transition:all 300ms linear 0s;
    background-image:-moz-linear-gradient(-42deg,#4d33e6 0%,#774fed 100%);
    background-image:-webkit-linear-gradient(-42deg,#4d33e6 0%,#774fed 100%);
    background-image:-ms-linear-gradient(-42deg,#4d33e6 0%,#774fed 100%)
}
.services_area .scroll_service_item:hover{
    box-shadow:0 10px 20px 0 rgba(0,0,0,.1)
}
.services_area .scroll_service_item:hover h3,.services_area .scroll_service_item:hover p{
    color:#fff
}
.services_area .scroll_service_item:hover h2{
    color:rgba(255,255,255,.2)
}
.services_area .scroll_service_item:hover img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.services_area .scroll_service_item:hover .p_btn{
    background-color:#fff;
    border:1px solid #fff
}
.services_area .scroll_service_item:hover:before{
    opacity:1;
    height:100%
}
.services_details_area .services_details_sidebar{
    background-color:#f8f9fc
}
@media(max-width:991px){
    .services_details_area .services_details_sidebar{
        margin-bottom:50px
    }
    .services_details_area .services_details_sidebar br{
        display:none
    }
}
.services_details_area .services_details_sidebar .nav-link{
    display:flex;
    align-items:center;
    color:#777;
    font-size:16px;
    font-weight:500;
    padding:0 30px;
    border-radius:0
}
@media(min-width:991px) and (max-width:1200px){
    .services_details_area .services_details_sidebar .nav-link{
        padding:0 20px
    }
}
.services_details_area .services_details_sidebar .nav-link .single_nav_menu{
    position:relative;
    padding-left:40px!important
}
.services_details_area .services_details_sidebar .nav-link img{
    max-width:24px;
    margin-right:12px;
    transition:all 100ms linear 0s;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.services_details_area .services_details_sidebar .nav-link .single_nav_menu{
    padding:21px 0;
    display:block;
    width:100%;
    border-bottom:1px solid #dfe0e2
}
.services_details_area .services_details_sidebar .nav-link:last-child .single_nav_menu{
    border-bottom:0
}
.services_details_area .services_details_sidebar .nav-link.active,.services_details_area .services_details_sidebar .nav-link:hover{
    color:#fff;
    background-color:transparent;
    background-image:-moz-linear-gradient(-42deg,#774fed 0%,#4d33e6 100%);
    background-image:-webkit-linear-gradient(-42deg,#774fed 0%,#4d33e6 100%);
    background-image:-ms-linear-gradient(-42deg,#774fed 0%,#4d33e6 100%)
}
.services_details_area .services_details_sidebar .nav-link.active .single_nav_menu,.services_details_area .services_details_sidebar .nav-link:hover .single_nav_menu{
    border-bottom:1px solid transparent
}
.services_details_area .services_details_sidebar .nav-link.active img,.services_details_area .services_details_sidebar .nav-link:hover img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
@media(min-width:1200px){
    .services_details_area .service_details_content{
        padding-left:18px
    }
}
.services_details_area .service_details_content h2{
    font-size:32px;
    font-weight:700;
    margin-bottom:25px
}
@media(max-width:991px){
    .services_details_area .service_details_content h2{
        font-size:25px;
        margin-bottom:15px
    }
}
@media(min-width:991px) and (max-width:1200px){
    .services_details_area .service_details_content h2{
        margin-bottom:20px
    }
}
.services_details_area .service_details_content p{
    margin-bottom:27px
}
@media(max-width:991px){
    .services_details_area .service_details_content p{
        margin-bottom:15px
    }
}
.services_details_area .service_details_content img{
    margin:8px 0 35px
}
@media(max-width:991px){
    .services_details_area .service_details_content img{
        margin:5px 0 25px
    }
}
@media(min-width:991px) and (max-width:1200px){
    .services_details_area .service_details_content img{
        margin:5px 0 25px
    }
}
.services_details_area .service_details_content ul{
    margin:0;
    padding:17px 0 0
}
@media(max-width:991px){
    .services_details_area .service_details_content ul{
        padding:10px 0 0
    }
}
@media(min-width:991px) and (max-width:1200px){
    .services_details_area .service_details_content ul{
        padding:10px 0 0
    }
}
.services_details_area .service_details_content ul li{
    list-style:none;
    position:relative;
    padding-left:17px;
    margin:13px 0;
    line-height:28px
}
.services_details_area .service_details_content ul li:after{
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#000;
    left:0;
    top:10px
}
.services_details_area .service_details_content ul li:last-child{
    margin:13px 0 0
}
.portfolio_area .row{
    margin-bottom:-15px
}
.gallery_filter li{
    font-size:16px;
    color:#777;
    transition:color .3s linear;
    cursor:pointer;
    margin-bottom:22px
}
.gallery_filter li.active{
    font-weight:600;
    color:#7a51ed
}
.gallery_filter li:hover{
    color:#7a51ed
}
.gallery_item{
    margin-bottom:30px
}
.gallery_post{
    cursor:pointer
}
.gallery_post .img{
    overflow:hidden
}
.gallery_post img{
    width:100%;
    transition:all .9s linear
}
.gallery_post .gallery_text_info{
    padding-left:20px;
    padding-right:20px;
    margin-top:-38px;
    position:relative;
    z-index:0
}
.gallery_post .gallery_text_info .gallery_content{
    background-color:#fff;
    box-shadow:0 10px 30px 0 rgba(0,0,0,.08)
}
.gallery_post .gallery_text_info .gallery_content:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:-moz-linear-gradient(140deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    background-image:-webkit-linear-gradient(140deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    background-image:-ms-linear-gradient(140deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    z-index:-1;
    opacity:0;
    transition:opacity .3s linear
}
.gallery_post:hover img{
    transform:scale(1.1)
}
.gallery_post:hover .gallery_content:before{
    opacity:1
}
.gallery_post:hover .gallery_content h3,.gallery_post:hover .gallery_content .g_tag{
    color:#fff
}
.gallery_content{
    padding:18px 30px;
    position:relative;
    z-index:1
}
.gallery_content h3{
    font-size:20px;
    font-weight:600;
    color:#000;
    margin-bottom:0;
    transition:color .3s linear
}
.gallery_content .g_tag{
    color:#777;
    font-size:14px;
    transition:color .3s linear
}
.portfolio_info_area{
    padding-bottom:50px
}
.slider_nav i{
    width:54px;
    height:54px;
    display:inline-block;
    border-radius:50%;
    border:2px solid #fff;
    font-size:25px;
    line-height:50px;
    text-align:center;
    color:#fff;
    transition:all .3s linear;
    cursor:pointer
}
.slider_nav i+i{
    margin-left:12px
}
.slider_nav i:hover{
    background:#fff;
    color:#101010
}
.portfolio_info_slider{
    margin-top:-256px;
    position:relative;
    z-index:1;
    padding-bottom:60px;
    border-bottom:1px solid #e5e5e5
}
.portfolio_info_slider .portfolio_img{
    padding-bottom:55px
}
.portfolio_info_slider .portfolio_img img{
    box-shadow:0 10px 40px 0 rgba(0,0,0,.1)
}
.portfolio_info_slider .por_details_info h4{
    font-size:24px;
    margin-bottom:0
}
.portfolio_info_slider .por_details_info .d-flex{
    flex-wrap:wrap
}
.portfolio_text p{
    padding-bottom:10px
}
.portfolio_text .p_btn{
    margin-top:10px
}
.por_details_item{
    width:50%;
    padding:23px 0
}
.por_details_item p{
    margin-bottom:0
}
.por_details_item a{
    color:#777
}
.social_link.social_link_two{
    padding-top:5px
}
.social_link.social_link_two li a{
    font-size:18px;
    color:#ff33d1
}
.social_link.social_link_two li a .social_dribbble{
    color:#ff33d1
}
.social_link.social_link_two li a .social_googleplus{
    color:#f34a38
}
.social_link.social_link_two li a .social_facebook{
    color:#475993
}
.social_link.social_link_two li a .social_twitter{
    color:#5f9dec
}
.pr_title{
    font-size:20px;
    font-weight:600
}
.details_item{
    padding:50px 0;
    align-items:center
}
.details_item img{
    box-shadow:0 10px 40px 0 rgba(0,0,0,.1)
}
.details_item .details_content{
    padding-right:95px
}
.details_item h3{
    font-size:36px;
    margin-bottom:25px
}
.details_item ul li{
    position:relative;
    padding-left:18px
}
.details_item ul li:before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#000;
    position:absolute;
    left:0;
    top:10px
}
.details_item .details_content_two{
    padding-left:38px
}
.pr_details_inner_two{
    position:relative
}
.pr_details_inner_two .d-flex{
    flex-wrap:wrap
}
.pr_details_inner_two .pr_details_content{
    max-width:540px;
    right:0;
    top:0;
    position:absolute;
    background:#fff;
    box-shadow:0 10px 40px 0 rgba(0,0,0,.1);
    padding:55px 40px
}
.pr_details_inner_two .pr_details_content .por_details_item{
    width:calc(100%/3);
    padding:18px 0
}
.pr_details_inner_two .pr_details_content .por_details_item .pr_title{
    margin-bottom:10px
}
.pr_details_inner_two .pr_details_content .p_details_btn{
    justify-content:space-between;
    align-items:center;
    padding-top:12px
}
.pr_details_inner_two .pr_details_content .pr_title{
    margin-bottom:20px
}
.pr_details_nav span{
    text-transform:uppercase;
    font-size:12px;
    line-height:12px;
    font-weight:500;
    color:#777;
    cursor:pointer;
    display:inline-block;
    transition:all .3s linear
}
.pr_details_nav span.next{
    margin-left:50px;
    position:relative
}
.pr_details_nav span.next:before{
    content:"";
    width:1px;
    height:12px;
    background:#777;
    display:inline-block;
    left:-25px;
    position:absolute
}
.pr_details_nav span:hover{
    color:#101010
}
.portfolio_detailes_two h3{
    font-size:36px;
    margin-bottom:30px
}
.pr_details_slider_two{
    padding-right:315px
}
.portfolio_detailes_three .portfolio_text h3{
    font-size:36px;
    margin-bottom:20px
}
.portfolio_detailes_three .por_details_info .d-flex{
    flex-wrap:wrap
}
.pr_details_inner_three{
    position:relative;
    margin-bottom:55px
}
.pr_details_inner_three .pr_details_slider_two{
    padding-right:0;
    box-shadow:0 10px 40px 0 rgba(0,0,0,.1)
}
.pr_details_inner_three .pr_details_nav{
    position:absolute;
    right:0;
    bottom:0;
    background:#fff;
    padding:6px 15px
}
.portfolio_fluid_area{
    padding-top:100px
}
.gallery_filter_two{
    display:flex;
    justify-content:center;
    margin-bottom:30px
}
.gallery_filter_two li{
    display:inline-block
}
.gallery_filter_two li+li{
    margin-left:40px
}
.gallery_inner_two{
    margin:0
}
.gallery_inner_two .gallery_item{
    padding:0;
    margin-bottom:0
}
.gallery_post_two{
    position:relative;
    cursor:pointer;
    overflow:hidden
}
.gallery_post_two .img{
    position:relative;
    z-index:0
}
.gallery_post_two .img:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image:-moz-linear-gradient(140deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    background-image:-webkit-linear-gradient(140deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    background-image:-ms-linear-gradient(140deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    position:absolute;
    opacity:0;
    transition:all .5s linear;
    z-index:1
}
.gallery_post_two .img img{
    transition:all .8s linear
}
.gallery_post_two .hover_text{
    position:absolute;
    bottom:0;
    padding:40px
}
.gallery_post_two .hover_text a{
    display:block;
    overflow:hidden
}
.gallery_post_two .hover_text h3{
    color:#fff;
    font-size:24px;
    margin-bottom:2px;
    transform:translateY(100%);
    transition:all .7s linear
}
.gallery_post_two .hover_text .g_tag{
    font-size:14px;
    color:#fff;
    transform:translateY(100%);
    transition:all .9s linear
}
.gallery_post_two:hover .img:before{
    opacity:1
}
.gallery_post_two:hover .img img{
    transform:scale(1.2)
}
.gallery_post_two:hover .hover_text h3,.gallery_post_two:hover .hover_text .g_tag{
    transform:translateY(0)
}
.gallery_inner_three{
    margin:-8px
}
.gallery_inner_three .gallery_item{
    padding:8px;
    margin-bottom:0
}
.gallery_inner_four .gallery_item .gallery_post .img{
    border-radius:10px
}
.gallery_inner_four .gallery_item .gallery_post .gallery_content{
    padding:26px 0 0
}
.gallery_inner_four .gallery_item .gallery_post .gallery_content h3{
    color:#101010
}
.gallery_inner_four .gallery_item .gallery_post .gallery_content h3:hover{
    color:#7a51ed
}
.gallery_inner_four .gallery_item .gallery_post .gallery_content .g_tag{
    color:#777
}
.gallery_inner_four .gallery_item .gallery_post .gallery_content .g_tag:hover{
    color:#7a51ed
}
.portfolio_filter.gallery_filter{
    margin-bottom:0
}
.portfolio_filter.gallery_filter li{
    display:inline-block;
    margin-bottom:0;
    font-size:13px;
    font-family:poppins,sans-serif;
    font-weight:500;
    color:#727272;
    text-transform:uppercase;
    letter-spacing:1.3px;
    margin-right:35px
}
.portfolio_filter.gallery_filter li:last-child{
    margin-right:0
}
.portfolio_filter.gallery_filter li.active,.portfolio_filter.gallery_filter li:hover{
    font-weight:500;
    color:#7a51ed
}
.masonry_portfolio_area{
    position:relative;
    z-index:2;
    background:#fff;
    overflow:hidden
}
.masonry_portfolio_area .gallery_inner_three{
    margin:0
}
.masonry_portfolio_area .gallery_item{
    padding:0
}
.portfolio_slider_style.style_3 .single_portfolio_content{
    margin-top:50px;
    transition:all .3s linear;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    z-index:3;
    bottom:-87px;
    top:auto;
    transform:translateY(0);
    padding:50px 50px 0;
    text-align:left
}
.portfolio_slider_style.style_3 .single_portfolio_content span{
    font-size:12px;
    height:22px;
    padding:0 13px;
    background-color:#fff;
    line-height:22px;
    border-radius:3px;
    border:1px solid #fff;
    text-transform:uppercase;
    margin-bottom:17px;
    display:inline-block
}
.portfolio_slider_style.style_3 .single_portfolio_content .portfolio_content_iner{
    opacity:0;
    visibility:hidden
}
.portfolio_slider_style.style_3 .single_portfolio_content h4{
    font-size:40px;
    font-weight:600;
    margin-bottom:18px;
    color:#fff;
    cursor:pointer;
    transition:all .3s linear
}
.portfolio_slider_style.style_3 .single_portfolio_content h4 a{
    color:#fff
}
.portfolio_slider_style.style_3 .single_portfolio_content p{
    color:#fff;
    font-size:16px;
    font-weight:400
}
.portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn{
    color:#fff;
    display:inline-flex;
    align-items:center;
    margin-top:15px;
    line-height:1;
    transition:all .3s linear
}

.login:after {
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    background: #fff;
    top: 18px;
    right: 134px;
    opacity: 0.5;

}

.login, .login:hover{
    color:#fff;
    display:inline-flex;
    align-items:center;
    line-height:1;
    width: 70px;
    transition:all .3s linear;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}


.login i{
    font-weight:600;
    margin-left:-10px;
    font-size:16px;
    position:relative;
    transition:transform .2s linear;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


.login:hover i{
    font-weight:600;
    margin-left:10px;
    font-size:16px;
    position:relative;
    transition:transform .2s linear;
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn i{
    font-weight:600;
    margin-left:10px;
    font-size:18px;
    position:relative;
    transition:transform .2s linear
}
.portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1);
    max-width:17px;
    margin-left:15px
}
.portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn:hover i{
    transform:translateX(5px)
}
.portfolio_slider_style.style_3 .single_portfolio_item{
    position:relative;
    z-index:1
}
.portfolio_slider_style.style_3 .single_portfolio_item:hover .single_portfolio_content{
    top:auto;
    bottom:53px
}
.portfolio_slider_style.style_3 .single_portfolio_item{
    transition:all .5s linear;
    overflow:hidden;
    width:100%;
    display:block;
    height:100vh
}
.portfolio_slider_style.style_3 .single_portfolio_item .single_portfolio_iner{
    display:block;
    width:100%;
    height:100%
}
.portfolio_slider_style.style_3 .single_portfolio_item .portfolio_item_bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100vh!important;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center
}
.portfolio_slider_style.style_3 .single_portfolio_item .bg_1{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%);
    background-image:radial-gradient(50% 50%,circle closest-side,#5f53cc 0%,#1311a3 100%)
}
.portfolio_slider_style.style_3 .single_portfolio_item .bg_2{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%);
    background-image:radial-gradient(50% 50%,circle closest-side,#eebd7c 0%,#ff9328 100%)
}
.portfolio_slider_style.style_3 .single_portfolio_item .bg_3{
    background-image:-moz-radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%);
    background-image:-webkit-radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%);
    background-image:-ms-radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%);
    background-image:radial-gradient(50% 50%,circle closest-side,#89d48c 0%,#54b059 100%);
    height:100%
}
.portfolio_slider_style.style_3 .single_portfolio_item .portfolio_item_bg{
    transition:all .5s linear
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img{
    top:-100px
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img:before{
    display:none
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img .img_screen.one{
    left:-20px
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img .img_screen.two{
    left:0
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img .img_screen.three{
    left:25px
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img .img_screen,.portfolio_slider_style.style_3 .single_portfolio_item .w_mockup_img .img_four{
    animation:fadeIn .2s both
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_phone_img{
    padding-right:120px
}
.portfolio_slider_style.style_3 .single_portfolio_item .w_phone_img .p_two{
    animation:fadeIn .9s both
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active img{
    animation:fadeInRight .9s both .4s
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active .w_mockup_img .img_screen.one{
    animation:translateD1 .9s both .5s
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active .w_mockup_img .img_screen.two{
    animation:translateD .9s both .7s
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active .w_mockup_img .img_screen.three{
    animation:translateDT .9s both .9s
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active .w_mockup_img .img_four{
    animation:fadeInUp .9s both 1s
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active .w_phone_img .p_one{
    animation:fadeInLeft .9s both .4s
}
.portfolio_slider_style.style_3 .single_portfolio_item.swiper-slide-active .w_phone_img .p_two{
    animation:slideInLeft .9s both 1s
}
.portfolio_slider_style.style_3 .single_portfolio_item:hover{
    background-size:auto 105%
}
.portfolio_slider_style.style_3 .single_portfolio_item:hover .single_portfolio_content{
    margin-top:0;
    visibility:visible;
    bottom:53px
}
.portfolio_slider_style.style_3 .single_portfolio_item:hover .portfolio_content_iner{
    opacity:1;
    visibility:visible
}
.blog_inner{
    padding-right:20px
}
.video_img{
    position:relative
}
.video_img .v_icon{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:absolute;
    background-image:-moz-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%)
}
.video_img .v_icon:hover{
    color:#fff
}
.b_inner{
    padding:0 30px;
    margin-top:-70px;
    position:relative
}
.blog_list_content{
    background:#fff;
    padding:30px 50px;
    margin-bottom:30px
}
.blog_list_content .b_post_info{
    display:flex
}
.blog_list_content .b_post_info .p_date{
    margin-left:30px
}
.blog_list_content h2{
    font-size:30px;
    line-height:40px;
    color:#101010;
    margin-top:20px;
    margin-bottom:18px;
    transition:color .3s linear
}
.blog_list_content h2:hover{
    color:#7a51ed
}
.blog_audio_item .mejs__container{
    padding:95px;
    background-image:-moz-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    width:100%!important;
    max-width:710px
}
.blog_audio_item .mejs__container:before{
    content:"";
    background:url(../img/blog/mick.png) no-repeat right top;
    width:100%;
    height:100%;
    position:absolute;
    top:16px;
    right:40px
}
.blog_audio_item .mejs__container .mejs__controls{
    bottom:auto;
    top:20px;
    padding:0 40px;
    background:0 0
}
.blog_audio_item .mejs__container .mejs__controls .mejs__time-total{
    height:3px;
    background:#9071f0;
    border-radius:5px;
    margin-top:9px
}
.blog_audio_item .mejs__container .mejs__controls .mejs__time-handle-content{
    border:1px solid rgba(255,255,255,.9);
    border-radius:17%;
    height:3px;
    left:-7px;
    top:-4px;
    width:10px
}
.blog_audio_item .mejs__container .mejs__controls .mejs__time-total,.blog_audio_item .mejs__container .mejs__controls .mejs__time-buffering,.blog_audio_item .mejs__container .mejs__controls .mejs__time-loaded,.blog_audio_item .mejs__container .mejs__controls .mejs__time-hovered,.blog_audio_item .mejs__container .mejs__controls .mejs__time-float-corner,.blog_audio_item .mejs__container .mejs__controls .mejs__time-marker,.blog_audio_item .mejs__container .mejs__controls .mejs__time-current{
    height:3px
}
.blog_audio_item .mejs__container .mejs__controls .mejs__horizontal-volume-total{
    top:19px;
    height:3px;
    background:rgba(255,255,255,.5)
}
.blog_audio_item .b_inner{
    margin-top:-100px
}
.read_btn{
    font-size:14px;
    font-weight:600;
    line-height:15px;
    display:inline-block;
    color:#777;
    transition:all .2s linear
}
.read_btn i{
    vertical-align:middle
}
.read_btn:hover{
    color:#7a51ed
}
.comment_btn{
    font-size:14px;
    color:#9d9d9d;
    line-height:18px
}
.comment_btn img{
    margin-right:6px
}
.comment_btn:hover{
    color:#7a51ed
}
.p_tag a{
    font-size:12px;
    font-weight:500;
    font-family:poppins,sans-serif;
    line-height:20px;
    color:#fff;
    display:inline-block;
    background:#7a51ed;
    padding:0 10px
}
.p_tag a.green{
    background:#5ecc45
}
.p_tag a.yellow{
    background:#fbbb0a
}
.p_tag a+a{
    background:#f91b6f;
    margin-left:5px
}
.p_date{
    font-size:14px;
    color:#9d9d9d
}
.p_date img{
    padding-right:5px
}
blockquote{
    background-color:#fff;
    box-shadow:0 0 30px 0 rgba(0,21,46,.08);
    padding:40px;
    position:relative;
    margin-bottom:60px;
    z-index:1
}
blockquote:before{
    content:"";
    background:url(../img/blog/quote.jpg) no-repeat scroll right bottom;
    position:absolute;
    right:40px;
    bottom:0;
    height:110px;
    width:100%;
    z-index:-1
}
blockquote p{
    font-size:18px;
    line-height:34px;
    font-weight:500;
    font-style:italic;
    color:#777;
    margin-bottom:22px
}
blockquote .author{
    font-weight:600;
    color:#101010;
    font-size:18px
}
.blockquote_two{
    padding:38px 120px 20px 50px
}
.blockquote_two:before{
    background:url(../img/blog/chain.png) no-repeat scroll center right;
    right:0;
    height:100%;
    top:0
}
.blockquote_two p{
    color:#101010
}
.pagination .page-numbers{
    font-size:18px;
    font-weight:500;
    color:#777;
    position:relative;
    transition:color .3s linear
}
.pagination .page-numbers:before{
    content:"";
    height:2px;
    background:#7a51ed;
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    transition:width .3s linear
}
.pagination .page-numbers:hover,.pagination .page-numbers.current{
    color:#7a51ed
}
.pagination .page-numbers:hover:before,.pagination .page-numbers.current:before{
    width:100%
}
.pagination .page-numbers+.page-numbers{
    margin-left:34px
}
.blog_details img{
    box-shadow:0 15px 20px 0 rgba(0,21,46,.05);
    margin-bottom:38px;
    max-width:100%
}
.blog_details p{
    line-height:30px;
    margin-bottom:30px
}
.blog_details .p_date img{
    margin-bottom:0
}
.blog_details blockquote{
    background-image:-moz-linear-gradient(-42deg,rgba(122,81,237,0.9) 0%,#4931e6 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(122,81,237,0.9) 0%,#4931e6 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(122,81,237,0.9) 0%,#4931e6 100%);
    margin-bottom:36px
}
.blog_details blockquote:before{
    background:url(../img/blog/qoute2.png) no-repeat scroll right bottom;
    height:40px;
    bottom:45px
}
.blog_details blockquote:after{
    content:"";
    position:absolute;
    left:30px;
    top:15px;
    height:86px;
    width:100%;
    z-index:-1;
    background:url(../img/blog/qoute.png) no-repeat scroll left top
}
.blog_details blockquote p,.blog_details blockquote .author{
    color:#fff
}
.post_social_info{
    display:flex;
    justify-content:space-between;
    padding-top:10px
}
.post_social_info .tags .post-nam{
    display:inline-block;
    font-size:16px;
    font-weight:600;
    color:#101010
}
.post_social_info .tags .tag{
    padding:0 12px;
    margin-left:5px
}
.author_post{
    background-color:#fff;
    box-shadow:0 0 30px 0 rgba(0,21,46,.05);
    padding:40px;
    margin-top:55px;
    position:relative;
    z-index:1
}
.author_post:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    right:20px;
    background:url(../img/blog/leaf.png) no-repeat scroll center right;
    position:absolute;
    z-index:-1
}
.comment_post .author_img{
    margin-right:30px
}
.comment_post .media-body h4{
    font-size:20px;
    color:#101010;
    margin-bottom:17px
}
.comment_post .media-body p{
    margin-bottom:0
}
.c_title{
    font-size:30px;
    margin-bottom:35px
}
.comment_list_info{
    padding-top:100px
}
.p_comment_list{
    margin-bottom:-40px
}
.p_comment_list .post_comment{
    border-bottom:1px solid #ebecf7
}
.p_comment_list .post_comment .comment_post{
    position:relative;
    padding-bottom:40px
}
.p_comment_list .post_comment .comment_post .media-body .reply{
    position:absolute;
    right:0;
    top:2px;
    font-size:14px;
    font-style:italic;
    color:#777
}
.p_comment_list .post_comment .comment_post .media-body .reply i{
    margin-right:5px
}
.p_comment_list .post_comment .comment_post .media-body .reply:hover{
    color:#7a51ed
}
.p_comment_list .post_comment .reply-comment{
    padding-left:80px
}
.p_comment_list .post_comment+.post_comment{
    padding-top:40px
}
.comment_box{
    padding-top:95px
}
.comment_box .c_title{
    margin-bottom:25px
}
.comment_box .contact_form_box .text_box input,.comment_box .contact_form_box .text_box textarea{
    color:#777;
    font-size:16px
}
.comment_box .contact_form_box .text_box input.placeholder,.comment_box .contact_form_box .text_box textarea.placeholder{
    color:#777
}
.comment_box .contact_form_box .text_box input:-moz-placeholder,.comment_box .contact_form_box .text_box textarea:-moz-placeholder{
    color:#777
}
.comment_box .contact_form_box .text_box input::-moz-placeholder,.comment_box .contact_form_box .text_box textarea::-moz-placeholder{
    color:#777
}
.comment_box .contact_form_box .text_box input::-webkit-input-placeholder,.comment_box .contact_form_box .text_box textarea::-webkit-input-placeholder{
    color:#777
}
.comment_box .contact_form_box .text_box textarea{
    height:100px
}
.comment_box .contact_form_box .p_btn{
    float:none;
    font-weight:500;
    color:#fff;
    background-image:-moz-linear-gradient(360deg,#7a51ed 0%,#4931e6 70%);
    background-image:-webkit-linear-gradient(360deg,#7a51ed 0%,#4931e6 70%);
    background-image:-ms-linear-gradient(360deg,#7a51ed 0%,#4931e6 70%);
    transition:all .3s linear
}
.comment_box .contact_form_box .p_btn:hover{
    box-shadow:0 0 30px 0 rgba(0,21,46,.1);
    transform:translateY(-5px)
}
.blog_details_area_two{
    padding-bottom:100px
}
.blog_details_area_two .blog_details_img{
    margin-top:-256px;
    position:relative;
    z-index:1;
    margin-bottom:60px
}
.blog_details_area_two .blog_details_img img{
    box-shadow:0 10px 40px 0 rgba(0,0,0,.1);
    max-width:100%
}
.blog_details_area_two .blog_details .b_post_info{
    margin-bottom:25px
}
.blog_details_area_two .blog_details .post_details .p_date{
    margin-left:30px
}
.blog_sidebar{
    padding-left:20px
}
.sidebar_title{
    font-size:24px;
    line-height:26px;
    color:#101010;
    margin-bottom:30px
}
.widget+.widget{
    margin-top:56px
}
.widget_search .search-form input{
    border:1px solid #e0e0e0;
    border-radius:0;
    height:60px;
    padding-left:25px;
    font-size:14px;
    color:#777
}
@includ placeholder{
    .widget_search.search-forminput{
        color:#777777;
    }
}
.widget_search .search-form input:focus{
    border-color:#7a51ed;
    box-shadow:none
}
.widget_search .search-form button{
    background-image:-moz-linear-gradient(180deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    background-image:-webkit-linear-gradient(180deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    background-image:-ms-linear-gradient(180deg,rgba(73,49,230,0.9) 0%,#7a51ed 100%);
    border:0;
    padding:13px 20px 7px;
    color:#fff;
    font-size:20px
}
.widget_categorie ul{
    margin-bottom:-10px
}
.widget_categorie ul li a{
    font-size:16px;
    color:#101010
}
.widget_categorie ul li a i{
    color:#777;
    font-size:15px;
    padding-right:6px
}
.widget_categorie ul li a:hover{
    color:#7a51ed
}
.widget_categorie ul li+li{
    margin-top:12px
}
.widget_categorie ul li.active .dropdown-menu{
    display:block
}
.widget_categorie ul li .dropdown-menu{
    border:0;
    margin-top:0;
    padding-left:50px
}
.widget_categorie ul li .dropdown-menu li a{
    font-size:15px;
    color:#777
}
.widget_categorie ul li .dropdown-menu li a:hover{
    color:#7a51ed
}
.widget_post .post_item img{
    margin-right:20px
}
.widget_post .post_item .media-body h5{
    font-size:16px;
    line-height:22px;
    color:#101010;
    font-weight:600;
    margin-bottom:0;
    transition:color .2s linear
}
.widget_post .post_item .media-body h5:hover{
    color:#7a51ed
}
.widget_post .post_item .media-body .p_date img{
    margin-right:0
}
.widget_post .post_item+.post_item{
    margin-top:30px
}
.widget_comments .comments_item img{
    margin-right:20px
}
.widget_comments .comments_item .media-body a{
    color:#101010;
    font-weight:600;
    display:inline-block
}
.widget_comments .comments_item .media-body p{
    color:#777;
    font-size:16px;
    margin-bottom:0
}
.widget_comments .comments_item+.comments_item{
    margin-top:20px
}
.widget_tag ul{
    margin:-5px -3px
}
.widget_tag ul li{
    display:inline-block;
    margin:5px 3px
}
.tag{
    border:1px solid #e0e0e0;
    color:#777;
    font-size:14px;
    padding:5px 13px;
    display:inline-block;
    position:relative;
    z-index:1;
    transition:all .3s linear
}
.tag:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-image:-moz-linear-gradient(142deg,#7a51ed 0%,#4931e6 70%);
    background-image:-webkit-linear-gradient(142deg,#7a51ed 0%,#4931e6 70%);
    background-image:-ms-linear-gradient(142deg,#7a51ed 0%,#4931e6 70%);
    z-index:-1;
    opacity:0;
    transition:opacity .3s linear
}
.tag:hover{
    border-color:#7a51ed;
    color:#fff
}
.tag:hover:before{
    opacity:1
}
.widget_instragram ul{
    margin:-2px;
    display:flex;
    flex-wrap:wrap
}
.widget_instragram ul li{
    display:block;
    width:calc(100%/3);
    padding:2px
}
.widget_instragram ul li a{
    display:block;
    position:relative
}
.widget_instragram ul li a:before{
    content:"";
    width:100%;
    height:100%;
    background:rgba(94,62,233,.8);
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:all .3s linear
}
.widget_instragram ul li a:after{
    content:"";
    width:100%;
    height:100%;
    background:url(../img/blog/instragram.png) no-repeat scroll center center;
    position:absolute;
    top:0;
    left:0;
    transform:scale(0);
    transition:all .5s linear
}
.widget_instragram ul li a img{
    max-width:100%
}
.widget_instragram ul li a:hover:before{
    opacity:1
}
.widget_instragram ul li a:hover:after{
    transform:scale(1)
}
.shop_tab{
    border-bottom:1px solid #ececec;
    padding-bottom:20px;
    margin-bottom:30px
}
.shop_menu_left p{
    margin-bottom:0
}
.shop_menu_right .view-style{
    display:flex;
    padding-top:5px
}
.shop_menu_right .view-style .list-style a{
    font-size:18px
}
.shop_menu_right .view-style a{
    font-size:22px;
    color:#777;
    margin-right:20px;
    display:inline-block;
    line-height:22px
}
.shop_menu_right .view-style .active a{
    color:#6532e8
}
.shop_menu_right .default_select{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    border:1px solid #ececec;
    padding:0 20px;
    margin-left:10px
}
.shop_menu_right .default_select h5{
    font-weight:500;
    font-size:16px;
    margin-bottom:0
}
.shop_menu_right .default_select .selectpickers{
    border:0;
    padding-left:8px;
    height:38px;
    line-height:38px
}
.shop_menu_right .default_select .selectpickers:after{
    content:"C";
    font-family:eleganticons;
    width:8px;
    height:8px;
    top:48%;
    right:4px;
    font-size:18px;
    transform:rotate(0deg);
    transform-origin:center;
    border:0;
    line-height:10px
}
.shop_menu_right .default_select .selectpickers ul{
    right:0;
    left:auto
}
.single_product_item{
    text-align:center;
    margin-bottom:60px
}
.single_product_item .product_img{
    position:relative
}
.single_product_item .product_img img{
    transition:opacity .2s linear;
    max-width:100%
}
.single_product_item .product_img .hover_content{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    text-align:center;
    opacity:0;
    visibility:hidden;
    transition:all .3s linear
}
.single_product_item .product_img .hover_content a{
    width:60px;
    height:60px;
    font-size:20px;
    text-align:center;
    background:#fff;
    box-shadow:0 10px 15px 0 rgba(0,0,29,.1);
    line-height:62px;
    color:#6532e8;
    display:inline-block;
    transition:all .2s linear
}
.single_product_item .product_img .hover_content a:hover{
    background:#6532e8;
    color:#fff
}
.single_product_item h4{
    font-size:18px;
    font-weight:500;
    margin-top:28px;
    transition:color .2s linear
}
.single_product_item h4:hover{
    color:#6532e8
}
.single_product_item .price{
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    font-size:16px
}
.single_product_item .price del{
    color:#777;
    font-weight:400;
    margin-left:10px
}
.single_product_item .price ins{
    text-decoration:none;
    font-weight:600;
    color:#101010
}
.single_product_item:hover img{
    opacity:.5
}
.single_product_item:hover .hover_content{
    opacity:1;
    visibility:visible
}
.single_product_item:hover .hover_content a:nth-child(1){
    animation:fadeInUp 300ms ease-in-out
}
.single_product_item:hover .hover_content a:nth-child(2){
    animation:fadeInUp 500ms ease-in-out
}
.shop_list_area .shop_page_number{
    margin-top:80px
}
.pr_list_item .pr_list_content h3{
    font-size:24px;
    font-weight:600;
    display:inline-block;
    transition:color .2s linear
}
.pr_list_item .pr_list_content .price{
    float:right
}
.pr_list_item .pr_list_content .price del{
    color:#777;
    font-size:16px;
    margin-right:10px
}
.pr_list_item .pr_list_content .price ins{
    font-size:24px;
    font-weight:600;
    color:#101010;
    text-decoration:none
}
.pr_list_item .pr_list_content p{
    font-size:16px;
    line-height:30px;
    padding-top:28px
}
.pr_list_item .pr_list_content:hover h3{
    color:#6532e8
}
.pr_list_item+.pr_list_item{
    margin-top:30px
}
.pr_button{
    display:flex;
    padding-top:15px
}
.pr_button .cart_btn{
    font-size:13px;
    font-weight:600;
    color:#101010;
    text-transform:uppercase;
    background:0 0;
    border:1px solid #d7d7d7;
    min-width:200px;
    text-align:center;
    padding:10px 20px;
    transition:all .2s linear
}
.pr_button .cart_btn:hover{
    border-color:#6532e8;
    background-image:linear-gradient(40deg,#713ff7 0%,#380ce0 100%);
    color:#fff
}
.pr_button a{
    display:block;
    width:55px;
    height:50px;
    font-size:20px;
    color:#101010;
    border:1px solid #d7d7d7;
    text-align:center;
    line-height:50px;
    margin-left:15px;
    transition:all .2s linear
}
.pr_button a:hover{
    border-color:#6532e8;
    background:#6532e8;
    color:#fff
}
.shop_page_number{
    text-align:center;
    margin-bottom:0
}
.shop_page_number li{
    display:inline-block;
    margin:0 3px
}
.shop_page_number li .page-numbers{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #e7e7f6;
    font-size:16px;
    line-height:39px;
    font-weight:300;
    color:#7b8a9e;
    text-align:center;
    display:block;
    transition:all .2s linear
}
.shop_page_number li .page-numbers:hover{
    border-color:#5843e8;
    color:#5843e8
}
.shop_page_number li .page-numbers.current{
    background:#5843e8;
    border-color:#5843e8;
    color:#fff
}
.pr_sidebar .widget_search .search-form{
    background:#f3f4f9
}
.pr_sidebar .widget_search .search-form input{
    background:0 0;
    border:0
}
.pr_sidebar .widget_search .search-form button{
    background:0 0;
    color:#777;
    font-size:16px
}
.filter_slider_area{
    padding-top:10px
}
.filter_slider_area .ui-slider{
    height:6px;
    background:#dbe2e9;
    border:0;
    border-radius:0
}
.filter_slider_area .ui-slider .ui-slider-range{
    background:#9f7efd;
    border-radius:0
}
.filter_slider_area .ui-slider .ui-slider-handle{
    width:20px;
    height:20px;
    border-radius:50%;
    background:#5e2ced;
    border:0;
    margin-left:0;
    top:-7px
}
.filter_slider_area .ui-slider .ui-slider-handle:focus{
    outline:none
}
.filter_slider_area .filter_content{
    font-size:16px;
    text-transform:capitalize;
    font-family:poppins,sans-serif;
    color:#101010;
    display:flex;
    margin-top:30px;
    font-weight:600
}
.filter_slider_area .filter_content #amount{
    border:0;
    font-size:16px;
    display:inline-block;
    outline:none;
    color:#7d7d7d;
    box-shadow:none;
    padding-left:5px
}
.widget_product ul li .media{
    align-items:center
}
.widget_product ul li .media img{
    margin-right:25px
}
.widget_product ul li .media .media-body h3{
    font-size:16px;
    line-height:22px;
    font-weight:500;
    margin-bottom:3px
}
.widget_product ul li .media .media-body h3:hover{
    color:#6532e8
}
.widget_product ul li .media .media-body .rate{
    font-size:16px;
    color:#6532e8;
    font-weight:500
}
.widget_product ul li+li{
    margin-top:20px
}
.widget_categorie_two ul{
    margin-bottom:0
}
.widget_categorie_two ul li a{
    font-size:16px;
    line-height:20px;
    color:#777;
    display:inline-block;
    position:relative
}
.widget_categorie_two ul li a:before{
    content:"";
    width:0;
    height:1px;
    background:#6532e8;
    position:absolute;
    left:0;
    bottom:0;
    transition:width .2s linear
}
.widget_categorie_two ul li a:hover{
    color:#6532e8
}
.widget_categorie_two ul li a:hover:before{
    width:100%
}
.widget_categorie_two ul li+li{
    margin-top:15px
}
.pr_details ul li{
    display:inline-block;
    font-size:16px;
    color:#101010
}
.pr_details ul li+li:before{
    content:"";
    width:5px;
    height:2px;
    display:inline-block;
    background:#101010;
    vertical-align:middle;
    margin:0 5px 0 3px
}
.pr_details h2{
    font-weight:700;
    font-size:36px
}
.pr_details .ratting{
    font-size:16px
}
.pr_details .ratting .star-rating{
    display:inline-block;
    color:#ffbc08;
    margin-right:5px
}
.pr_details .ratting .star-rating:before{
    content:"";
    font-family:themify
}
.pr_details .ratting a{
    color:#777
}
.pr_details .price{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    margin-top:15px
}
.pr_details .price ins{
    font-size:36px;
    font-weight:600;
    color:#6532e8;
    text-decoration:none
}
.pr_details .price del{
    font-size:20px;
    color:#777;
    margin-left:12px
}
.pr_details p{
    line-height:30px;
    padding-top:52px;
    margin-bottom:60px
}
.pr_details .pr_button{
    padding-top:0;
    margin-left:10px
}
.pr_details .pr_button a{
    margin-left:10px
}
.pr_details .product_meta{
    padding-top:52px
}
.pr_details .product_meta li{
    font-size:18px;
    color:#7d7d7d;
    display:block
}
.pr_details .product_meta li a{
    color:#7d7d7d
}
.pr_details .product_meta li:before{
    display:none
}
.pr_details .product_meta li span{
    color:#101010;
    padding-right:4px
}
.pr_details .product_meta li+li{
    margin-top:12px
}
.product-qty{
    display:inline-block;
    position:relative
}
.product-qty .ar_top,.product-qty .ar_down{
    position:absolute;
    right:8px;
    background:0 0;
    border:0;
    color:#bebebe;
    font-size:18px;
    padding-left:0;
    padding-right:0;
    line-height:20px
}
.product-qty .ar_top{
    top:8px
}
.product-qty .ar_down{
    bottom:5px
}
.product-qty .manual-adjust{
    border:1px solid #d7d7d7;
    background:0 0;
    width:65px;
    height:50px;
    color:#777;
    font-size:20px;
    padding-left:15px
}
.product-qty .manual-adjust.placeholder{
    color:#777
}
.product-qty .manual-adjust:-moz-placeholder{
    color:#777
}
.product-qty .manual-adjust::-moz-placeholder{
    color:#777
}
.product-qty .manual-adjust::-webkit-input-placeholder{
    color:#777
}
.pr_slider_thumb{
    margin-left:-5px;
    margin-right:-5px;
    padding-top:10px
}
.pr_slider_thumb img{
    padding-left:5px;
    padding-right:5px;
    max-width:100%;
    cursor:pointer
}
.product_description_area{
    background:#f7f7f7;
    padding-bottom:110px
}
.product_description_area .tab-content{
    padding-top:80px
}
.product_description_area .tab-content p{
    line-height:30px;
    margin-bottom:0
}
.product_description_area .tab-content p+p{
    margin-top:30px
}
.pr_tab{
    justify-content:center
}
.pr_tab .nav-item{
    margin-right:40px
}
.pr_tab .nav-item .nav-link{
    font-size:16px;
    font-weight:500;
    color:#181b31;
    border-radius:0;
    padding:26px 0;
    border:0;
    background:0 0;
    position:relative;
    transition:all .2s linear
}
.pr_tab .nav-item .nav-link:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    background:#6532e8;
    height:2px;
    width:0;
    transition:width .2s linear
}
.pr_tab .nav-item .nav-link.active,.pr_tab .nav-item .nav-link:hover{
    color:#6532e8
}
.pr_tab .nav-item .nav-link.active:before,.pr_tab .nav-item .nav-link:hover:before{
    width:100%
}
.pr_tab .nav-item:last-child{
    margin-right:0
}
.aditional_info{
    max-width:730px;
    margin:0 auto
}
.aditional_info .shop_attributes{
    width:100%
}
.aditional_info .shop_attributes tr{
    border-left:1px solid #efefef;
    border-right:1px solid #efefef
}
.aditional_info .shop_attributes tr th,.aditional_info .shop_attributes tr td{
    padding:13px 30px;
    font-size:16px;
    font-weight:400
}
.aditional_info .shop_attributes tr th{
    color:#181b31
}
.aditional_info .shop_attributes tr td{
    text-align:right;
    color:#777
}
.aditional_info .shop_attributes tr:nth-child(2n+1){
    background:#fff
}
.review_comment_info{
    max-width:730px;
    margin:0 auto
}
.review_comment_info .c_title{
    font-weight:600
}
.review_comment_info .p_comment_list .comment_post{
    padding-bottom:20px
}
.review_comment_info .p_comment_list .comment_post .author_img{
    width:70px;
    height:70px;
    border-radius:50%;
    overflow:hidden
}
.review_comment_info .p_comment_list .comment_post .media-body{
    padding-right:65px
}
.review_comment_info .p_comment_list .comment_post .media-body h4{
    font-size:16px;
    font-weight:600;
    margin-bottom:2px
}
.review_comment_info .p_comment_list .comment_post .media-body .date{
    font-size:14px;
    color:#7d7d7d;
    margin-bottom:5px
}
.review_comment_info .p_comment_list .post_comment+.post_comment{
    padding-top:30px
}
.review_comment_info .comment_box .contact_form_box .text_box{
    margin-bottom:25px
}
.review_comment_info .comment_box .contact_form_box .text_box input{
    height:55px;
    background:#fff;
    padding-left:25px;
    border:0
}
.review_comment_info .comment_box .contact_form_box .text_box textarea{
    height:140px;
    background:#fff;
    border:0;
    padding-left:25px;
    padding-top:15px
}
.review_comment_info .comment_box .comment-form-rating p{
    font-size:16px;
    color:#181b31
}
.review_comment_info .comment_box .comment-form-rating p .rating{
    color:#dedede;
    letter-spacing:2.5px;
    margin-left:20px
}
.review_comment_info .comment_box .comment-form-rating p .rating:before{
    content:"";
    font-family:eleganticons
}
.review_comment_info .comment_box .p_btn{
    padding:11px 40px 10px;
    margin-top:32px
}
.related_pr_slider .slick-prev,.related_pr_slider .slick-next{
    width:64px;
    height:64px;
    background:#fff;
    box-shadow:0 10px 40px 0 rgba(0,0,0,.06);
    border-radius:50%;
    z-index:1;
    transition:all .2s linear
}
.related_pr_slider .slick-prev:before,.related_pr_slider .slick-next:before{
    font-family:inherit;
    color:#181b31;
    opacity:1;
    line-height:.2
}
.related_pr_slider .slick-prev:hover,.related_pr_slider .slick-next:hover{
    background:#6532e8
}
.related_pr_slider .slick-prev:hover:before,.related_pr_slider .slick-next:hover:before{
    color:#fff
}
.related_pr_slider .slick-prev{
    left:-100px
}
.related_pr_slider .slick-next{
    right:-100px
}
.related_pr_slider .single_product_item{
    margin-bottom:0
}
input[type=number]{
    -moz-appearance:textfield
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none
}
.checkout_area{
    padding:100px 0 70px
}
.checkout_area .c_title{
    font-weight:600
}
.checkout_content input,.checkout_content .selectpicker,.checkout_content textarea{
    border:1px solid #d7d7d7;
    padding-left:20px;
    font-size:16px;
    height:55px;
    width:100%;
    margin-bottom:30px
}
.checkout_content input.placeholder,.checkout_content .selectpicker.placeholder,.checkout_content textarea.placeholder{
    color:#777
}
.checkout_content input:-moz-placeholder,.checkout_content .selectpicker:-moz-placeholder,.checkout_content textarea:-moz-placeholder{
    color:#777
}
.checkout_content input::-moz-placeholder,.checkout_content .selectpicker::-moz-placeholder,.checkout_content textarea::-moz-placeholder{
    color:#777
}
.checkout_content input::-webkit-input-placeholder,.checkout_content .selectpicker::-webkit-input-placeholder,.checkout_content textarea::-webkit-input-placeholder{
    color:#777
}
.checkout_content .woocommerce-additional-fields{
    margin-top:45px
}
.checkout_content textarea{
    height:165px;
    padding-top:20px
}
.checkout_content .selectpicker{
    color:#777;
    line-height:55px
}
.checkout_content .selectpicker:after{
    border:0;
    content:"C";
    color:#bebebe;
    font-family:eleganticons;
    transform:rotate(0);
    width:auto;
    height:auto;
    line-height:10px;
    font-size:18px;
    transition:all .2s linear;
    transform-origin:inherit
}
.checkout_content .selectpicker.open:after{
    transform:rotate(180deg);
    margin-top:-6px
}
.shiping_checkbox{
    margin-bottom:60px
}
.shiping_checkbox input{
    width:auto;
    margin-bottom:0;
    display:none
}
.shiping_checkbox input:checked+label:before{
    border-color:#6532e8
}
.shiping_checkbox input:checked+label:after{
    opacity:1
}
.shiping_checkbox .l_text{
    font-size:16px;
    color:#777;
    font-weight:400;
    position:relative;
    cursor:pointer
}
.shiping_checkbox .l_text:before{
    content:"";
    width:14px;
    height:14px;
    border:1px solid #d9d9d9;
    display:inline-block;
    border-radius:2px;
    margin-right:10px;
    transition:all .2s linear
}
.shiping_checkbox .l_text:after{
    content:"N";
    font-family:eleganticons;
    position:absolute;
    left:1px;
    color:#6532e8;
    top:-1px;
    font-size:11px;
    opacity:0;
    transition:all .2s linear
}
.cart_total_box{
    padding-left:50px
}
.shop_table{
    width:100%
}
.shop_table li:last-child .cart-subtotal{
    border-bottom:0
}
.shop_table li.br{
    border-bottom:1px solid #e6e8eb;
    padding-bottom:10px
}
.shop_table .cr_item{
    padding-bottom:20px;
    font-size:16px;
    color:#031440
}
.shop_table .cr_item .media{
    align-items:center
}
.shop_table .cr_item .media img{
    margin-right:20px
}
.shop_table .cr_item .media .media-body{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.shop_table .cr_item .product-quantity{
    text-align:right
}
.shop_table .cr_item:last-child{
    padding-bottom:30px
}
.shop_table .cart-subtotal{
    font-size:16px;
    color:#05143f;
    font-weight:400;
    display:flex;
    justify-content:space-between;
    border-bottom:1px dashed #e6e8eb;
    padding:35px 0
}
.shop_table .cart-subtotal .a_name{
    font-weight:400
}
.shop_table .cart-subtotal .red{
    color:red
}
.shop_table .cart-subtotal .green{
    color:#2ba81e
}
.shop_table .cart-subtotal .amount{
    text-align:right
}
.shop_table .cart-subtotal .amount a{
    display:block;
    color:#05143f;
    line-height:20px;
    margin-bottom:20px
}
.shop_table .cart-subtotal .amount a span{
    position:relative
}
.shop_table .cart-subtotal .amount a span:before{
    content:"";
    width:100%;
    height:1px;
    background:#05143f;
    left:0;
    position:absolute;
    bottom:0;
    display:block
}
.shop_table .cart-subtotal .amount #coupon_two{
    width:250px
}
.shop_table .cart-subtotal .amount #coupon_two input,.shop_table .cart-subtotal .amount #coupon_two .selectpicker{
    width:100%;
    border:1px solid #d7d7d7;
    height:35px;
    margin-bottom:15px;
    padding-left:15px;
    border-radius:0
}
.shop_table .cart-subtotal .amount #coupon_two input.placeholder,.shop_table .cart-subtotal .amount #coupon_two .selectpicker.placeholder{
    color:#7d7d7d
}
.shop_table .cart-subtotal .amount #coupon_two input:-moz-placeholder,.shop_table .cart-subtotal .amount #coupon_two .selectpicker:-moz-placeholder{
    color:#7d7d7d
}
.shop_table .cart-subtotal .amount #coupon_two input::-moz-placeholder,.shop_table .cart-subtotal .amount #coupon_two .selectpicker::-moz-placeholder{
    color:#7d7d7d
}
.shop_table .cart-subtotal .amount #coupon_two input::-webkit-input-placeholder,.shop_table .cart-subtotal .amount #coupon_two .selectpicker::-webkit-input-placeholder{
    color:#7d7d7d
}
.shop_table .cart-subtotal .amount #coupon_two .selectpicker{
    color:#7d7d7d;
    line-height:35px
}
.shop_table .cart-subtotal .amount #coupon_two .selectpicker:after{
    border:0;
    content:"C";
    color:#bebebe;
    font-family:eleganticons;
    transform:rotate(0);
    width:auto;
    height:auto;
    line-height:10px;
    font-size:18px;
    transition:all .2s linear;
    transform-origin:inherit
}
.shop_table .cart-subtotal .amount #coupon_two .selectpicker.open:after{
    transform:rotate(180deg);
    margin-top:-6px
}
.shop_table .cart-subtotal .amount #coupon_two .g_hover{
    padding:0 22px;
    border:0;
    width:auto
}
.shop_table .cart-subtotal.calculation{
    padding-bottom:20px
}
.woocommerce-checkout-payment h5{
    color:#2ba81e;
    font-size:16px;
    font-weight:500;
    margin-bottom:15px
}
.woocommerce-checkout-payment h5 i{
    margin-right:10px
}
.woocommerce-checkout-payment .condition{
    margin-bottom:18px
}
.woocommerce-checkout-payment .condition .l_text{
    color:#6a7c92;
    font-size:14px
}
.woocommerce-checkout-payment .condition .l_text a{
    color:#6532e8
}
.woocommerce-checkout-payment .g_hover{
    width:100%
}
.shopping_cart_area .shop_table li:first-child .cart-subtotal{
    padding-top:0
}
.shopping_cart_area .shop_table .cart-subtotal{
    padding-right:30px
}
.cart_table{
    margin-bottom:40px
}
.cart_table thead{
    background:#f7f7f7
}
.cart_table thead th{
    font-size:16px;
    color:#05143f;
    font-weight:600;
    padding:15px;
    border:0
}
.cart_table thead th.product-thumbnail{
    padding-left:65px
}
.cart_table thead th.product-subtotal{
    padding-right:30px;
    text-align:right
}
.cart_table tbody td{
    vertical-align:middle;
    padding-top:20px;
    padding-bottom:20px;
    border-top:0;
    border-bottom:1px solid #e6e8eb
}
.cart_table tbody td .media{
    align-items:center
}
.cart_table tbody td .media .media-left{
    margin-right:20px
}
.cart_table tbody td .media .remove{
    color:#8b8b8b;
    padding-left:20px;
    padding-right:15px;
    font-size:16px
}
.cart_table tbody td .media .remove:hover{
    color:#6532e8
}
.cart_table tbody td .media .media-body h5{
    font-size:16px;
    font-weight:500;
    color:#031440
}
.cart_table tbody td .product-qty .manual-adjust{
    height:40px
}
.cart_table tbody td .product-qty .ar_top,.cart_table tbody td .product-qty .ar_down{
    line-height:5px
}
.cart_table tbody td .product-qty .ar_top{
    top:5px
}
.cart_table tbody td .product-qty .ar_down{
    bottom:4px
}
.cart_table tbody td.price{
    font-size:16px;
    color:#7d7d7d
}
.cart_table tbody td.price ins{
    text-decoration:none
}
.cart_table tbody td .total{
    font-size:16px;
    color:#7d7d7d
}
.cart_table tbody td:last-child{
    text-align:right;
    padding-right:30px
}
.coupn_code{
    padding-left:30px;
    padding-top:15px
}
.coupn_code h5{
    font-size:16px;
    color:#031440;
    font-weight:500;
    margin-bottom:20px
}
.coupn_code h5 a{
    color:#6532e8;
    position:relative;
    line-height:20px;
    display:inline-block
}
.coupn_code h5 a:before{
    content:"";
    width:100%;
    height:1px;
    bottom:0;
    left:0;
    background:#6532e8;
    position:absolute
}
.coupn_code .coupon{
    width:365px;
    display:flex
}
.coupn_code .coupon .input_text{
    border:1px solid #d7d7d7;
    padding-left:25px;
    width:275px;
    font-size:14px
}
.coupn_code .coupon .input_text.placeholder{
    color:#7d7d7d
}
.coupn_code .coupon .input_text:-moz-placeholder{
    color:#7d7d7d
}
.coupn_code .coupon .input_text::-moz-placeholder{
    color:#7d7d7d
}
.coupn_code .coupon .input_text::-webkit-input-placeholder{
    color:#7d7d7d
}
.coupn_code .coupon .g_hover{
    padding:11px 22px 10px;
    border:0
}
.contact_area{
    padding-bottom:100px
}
.mapBox1{
    min-height:500px;
    margin-top:-256px;
    z-index:1;
    position:relative
}
.contact_info{
    padding-top:60px;
    padding-bottom:60px;
    border-bottom:1px solid #e5e5e5
}
.contact_info_item img{
    line-height:42px;
    margin-bottom:25px
}
.contact_info_item .pr_title{
    margin-bottom:14px
}
.contact_info_item a{
    display:block;
    color:#777
}
.contact_info_item a:hover{
    color:#7a51ed
}
.contact_inner{
    padding-top:80px
}
.contact_inner .w_content_two h2{
    color:#101010;
    animation:fadeIn .5s both
}
.contact_inner .w_content_two p{
    color:#777;
    animation:fadeIn .5s both
}
.contact_inner .w_content_two ul li{
    color:#101010
}
.contact_inner .contact_form_box .text_box input,.contact_inner .contact_form_box .text_box textarea{
    font-weight:500;
    color:#101010
}
.contact_inner .contact_form_box .text_box input.placeholder,.contact_inner .contact_form_box .text_box textarea.placeholder{
    color:#777
}
.contact_inner .contact_form_box .text_box input:-moz-placeholder,.contact_inner .contact_form_box .text_box textarea:-moz-placeholder{
    color:#777
}
.contact_inner .contact_form_box .text_box input::-moz-placeholder,.contact_inner .contact_form_box .text_box textarea::-moz-placeholder{
    color:#777
}
.contact_inner .contact_form_box .text_box input::-webkit-input-placeholder,.contact_inner .contact_form_box .text_box textarea::-webkit-input-placeholder{
    color:#777
}
.contact_inner .g_hover{
    float:right
}
#success,#error{
    position:relative;
    top:10px;
    right:0;
    left:0;
    display:none;
    font-weight:600
}
#success{
    color:#7cfc00
}
#error{
    color:#ff4500
}
.fullscreen_area{
    background-color:#db1154;
    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    z-index:1
}
.fullscreen_area .single_portfolio_slider{
    text-align:center;
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center
}
.fullscreen_area .single_portfolio_slider h2{
    font-size:120px;
    font-weight:600;
    position:absolute;
    opacity:0
}
.fullscreen_area .single_portfolio_slider h2 a{
    color:#fff
}
.fullscreen_area .swiper_slide_inner{
    position:relative;
    z-index:-2;
    display:block
}
.fullscreen_area .swiper_slide_inner:before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    background:#db1154;
    position:absolute;
    z-index:0;
    transition:opacity .4s ease
}
.fullscreen_area .swiper_slide_inner img{
    clip-path:inset(40px 40px 40px 40px);
    position:relative;
    z-index:-1;
    transition:all 1.2s linear
}
.fullscreen_area .single_portfolio_slider.swiper-slide{
    transform:scale(.6);
    transition:transform .8s ease
}
.fullscreen_area .single_portfolio_slider.swiper-slide-prev{
    display:flex;
    justify-content:flex-end;
    left:-70px
}
.fullscreen_area .single_portfolio_slider.swiper-slide-active{
    transform:scale(1)
}
.fullscreen_area .single_portfolio_slider.swiper-slide-active .swiper_slide_inner:before{
    opacity:0
}
.fullscreen_area .single_portfolio_slider.swiper-slide-active .swiper_slide_inner img{
    clip-path:inset(0px 0px 0px 0px);
    box-shadow:0 14px 40px 0 rgba(0,0,0,.13)
}
.fullscreen_area .single_portfolio_slider.swiper-slide-active .splitting{
    opacity:1
}
.fullscreen_area .single_portfolio_slider.swiper-slide-active .splitting .char{
    animation:fadeInUp .4s cubic-bezier(.3,0,.7,1) both;
    animation-delay:calc(0.1s * var(--char-index))
}
.fullscreen_area .single_portfolio_slider.swiper-slide-next{
    display:flex;
    justify-content:flex-start;
    right:-70px
}
.fullscreen_area .single_portfolio_slider.swiper-slide-prev .swiper_slide_inner:before,.fullscreen_area .single_portfolio_slider.swiper-slide-next .swiper_slide_inner:before{
    opacity:.7
}
.full_height_dark_slider{
    background-color:#0c0c16;
    height:100vh;
    align-items:center;
    display:flex;
    overflow:hidden
}
.full_height_dark_slider .vartical_slider_banner_iner{
    height:100vh;
    align-items:center;
    display:flex
}
.full_height_dark_slider .banner_content{
    transition:all .3s linear;
    position:relative
}
.full_height_dark_slider .banner_content_iner{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:5
}
.full_height_dark_slider .banner_content_iner h2{
    font-size:100px;
    color:#fff;
    font-weight:700;
    letter-spacing:-2.5px;
    line-height:1.1;
    margin-bottom:0;
    transition:all .3s linear
}
.full_height_dark_slider .banner_content_iner h2 span{
    line-height:1;
    transition:all .3s linear
}
.btn_border_effect a{
    display:inline-block;
    font-size:14px;
    color:#fff;
    font-weight:400;
    position:relative;
    z-index:1;
}
.full_height_dark_slider .banner_img_content{
    margin-left:65px;
    position:relative;
    z-index:1;
    display:inline-block
}
.full_height_dark_slider .banner_img_content img{
    transition:all .3s linear
}
.full_height_dark_slider .banner_img_content .overlay_img{
    transition:all 6s
}
.full_height_dark_slider .swiper-slide.swiper-slide-active .banner_content_iner h2{
    overflow:hidden
}
.full_height_dark_slider .swiper-slide.swiper-slide-active .banner_content_iner h2 span{
    overflow:hidden;
    display:block;
    animation:fadeInUp2 .8s both 1s
}
.full_height_dark_slider .swiper-slide.swiper-slide-active .banner_content_iner .btn_border_effect{
    overflow:hidden;
    animation:fadeInUp2 .8s both 1.3s
}
.full_height_dark_slider .swiper-slide.swiper-slide-active .banner_img_content{
    animation:fadeInRight .9s both .5s;
    display:inline-block
}
.full_height_dark_slider .swiper-slide.swiper-slide-active .banner_img_content .overlay_img{
    animation:overlay_right 1s both 1.3s
}
.full_height_dark_slider .swiper-slide.swiper-slide-active .banner_img_content:after{
    animation:fadeOut 1s both 1.4s
}
.full_height_dark_slider.zoom_effect .banner_content:hover .banner_img_content img,.full_height_dark_slider.zoom_effect .banner_content:hover .banner_img_content:after,.full_height_dark_slider.zoom_effect .banner_content:hover .banner_img_content .overlay_img{
    transform:scale(1.01)
}
.btn_border_effect{
    background-color:transparent;
    position:relative;
    overflow:hidden;
    font-size:14px;
    transition:all .3s linear;
    cursor:pointer;
    border:0;
    display:inline-block;
    height:50px;
    line-height:50px;
    width: 120px;
}
.btn_border_effect:before{
    content:"";
    position:absolute;
    width:0;
    height:1px;
    background-color:#fff;
    transition:all .5s linear;
    left:0;
    top:0
}
.btn_border_effect:after{
    position:absolute;
    content:"";
    width:0px;
    height:1;
    background-color:rgba(255,255,255,1);
    left:0;
    bottom:0px;
    z-index:-1;
    transition:all .3s linear
}
.btn_border_effect a{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    z-index:1;
}
.btn_border_effect a:before{
    content:"";
    position:absolute;
    width:1px;
    height:0;
    background-color:#fff;
    transition:all .3s ease;
    right:0;
    top:0
}
.btn_border_effect a:after{
    content:"";
    position:absolute;
    width:1px;
    height:0;
    background-color:#fff;
    transition:all .3s ease;
    left:0;
    bottom:0
}
.btn_border_effect:hover{
    min-width:120px;
    height:50px;
    line-height:50px;
    text-align:center
}
.btn_border_effect:hover:before{
    width:100%;
    transition:all .3s ease;
    background-color:#fff
}
.btn_border_effect:hover:after{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    background-color:#fff;
    right:0;
    bottom:0
}
.btn_border_effect:hover a{
    z-index:1;
    color:#fff!important
}
.btn_border_effect:hover a:before,.btn_border_effect:hover a:after{
    height:100%;
    background-color:#fff
}
.btn_border_effect:hover a:after{
    transition:all .1s ease;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.section_line{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    display:flex;
    justify-content:space-around
}
.section_line span{
    background:#fff;
    height:100%;
    width:1px;
    opacity:.07
}
.custom_pagination.swiper-pagination{
    color:rgba(255,255,255,.6);
    position:absolute;
    top:50%;
    transform:translateY(-50%) rotate(30deg);
    width:32px;
    height:27px;
    float:right;
    text-align:right;
    left:auto;
    right:40px
}
.custom_pagination span.swiper-pagination-current{
    position:absolute;
    left:9px;
    top:-10px;
    font-size:18px;
    transform:rotate(-30deg);
    color:#fff
}
.custom_pagination span.swiper-pagination-total{
    position:absolute;
    bottom:-3px;
    font-size:18px;
    transform:rotate(-30deg);
    right:-19px;
    color:rgba(255,255,255,.5)
}
.footer_area{
    background-image:-moz-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-webkit-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    background-image:-ms-linear-gradient(-42deg,rgba(73,49,230,0.9) 0%,#4931e6 100%);
    position:relative;
    z-index:1;
    text-align:center;
    color:#fff
}
.footer_area:before{
    content:"";
    background:url("../img/about/footer_png.png") no-repeat scroll center 0/cover;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.footer_area .footer_top{
    padding:80px 0 70px
}
.footer_area .footer_top .f_logo{
    margin-bottom:55px;
    display:inline-block
}
.footer_area .footer_top h3{
    font-size:24px;
    font-weight:400;
    margin-bottom:55px;
    color:#fff
}
.footer_area .footer_top h3 a{
    font-weight:700;
    font-style:italic;
    color:#fff;
    position:relative
}
.footer_area .footer_top h3 a:before{
    content:"";
    width:100%;
    height:2px;
    position:absolute;
    bottom:0;
    left:0;
    background:#fff
}
.footer_area .footer_top .social_link li a i{
    color:#fff
}
.footer_bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding:22px 0
}
.footer_bottom p{
    margin-bottom:0
}
.footer_bottom p a{
    color:#fff;
    position:relative
}
.footer_bottom p a:before{
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    bottom:0;
    left:0;
    background:#fff
}
.full_footer{
    bottom:0;
    width:100%;
    left:0;
    padding:0 25px 50px;
    z-index:1
}
.full_footer.hide{
    display:none
}
.h_slider_nav{
    height:100%;
    display:flex;
    justify-content:flex-end
}
.h_slider_nav span{
    color:#fff;
    opacity:.8;
    font-size:12px;
    font-weight:500
}
.h_slider_nav span.next:before{
    background:#fff
}
.h_slider_nav span:hover{
    color:#fff;
    opacity:1
}
.h_slider_nav_two span{
    color:#101010
}
.h_slider_nav_two span.next:before{
    background:#101010
}
.h_slider_nav_two span:hover{
    color:#101010
}
.social_icon{
    margin-bottom:0
}
.social_icon li{
    line-height:15px
}
.social_icon li a{
    font-size:15px;
    color:#fff;
    display:inline-block
}
.social_icon li+li{
    margin-top:20px
}
.social_icon.social_icon_two li{
    display:inline-block
}
.social_icon.social_icon_two li+li{
    margin-top:0;
    margin-left:15px
}
.content-black .social_icon li a,.content-black .h_slider_nav span{
    color:#101010;
    transition:all .1s linear
}
.content-black .h_slider_nav span.next:before{
    background:#101010
}
.new_color p{
    margin-bottom:0;
    font-size:14px;
    display:inline-block;
    transition:opacity .2s linear
}
.new_color .social_icon li a,.new_color p{
    color:#fff;
    opacity:.5
}
.new_color .social_icon li a:hover,.new_color p:hover{
    opacity:1
}
.fixed_footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:1;
    padding:110px 0 100px
}

.fp-viewing-0 .mouse-scroll span {border-right: 2px solid #3b55eb; border-bottom: 2px solid #3b55eb;}
  .mouse-scroll span {
    display: block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  
    -moz-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 0 0 3px 5px;
  }
  
  .mouse-scroll .down-arrow-1 {
    margin-top: 6px;
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
    animation-delay: .1s;
  }
  
  .mouse-scroll .down-arrow-2 {
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
    animation-delay: .2s;
  }
  
  .mouse-scroll .down-arrow-3 {
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
    animation-delay: .3s;
  }
  

  .fp-viewing-0 .mouse-scroll .mouse {border: 2px solid #3b55eb;}

  .mouse-scroll .mouse {
    height: 21px;
    width: 14px;
    border-radius: 6px;
    -webkit-transform: none;
    transform: none;
  
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  
    border: 2px solid #fff;
    top: 170px;
  }
  
  .fp-viewing-0 .mouse-scroll .mouse .mouse-in {background: #3b55eb;}

  .mouse-scroll .mouse .mouse-in {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #fff;
    position: relative;
    animation: animated-mouse 1.2s ease infinite;
  }
  
  .mouse-scroll-2 {
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-items: center;
    bottom: -14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  
  
    display: none;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58), visibility 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58);
    transition: opacity 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58), visibility 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58);
  
    -moz-transition: opacity 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58), visibility 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58);
    -o-transition: opacity 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58), visibility 0.4s cubic-bezier(0.47, 0.17, 0.17, 0.58);
    ;
  }
  
  .mouse-scroll-2 span {
    display: block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    margin: 0 0 3px 1px;
  }
  
  .mouse-scroll-2 .down-arrow-1 {
    margin-top: 6px;
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
    animation-delay: .1s;
  }
  
  .mouse-scroll-2 .down-arrow-2 {
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
    animation-delay: .2s;
  }
  
  .mouse-scroll-2 .down-arrow-3 {
    animation: mouse-scroll 1s infinite;
    animation-direction: alternate;
    animation-delay: .3s;
  }
  
  .mouse-scroll-2 .mouse {
    height: 21px;
    width: 14px;
    border-radius: 6px;
    -webkit-transform: none;
    transform: none;
  
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  
  
    border: 2px solid #FFFFFF;
    top: 170px;
  }
  
  .mouse-scroll-2 .mouse .mouse-in {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #FFFFFF;
    position: relative;
    animation: animated-mouse 1.2s ease infinite;
  }
  
  @keyframes animated-mouse {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
  
    }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(6px);
      transform: translateY(6px);
      -moz-transform: translateY(6px);
      -ms-transform: translateY(6px);
      -o-transform: translateY(6px);
    }
  }
  
  @keyframes mouse-scroll {
    0% {
      opacity: .3;
    }
  
    50% {
      opacity: .5;
    }
  
    100% {
      opacity: 1;
    }
  }