/************************************************
[Master Stylesheet]

Project Name    : App Landing
Author Url      : https://themeforest.net/user/themebeck

Css Table Of Content
-----------------------
01. Home Style
    1.1 Header Section
    1.2 Banner Section
    1.3 About Section
    1.4 At a Glance Section
    1.5 Feature Section
    1.6 Video Section
    1.7 Pricing Section
    1.8 Screenshot Section
    1.9 Testimonial Section
    1.10 Newsletter Section
    1.11 Team Section
    1.12 App download Section
    1.13 Contact Section
    1.14 Footer Section
*************************************************/


/*---------------------------- 01. start Home page style ------------------------------------*/
body,
p {
    font-family: 'Open Sans', sans-serif;
    color: #666;
    font-size: 15px;
    line-height: 28px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}
.color_252 {
    color: #252525;
}


.opens {
    font-family: 'Open Sans', sans-serif;
} 
.mont {
    font-family: 'Montserrat', sans-serif;
} 


.section_padding {
    padding: 120px 0 130px;
}
.section_padding2 {
    padding: 130px 0;
}

.app_banner .banner_content .app_link a:before,
.app_banner .banner_content .app_link a:after,
.screenshot .screenshot_carousel .owl-prev,
.screenshot .screenshot_carousel .owl-next,
.app_contact .abform_area .abinput_group label,
.app_contact .abform_area button,
.download_app .download_btn li > a i,
.download_app .download_btn li > a h6 span,
.download_app .download_btn li > a h6,
.app_team .member_info .line,
.app_newsletter .subscribe_form button:before,
.app_pricing .single_tbl.popular .tbl_btn:before,
 a.readmore:before, a.readmore:before,
.app_about .intro_common:after,
.app_about .intro_common .intro_text p,
.app_about .intro_common .intro_text h5,
.app_about .intro_common span:before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.new_arrival .img_area .img_hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.app_landing_body{
    overflow: hidden;
}
/*---------------1.1 start header section style--------------*/
.app_header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 19px 0 0 0;
}
.app_header .menuzord {
    padding: 0;
}
.app_header .stuck_menu .menuzord-menu > li > a {
    color: #252525;
    font-size: 15px;
    font-weight: 600;
    padding: 26px 20px;
    /* text-transform: capitalize; */
}
.app_header .stuck_menu .menuzord-menu > li > a:hover,
.app_header .stuck_menu .menuzord-menu > li.active > a {
    color: #67c5f5;
}

.app_header .menuzord .login_access {
    align-items: center;
    display: flex;
    float: right;
    justify-content: flex-start;
    margin-top: 11px;
}
.app_header .menuzord .login_access li a {
    background: #67c5f5 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: monts;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 120px;
    font-family: 'Montserrat', sans-serif;
}
.app_header .menuzord .login_access li:first-child a{
    border-radius: 5px 0 0 5px
}
.app_header .menuzord .login_access li:last-child a{
    background: #fff;
    color: #131313;
    border-radius: 0 5px 5px 0;
}
/*---------------1.1 end header section style--------------*/


/*---------------1.2 start banner section style--------------*/
.app_banner {
    padding-top: 170px;
    padding-bottom: 150px;
}
.app_banner .shape1 {
    background-image: -moz-linear-gradient( 45deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 45deg, #b923bb 0%, #00ffe7 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    position: absolute;
    left: -340px;
    top: -50px;
    width: 540px;
    height: 510px;
    border-radius: 100px;
    -webkit-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    -o-transform: rotate(-47deg);
    transform: rotate(-47deg);
}
.app_banner .shape2 {
    background-image: -moz-linear-gradient( 45deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 45deg, #c90ee0 0%, #00b8ff 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    position: absolute;
    right: -220px;
    top: -240px;
    width: 810px;
    height: 1100px;
    border-radius: 80px;
    -webkit-transform: rotate(-58deg);
    -ms-transform: rotate(-58deg);
    -o-transform: rotate(-58deg);
    transform: rotate(-58deg);
    z-index: 1;
}
.app_banner .shape3 {
    background-image: -moz-linear-gradient( 20deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 20deg, #ffffff 0%, #ffffff 100%);
    background-image: -ms-linear-gradient( 20deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    position: absolute;
    right: -220px;
    top: -253px;
    width: 804px;
    height: 1190px;
    border-radius: 90px;
    -webkit-transform: rotate(-58deg);
    -ms-transform: rotate(-58deg);
    -o-transform: rotate(-58deg);
    transform: rotate(-58deg);
    z-index: 0;
}

.app_banner .banner_content {
    z-index: 4;
    position: relative;
}
.app_banner .banner_content h1 {
    font-size: 47px;
    line-height: 65px;
}
.app_banner .banner_content .app_link .google_play{
    margin-right: 25px;
}
.app_banner .banner_content .app_link a {
    background: #ddd none repeat scroll 0 0;
    border-radius: 5px;
    color: #333333;
    display: block;
    font-size: 18px;
    height: 54px;
    line-height: 53px;
    text-align: center;
    width: 220px;
    position: relative;
}
.app_banner .banner_content .app_link a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    border-radius: 5px;
}
.app_banner .banner_content .app_link a:after {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    content: "";
    height: 50px;
    left: 50%;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 216px;
}
.app_banner .banner_content .app_link .google_play a {
    color: #fff;
}
.app_banner .banner_content .app_link .google_play a:hover {
    color: #252525;
}
.app_banner .banner_content .app_link .google_play a:after {
    opacity: 0;
    visibility: hidden;
}
.app_banner .banner_content .app_link .google_play a:hover:after {
    opacity: 1;
    visibility: visible;
}


.app_banner .banner_content .app_link .app_store a {
    color: #252525;
}
.app_banner .banner_content .app_link .app_store a:hover {
    color: #fff;
}
.app_banner .banner_content .app_link .app_store a:after {
    opacity: 1;
    visibility: visible;
}
.app_banner .banner_content .app_link .app_store a:hover:after {
    opacity: 0;
    visibility: hidden;
}


.app_banner .banner_content .app_link a span{
    z-index: 1;
    position: relative;
}
.app_banner .banner_content .app_link a i {
  margin-right: 10px;
}


.app_banner .app_img {
    position: relative;
    z-index: 4;
}
.app_banner .app_img1 {
    position: absolute;
    right: -44px;
    top: -30px;
    z-index: 1;
    border-radius: 400px;
}
.app_banner .app_img2 {
    position: absolute;
    top: 110px;
    left: 0;
}
/*---------------1.2 end banner section style--------------*/


/*---------------1.3 start about section style--------------*/
.section_title > h2 {
    margin: 0 auto;
    max-width: 730px;
    width: 100%;
}
.section_title > h5 {

}
.section_title .line{
    display: block;
    width: 100px;
    height: 3px;
    background: #505050;
    margin: 0 auto;
}


.app_about{
    padding-top: 30px;
}
.app_about .intro_common {
    border: 1px solid #ededed;
    padding: 30px;
    position: relative;
}
.app_about .intro_common:before {
    background: #ededed;
    bottom: -10px;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    /* color: #171717; */
    width: 100%;
}
.app_about .intro_common:after {
    content: "";
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(0, 198, 255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(230, 230, 230) 0%, rgb(241, 241, 241) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(0, 198, 255) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}
.app_about .intro_common:hover:after {
    visibility: visible;
    opacity: 1;
}
.app_about .intro_common .intro_text {
    z-index: 2;
    position: relative;
}
.app_about .intro_common .intro_text h5 {
    color: #333333;
    text-transform: uppercase;
    font-weight: 600;
}
.app_about .intro_common:hover .intro_text p,
.app_about .intro_common:hover .intro_text h5{
    color: #131313;
}

.app_about .intro_common span {
    align-items: center;
    background: #edecf3;
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    font-size: 38px;
    height: 80px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 80px;
    z-index: 2;
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(0, 198, 255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(51, 51, 51) 0%, rgb(90, 90, 90) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(0, 198, 255) 100%);
}
.app_about .intro_common span:before {
    background: #4a4a4a;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}
.app_about .intro_common:hover span:before {
    opacity: 1;
    visibility: visible;
}

.app_about .intro_common span i {
    z-index: 1;
    position: relative;
}
/*---------------1.3 end about section style--------------*/


/*---------------1.4 start At a Glance section style--------------*/
.at_a_glance {
    background: #fafafa;
    padding-top: 240px;
    padding-bottom: 200px;
}
/* .at_a_glance:before {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -92px;
    width: 0;
    height: 0;
    z-index: 2;    
    border-top: 118px solid #fafafa;
    border-right: 3000px solid transparent;
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
} */
.at_a_glance .glance_img {
    position: absolute;
    right: 90px;
    top: 50%;
    margin-top: 24px;
    max-width: 720px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.feature_section .feature_content .line,
.at_a_glance .section_title .line {
    margin: 0;
}
.at_a_glance .section_title h2 {
    margin: 0;
    max-width: 480px;
    width: 100%;
}
.at_a_glance .glance_content {
    padding-right: 50px;
}
.feature_section .feature_content p,
.at_a_glance .glance_content p {
    font-size: 16px;
}
.app_newsletter .subscribe_form button,
.app_pricing .single_tbl.popular .tbl_btn,
 a.readmore, a.readmore {
    border-radius: 5px;
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(202, 204, 50) 0%, rgb(206, 0, 199) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    position: relative;
}
.app_newsletter .subscribe_form button span,
.app_pricing .single_tbl.popular .tbl_btn span,
 a.readmore span,
 a.readmore span {
    z-index: 1;
    position: relative;
}

.app_newsletter .subscribe_form button:before,
.app_pricing .single_tbl.popular .tbl_btn:before,
 a.readmore:before, a.readmore:before {
    background-image: -moz-linear-gradient( -180deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( -180deg, rgb(249, 245, 103) 0%, rgb(157, 18, 228) 100%);
    background-image: -ms-linear-gradient( -180deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    border-radius: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}


.app_newsletter .subscribe_form button:hover:before,
.app_pricing .single_tbl.popular .tbl_btn:hover:before,
 a.readmore:hover:before, a.readmore:hover:before {
    opacity: 1;
    visibility: visible;
}
.app_newsletter .subscribe_form button i, a.readmore i, a.readmore i {
    font-size: 17px;
    margin-left: 10px;
}
/*---------------1.4 end At a Glance section style--------------*/


/*---------------1.5 start feature section style--------------*/
.feature_section {
    background: #fff;
    padding-top: 247px;
    position: relative;
    padding-bottom: 115px;
}
.feature_section:before {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -92px;
    width: 0;
    height: 0;
    z-index: 2;
    border-top: 118px solid #fff;
    border-right: 3000px solid transparent;
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.feature_section .intro_common {
    border: 1px solid #e5e5e5;
    padding: 0 12px 30px;
}
.feature_section .feature2,
.feature_section .feature1 {
    margin-bottom: 30px;
}
.feature_section .intro_common span {
    align-items: center;
    background: #e5e5e5;
    border-radius: 0 0 5px 5px;
    color: #333;
    display: flex;
    flex-flow: column nowrap;
    font-size: 50px;
    height: 90px;
    justify-content: center;
    line-height: normal;
    margin: 0 auto;
    padding: 0;
    width: 80px;
}
.feature_section .intro_common span i {
    color: #2785e6;
}

.feature_section .feature_content{
    padding-left: 30px;
    margin-top: -15px;
}
/*---------------1.5 end feature section style--------------*/


/*---------------1.6 start video section style--------------*/
.video_section .overlay {
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    opacity: 0.949;
    z-index: 1;
}
.video_section .bg_img {
    max-width: 820px;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    margin-left: -8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.video_section .video_content {
    height: 700px;
    z-index: 1;
    position: relative;
}
.video_section .video_content h2 {
    padding-top: 170px;
    text-align: center;
}
.video_section .video_content > span {
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 200px;
    justify-content: center;
    margin: 64px auto 0;
    text-align: center;
    width: 200px;
}
.video_section .video_content a.venobox {
    font-size: 60px;
    z-index: 1;
    position: relative;
}
.video_section .video_content a.venobox:hover {
    color: #fff;
}
.video_section .video_content .wave_animation .wave {
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left:50%;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video_section .video_content .wave_animation .wave1 {
    height: 100px;
    width: 100px;
}
.video_section .video_content .wave_animation .wave2 {
    height: 150px;
    width: 150px;
}
.video_section .video_content .wave_animation .wave3 {
    height: 200px;
    width: 200px;
}
/*---------------1.6 end video section style--------------*/


/*---------------1.7 start pricing section style--------------*/
.app_pricing .single_tbl .tbl_body li.dactive_color {
    color: #c8c8ca;
}
.app_pricing .single_tbl .tbl_btn {
    border: 1px solid #11cdb0;
    color: #484040;
    display: inline-block;
    font-size: 15px;
    height: 48px;
    line-height: 47px;
    margin-top: 33px;
    position: relative;
    text-transform: uppercase;
    width: 180px;
}
.app_pricing .single_tbl .tbl_btn:hover {
    background-color: #11cdb0;
    color: #fff;
}
.app_pricing .single_tbl .tbl_header h1 {
    display: inline-block;
}
.app_pricing .single_tbl .tbl_header h1 .dollar {
    display: inline-block;
    font-size: 35px;
    font-weight: 300;
    left: -25px;
    position: absolute;
    top: -21px;
}
.app_pricing .single_tbl .tbl_header h1 .month {
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.7px;
    line-height: normal;
}
.app_pricing .single_tbl {
    background: #f8f8f8;
    border: 10px solid #f3f3f3;
}


.app_pricing .single_tbl .tbl_body li {
    color: #524d5b;
    padding: 10px 0;
}
.app_pricing .single_tbl .tbl_body li:nth-child(2n+1) {
    background: #fff;
}
.app_pricing .single_tbl.popular .tbl_btn {
    border: medium none;
    border-radius: 50px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.app_pricing .single_tbl.popular .tbl_btn::before {
    border-radius: 50px;
}
.app_pricing .single_tbl .tbl_body li .active_color {
    color: #fc3b3b;
}
.app_pricing .single_tbl.popular .tbl_header .rating {
    display: block;
    margin-bottom: 32px;
}
.app_pricing .single_tbl.popular .tbl_header .rating li i {
    color: #fff;
    font-size: 16px;
}
.app_pricing .single_tbl.popular .tbl_header {
    padding: 36px 20px 38px;
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
}

.app_pricing .single_tbl.popular .tbl_body li:nth-child(2n+1) {
    background: #f8f8f8;
}
.app_pricing .single_tbl.popular .tbl_body {
    border: 10px solid #f3f3f3;
    border-top: none;
}
.app_pricing .single_tbl.popular .tbl_body li:nth-child(2n+1) {
    background: #fff;
}
.app_pricing .single_tbl.popular .tbl_header h1 {
    color: #fff;
}
.app_pricing .single_tbl.popular {
    border: none;
    transform: translateY(-27px);
    background: #f8f8f8;
    box-shadow: none;
}
.app_pricing .single_tbl.popular .tbl_body {
    border: 10px solid #f3f3f3;
    border-top: none;
}
.app_pricing .single_tbl .tbl_header {
    background: none;
    color: #fff;
    padding: 56px 20px 38px;
}
.app_pricing .single_tbl.popular .tbl_body li:nth-child(2n+1) {
    background: #fff;
}
.app_pricing .single_tbl .tbl_header h1 {
    color: #191620;
}
.app_pricing .single_tbl .tbl_body h5.plan_type {
    color: #190445;
    padding: 41px 15px 37px;
}
.app_pricing .single_tbl.popular .tbl_body h5.plan_type {
    color: #11cdb0;
}
/*---------------1.7 end pricing section style--------------*/


/*---------------1.8 start screenshot section style--------------*/
.screenshot {
    background: #fafafa;
    padding: 90px 0;
}
.screenshot .section_title {
    width: 100%;
}
.screenshot .section_title .line {
  margin: 0;
}
.screenshot .screenshot_carousel .owl-item img {
    max-width: 100%;
    width: auto;
    box-shadow: 0px 16px 42px 0px rgba(0, 0, 0, 0.04);
    margin: 0 auto;
}
.screenshot .screenshot_carousel .single_screenshot {
    padding: 40px 0;
}
.screenshot .screenshot_content {
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
}
.screenshot .screenshot_content > p{
    width: 100%;
}
.screenshot .screenshot_carousel .owl-prev,
.screenshot .screenshot_carousel .owl-next {
    border: 1px solid #ddd;
    color: #ddd;
    border-radius: 100%;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 36px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    opacity: 0;
    visibility: hidden;
}
.screenshot .screenshot_carousel:hover .owl-prev,
.screenshot .screenshot_carousel:hover .owl-next {
    opacity: 1;
    visibility: visible;
}
.screenshot .screenshot_carousel .owl-prev{
    left: 30px;
}
.screenshot .screenshot_carousel .owl-next{
    right: 30px;
}
/*---------------1.8 end screenshot section style--------------*/


/*---------------1.9 start testimonial section style--------------*/
.app_testimonial .section_title h2 {
    max-width: 550px;
    width: 100%;
}
.app_testimonial .single_testimonial {
    border: 1px solid #ededed;
        padding: 40px 35px 40px 40px;
    z-index: 2;
    position: relative;
    background: #fff;
}
.app_testimonial .author_img {
    height: 90px;
    left: -45px;
    margin-top: -45px;
    position: absolute;
    top: 50%;
    width: 90px;
}
.app_testimonial .author_img img {
    width: 100%;
}
.app_testimonial .author_comment::before {
    color: #dbdbdb;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 16px;
    right:0px;
    position: absolute;
    top: -26px;
}
.app_testimonial .single_testimonial h5 {
    color: #05dbd1;
    font-size: 14px;
    position: relative;
}
.app_testimonial .single_testimonial h5 .line {
    background: #535353;
    display: inline-block;
    height: 1px;
    margin-left: 15px;
    position: relative;
    top: -4px;
    width: 26px;
}
.app_testimonial .owl-prev,
.app_testimonial .owl-next {
    font-size: 24px;
    left: 50%;
    margin-top: -18px;
    padding: 5px 10px;
    position: absolute;
    top:15%;
    color: #d1d1d1;
}
.app_testimonial .owl-prev{
    margin-left: -40px;
}
.app_testimonial .owl-next{
    margin-left: 0px;
}
.app_testimonial .owl-next:before {
    background: #d1d1d1;
    content: "";
    height: 37px;
    left: -7px;
    position: absolute;
    top: 0px;
    width: 1px;
}
/*---------------1.9 end testimonial section style--------------*/


/*---------------1.10 start newsletter section style--------------*/
.app_newsletter {
    background: #f7f7f7;
}
.app_newsletter .subscribe_form input,
.app_newsletter .subscribe_form button{
    border: none;
}
.app_newsletter .subscribe_form label{
    margin: 0;
}
.app_newsletter .container-fluid{
    padding-left: 0;
}
.app_newsletter .subscribe_form,
.app_newsletter .subscirbe_img {
  width: 50%;
}
.app_newsletter .subscirbe_img{
    background: url(images/newsletter-img.jpg) no-repeat center center / cover;
}
.app_newsletter .subscribe_form span.line {
    background: #8e8e8e;
    height: 3px;
    width: 100px;
}
.app_newsletter .subscribe_form input{
    background: #fff;
    width: 450px;
    display: block;
    height: 50px;
    color: #666666;
    padding: 10px 20px 10px 25px;
}
.app_newsletter .subscribe_form input:focus {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.app_newsletter .subscribe_form input[type="text"] {
    margin-bottom: 20px;
}
.app_newsletter .subscribe_form form > span {
    color: #979797;
    font-size: 13px;
}
.app_newsletter .subscribe_form button {
    position: relative;
    margin-top: 30px;
}
.app_newsletter .subscribe_form button i {
    font-size: 23px;
    line-height: normal;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
/*---------------1.10 end newsletter section style--------------*/


/*---------------1.11 start team section style--------------*/
.app_team .section_title h2 {
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}

.app_team .team_common .member_info>a {
    color: #222;
    font-size: 18px;
    line-height: 26px;
}
.app_team .team_common .member_info span {
    color: #444444;
    font-size: 13px;
    font-weight: 700;
}
.app_team .team_common .member_img img {
    width: 100%;
}
.app_team .team_common {
    border: 10px solid #f6f6f6;
    background: #ffffff;
    padding: 0px;
}
.app_team .team_common .member_info {
   padding: 15px 10px 10px;
   text-align: center;
}
.app_team .member_info .line {
    background: #2785e6;
    height: 1px;
    margin: 12px 0;
    width: 25px;
}
.app_team .team_common:hover .member_info .line{
    width: 50px;
}
.app_team .member_info a.mobile_number {
    color: #2785e6;
    font-size: 14px;
}
.app_team .member_info .social_contact li{
    display: inline-block;
}
.app_team .member_info .social_contact a {
    color: #494949;
    display: inline-block;
    padding: 7px;
    text-align: center;
}
.app_team .member_info .social_contact li:first-child a{
    padding-left: 0;
}
.app_team .team_common .member_info a:hover {
    color: #2785e6;
}
/*---------------1.11 end team section style--------------*/


/*---------------1.12 start app download section style--------------*/
.download_app {
    background-image: -moz-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(30, 223, 196) 0%, rgb(39, 133, 230) 100%);
    padding-top: 60px;
    padding-bottom: 80px;
    position: relative;
}
.download_app .download_mocup {
    position: absolute;
    right: 320px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.download_app .section_title .line {
  background: #fff;
  margin: 0;
}

.download_app .download_btn li{
    display: inline-block;
}
.download_app .download_btn li.google_play {
    margin-right: 16px;
}
.download_app .download_btn li > a {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 230px;
    height: 60px;
    border-radius: 5px;
    background: #088ce5;
}
.download_app .download_btn li > a i{
    font-size: 30px;
    color: #fff;
    margin-right: 20px;
}
.download_app .download_btn li > a h6{
    color: #fff;
}
.download_app .download_btn li > a h6 span {
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 13px;
}
.download_app .download_btn li.app_store > a{
    background: #00efe0;
}
.download_app .download_btn li > a:hover{
    background: #fff
}
.download_app .download_btn li.app_store > a i,
.download_app .download_btn li.app_store > a h6 span,
.download_app .download_btn li.app_store > a h6{
    color: #333333;
}
.download_app .download_btn li.google_play > a:hover i,
.download_app .download_btn li.google_play > a:hover h6 span,
.download_app .download_btn li.google_play > a:hover h6{
    color: #333333;
}
/*---------------1.12 end app download section style--------------*/


/*---------------1.13 start contact section style--------------*/
.app_contact .section_title h2 {
    max-width: 550px;
    width: 100%;
}
.app_contact .abform_area .abinput_group {
    margin-bottom: 20px;
    width: 49.1%;
    position: relative;
    height: 50px;
    background: #fff;
}
.app_contact .abform_area .abinput_group.msg{
    width: 100%;
    clear: both;
    height: 150px;
    margin-bottom: 40px;
}
.app_contact .abform_area .abinput_group > input {
    border: medium none;
    height: 100%;
    padding: 10px 22px;
    width: 100%;
    background: none;
}
.app_contact .abform_area .abinput_group > textarea{
    border: none;
    resize: none;
    width: 100%;
    padding: 10px 22px;
    margin-bottom: 0;
    height: 100%;
    background: none;
}
.app_contact .abform_area button{
    border: none;
    height: 50px;
}

.app_contact {
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}
.app_contact .contact_content {
    background: #fff;
}
.app_contact .wrapper {
    padding-bottom: 50px;
    padding-right: 40px;
    padding-top: 40px;
}
.app_contact .contact_content h3.contact_title{
    color: #1c1c1c;
}
.app_contact .abform_area .abinput_group label {
    color: #878787;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: text;
    -webkit-transform: translateY(38px);
    -moz-transform: translateY(38px);
    -ms-transform: translateY(38px);
    -o-transform: translateY(38px);
    transform: translateY(38px);
}
.app_contact .abform_area .abinput_group.input_effect label{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.app_contact .abform_area .abinput_group {
    width: 48.3%;
    height: auto;
    background: none;
}
.app_contact .abform_area .abinput_group:nth-child(even) {
    margin-left: 20px;
}
.app_contact .abform_area .abinput_group > input{
    height: 50px;
    font-family: roboto;
}
.app_contact .abform_area .abinput_group.msg {
    height: auto;
    margin-bottom: 0;
}
.app_contact .abform_area .abinput_group.msg textarea {
    height: 150px;
    padding-right: 90px;
}
.app_contact .abform_area .abinput_group > textarea,
.app_contact .abform_area .abinput_group > input {
    color: #333333;
    padding-left: 0;
    border-bottom: 1px solid #d2d2d2;
}
.app_contact .abform_area button {
    background: transparent;
    bottom: 60px;
    color: #31e2cf;
    font-size: 80px;
    height: auto;
    position: absolute;
    right: 0;
}

.app_contact .abform_area button:hover {
    color: #088ce5;
}

.app_contact .contact_address {
    align-items: flex-start;
    box-shadow: 0px 16px 42px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    padding: 45px 35px;
}
.app_contact .contact_address h4{
    color: #1c1c1c;
}
.app_contact .contact_content h3.contact_title::before,
.app_contact .contact_address h4::before {
    background: #cfcfcf;
    top: -11px;
    content: "";
    height: 1px;
    left: 3px;
    position: absolute;
    width: 50px;
}
.app_contact .contact_address p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 25px;
    padding-left: 35px;
    color: #666666;
    font-family: roboto;
}
.app_contact .contact_address p i {
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 0;
}
.app_contact .contact_address .web > a {
    color: #666666;
}
.app_contact .contact_address .web > a:hover {
    text-decoration: underline;
}
.app_contact .contact_address .social_contact {
    margin-top: 50px;
}
.app_contact .contact_address .social_contact a {
    color: #666666;
    font-size: 18px;
    margin-right: 12px;
}
.app_contact .contact_address .social_contact a:hover {
    color: #131418;
}
/*---------------1.13 end contact section style--------------*/


/*---------------1.14 start footer section style--------------*/
.app_footer {
    background: #f8f8f8;
    padding: 50px 0;
}
.app_footer .overlay {
    background: #f1f1f1;
    width: 60%;
}
.app_footer .row {
    align-items: center;
}
.app_footer .footer-logo-area {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.app_footer .copyright > a {
  font-weight: 700;
    color: #666;
}
.app_footer .copyright > a:hover {
    text-decoration: underline;
}

.app_footer .social_icon {
    text-align: right;
    width: 100%;
}
.app_footer .social_icon > li {
    color: #666666;
    font-size: 15px;
    margin-left: 15px;
}
.app_footer .social_icon > li:first-child {
    margin-left: 0px;
}
.app_footer .social_icon > li a {
    color: #666;
    font-size: 18px;
}
.app_footer .social_icon > li a:hover {
    color: #31e2cf;
}

.subscribe_form p {
    margin-top: 40px;
    font-size: 17px;
}
/*---------------1.14 end footer section style--------------*/


a.menuzord-brand {}

@media (max-width: 575px)
{ ul.menuzord-menu {display:none}
.login_access .readmore {transform: scale(0.5);}}