html,body{
    margin: 0;
    padding: 0;
    background-color: #041119;
    height: 100%
}
.upside-holder{
/*   // background-image:url("https://i.imgur.com/9k6e6YI.png");*/
    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;


}

.upside-holder-p{
    background-color: #FFFFFF;
    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;


}

.whitebg{
    background-color: #FFFFFF;
    
}


.nav > li > a:hover{
    background-color: transparent;
    /*border-bottom: 2px solid #00a64e;*/
    border-bottom: 2px solid white;
}
.nav > li > a{
    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    border: 2px solid transparent;

}
.center-block{
    float: none;
}
.icons>a{
    color: white;
    font-size: 20px;
    margin-left: 10px;
}
/*.nav  {*/
    /*margin-top: 15px;*/
/*}*/
.slogan-f-title{
    color: white;
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    font-size: 42px;
}
.slogan-s-title{
    color: white;
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    font-size: 42px;
    margin-left: 200px;
}
.slogan-sm-title{
    color: white;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 12px;
    text-align: justify;

    margin-left: 200px;
}
.download-btn{
    margin-top: 60px;
}

.download-btn2{
    margin-top: 30px;
}



.db-second{
    margin-left: 30px;
}


.btn-danger:hover, .btn-danger:active{color:#fff;background-color:#1d5f3e;border-color:#1d5f3e}

.download-btn>a:hover, .download-btn>a:focus , .download-btn>a:active{
    background-color: none;
    
}
 /*@media only screen and (min-width: 768px){*/
     /*.footer{*/
         /*bottom: 0 !important;*/
         /*margin-bottom: 0 !important;*/
         /*position: relative;*/
         /*clear: both;*/


     /*}*/

 /*}*/

.picon {
    max-height: 70px;
    max-width: 50px;
}
.pay-tile{
    cursor: pointer;
    margin-bottom: 30px;
    box-shadow: 0px 8px 25px rgba(36, 36, 36, 0.08);
    min-height: 50px;
    max-width: 12.5% !important;
 
    padding: 5px;
}




.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:100px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.floating{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
       font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float-button{
	margin-top:16px;
}



.pay-text{
    font-family: 'Rubik', sans-serif;
    font-weight: 900;

}
.download-btn>a{

    border: 0;
    padding: 15px;
}



.pay-method-text:before{
    content: '';
    position: absolute;
    width: 3px;
    height: 20px;
    left: 0;
    top: -1px;
    background-image: -moz-linear-gradient( 90deg, rgb(8, 178, 73) 0%, rgb(8, 70, 35) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(8, 178, 73) 0%, rgb(10, 119, 50) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(8, 178, 73) 0%, rgb(8, 70, 35) 100%);
}
.pay-method-text{
    font-family: 'Rubik', sans-serif;
    position: relative;
    padding-left: 14px;
    margin-top: 50px;
    font-size: 16px;
    font-weight: 400;

    letter-spacing: 0;

}
.footer{
    background-color: #800808;
    color: white;
    padding: 15px;
    bottom: 0;

}
.footer >p{
    margin: 0;
    font-family: 'Rubik', sans-serif;
}


@media only screen and (max-width: 768px){



    .text-part{
        margin-top: 85px;
    }
    .slogan-f-title {
        color: #041119;
        font-size: 35px;
        float: left;
    }
    .slogan-s-title {
        font-size: 35px;
        color: #041119;
        margin-left: 150px !important;
    }
    .slogan-sm-title {
        color: #041119;
        margin-left: 0;
    }
    .download-btn{
        margin-top: 50px;
    }
    .navbar-brand{
        margin-top: 1px;
    }
    .navbar-toggle{
        display: none;
    }
    .main-phone{
        margin-top: 55px;
    }
}
@media only screen and (max-width: 600px) {
    /* For phones: */
    .upside-holder{
        background: url("../img/vubanew.png");
        background-repeat: no-repeat;
        background-size: 600px 400px;
        background-color: white;


    }
    .slogan-f-title {
        color: #041119;
        font-size: 25px;
        float: left;
    }
    .download-btn>a{
        margin-top: 10px;
    }
    .db-second{
        margin-left: 0
    }
    .slogan-s-title {
        font-size: 25px;
        color: #041119;
        margin-left: 150px !important;
    }
    .slogan-sm-title {
        color: #041119;
        margin-left: 0;
    }
    .nav > li > a{
        color: #041119;
        font-family: 'Rubik', sans-serif;
        font-size: 16px;
        border: 2px solid transparent;

    }
    .download-btn{
        margin-top: 50px;
    }
    .navbar-brand{
        margin-top: 1px;
    }
    .navbar-toggle{
        display: none;
    }
    .main-phone{
        margin-top: 55px;
    }

.picon {
    max-height: 40px;
    max-width: 40px;
}

.pay-tile{
    cursor: pointer;
    margin-bottom: 10px;
    box-shadow: 0px 5px 10px rgba(36, 36, 36, 0.08);
    min-height: 50px;
    max-width: 12.5% !important;
 
    padding: 2px;
}

}