/*
Author       : Themes_master.
Template Name: Smartly - App Landing Page
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START FEATURES DESIGN
    05. START WHY US DESIGN
    06. START APP DESCRIBE DESIGN
    07. START APP DESCRIBE WITH VIDEO DESIGN
    08. START TESTIMONIAL DESIGN
    09. START APP SCREENSHOT DESIGN
    10. START APP PRICING DESIGN
    11. START APP DOWNLOAD DESIGN
    12. START CONTACT FORM DESIGN
    13. START MAP DESIGN
    14. START NEWSLETTER & SOCIAL PROFILE DESIGN
    15. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/* devanagari */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Teko Regular'), local('Teko-Regular'), url(../fonts/Teko1/teko1.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Teko Regular'), local('Teko-Regular'), url(../fonts/Teko1/teko2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Teko Regular'), local('Teko-Regular'), url(../fonts/Teko1/teko3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background-color: #fff;
    color: #222;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

html,
body {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

a {
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    color: #333;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

ul,
li {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}

.status-mes h4 {
    color: #333;
    margin-top: 30px;
}

.no-padding {
    padding: 0
}

/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    /*background: #678df1 none repeat scroll 0 0;*/
    background: #00638e none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    /*color: #333;*/
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}

.topcontrol:hover {
    background: #222;
    color: #333;
}

/*END SCROLL TO TOP*/
.section-padding {
    padding: 60px 0
}

/*START SECTION TITLE DESIGN*/
.section-title {
    margin-bottom: 60px
}

.section-title h2 {
    font-size: 26px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}

.section-title h2 span {
    /*color: #678df1;*/
    color: #00638e;
}

.section-title-white {
    color: #333 !important;
    position: relative;
}

.section-title div {
    /*background: #678df1 none repeat scroll 0 0;*/
    background: #00638e none repeat scroll 0 0;
    display: block;
    height: 3px;
    position: relative;
    margin: 15px auto;
    width: 80px;
}

.section-title p {
    margin: auto;
    padding: 0 20px;
    position: relative;
    width: 70%;
}

.section-title ul {
    margin: 0 auto;
    width: 400px;
    padding-left: 100px;
}

.section-title ul li {
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .section-title p {
        width: 100%;
    }
}

/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    /*color: #678df1 !important;*/
    color: #00638e !important;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    /*color: #678df1 !important;*/
    color: #00638e !important;
    background-color: transparent;
}

.navbar-brand {
    padding: 0px
}

.navbar-brand img {
    width: 200px
}

@media only screen and (max-width: 480px) {
    .navbar-brand img {
        margin-left: 10px;
    }
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #333;
}

.menu-top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.menu-top li a {
    color: #333 !important;
    font-family: source sans pro, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}

.menu-top li a:hover {
    /*color: #678df1 !important*/
    color: #00638e !important
}

@media only screen and (max-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}

@media only screen and (max-width: 480px) {
    /*.menu-top {*/
    /*background-color: #333;*/
    /*}*/
    .navbar-default .navbar-nav > li > a {
        color: #313131 !important
    }
}

.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .menu-top {
        color: #333 !important;
        margin-left: 0px;
    }
}

.navbar-default.menu-shrink li a {
    color: #313131 !important
}

.navbar-default.menu-shrink li a:hover {
    /*color: #678df1 !important*/
    color: #00638e !important
}

.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff
}

.navbar-default .navbar-toggle .icon-bar {
    /*background-color: #678df1*/
    background-color: #00638e
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_parallax {
    position: relative;
    height: 700px;
}


/*@media only screen and (max-width: 1200px) {*/
/*.home_parallax {*/
/*height: 1150px;*/
/*}*/
/*}*/
@media (min-width: 950px) and (max-width: 1200px) {
    .home_parallax {
        height: 1357px;
    }
}

@media (min-width: 945px) and (max-width: 985px) {
    .home_parallax {
        height: 1155px;
    }
}

@media (min-width: 768px) and (max-width: 950px) {
    .home_parallax {
        height: 1150px;
    }
}

@media only screen and (max-width: 768px) {
    .home_parallax {
        /*height: 1150px;*/
        height: 1160px;
    }
}

@media only screen and (max-width: 480px) {
    .home_parallax {
        height: 1333px;
    }
}

@media only screen and (max-width: 414px) {
    .home_parallax {
        height: 1080px;
    }
}

@media only screen and (max-width: 375px) {
    .home_parallax {
        height: 1050px;
    }
}

@media only screen and (max-width: 360px) {
    .home_parallax {
        /*height: 1222px;*/
        height: 965px;
    }
}

@media only screen and (max-width: 320px) {
    .home_parallax {
        height: 980px;
    }
}

.home_parallax:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-text h2 {
    color: #333;
    /*font-size: 35px;*/
    font-size: 33px;
    line-height: 60px;
    margin: 0;
    padding-top: 200px;
    text-transform: capitalize;
}

.hero-text h3 {
    /*color: #333;*/
    color: #00638e;
    /*font-size: 35px;*/
    line-height: 60px;
    margin: 0;
    /*padding-top: 200px;*/
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .hero-text h2 {
        font-size: 30px;
        line-height: 56px;
    }

    .hero-text h3 {

    }
}

@media only screen and (max-width: 360px) {
    .hero-text h2 {
        font-size: 20px;
        line-height: 40px;
    }

    .hero-text h3 {

    }
}

.hero-text p {
    color: #333;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 15px;
}

.mbleft15 {
    margin-left: 20px;
}

.btn-home-bg-one {
    /*background: #678df1;*/
    /*border: 2px solid #678df1;*/
    background: #00638e;
    border: 2px solid #00638e;
    border-radius: 0;
    color: #333;
    margin-right: 10px;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    .btn-home-bg-one {
        margin: 20px 20px 0 0;
    }
}

.btn-home-bg-one:hover,
.btn-home-bg-one:focus {
    background: #fff;
    border: 2px solid #fff;
    color: #333;
}

.btn-home-bg-two {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 0;
    color: #333;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    .btn-home-bg-two {
        margin: 20px 20px 0 0;
    }
}

.btn-home-bg-two:hover,
.btn-home-bg-two:focus {
    background: #fff;
    border: 2px solid #fff;
    color: #333;
}

.hand_app_img {
    padding-top: 150px;
}

.hand_app_img img {
    /*width: 406px;*/
}

@media only screen and (max-width: 768px) {
    .hand_app_img {
        padding-top: 58px;
    }
}

@media only screen and (max-width: 480px) {
    .hand_app_img {
        display: inline-block;
        padding-top: 112px;
    }

    .hand_app_img img {
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {
    .hand_app_img {
        padding-top: 138px;
    }
}

@media only screen and (max-width: 375px) {
    .hand_app_img {
        padding-top: 128px;
    }
}

@media only screen and (max-width: 360px) {
    .hand_app_img {
        padding-top: 116px;
    }
}

@media only screen and (max-width: 320px) {
    .hand_app_img {
        padding-top: 171px;
    }
}

/*START SLIDESHOW VIDEO*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div {
        height: 1150px;
    }
}

@media only screen and (max-width: 480px) {
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div {
        height: 1333px;
    }
}

@media only screen and (max-width: 414px) {
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div {
        height: 1357px;
    }
}

@media only screen and (max-width: 375px) {
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div {
        height: 1350px;
    }
}

@media only screen and (max-width: 360px) {
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div {
        height: 1222px;
    }
}

@media only screen and (max-width: 320px) {
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div {
        height: 1222px;
    }
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto
}

.single-slide-item-table {
    display: table;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.single-slide-item h2 {
    color: #333;
    font-size: 50px;
    line-height: 66px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .single-slide-item h2 {
        font-size: 40px;
        line-height: 56px;
    }
}

@media only screen and (max-width: 360px) {
    .single-slide-item h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

.single-slide-item p {
    color: #333;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 15px;
}

@media only screen and (max-width: 768px) {
    .single-slide-item p {
        width: 100%
    }
}

.carousel-indicators-slider {
    bottom: 30px !important
}

/*START SLIDESHOW VIDEO*/


/*START HTML5 VIDEO*/
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.video-caption h2 {
    margin: auto;
    width: 70%;
}

video {
    min-width: 100%
}

@media only screen and (max-width: 768px) {
    video {
        min-width: 100%;
        height: 100%
    }
}

/*END HTML5 VIDEO*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-feature {
    background: #f7f7f7;
    /*background: #ddd;*/
}

.feature-icon-box {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 50px 40px 40px;
    transition: all 0.2s ease 0s;
}

.feature-icon-box:hover {
    /*background: #678df1*/
    background: #00638e
}

.icon-box-icon {
    /*border: 1px solid #ddd;*/
    /*border-radius: 50%;*/
    background: #fff;
    color: #333;
    display: inline-block;
    /*font-size: 25px;*/
    height: 80px;
    /*line-height: 80px;*/
    margin-bottom: 15px;
    text-align: center;
    width: 80px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}

.feature-icon-box:hover .icon-box-icon {
    background: #fff;
    /*color: #678df1;*/
    color: #00638e;
    border-color: #333;
}

.icon-box-info h4 {
    /*margin: 0 0 20px;*/
    /*color: #333;*/
    /*color: #b4c6d3;*/
    color: #00638e;
    height: 50px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.feature-icon-box:hover .icon-box-info h4 {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .icon-box-info h4 {
        font-size: 14px
    }
}

@media only screen and (max-width: 480px) {
    .icon-box-info h4 {
        font-size: 18px
    }
}

.icon-box-info p {
    color: #333;
    transition: all 0.2s ease 0s;
    height: 80px;
    margin: 0;
}

.feature-icon-box:hover .icon-box-info p {
    color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START WHY US DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 768px) {
    .mt60 {
        margin-top: 60px
    }
}

.why-choose-title {
    color: #333;
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 360px) {
    .why-choose-title {
        font-size: 18px
    }
}

.single_why {
    /*background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;*/
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    overflow: hidden;
    padding: 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.why-box-icon {
    /*background: #678df1 none repeat scroll 0 0;*/
    /*border: 2px solid #678df1;*/
    background: #00638e none repeat scroll 0 0;
    border: 2px solid #00638e;
    border-radius: 50%;
    /*color: #333;*/
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 40px;
    height: 120px;
    line-height: 115px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 120px;
}

.single_why:hover .why-box-icon {
    background: #fff none repeat scroll 0 0;
    /*border: 2px solid #678df1;*/
    /*color: #678df1;*/
    border: 2px solid #00638e;
    color: #00638e;
}

.single_why h4 {
    color: #333;
    margin: 0 0 10px;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.single_why p {
    color: #333;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

.why_us_img {
    margin: auto auto 0px;
    max-width: 400px;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END WHY US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
.description_text {
    margin-top: 100px;
}

@media only screen and (max-width: 480px) {
    .description_text {
        margin-top: 0px;
    }
}

.description_text h3 {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 20px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .description_text h3 {
        font-size: 26px;
        line-height: 40px;
    }
}

.description_text p {
    text-align: justify
}

.description_text_mbnone {
    margin-bottom: 0px !important
}

/*
* ----------------------------------------------------------------------------------------
* 06.END APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START APP DESCRIBE WITH VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-describe-with-video {
}

.description_video iframe {
    border: medium none;
    height: 350px;
    width: 100%;
}

.description_video_text {
    margin-top: 60px;
}

.description_video_text h3 {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 20px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .description_video_text h3 {
        font-size: 26px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 320px) {
    .description_video_text h3 {
        font-size: 24px;
        line-height: 40px;
    }
}

.description_video_text p {
    text-align: justify
}

.description_video_text_mbnone {
    margin-bottom: 0px !important
}

/*
* ----------------------------------------------------------------------------------------
* 07.END APP DESCRIBE WITH VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-testimonial {
    padding-top: 60px
}

.single_testimonial {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 50px;
    padding: 40px;
}

@media only screen and (max-width: 360px) {
    .single_testimonial {
        padding: 20px
    }
}

.single_testimonial img {
    /*border: 4px solid #678df1;*/
    border: 4px solid #00638e;
    border-radius: 50px;
    height: 100px;
    margin-bottom: 20px;
    width: 100px;
}

.single_testimonial h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.single_testimonial p {
    color: #333;
}

.single_testimonial i {
    color: #ffc107
}

/*
* ----------------------------------------------------------------------------------------
* 08.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.sin-screenshot {
    z-index: 9
}

.sin-screenshot a {
    display: block;
    position: relative;
}

.sin-screenshot a:before {
    background: #678df1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    right: 0;
    top: 0;
}

.sin-screenshot a:hover:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.screenshot-carousel {
    z-index: 9
}

.screenshot-carousel img {
    width: 100%
}

/*
* ----------------------------------------------------------------------------------------
* 09.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START APP PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    background-color: #333;
    border: 1px solid #e8e8e9;
    box-shadow: 1px 1px 1px 0 #f4f4f4;
    position: relative;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pricing-table:hover {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 480px) {
    .pricing-table {
        margin-bottom: 40px
    }
}

.pricing-table h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 25px;
    padding: 25px 15px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
}

.price {
    /*background: #678df1 none repeat scroll 0 0;*/
    background: #00638e none repeat scroll 0 0;
    border-radius: 500px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    color: #333;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    height: 124px;
    line-height: 20px;
    margin-bottom: 30px;
    width: 124px;
}

.price span {
    display: block;
    font-size: 32px;
    margin-top: 39px;
}

.pricing-list {
    border-top: 1px dashed #eaeaea;
    list-style: outside none none;
    margin-bottom: 0;
    text-align: center;
}

.pricing-list li {
    border-bottom: 1px dashed #eaeaea;
    font-size: 18px;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pricing-list li:hover {
    background: rgba(0, 0, 0, 0.020)
}

.pricing-btn {
    padding: 30px 0
}

/*START PRICING BTN STYLE*/
.btn-pricing-bg {
    /*background: #678df1 none repeat scroll 0 0;*/
    /*border: 2px solid #678df1;*/
    background: #00638e none repeat scroll 0 0;
    border: 2px solid #00638e;
    border-radius: 2px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #333;
    font-family: montserrat, sans-serif;
    font-size: 12px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background: #040e18;
    color: #333;
    border: 2px solid #040e18;
}

/*END PRICING BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 10.END APP PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-download {
    position: relative
}

.app-download:before {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.download_overlay {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    padding: 40px;
    overflow: hidden;
}

.download_app h3 {
    color: #333;
    margin: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.download_app a {
    /*background: #678df1 none repeat scroll 0 0;*/
    background: #00638e none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    font-size: 18px;
    margin: 5px;
    padding: 16px 25px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.download_app a:hover,
.download_app a:focus {
    background: #fff;
    color: #333;
}

.download_app a i {
    margin-right: 10px
}

/*
* ----------------------------------------------------------------------------------------
* 11.END APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/

.contact-us {
    background: #fff
}

.contact-us .imgs {
    display: flex;
    justify-content: space-between;
    overflow: auto;
}

/* хром, сафари */
/*.contact-us .imgs::-webkit-scrollbar { width: 0; }*/
/* ie 10+ */
/*.contact-us .imgs { -ms-overflow-style: none; }*/
/* фф (свойство больше не работает, других способов тоже нет)*/
/*.contact-us .imgs { overflow: -moz-scrollbars-none; }*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/*::-webkit-scrollbar-button {  background-color: #666; }*/
::-webkit-scrollbar-track {
    background-color: #999;
}

::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #666;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #999;
}

::-webkit-resizer {
    background-color: #666;
}

.contact-us .imgs img {
    height: 208px;
}

/*START CONTACT ADDRESS*/
.contact-info {
    background: #fff none repeat scroll 0 0;
    padding: 25px 25px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    height: 430px;
}

@media only screen and (max-width: 1280px) {
    .contact-info {
        padding: 15px 25px;
    }
}

.contact-info:hover {
    box-shadow: none
}

.contact-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-info ul li {
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.contact-info ul li.contact-info-mbnone {
    margin-bottom: 0px
}

.contact-info ul li h4 {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-info ul li p {
}

/*END CONTACT ADDRESS*/
/*START CONTACT FORM*/
.contact {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 35px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    height: 430px;
}

.contact:hover {
    box-shadow: none
}

.form-control {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font-family: "Montserrat", sans-serif;
    height: 45px;
    padding-left: 10px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.form-control:hover,
.form-control:focus {
    /*border: 1px solid #678df1;*/
    border: 1px solid #00638e;
    border-radius: 0;
    box-shadow: none;
    outline: 0 none;
}

.actions {
    margin-top: 30px
}

.btn-contact-bg {
    /*background: #678df1 none repeat scroll 0 0;*/
    background: #00638e none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #333;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    border: 1px solid #333;
    color: #333;
}

.success {
    background: #fff none repeat scroll 0 0;
    /*color: #678df1;*/
    color: #00638e;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}

/*END CONTACT FORM*/
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#map {
    height: 400px
}

/*
* ----------------------------------------------------------------------------------------
* 13.END MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START NEWSLETTER & SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
    background: #040e18;
    color: #333;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.newsletter_title {
    color: #333;
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-top: 0;
}

@media only screen and (max-width: 480px) {
    .newsletter_title {
        font-size: 18px;
    }
}

/*START NEWSLETTER FORM*/
.subscribe_input i {
    font-size: 60px;
    margin-bottom: 30px;
}

.subscribe_input input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #333;
    float: left;
    width: 400px;
}

@media only screen and (max-width: 768px) {
    .subscribe_input input {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .subscribe_input input {
        float: none;
        margin-bottom: 20px;
    }
}

.subscribe_input button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    color: #333;
    font-family: "Montserrat", sans-serif;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    margin-left: 20px;
}

.subscribe_input button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #222;
}

/*END NEWSLETTER FORM*/
/*START SOCIAL PROFILE*/
.footer_social {
    padding-top: 60px
}

.footer_social h4 {
    color: #333;
    font-size: 24px;
    margin: 0;
}

.footer_social span {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto 25px;
    width: 75px;
}

.social_icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social_icon ul li {
    display: inline
}

.social_icon ul li a i {
    border-radius: 0px;
    color: #333;
    font-size: 20px;
    height: 45px;
    margin: 2px;
    padding: 13px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 45px;
}

.social_icon ul li a i:hover {
    background: #fff;
    color: #333;
}

.facebook {
    background: #345289
}

.twitter {
    background: #006E99
}

.dribbble {
    background: #FF4C83
}

.instagram {
    background: #8B5C42
}

.google {
    background: #D14031
}

.youtube {
    background: #CF1711
}

/*END SOCIAL PROFILE*/
/*
* ----------------------------------------------------------------------------------------
* 14.END NEWSLETTER & SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    padding: 30px 0;
    background-color: #09121B;
}

.footer_copyright {
    color: #333;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
}


.home_parallax:before {
    background: none;
}

.carousel-indicators {
    margin-top: 30px;
    padding-top: 30px;
}

.carousel-indicators li {
    /*border: 1px solid #678df1;*/
    border: 1px solid #00638e;
}

.carousel-indicators .active {
    /*color: #678df1;*/
    /*background-color: #678df1;*/
    color: #00638e;
    background-color: #00638e;
}

.carousel-indicators {
    bottom: 0px;
}

.single_testimonial img {
    /*border: 4px solid #678df1;*/
    border: 4px solid #00638e;
    border-radius: 0px;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}

.why-box-icon {
    /*background: #678df1 none repeat scroll 0 0;*/
    /*border: 2px solid #678df1;*/
    background: #00638e none repeat scroll 0 0;
    border: 2px solid #00638e;
    border-radius: 50%;
    /*color: #333;*/
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 17px;
    height: 30px;
    line-height: 27px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 30px;
}

.single_why {
    padding: 5px;
}

.btn-home-bg-one {
    color: #fff;
}

.btn-home-bg-one:hover, .btn-home-bg-one:focus {
    background: #020202;
    border: 2px solid #fff;
    color: #fff;
}

#describe {
    background: #f7f7f7;

}

.description_text {
    margin-top: 0px;
}

.btn-contact-bg:hover {
    color: #fff;
}

.btn-contact-bg {
    /*background: #678df1 none repeat scroll 0 0;*/
    background: #00638e none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
}


/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


.mark-center {
    display: flex;
    justify-content: center;
}

.bl2 {
    margin-bottom: 15px;
}

.bl2-mark {
    margin: 40px 20px;
}


.coming-block {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-block h2 {
    color: #333 !important;
    font-family: source sans pro, sans-serif;
    font-weight: 400;
    text-transform: none;
}