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 --------------------------------------------------------*/