/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/ 
/* 
    Theme Name: Wevive    
    Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body{
    font-family: 'Open Sans', sans-serif;
}
.font-smaller{
    font-size:12px;
}
.bg-green{
    background-color:#78b473;
}
.bg-blue{
    background:#239fbb;
}
.bg-yellow{
    background:#f08819;
}
a:hover{
    text-decoration: none;
    color:#9dda98;
}
a{
    color:#333333;
}
a:hover,a:active,a:focus,a:visited{
    text-decoration: none !important;
}
/* Common Css Start */
.title-main{
    font-size:100px;
}
.title-secondary{
    font-size:35px;
}
.bg-white{
    background-color:#ffffff;
    overflow: hidden;
    width: 100%;
}
.margin-bottom-10{
    margin-bottom:10px;
}
.margin-bottom-20{
    margin-bottom:20px;
}
.margin-bottom-40{
    margin-bottom:40px;
}
.margin-top-40{
    margin-top:40px;
}
/* Common Css End */
.login-bg-color{
    background-color:#11182b;
}
.box-center{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.bg-login {
    background: url(images/Asset184@4x-8.png) no-repeat;
    background-size: 170%;
    background-position: top center;    
}
@media(min-width:1301px){ 
    .bg-login {
        padding: 180px 0;
    }
}
@media(min-width:681px) and (max-width:767px){
    .bg-login {    
        background-size: 130%;
    }
    .tml.tml-login{ 
        padding-left: 30px;
        padding-right: 30px;
    }    
}
@media(min-width:489px) and (max-width:680px){
    .bg-login {    
        background-size: 155%;
    }
    .tml.tml-login{ 
        padding-left: 30px;
        padding-right: 30px;
    }

}
@media(max-width:680px){
    .title-text{
        font-size:22px !important;
    }
    .who-img img{
        max-width:200px !important;
    }
}
@media(max-width:488px){
    .bg-login {    
        background-size: 195%;
    }
    .tml.tml-login{ 
        padding-left: 30px;
        padding-right: 30px;
    }

}
.tml-label, .tml-lostpassword-link a{
    color:#ffffff !important;
}
ul.tml-links{
    padding-left: 0;
    list-style-type: none;
}
.tml-submit-wrap button{ 
    box-shadow: 5px 12px 24px #000000 !important;
    background: #f08819;
    color: #ffffff;
    box-shadow: none;
    border: 1px solid #f08819;
    border-radius: 25px;
    padding: 9px 80px;
    font-size: 21px;
}

.tml.tml-login{
    margin-top:20%;
}
@media(min-width:992px){ 
    .tml.tml-login{
        margin-top:80px;
    }
}
/* Footer Start */
.footer-wevive{
    padding-top:40px;
    padding-bottom: 40px;
    background-color:#11182b;
    overflow: hidden;
    border-top:10px solid #78b473;
}

.bg-home {
    /*    background: url(images/bg-1.png) no-repeat;*/
    background-size: 119%;
    background-position: top center; 
    /*    padding-bottom:200px;*/
    /*    height:100vh;*/
    /*    min-height: 974px;*/
    background:#ffffff;
}
.color-white{
    color:#ffffff !important;
}
.color-blue{
    color:#239fbb;
}
.color-green{
    color:#78b473;
}
.color-yellow{
    color:#f08819;
}
.content-box-1 ul li {
    margin-bottom:10px;
}
.content-box-1 ul li a{
    font-size: 27px;
    color: #ffffff;
}
.content-box-1{ 
    margin-top: 35%;
    margin-left: 31%;
}

/* Form Start */
.form-bg{
    background:#78b473;
    padding:60px 0;
    border-radius:28px;
}
@media(max-width:767px){ 
    .form-bg{
        padding:40px 40px;
    }
    .text-center-sm-down{
        text-align:center !important;
    }

    .text-center-down-767{
        text-align:center !important;

    }
}
.contact-form input,.contact-form textarea{
    width: 100%;
    outline: none;
    border:1px solid transparent;
    margin-bottom:30px;
}
.btn-submit{
    background:#78b473;
    border-radius: 12px;
    color:#ffffff;
    padding:7px 25px;
}
/* Form End */

.bar-title .bar-left{
    width:40%;
    float:left;
    height: 40px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-right: 20px;
}
.bar-title .bar-right{
    width:40%;
    float:right;
    height: 40px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-left: 20px;
}
.title-text{
    color:#f08819;
    font-size: 27px;
    font-weight: 600;

}
.round-img img{
    /*    background: #239fbb;
        text-align: center;
        width: 100px;
        height: 100px; */
    border-radius: 50%;
    /* overflow: hidden;*/
    box-shadow: 5px 5px 10px #000000;
}
/*.round-img img{
    margin-top: 20px;
}*/

.bg-round-right{
    background-image: url(images/bg-round-blue.png);
    background-repeat: no-repeat;
    background-position: 90% top;
    background-size: 26%;

}

.bg-round-left{
    background-image: url(images/bg-round-blue.png);
    background-repeat: no-repeat;
    background-position: 10% 10%;
    background-size: 30%;

}
@media(min-width:1650px){ 
    .bg-round-right, .bg-round-left{
        background-size: 18%;
    }
}
.bg-round-right-big{
    background-image: url(images/bg-round-1.png);
    background-repeat: no-repeat;
    background-position: 90% top;
    background-size: 30%;

}

#to-top {
    width: 51px;
    height: 51px;   
    background: #78b473;
    float: right;
    position: fixed;
    bottom: 101px;
    right: 2%;
    color: #ffffff;
    border: 1px solid #78b473;
    border-radius: 50%;
    transition: all .35s;
    transition-property: all;
    transition-duration: 0.35s;
    transition-timing-function: initial;
    transition-delay: initial;
    text-align: center;
    font-size: 12px !important;
    z-index:10000000000;
    box-shadow: 5px 5px 10px #000000;
}
@media(max-width:575px){ 
    .round-img{
        text-align: center;
    }
    .round-img {    
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .text-center-down-575{
        text-align:center;
    }
    .bg-round-right,.bg-round-left {        
        background-size: 50%;
    }
}
.custom-hidden{
    display:none;
}
#to-top .fa{
    margin-top: 4px;
}
.custom-visible {
    display: inherit !important;
}
#to-top:hover {
    background: #78b473;
    border: 1px solid #78b473;
    color: #fff !important;
}
.download-box{
    background-color:#239fbb;
    text-align: center;
    width: 160px;
    height: 160px;
    display: block;
    border-radius:16px;
    margin-left:auto;
    margin-right:auto;
}
.download-box img{
    margin-top: 30px;
}



/**********************/
.round-bg-wrapper{ 
    background: url(images/bg-how.png) no-repeat;
    background-size: cover;
    background-position: top center;
    min-height:600px;
    width:100%;
}

.round-bg-right-part{
    width: 63%;
    float: right;
    min-height: 400px;
    background: #f08819;
}

.round-bg-container{
    background: url(images/bg1.png) no-repeat;
    background-position: top right;
    background-size: cover;    
    min-height: 615px;
}
.main-header > div img{
    cursor: pointer;
}
.main-header{
    background: #f08819;
    padding: 4px;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 1000000000;
    left: 3%;
    top: 75px;
    box-shadow: 5px 5px 10px #000000;
}
.main-header.visible {    
    padding:4px;
    border-radius: 16px;  
    min-width: 300px;
    width: auto;
    height: auto;
    background: #f08819;
    display: inline-block; 
    padding-bottom: 30px;
}
.main-header ul{
    display: none;
    padding-left: 52px!important;
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-header ul li{ 
    padding-left: 1em;
    text-indent: -.7em;
}
.main-header ul li:before{
    content: "•";
    color: #ffffff;
    margin-right: 10px;
    font-size: 30px;
}
.main-header.visible ul{
    display: inherit;
}
.main-header ul li a{
    color:#ffffff;
    font-size: 23px;
    font-weight:600;
}
@media(max-width:991px){
    .main-header > div >img{
        width:61px;
    }
    .main-header {    
        width: 68px;
        height: 68px;
    }

    .main-header ul{    
        padding-left: 25px!important;
    }
    .main-header ul li a {    
        font-size: 16px;
    }    
    .main-header.visible {    
        min-width: 201px;
    }
    .main-header ul li:before {        
        font-size: 25px;
    }
    form h3{
        font-size: 22px;
    }
}
.menu-text{
    position: fixed;
    left: 5%;
    top: 46px;
    font-weight: 600;
    color: #ffffff;
    z-index: 10000;
    padding-left: 3px;
    text-shadow: 2px 2px 3px #000000;
}
.responsive-text-container{ 
    margin-top: -26px;
    position: relative;
    z-index: 2;
    padding: 40px 0;
}
.img-responsive-container{
    position: relative;
    z-index: 1;
}
.responsive-text-container > .container{ 
    background: url(images/img-circle-responsive.png) no-repeat;
    background-size: 50%;
    background-position: center center;
}

.question {
    border: 2px solid #239fbb;
    padding: 15px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
}
.answer {
    border: 2px solid #78b473;
    padding: 15px 15px 5px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.question .fa{ 
    transform: rotate(180deg);
}
.question strong{
    font-size:14px !important;
}
.question.collapsed .fa{ 
    transform: rotate(0deg);
}
.answer p{
    font-style: italic;
}


.home-responsive-hero {
    background: url(images/Asset184@4x-8.png) no-repeat;
    background-size: 400%;
    background-position: top center;
}
.font-28{
    font-size: 28px;
}
.hero-btn{   
    background-color:#f08819;
    text-align:center;
    color:#ffffff;
    padding: 15px 25px;
    width: 90%;
    border-radius: 8px;
    display: block;
    font-weight: 600;
    font-size: 25px;
    margin-left:auto;
    margin-right:auto;
}
.hero-btn:hover{
    color:#ffffff;
}
.footer-icon-strip{
    list-style-type:none;
    padding:0;
    color:#ffffff;
}
.footer-icon-strip li {
    display:inline;
    color:#ffffff;
    margin-right: 10px;
    text-transform:uppercase;
    font-weight:700;
}

@media(max-width:991px){
    .footer-icon-strip{
        text-align:center;
    }
}
.logo-login{
    display:none;
}