EVOLUTION-NINJA

Edit File: main.css

html, body {

margin:0 !important;

padding:0 !important;

color: #3b3b3b !important;

/*overflow-x:hidden !important;*/
	/*overflow:hidden;*/

//font-size:16px !important;

font-family: 'Lato', sans-serif !important;

font-family: 'Open Sans', sans-serif !important;

}

span, label, h1, h2, h3, h4, h5, h6, p, ul{

margin:0 auto;

padding:0;

}

.row{margin:0 !important;}

p{margin:0 !important;}

.clr {clear:both;}

.scrollup {

width: 70px;

height: 70px;

position: fixed;

bottom: 50px;

right:10px;

display: none;

text-indent: -9999px;

background: url('../images/top-bt.png') no-repeat center center;

border-radius: 50%;

}

@media only screen and (min-width:320px) and (max-width:640px) {

}

@media only screen and (min-width:641px) and (max-width:991px) {

}

@media only screen and (min-width:992px) and (max-width:1258px) {

}

@font-face {font-family: "Arial Rounded MT Bold";

src: url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.eot");

src: url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.eot?#iefix") format("embedded-opentype"),

url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.woff2") format("woff2"),

url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.woff") format("woff"),

url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.ttf") format("truetype"),

url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.svg#Arial Rounded MT Bold") format("svg");

}

@font-face {font-family: "Arial Rounded MT Bold";

src: url("../fonts/Rounded1.eot");

src: url("../fonts/Rounded.eot") format("embedded-opentype"),

url("../fonts/Rounded.woff2") format("woff2"),

url("../fonts/Rounded.woff") format("woff"),

url("../fonts/Rounded.ttf") format("truetype"),

url("http://db.onlinewebfonts.com/t/2d1068a7f51e1fc2c63d81165bf52422.svg#Arial Rounded MT Bold") format("svg");

}

.modal-dialog{

margin: 87px auto !important;

}

/*------------------------------- Header ------------------------------------------------------*/

#home_banner{

background: url(../images/banner.png) no-repeat center center /cover;

height:864px;

}

.header_top_left{

padding-top:15%;

}

.header_top_left h2{
     width:963px;
	font-weight: 700;
    color: #769f0d;
    text-transform: uppercase;
    font-size: 41px;

}

@media only screen and (min-width:320px) and (max-width:640px) {

.header_top_left{

text-align: center;

}

#home_banner{

background: url(../images/banner.png) no-repeat center right /cover;

height:500px;

}

.header_top_left {

padding-top:7%;

}
 h2 {

font-size: 20px;

}

@media only screen and (min-width:641px) and (max-width:991px) {

#home_banner{

background: url(../images/banner.png) no-repeat center right /cover;

height:500px;

}

.header_top_left {

padding-top: 4%;

}

@media only screen and (min-width:992px) and (max-width:1258px) {

.header_top_left h2{

font-size: 28px;

}

#home_banner{

height:500px;

}

@media (max-width:550px){
    
    .demo{
        margin-left: -23px;
        display: flex;
        text-align: center;
        width: 346px !important;
        justify-content: center;
        margin-top: -55px;
    }
    
    .demo1{
        margin-left: 7px !important;
        width: 292px;
    }
    
    
    .demo2{
        font-size: 19px !important;
        width: 285px;
        text-align: justify;
        margin-left: -26px !important;
    }
}

/* ---------------- LogIn Form -----------------------------------------------*/

.btn{

background-color: #a6ce39;

}

.modal-social-icons	{

padding-bottom:20px;

}

.facebook{

background-color: #3b5999 !important;

border: 2px solid #3b5999 !important;

color: #fff !important;

}

.facebook:hover{

background-color:#164cc0 !important;

}

.google{

background-color: #dd4b39 !important;

border: 2px solid #dd4b39 !important;

color: #fff !important;

}

.google:hover{

background-color:#a6200f !important;

}

.twitter{

background-color: #00aced !important;

border: 2px solid #00aced !important;

color: #fff !important;

}

.twitter:hover{

background-color:#1283ae !important;

}

#center-line{

//background: #ddd;

background: #edeaea;

//border: 1px solid #DDDDDD;

border-radius: 20px;

margin-bottom:20px;

width: 7%;

margin-left: 45% !important;

}

@media only screen and (min-width:320px) and (max-width:640px) {    
    .modal-social-icons a {
        margin-bottom:10px;
    }
    
}

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

.home_mid_one{

background-color:#f6fbe9;

padding-top: 2.5%;

padding-bottom:4%;

}

.home_mid_one h3{

text-align: center;

font-weight: 600;

//font-family: "Arial Rounded MT Bold";

margin-bottom: 10px;

}

.line1{

margin-bottom: 20px;

}

.home_mid_one_row_col a{

color: #3b3b3b;

}

.home_mid_one_row_col a:hover{

text-decoration: none;

}

.popular_courses_box{

height:250px;

background: white;

box-shadow: 0 5px 10px 2px rgba(0,0,0,0.1);

margin-top: 15px;

margin-bottom: 15px;

}

.popular_courses_box_img{

height:187px;

width: 100%;
overflow: hidden;
	//padding:15px;
    background: #e1e1e1;

}

.malot{

//font-family:'Molot' !important;

font-weight:normal;

//letter-spacing: 1px;

margin-top:19px !important;

margin-bottom: 8px !important;

text-transform: uppercase;

text-align: center;

font-weight: 600;

}

.viewallcourses{

color: #fff;

background-color: #a6cf39;

padding: 10px;

border-radius:4px;

width: 100%;

text-align: center;

display: block;

}

.home_mid_one_row_2{

padding-top: 3%;

}

.home_mid_one_row_2 a:hover{

text-decoration: none;

color: yellow;

}

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

.home_mid_two{

padding-top: 3%;

padding-bottom: 4%;

background: #e1e8ea;

}

.home_mid_two_div p{

text-align: center;

padding-top: 10px;

}

.home_mid_three{

padding-top:2%;

padding-bottom:3.5%;

}

.home_mid_three h3{

text-align: center;

font-weight: 600;

margin-bottom: 10px;

}

.home_mid_three_div h4{

text-align: center;

font-weight: 600;

}

.home_mid_three_div p{

text-align: center;

font-size: 14px;

}

/*----------------------------------------- Footer ------------------------------------*/

footer{

padding-top: 2%;

padding-bottom: 2%;

background: url(../images/footerbg.png) no-repeat center center  /cover;

}

.u-heading-v3-1{

border-bottom:2px dotted #fff;

margin-bottom: 1.1rem;

}

.g-brd-primary{

font-weight: 600;

color: white;

border-color:#a6cf39 !important;

}

.u-heading-v3__title {

position: relative;

top:2px;

display: inline-block;

margin: 0;

padding-bottom: 0.7142857143rem;

border-bottom:2px solid #fff;

}

.footer_row_one_div_1 li{

list-style-type: none;

padding-bottom: 6px;

}

.footer_row_one_div_1 a{

color: white;

font-size: 14px;

}

.footer_row_one_div_1 a:hover{

color: #a6ce39;

text-decoration: none;

}

.footer_two{

text-align: center;

color: white;

font-size: 12px;

letter-spacing: 1px;

background-color: rgb(0, 0, 0, 0.5);

padding-top: 10px;

padding-bottom: 10px;

}

.foot-bottom{

background: black;

text-align: center;

padding-top: 6px;

padding-bottom: 6px;

}

.fot-b a{

color: white;

}

.fot-b a:hover{

text-decoration: none;

color: #a6ce39;

}

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

.footer_one{

background:url(../images/footer_bg_top.png) no-repeat center left;

padding-top: 10px;

padding-bottom: 10px;

}

.footer_one_left h4{

color: white;

margin: 0 !important;

}

.footer_one_right ul{

float: right;

margin: 0 !important;

}

.footer_one_right li{

float: left;

list-style-type: none;

}

.footer_one_right a{

color: #434343;

padding-left: 50px;

font-weight: 600;

font-size: 18px;

}

.footer_one_right a:hover{

text-decoration: none;

color: black;

}

@media only screen and (min-width:320px) and (max-width:640px) {

.footer_one{

background:url(../images/footer_bg_top.png) no-repeat center left  /cover;

}

.footer_one_left{

text-align: center;

padding-bottom:10px;

}

.footer_one_right a {

color: #ffffff;

padding-left: 1px;

padding-right: 53px;

font-weight: 400;

font-size: 14px;

}

.footer_one_right ul {

float: none;

}

.footer_one_left h4{

text-align: left;

}

.home_mid_three_div{

padding-bottom: 15px;

}

.home_mid_three_div h4 {

font-size:16px;

}

@media only screen and (min-width:641px) and (max-width:991px) {

.footer_one{

background:url(../images/footer_bg_top.png) no-repeat center right;

}

.footer_one_right a {

padding-left:12px;

font-size:14px;

}

.footer_one_left h4 {

color: #e7654e;

}

.home_mid_three_div h4 {

font-size:16px;

}

@media only screen and (min-width:992px) and (max-width:1258px) {

.home_mid_three_div h4 {

font-size: 16px;

}

/*------------------------------- Home END --------------------------------------------------------*/