EVOLUTION-NINJA

Edit File: innerpage.css

/*--------------------- About -----------------------------*/
#about_banner_two{
        background: url(../images/about_bg.png) no-repeat center center  /cover;
        height: 350px;
    }
    .about_banner_two_left{
        color: white;
        padding-top:6%;
    }
    .about_banner_two_left h3{
        font-weight: 600;
    }
    .about_middle_two_one{
        padding-top: 2%;
        padding-bottom:5%;
    }
    .about_middle_two_one_div{
        background: #f7f7f7;
        padding-bottom: 3%;
        padding-top: 2%;
        border-radius: 4px;
        margin-top: -11%;
        box-shadow: 0 0 8px silver;
    }
    .about_middle_two_one_div_col-6{
        text-align: center;
    }
    .about_middle_two_one_div_col-6 h4{
        text-transform: uppercase;
        font-weight: 600;
        color: #325725;
    }
    @media only screen and (min-width:320px) and (max-width:640px) {
        #about_banner_two {     
            height: 270px;
        }
        .about_middle_two_one_div_col-6 {       
            padding-bottom: 20px;
        }
        .about_middle_two_one_div {     
            padding-bottom: 4%;
            padding-top: 6%;
        }
        .about_middle_two_one {
            padding-bottom: 9%;
        }
    }
    @media only screen and (min-width:641px) and (max-width:991px) {
        #about_banner_two {     
            height: 255px;
        }
    }

#courses_banner{

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

}

.courses_middlework{

padding-top: 2%;

padding-bottom: 3%;

background: #f2f2f2;

}

.menus{

background:#00000075;

}/*

.tagline h3{

text-align: center;

font-family: "Arial Rounded MT Bold";

color: white;

font-weight: bold;

padding-top:6%;

padding-bottom:6%;

text-shadow: 1px 1px 5px black;

}*/

.courses_middlework_col-4{

background-color: white;

box-shadow: 0px 0 7px 0 silver;

padding: 10px;

}

.courses_middlework_col-4 h4{

text-align: center;

border-bottom: 1px solid silver;

padding-bottom: 10px;

font-weight: 600;

}

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

/* -------------make sidebar nav vertical */

@media (min-width: 768px) {

.sidebar-nav .navbar .navbar-collapse {

padding: 0;

max-height: none;

}

.sidebar-nav .navbar ul {

float: none;

//display: block;

}

.sidebar-nav .navbar li {

float: none;

display: block;

}

.sidebar-nav .navbar li a {

padding-top: 8px;

padding-bottom: 8px;

font-size: 14px;

border-bottom: 1px solid #e7e7e7;

}

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

.cousri

{

margin-top: 17px;

margin-left: 29px;

}

.sidebar-nav .navbar ul {

float: none;

display: block;

}

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

.dropdown-submenu {

position: relative;

}

.dropdown-submenu>.dropdown-menu {

top: 0;

left: 100%;

margin-top: -6px;

margin-left: -1px;

-webkit-border-radius: 0 6px 6px 6px;

-moz-border-radius: 0 6px 6px;

border-radius: 0 6px 6px 6px;

}

.dropdown-submenu:hover>.dropdown-menu {

display: block;

}

/*.dropdown-submenu>a:after {

display: block;

content: " ";

float: right;

width: 0;

height: 0;

border-color: transparent;

// border-style: solid;

//border-width: 5px 0 5px 5px;

// border-left-color: #ccc;

//margin-top: 5px;

// margin-right: -10px;

font-family: FontAwesome;

content: "\f105";

display: inline-block;

padding-left: 10px;

padding-right: 10px;

vertical-align: middle;

}*/

.dropdown-submenu:hover>a:after {

border-left-color: #fff;

}

.dropdown-submenu.pull-left {

float: none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

left: -100%;

margin-left: 10px;

-webkit-border-radius: 6px 0 6px 6px;

-moz-border-radius: 6px 0 6px 6px;

border-radius: 6px 0 6px 6px;

}

.co_of_mid_left-2 {

background-color: white;

box-shadow: 0px 0 7px 0 silver;

padding: 10px;

margin-top: 20px;

}

.co_of_mid_left-2 h4 {

text-align: center;

border-bottom: 1px solid silver;

padding-bottom: 10px;

font-weight: 600;

}

/*--------------------------- Courses Right Side ----------------------------------*/

.courses_middlework_right_side{

background-color: white;

padding: 10px;

box-shadow: 0px 0 7px 0 silver;

}
.co-ri{
    padding-bottom: 10px;
  }

.co-ri h4{
	//padding-bottom:15px;
	font-size: 16px;
	padding-left: 10px;
}

.papulor {

font-size: 12px;

padding-left: 40px;

}

.papulor:hover{

text-decoration: none;

}

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

.course_box-main{

padding-left:0 !important;

padding-right:0 !important;

}

.rightside_course_box{

padding: 10px;

box-shadow: 0px 0 7px 0 silver;

height:263px;

margin: 8px;
    width: 202px;
}
a:focus, a:hover {
    /*color: #23527c;*/
    /*text-decoration: none !important;*/
}

.course_box-main a:hover{

text-decoration: none;

}

.rightside_course_box_img{
	height:166px;
	overflow: hidden;
	background: #e4e4e4;
	width: 182px;
}

.co_main_headding{
	padding-top: 10px;
	padding-bottom:5px;
	height:35px;
	overflow: hidden;
}

.co_main_headding p{

color:#2e2e2e;

font-size: 15px;

}

.co_main_headding_subtext{

height:43px;

overflow: hidden;

}

.co_main_headding_subtext p{

color:#2e2e2e;

font-size: 14px;

}

.stars{

color:#2e2e2e;
	font-size: 14px;

}

.co_price{

color:#2e2e2e;

font-size: 14px;

}

.course_box_ri{

text-align: center;

color: green;

font-size: 18px;

font-weight: 600;

padding-top: 5px;
    display: table-cell;
    padding-left: 16px;

}

.a2{

padding-top: 25px;

}

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

.rightside_course_box{

height: auto !important;
        width: auto;
	}

.dropdown-menu a {

width: 100% !important;

}

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

.co_main_headding{

height: 56px !important;

}

.co_main_headding_subtext{

padding-top: 5px;

}

.co_main_headding_subtext p {

font-size: 13px;

}

.stars p{

font-size: 12px;

}

.stars span{

font-size: 16px !important;

}

.rightside_course_box {

padding: 4px;

height: 295px;
        width: 180px;

}

.co-ri h4 {

padding-bottom: 6px;

}

.a2{

padding-top:15px;

}
	.rightside_course_box_img {
        width: 170px;
        height: 150px;
	}

}

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

.co_main_headding_subtext p {

font-size: 11px;

}

.rightside_course_box {
	    height: 223px !important;
        width: 150px;
	}
	
	.rightside_course_box_img {
	    height: 127px !important;
        width: 140px;
	}

.stars>p>span{

font-size: 17px !important;

}

.stars {
	    font-size: 12px !important;
	 }

.rightside_course_box{
		height:280px !important;
		padding: 6px !important;
	}
	.detailss {	   
	    padding-left: 19px !important;
	}

.co-ri h4{

padding-bottom: 1px !important;

}

.co_main_headding {

padding-top:5px !important;

padding-bottom:5px !important;

height:28px !important;

}

.co_main_headding p {

font-size: 12px !important;

}

.co_main_headding_subtext {

height: 33px;

}

/*--------------------------------------- Courses END  Courses Details Start -------------------------------------------------*/

.coursedetails_middle-2-left{
	padding-bottom:25px;
}

#courses_details_banner{

background: url(../images/parallax-01.jpg) no-repeat center bottom  /cover;

}

.co_details{

color: white;

text-align: center;
	padding-bottom:3%;

}

.co_details h3{

font-weight: 600;

padding-bottom: 15px;

text-shadow: 0px 0px 18px #c03259;

}

.co_details h4{

text-shadow: 0px 0px 13px #c03259;

line-height: 27px;

}

.co-image{

padding:10px;

}

.coursedetails_middle-head li{

list-style-type:none;

float:left;

}

.coursedetails_middle-head a{

padding:10px 25px;

color:black;

font-weight:600;

}

.coursedetails_middle-1{

background:white;

padding-top:10px;

padding-bottom:10px;

box-shadow: 0px 3px 7px #c3c3c3;

}

.coursedetails_middle-head a:hover{

text-decoration:none;

}

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

.co_details h3 {

font-size: 18px;

line-height: 30px;

padding-bottom: 0px;

}

.co_details h4 {

line-height: 22px;

font-size: 15px;

}

.coursedetails_middle-2-right {

padding-top:0 !important;

}

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

.co_details h3 {

font-size:16px;

line-height:28px;

padding-bottom: 8px;

}

.co_details h4 {

line-height: 20px;

font-size: 15px;

margin-top: 0 !important;

}

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

.co_details h3 {

font-size: 20px;

}

.co_details h4 {

text-shadow: 0px 0px 14px #c03259;

line-height: 25px;

font-size: 16px;

}
	.footer_one_left h4{
	    font-size: 15px !important;
	}

}

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

.coursedetails_middle-aa{

float:right;
	margin: 0 !important;

}

.coursedetails_middle-aa li{

list-style-type:none;

float:left;

}

.coursedetails_middle-aa a{

padding:10px 25px;

color:black;

font-weight:600;

}

.rupee{

font-size:18px;

}

.enrool{

background:#3693c9;
	border-radius:4px;
	color:white !important;
	border: transparent;
	padding: 6px;

}

.coursedetails_middle-aa a:hover{

text-decoration:none;

}

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

.a h3{

text-transform:uppercase;

font-weight:600;

color:#2d2d2d;

padding-bottom:20px;

padding-top:10px;

}

.panel-title > a:before {

float: right !important;

font-family: FontAwesome;

content:"\f055";

padding-right: 5px;

}

.panel-title > a.collapsed:before {

float: right !important;

content:"\f056";

}

.panel-title > a:hover,

.panel-title > a:active,

.panel-title > a:focus {

text-decoration:none;

}

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

.sr {

color: #989898 !important;

background-color: #4e4e4e !important;

}

.sr>a:focus>a:hover{

//color: #fcfeff !important;

color:#020202 !important;

text-decoration: none;

}

.sr>a{

color: #fcfeff !important;

}

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

.a{
		//padding:20px;
	}
	.coursedetails_middle-head{
		//display:none;
	}
	.coursedetails_middle-head li a {
		padding: 10px 5px;
	}
	.image img{
		width:60% !important;
	}

}

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

.coursedetails_middle-head a{

padding: 10px 10px;

}

.coursedetails_middle-aa a{

padding: 8px 8px;

}

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

.namea{

font-size:16px;

color:#72c8fe;

}

/*------------------------ coursedetails_middle-2-right -------*/

.coursedetails_middle-2-right{

padding-bottom:20px;

padding-top:8%;
	padding-left: 40px !important;

}

.colorr{

color:#3d3d3d;

}

.colorraa{

font-weight:600;

padding-bottom:20px;

}

/*------------------------------------------ instructor_Start -------------------------------------------------*/

#instructor_banner{

//	background: url(../images/instructor-registration_01.png) no-repeat center center /cover;
	background: url(../images/faculty_bg.jpg) no-repeat center center /cover;

}

.instructor_middle{

padding-top: 3%;

padding-bottom: 3%;

font-size: 14px;

}

.space{

padding-left: 0 !important;

}

.space2{

padding-right: 0 !important;

}

.instructor_middle_two h4{

text-align: center;

text-transform: uppercase;

font-weight: 600;

}

.instructor_middle_left_one_1{

padding-top: 27%;

text-align: right;

}

.instructor_middle_left_one_2{

padding-top:58%;

text-align: right;

}

.instructor_middle_left_three_three_1{

padding-top:82%;

}

.instructor_middle_left_three_2{

padding-top:92%;

}

.instructor_middle_left_one, .instructor_middle_left_three{

padding-right: 0 !important;

padding-left: 0 !important;

}

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

.instructor_middle_left_one_1{

padding-top: 0 ;

text-align: left;

}

.instructor_middle_left_one_2 {

padding-top: 8%;

text-align: left;

}

.instructor_middle_left_three_three_1 {

padding-top: 8%;

}

.instructor_middle_left_three_2 {

padding-top: 5%;

padding-bottom: 20%;

}

.rightside_course_box_img {

height: 168px;
	    width: auto;
	}

}

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

.instructor_middle_left_three{

padding-top: 6%;

}

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

.instructor_middle_left_three_2 {

padding-top:79%;

}

.instructor_middle_left_one_2 {

padding-top:64%;

}

/*--------------------------------------------- Contact US -------------------------------------*/

#contact_banner{

background: url(../images/contact-us.png) no-repeat center center /cover;
	padding-bottom: 5%;

}

.contact_middle_work{

padding-top: 3%;

padding-bottom: 3%;

}

.cont-mid-left{

font-size: 14px;

}

.cont-mid-left h2 {

font-weight: 600;

padding-bottom: 20px;

}

.map_img{

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

height: 500px;

padding-top: 40%;

}

/*----------------------------------- About US -----------------------------------------------*/

#about_banner{

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

}

.about_middle_one{

padding-top:3%;

padding-bottom:4%;

background:#4fd3a6;

color: white;

}

.about_middle_two{

padding-top:3%;

padding-bottom:4%;

background:#eeeeee;

}

/*------------------------------ Recorded Lesson -----------------------------*/

#recorded_banner{

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

}

.recorded_middle_one{

padding-top: 3%;

padding-bottom:1%;

background-color: #f2f2f2;

}

.recorded_middle_two{

padding-bottom:3%;

background-color:#f2f2f2;

}

.vid-1 {

background-color:white;

padding: 10px;

box-shadow: 0px 0 7px 0 silver;

margin-bottom:30px;

height: 303px;

}

.vid_size{

height: 200px;

overflow: hidden;

}

.vid-1 h4{

text-align: center;

padding-bottom: 15px;

}

.vid-1 a:hover{

text-decoration: none;

color: black;

}

/*---------------------------------------------- webinars --------------------------------------------------------*/

#webinars_banner{

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

}

.webinars_middle_one{

padding-top:3%;

padding-bottom:1%;

background-color: #f2f2f2;

text-align: center;

}

.webinars_middle_one h4{

font-weight: 600;

}

.recorded_middle_two{

//padding-top:1%;

padding-bottom:3%;

background-color: #f2f2f2;

}

.recorded_middle_two_left h3{

color: #04a273;

font-weight:600;

}

.recorded_middle_two_left p{

padding-bottom: 10px;

text-align: justify;

}

.webinner_box {

background: #f2f1f1;

border: 2px solid #04a273;

border-radius: 6px;

padding: 20px;

margin-top: 20px;

}

.webinner_box h4{

text-align: center;

}

.webinner_box label{

font-size: 14px;

}

.buttt {

background: #63c2a5 !important;

color: white !important;

width: 100%;

}

.recorded_middle_three{

background: #2f948e;

padding-top:2%;

padding-bottom:3%;

}

.recorded_middle_three h4{

text-align: center;

color: white;

padding-bottom:2%;

}

/*----------------------------------------- Blogs Guest --------------------------------------------------------*/

#blogssguest_banner{

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

}

.blogssguest_middle_one{

padding-top: 30px;

padding-bottom: 30px;

background-color: #013C5A;

}

.blogssguest_middle_one p{

text-align: center;

color: white;

line-height: 30px;

}

.blogssguest_middle_two{

padding-top:3%;

padding-bottom:3%;

background-color: #f2f2f2;

}

.blogssguest_middle_two h3{

text-align:center;

color:gray;

font-weight: 600;

}

.panel-heading .accordion-toggle h4:after {

/* symbol for "opening" panels */

font-family: 'Glyphicons Halflings';

content:"\E113";

float: right;

color: grey;

overflow: no-display;

}

.panel-heading .accordion-toggle.collapsed h4:after {

/* symbol for "collapsed" panels */

content:"\E114";

}

a.accordion-toggle{

text-decoration: none;

}

.blogssguest_middle_three{

padding-bottom:3%;

padding-top:3%;

background-color: #17A599;

}

.blogssguest_middle_three h3{

text-align:center;

color:white;

padding-bottom:20px;

}

.blogssguest_middle_three p{

text-align:center;

color:white;

line-height:30px;

}

/*------------------------------------------- Become an Affiliate --------------------------------------------------------*/

#become_affiliate_banner{

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

}

.become_affiliate_middle_one{

padding-top:3%;

padding-bottom:3%;

background-color: #003c5a;

color: white;

}

.become_affiliate_middle_one h4{

text-align: center;

font-weight: bold;

padding-bottom: 15px;

}

.become_affiliate_middle_one p{

text-align: center;

line-height: 2;

padding-top: 10px;

}

.become_affiliate_middle_two{

padding-top:3%;

padding-bottom:3%;

background-color: #f2f2f2;

}

.become_affiliate_middle_two h4{

color: #6b6a6a;

text-align: center;

font-weight: bold;

padding-bottom: 15px;

}

.become_affiliate_middle_two p{

color: #6b6a6a;

text-align: center;

padding-top: 20px;

}

.become_affiliate_middle_three{

background-color: #16a598;

padding-top:3%;

padding-bottom:3%;

color: white;

}

.become_affiliate_middle_three h4{

text-align: center;

font-weight: bold;

padding-bottom: 15px;

}

.become_affiliate_middle_three p{

text-align: center;

padding-top: 20px;

border-top: 1px solid white;

}

.become_affiliate_middle_three img{

padding-bottom: 20px;

}

.join_us {

text-align: center;

margin-top: 73px;

margin-bottom: 10px;

}

.join_us a {

color: #ffffff;

border: 1px solid white;

padding: 20px 20px;

}

.join_us a:link {

text-decoration: none;

}

/*----------------------------------------- career -----------------------------------------*/

#career_banner{

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

}

.career_middle_one{

background: #f5f5f5;

padding-top:2%;

padding-bottom:3%;

}

.care_mid_a {

text-align: center;

}

.care_mid_a {

text-align: center;

}

.career_middle_1_right img{

background:#a4a4a4;

padding:10px;

}

.career_middle_1_left ul li{

list-style-type:none;

padding-bottom:30px;

font-size:18px;

}

.career_middle_1_left ul li i{

padding-right:25px;

}

.career_middle_two{

background: white;

padding-top:2%;

padding-bottom:3%;

}

.career_middle_2_aa {

text-align: center;

}

.career_middle_2_aaa {

text-align: center;

padding-bottom: 1%;

}

.career_middle_2_bb p {

text-align: center;

font-size: 14px;

padding-top: 10px;

}

/*------------------------------------------- FAQ -------------------------------------------------------*/

#faq_banner{

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

}

.faq_middle_one{

padding-top:3%;

padding-bottom:3%;

}

.faq-tab h3{

color:#98ce00;

margin: 0 !important;

font-weight: 600;

font-size: 20px;

text-transform: uppercase;

}

.faq_middle_two{

padding-top:3%;

padding-bottom:3%;

background: #eeeeee;

}

.faq_middle_2_a{

text-align: center;

}

/*-------------------------------------------- Privacy Policy -----------------------------------------------*/

#privacy_banner{

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

}

.privacy_middle_one{

padding-top:3%;

padding-bottom:3%;

}

.privacy_middle_one p {
    padding-bottom: 20px;
    font-size: 14px;
    text-align: justify;
    line-height: 1.9;
}
.privacy_middle_one ul li {
    line-height: 1.9;
    text-align: justify;
}

/*-------------------------------------- Course Details ----------------------------------------------------*/
.course_banner {
    background: url("../images/about_bg.png") no-repeat center center /cover; 
    height:200px;
}
.course_banner ul li {
    list-style-type: none;
    color: white;
    float: left;
    padding-right: 1%;
    margin-top: 8%;
    text-transform: uppercase;
    font-weight: 600;
}
.add_course {
        margin-top:2%;
    }
.add_course a {
    background-color: #3693c9;
    padding:7px 10px;
    margin-left: 5px;
    color: white;
    border-radius: 4px;
}

@media only screen and (min-width:320px) and (max-width:640px) { 
    .course_banner { 
        height:100px;
    }
    .coursedetails_middle-head li a {
        padding:6px 13px;
    }
    .coursedetails_middle-aa {
        float: left;
    }
    .coursedetails_middle-1_leftdiv{
       margin-bottom: 8px;
        border-bottom: 1px solid #ddd9d9;
    }
}
@media only screen and (min-width:641px) and (max-width:991px) { 
    .course_banner { 
        height:150px;
    }
}
@media only screen and (min-width:992px) and (max-width:1258px) { 
    .nav>li>a {
        padding: 10px 13px;
    }
    .add_course a {
        padding:7px 5px;
    }
}