EVOLUTION-NINJA
Edit File: main2.css
html, body { margin:0 !important; padding:0 !important; color: #3b3b3b !important; overflow-x:hidden !important; 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; } .main_banner{ padding-bottom:1%; padding-top:2%; } .main_banner_text{ padding-bottom:1%; } .main_banner_text h2{ text-align: center; font-family: "Arial Rounded MT Bold"; color: white; font-weight: bold; font-size:40px; } @media only screen and (min-width:320px) and (max-width:640px) { .main_banner_text h2 { font-size: 22px; } .main_banner { padding-top: 3%; } } /* ---------------- 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; } /*--------------------------------------------------------------------------------------------*/ .home_mid_one{ background-color: #edf2f8; 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 -6px rgba(0,0,0,0.1); margin-top: 15px; margin-bottom: 15px; } .popular_courses_box_img{ height:187px; width: 100%; padding:15px; } .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; } /* @font-face {font-family: "Molot"; src: url("http://db.onlinewebfonts.com/t/41fd7a16df8966e172c862ca3875679f.eot"); src: url("http://db.onlinewebfonts.com/t/41fd7a16df8966e172c862ca3875679f.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/41fd7a16df8966e172c862ca3875679f.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/41fd7a16df8966e172c862ca3875679f.woff") format("woff"), url("http://db.onlinewebfonts.com/t/41fd7a16df8966e172c862ca3875679f.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/41fd7a16df8966e172c862ca3875679f.svg#Molot") format("svg"); }*/ .viewallcourses{ color: #fff; background-color: #0075be; 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; } /*----------------------------------------- Footer ------------------------------------*/ footer{ padding-top: 2%; padding-bottom: 2%; background: url(../images/footerbg.png) no-repeat center center /cover; } .u-heading-v3-1{ border-bottom: 1px dotted #fff; margin-bottom: 1.1rem; } .g-brd-primary{ font-weight: 600; color: white; border-color: #ffc800 !important; } .u-heading-v3__title { position: relative; top: 1px; display: inline-block; margin: 0; padding-bottom: 0.7142857143rem; border-bottom: 1px 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; } .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; } @media only screen and (min-width:320px) and (max-width:640px) { .nav-tabs>li>a { margin-right: 0px !important; } .modal-social-icons a { margin-bottom: 3%; } .modal { z-index: 9999 !important; } } @media only screen and (min-width:641px) and (max-width:991px) { } @media only screen and (min-width:992px) and (max-width:1258px) { } /*------------------------------- Home END --------------------------------------------------------*/ /*----------------------------------- Courses ----------------------------------------------------*/