/*

Theme Name: eApp - 5 in 1 App Landing Page

Theme URI: http://live.envalab.com/html/eapp

Author: ENVALAB

Author URI: https://themeforest.net/user/envalab/portfolio

Description: eApp – Creative App Landing Page HTML5 Templateis collection of App marketing pages which are perfect suit for showcase your App or services smart and flexible way. It's not only for a mobile Apps but also for mobile games showcase or any application website showcase. It's include stunning, powerful and unique landing page templates which are perfect to promoting Apps or web services & made for iOS and Android Apps makers.

Version: 1.0

*/


/*

====================================================

*   eApp DEMO 3 CSS

*   CSS INDEX

====================================================



        TOC:

        0.  RESET CSS

        1.  HEADER AREA CSS

        2.  BANNER AREA CSS

        3.  ABOUT AREA CSS

        4.  FEATURE AREA CSS

        5.  TESTIMONIAL AREA CSS

        6.  SCREENSHOT AREA CSS

        7.  FEEDBACK AREA CSS

        8.  PRICING AREA CSS

        9.  CONTACT AREA CSS

        10. FOOTER AREA CSS

        11. SCROLL-TO-TOP AREA CSS

        12. Pre Loader Style



===================================================================== */


/*----------------------------

---------- RESET CSS ---------

----------------------------*/

.ptb-100 {
    padding-top: 95px;
    padding-bottom: 100px;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.tool-tip-medicis {
    margin-left: 56% !important;
    width: 25px !important;
    height: 25px !important;
    background-color: #56907E !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.check-group {
    display: flex;
}

.owl-nav div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 35px;
    background: #fff;
    color: #fb695b;
    height: 35px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    font-size: 29px;
    transition: 0.4s;
    margin-top: -60px;
}

.owl-nav div:hover {
    background: #000;
}

.owl-nav div.owl-next {
    right: 0;
    left: auto;
}

.h4-white {
    margin-top: 10px !important;
    color: white;
}

.p-white {
    color: white;
}

.appbox-btn8 {

    background: #ffffff;

    color: #609eea;

    padding: 10px 40px;

    display: inline-block;

    font-weight: 600;

    cursor: pointer;

    font-size: 18px;

    border-radius: 30px;

}

.appbox-btn {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #609eea;
    padding: 10px 40px;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    font-size: 18px;
    border-radius: 30px;
}

.appbox-btn2,
.appbox-btn:hover {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.appbox-btn2:hover {
    background: #ffffff;
    color: #609eea;
}

.appbox-btn3 {
    color: #ffffff;
    border: 1px solid rgb(97, 191, 126);
    background: 1px solid rgb(97, 191, 126);
    /* Old browsers */
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
}

.appbox-btn3:hover {
    color: #609eea;
    border: 1px solid #609eea;
}

.sec-title {
    text-align: left;
    margin: 0 0 45px;
}


/*--------------------------------------

-------- HEADER AREA CSS START --------

---------------------------------------*/

.header {
    position: fixed;
    top: 0;
    padding: 30px 0;
    left: 0;
    transition: all 0.4s;
    width: 100%;
    z-index: 9;
    max-height: 110px;
}

.mainmenu {
    text-align: right;
}

.mainmenu li {
    display: inline-block;
    text-transform: uppercase;
    margin-left: 15px;
}

.mainmenu li a {
    display: inline-block;
    color: #fff;
    padding: 5px 0;
}

.slicknav_menu {
    padding: 0;
    background: transparent;
}

.slicknav_menu a.active,
.mainmenu ul li a:hover,
.mainmenu ul li a.active {
    color: #fff;
    font-weight: bold;
}

.mainmenu {
    display: block;
}

.slicknav_menu {
    display: none;
}

.header.sticky {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    /* Old browsers */
    /* background: rgb(97,191,126);  */
    /* FF3.6-15 */
    /* background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);  */
    /* Chrome10-25,Safari5.1-6 */
    /* background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);  */
    /* background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%); */
    background: white;
}


/*--------------------------------------

--------- HEADER AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

-------- BANNER AREA CSS START --------

---------------------------------------*/

.banner-area {
    padding-top: 170px;
    padding-bottom: 170px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    background: rgb(97, 191, 126);
    /* Old browsers */
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
}

.banner-area2 {
    padding-top: 185px;
    padding-bottom: 170px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    
}

.banner-area::before {
    content: "";
    top: -35px;
    left: 0;
    right: -35px;
    bottom: 0;
    background-image: url(../img/appbox-img-3/header-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    position: absolute;
}

.single-banner {
    color: #fff;
}

.single-banner h1 {
    color: #fff;
    max-width: 540px;
}

.single-banner2 {
    text-shadow: none !important;
}

.banner-prof-title {
   /* text-shadow: none !important;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-w-85-p {
    max-width: 85% !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.align-none {
    align-items: unset !important;
}


.single-banner p {
    margin: 42px 0;
}

.single-banner2 p {
    margin: 25px 0 !important;
}

.single-banner .appbox-btn {
    margin-top: 20px;
    margin-right: 15px;
}

.contact-form-7 {
    background: #fff;
    color: #363843;
    font-weight: 500;
    box-shadow: 0 0 10px #eee;
    border-radius: 10px;
    padding: 25px 30px;
}

.contact-form-7 h4 {
    text-align: center;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.contact-form-7 button {
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    width: 90%;
}

.contact-form-7 input,
.contact-form-7 select {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #363843;
}

.contact-form-7 input[type=checkbox] {
    width: auto;
}

.contact-form-7 p {
    display: inline-block;
    margin: 42px 0 25px;
    margin-left: 10px;
}

.contact-container {
    position: relative;
    margin-top: 35px;
}

.contact-container input {
    padding-right: 50px;
}

.contact-container i {
    position: absolute;
    top: 18px;
    margin: auto;
    right: 20px;
    max-width: 45px;
    font-size: 12px;
}


/*--------------------------------------

--------- BANNER AREA CSS END ---------

---------------------------------------*/

.fundo-verde {
    background: rgb(97, 191, 126);
    /* Old browsers */
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    /* background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%); */
}


/*--------------------------------------

-------- ABOUT AREA CSS START --------

---------------------------------------*/

.about-area {
    text-align: center;
}

.about-area .sec-title {
    margin-bottom: 20px;
    color: #fff;
}

.single-about-box {
    margin-top: 35px;
}

.single-about-box i::before {
    color: #fff;
    font-size: 50px;
    transition: all 0.4s;
    display: block;
}

.single-about-box:hover i::before {
    /* transform: scale(0.7); */
}

.single-about-box h4 {
    margin: 28px 0 20px;
}


/*--------------------------------------

--------- ABOUT AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

-------- ABOUT AREA CSS START --------

---------------------------------------*/

.single-about-box {
    margin-top: 20px;
}

.single-about-box h2 {
    text-transform: uppercase;
    /*max-width: 430px;*/
    margin-bottom: 35px;
}

.single-about-box li {
    margin-top: 15px;
    font-size: 16px;
    position: relative;
    padding-left: 55px;
}

.single-about-box li::before {
    font-family: 'icofont';
    content: "\eb55";
    position: absolute;
    left: 0;
    max-width: 50px;
}

.video-popup {
    position: relative;
    text-align: center;
    z-index: 1;
    color: #fff;
}

.video-popup a {
    color: #fff;
}

.video-popup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(97, 191, 126);
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    opacity: 0.5;
    z-index: -1;
}

.video-popup i {
    border-radius: 50%;
    text-align: center;
    padding: 13px;
    font-size: 32px;
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    padding: 0 0 0 6px;
    font-size: 25px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.4s;
    background: rgb(97, 191, 126);
}



/*--------------------------------------

--------- ABOUT AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

-------- FEATURE AREA CSS START --------

---------------------------------------*/

.feature-area {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background: rgb(97, 191, 126);
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    color: #fff;
}

.feature-area::before {
    content: "";
    top: -30px;
    left: 0;
    opacity: 0.4;
    right: 0;
    bottom: -30px;
    background-image: url(../img/appbox-img-1/overview-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    position: absolute;
}

.single-feature-box h2 {
    text-transform: uppercase;
    color: #fff;
}

.single-feature-box p {
    margin-top: 25px;
}

.single-feature-box .appbox-btn {
    margin-top: 50px;
}

.single-feature-img {
    position: absolute;
    top: 20px;
    right: 0;
    width: 46%;
    height: 75%;
    bottom: 0;
    margin: auto;
    background-image: url(../img/appbox-img-3/feature.png);
    background-size: cover;
    background-position: left center;
}

.feature-area2 {
    position: relative;
}

.feature-area2 .single-feature-box h2 {
    color: #363843;
}

.feature-area2 .single-feature-img {
    background-image: url(../img/appbox-img-3/feature2.png);
    right: auto;
    left: 0;
    width: 49%;
    height: 79%;
    background-position: right center;
}


/*--------------------------------------

--------- FEATURE AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

-------- TUTORIAL AREA CSS START --------

---------------------------------------*/

.tutorial-area .sec-title {
    margin: 0 auto 60px;
    text-align: center;
}

.tutorial-area .sec-title h2 {
    color: #fff;
}

.tutorial-area {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background: rgb(97, 191, 126);
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    color: #fff;
}

.tutorial-area::before {
    content: "";
    top: -30px;
    left: 0;
    opacity: 0.4;
    right: 0;
    bottom: -30px;
    background-image: url(../img/appbox-img-1/overview-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    position: absolute;
}

.single-tutorial-box h2 {
    text-transform: uppercase;
}

.single-tutorial-box ul {
    padding-right: 50px;
    border: none;
}

.single-tutorial-box .tab-content {
    padding-left: 50px;
}

.single-tutorial-box .tab-pane p {
    margin-bottom: 10px;
}

.single-tutorial-box .video-popup {
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    border: 5px solid #fff;
    background: url(../img/appbox-img-3/faq-video.png) no-repeat center / cover;
}

.single-tutorial-box .video-popup i {
    background: rgba(255, 255, 255, 0.4);
    border: none;
}

.single-tutorial-box ul li {
    border-bottom: 1px solid #f2f2f2;
    display: inline-block;
    width: 100%;
    position: relative;
}

.single-tutorial-box ul li .nav-link span {
    float: right;
    opacity: 0.9;
}

.single-tutorial-box ul li .nav-link {
    border: none;
    color: #fff;
    border-radius: 0;
    padding: 15px 15px;
    padding-left: 40px;
}

.single-tutorial-box ul li:after {
    position: absolute;
    font-family: 'icofont';
    content: "\ed52";
    left: 10px;
    opacity: 0.9;
    top: 33%;
}

.single-tutorial-box .nav-link:hover,
.single-tutorial-box .nav-link.active {
    border: none;
    background: #3ac5e1;
    color: #fff;
}


/*--------------------------------------

--------- TUTORIAL AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

------ PRICING AREA CSS START -------

---------------------------------------*/

.pricing-area .sec-title {
    margin: 0 auto 20px;
    text-align: center;
}

.single-pricing h4 {
    background: #609eea;
    padding: 20px;
    color: #fff;
}

.appbox-btn4 {
    background: #17ead9;
    color: #fff;
}

.appbox-btn4:hover {
    border-color: #17ead9;
    color: #17ead9;
}

.price {
    padding: 15px 15px 10px;
    position: relative;
}

.duration-time a {
    display: block;
}

.price h5 {
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    position: relative;
}

.duration-time {
    background: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 9;
    top: 100%;
    width: auto;
    margin-top: -10px;
    right: 0;
    left: 0;
    border: 1px solid #eee;
}

.price button {
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    top: -10px;
    padding-right: 15px;
    opacity: 0.7;
}

.price button::before {
    content: "\eb73";
    right: 0;
    font-family: 'icofont';
    top: 2px;
    position: absolute;
}

.fadein,
.fadeout {
    opacity: 0;
    margin-top: -30px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fadein {
    opacity: 1;
    margin-top: 0;
}

.single-pricing {
    text-align: center;
    margin-top: 30px;
}

.single-pricing ul li {
    padding: 20px;
}

.single-pricing ul li:nth-child(odd) {
    background: #f9f9f9;
}

.single-pricing {
    box-shadow: 0 0 10px #ddd;
}

.single-pricing:hover {
    box-shadow: 0 0 10px #17ead9;
}

.single-pricing .appbox-btn {
    margin: 20px;
}


/*--------------------------------------

------- PRICING AREA CSS END --------

---------------------------------------*/


/*--------------------------------------

-------- TEAM AREA CSS START --------

---------------------------------------*/

.team-area {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background: rgb(97, 191, 126);
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
}

.team-area .sec-title {
    margin: 0 auto 60px;
    text-align: center;
    color: #fff;
}

.team-area .sec-title h2 {
    color: #fff;
}

.team-area::before {
    content: "";
    top: -30px;
    left: 0;
    opacity: 0.4;
    right: 0;
    bottom: -30px;
    background-image: url(../img/appbox-img-1/overview-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    position: absolute;
}

.single-team-box {
    background: #deedfa;
    margin-top: 30px;
    position: relative;
    padding: 90px 0 0;
    transition: all 0.4s;
    text-align: center;
}

.single-team-box:hover {
    transform: scale(0.9);
}

.single-team-member {
    width: 90px;
    height: 90px;
    margin: auto;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
}

.single-team-member img {
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    border-radius: 100%;
    position: absolute;
    width: auto !important;
}

.single-team-info {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.single-team-info::before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    max-width: 60px;
    background: #17ead9;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
}

.single-team-box>p {
    margin-bottom: 20px;
    padding: 0 15px;
}

.single-team-info p {
    margin-top: 5px;
    font-weight: 300;
}

.single-team-icon {
    background: #fff;
    padding: 15px;
}

.single-team-icon a {
    width: 30px;
    margin: 0 4px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    border: 1px solid #ddd;
}

.single-team-icon a:hover {
    background: #17ead9;
}


/*--------------------------------------

--------- TEAM AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

-------- FEEDBACK AREA CSS START --------

---------------------------------------*/

.author-feedback {
    padding: 0 120px;
}

.feedback-area .sec-title {
    margin: 0 auto 40px;
    text-align: center;
}

.author-feedback .owl-nav div {
    background: rgb(97, 191, 126);
    color: #fff;
    margin-top: -10px;
}

.author-single-slide::before {
    content: "";
    top: 0;
    left: -20px;
    opacity: 0.5;
    right: -20px;
    bottom: 0;
    background: rgb(97, 191, 126);
    z-index: -1;
    position: absolute;
    border-radius: 45px;
}

.author-single-slide::after {
    content: "";
    top: -20px;
    left: 10px;
    opacity: 0.5;
    right: 10px;
    bottom: -20px;
    background: rgb(97, 191, 126);
    z-index: -1;
    position: absolute;
    border-radius: 45px;
}

.author-single-slide {
    margin: 60px 30px 30px;
    position: relative;
    z-index: 1;
    background: rgb(97, 191, 126);
    text-align: center;
    padding: 55px 50px 25px;
    border-radius: 45px;
}

.author-single-slide h4 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.author-single-slide p {
    margin: 15px 0 20px;
}

.author-single-slide h4,
.author-single-slide {
    color: #fff;
}

.author-single-slide .author-rating {
    color: #ffee58;
}

.author-img {
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}

.author-img img {
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    border: 2px solid #fff;
    border-radius: 100%;
    position: absolute;
    width: auto !important;
}


/*--------------------------------------

--------- FEEDBACK AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

-------- DOWNLOAD AREA CSS START --------

---------------------------------------*/

.download-area {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background: rgb(97, 191, 126);
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
}

.single-download-img {
    position: absolute;
    top: 50px;
    right: 0;
    width: 50%;
    height: 80%;
    bottom: 0;
    margin: auto;
    background-image: url(../img/appbox-img-3/download.png);
    background-size: cover;
    background-position: left center;
}

.download-area::before {
    content: "";
    top: -50px;
    left: -50px;
    opacity: 0.4;
    right: -50px;
    bottom: -50px;
    background-image: url(../img/appbox-img-1/overview-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    position: absolute;
}

.single-download-box {
    color: #fff;
}

.single-download-box h1 {
    color: #fff;
    margin-bottom: 30px;
}

.single-download-box h1 span {
    display: block;
}

.single-download-box p {
    padding-bottom: 25px;
}

.single-download-box .appbox-btn {
    margin-top: 30px;
    margin-right: 15px;
}


/*--------------------------------------

--------- DOWNLOAD AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

------- SUBSCRIBE AREA CSS START -------

---------------------------------------*/

.subscribe-area {
    text-align: center;
}

.subscribe-area .sec-title {
    margin: 0 auto 45px;
    text-align: center;
}

.single-subscribe-box h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.single-subscribe-box h4 span {
    color: #fb6856;
    font-weight: 500;
}

.single-subscribe-box form {
    border: 1px solid #609eea;
    display: inline-block;
    border-radius: 30px;
    position: relative;
}

.single-subscribe-box form input[type="email"] {
    min-width: 420px;
}


/*--------------------------------------

-------- SUBSCRIBE AREA CSS END --------

---------------------------------------*/


/*--------------------------------------

--------- FOOTER AREA CSS START --------

---------------------------------------*/

.footer {
    padding: 22px 0;
    font-size: 12px;
    color: #fff;
    background: rgb(97, 191, 126);
    background: -moz-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: -webkit-linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
    background: linear-gradient(90deg, rgb(27 107 83) 0%, rgb(41 116 93) 18%, rgb(86 144 126) 65%);
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color: #000;
}

.footer-content ul {
    text-align: right;
}

.footer-content li {
    display: inline-block;
    margin-left: 15px;
}


/*--------------------------------------

---------- FOOTER AREA CSS END ---------

---------------------------------------*/


/*--------------------------------------

----- SCROLL-TO-TOP AREA CSS START -----

---------------------------------------*/


/* .scrolltotop {

    position: fixed;

    bottom: 30px;

    text-align: center;

    right: 30px;

    width: 50px;

    height: 50px;

    z-index: 1000;

    display: none;

    text-decoration: none;

    border-radius: 100%;

    color: #fff;

	font-size: 28px;

    line-height: 48px;

	border: 3px double #fff;

    background: rgb(97,191,126);

    background: -moz-linear-gradient(left, #1ae7da 0%, #21dfdb 20%, #47b7e4 63%, #609eea 100%);

    background: -webkit-linear-gradient(left, #1ae7da 0%,#21dfdb 20%,#47b7e4 63%,#609eea 100%);

    background: linear-gradient(to right, #1ae7da 0%,#21dfdb 20%,#47b7e4 63%,#609eea 100%);

}

.scrolltotop:hover {

	transform: scale(0.9);

    color: #fff;

}

.scrolltotop:focus ,

.scrolltotop:hover {

	border: 3px double #fff;

} */


/*--------------------------------------

------ SCROLL-TO-TOP AREA CSS END ------

---------------------------------------*/


/* Pre Loader Style */

.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 988899;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url('../img/loader.gif') no-repeat center center;
}


/* END of Pre Loader Style */