@charset "UTF-8";

/*
Theme Name: jotirang
Theme URI: https://jotirangmusic.com/
Author: Web Hill Tech LLC
Author URI: https://www.webhilltech.com/
Description: We are committed to increasing your web traffic
and convert your online visitors to potential customers.

*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);


*{ padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
body {font-family: 'Open Sans', sans-serif; font-size:16px; font-style:normal;}
img{max-width:100%;}
.error {
    padding: 50px 0;
    background: #e40e1a;
    text-align: center;
}

.top-header {padding: 10px 0; background: #e40e1a !important;}
.top-header a:hover{color:#000 !important;}
.wrapper{width:100%; float:left;}
.sitelogo img{width:100%; height:auto;}
.footer-logo img{width:80%; height:auto;}
.footer ul{padding-left:0;}
.footer ul li{list-style-type:none;}
.prime-nav{float:right; margin-top:35px;}
.prime-nav li{display:inline-block; position:relative;}

.prime-nav li a {padding: 10px 12px; display: block; color: #000; font-weight: 600; transition: ease-in-out 0.5s;}
.prime-nav li a:hover {color: #f29c47; background: #008d31; border-radius: 8px;}

.prime-nav li ul.sub-menu {display: block; position: absolute; top: 42px; z-index: 99; background: #ef7d02; left: 0; padding-left: 20px; padding-right:20px; min-width: 226px; width: 100%; display:none;}

.prime-nav li ul.sub-menu li{display:block;}
.prime-nav li ul.sub-menu li a:hover{background:transparent; color:#008d31;}
.prime-nav li:hover .sub-menu {display:block;}


.banner {padding: 100px 0; background-repeat: no-repeat; background-size: cover; background-position:center center; text-align: center; min-height: 450px; position:relative; z-index:1; background-attachment:fixed;}
.banner:before{position:absolute; width:100%; height:100%; content:""; background:rgba(0,0,0,0.8); left:0; top:0; z-index:-1;} 
.banner h2{color:#ef7d02; text-transform:uppercase;}
.banner h1{color:#fff; font-weight:800; font-size:68px; text-transform:uppercase;}
.banner p{color:#fff;}

.time-table {
    background: #ef7c00;
    padding: 20px 30px;
    color: #000;
}

.course-schedule li {
    list-style-type: none;
    padding: 15px;
    width: 100%;
    float: left;
    border-bottom: 1px dotted #000;
}

.course-tile {
    font-weight: 700;
}

.course-schedule li abbr {
    width: 60%;
    float: left;
}

.course-schedule li i {
    width: 20%;
    float: left;
    font-style: normal;
}

.primary-nav-bar{background:#fff;}
.inner_title {background: #e4101c; padding: 15px 0;}
.inner_title h1{color: #fff; font-size: 42px; font-weight:800; text-transform:uppercase;}
.inner_content{background:#fff; padding:60px 0;}
.about_slogan{padding:60px 0; background:#008d31;}
.about_slogan h2{color:#fff;}
section.wrapper.inner_title.music_course {text-align: center; padding: 60px 0; color: #fff; }

section.wrapper.inner_title.music_course {
    text-align: center;
    padding: 60px 0;
    color: #fff;
    background: url(assets/images/banner-2.jpg) center; position:relative; z-index:0;
}
.music_course:before{width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; z-index:-1; content:"";}

.music_course h2{color:#ef7c00; font-weight:800;}
section.course_content {background: #fff; padding: 50px 0; text-align: center;}
section.course_content h3{margin-bottom:20px; font-weight:800;}
section.why_choose {padding: 50px 0; text-align: center; background: #078f36; color: #fff;}
section.why_choose h2{color:#fff; margin-bottom:20px; font-weight:800;}
section.why_choose ul li {width:32%; margin-right: 1%; padding: 20px; border: 1px solid #fff; list-style-type: none; display: block; float: left; margin-top: 20px; min-height:390px;}
section.why_choose ul li h3 {color: #ef7c00; font-weight:600; font-size:24px;}

.container-fluid.feature {
    background: url(assets/images/bg-banner1.png) no-repeat;
    background-position: right bottom; background-attachment:fixed;
}

.inner_content img {
    border: 10px solid #ef7c00;
}

section.faqs {padding: 50px 0; background: #f2f2f2;}
section.faqs h2{margin-bottom:20px; font-weight:800;}
section.faqs #sp-ea-184.sp-easy-accordion>.sp-ea-single>.ea-header a {font-size: 16px !important;}
.faqs #sp-ea-186.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #078f36; font-size: 16px;}
.faqs #sp-ea-205.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #078f36; font-size: 16px;}


.gform_legacy_markup_wrapper {padding: 20px; border: 1px solid #ccc;}
.gform_body input {border: 1px solid #7e7a7a; border-radius: 5px;}
.gform_body  select {border: 1px solid #7e7a7a; border-radius: 5px; padding: 10px !important;}
input#gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4{padding:10px 30px !important; background:#ef7b00 !important; cursor:pointer;}
form#forminator-module-169 {border:1px solid #f38e00;padding:30px !important;background:#f9f9f9;border-radius:10px;}

span.theme-credit {display: block; font-size: 5px; margin-top: 5px; color: #202135;}
span.theme-credit a{color: #202135; border-bottom:none !important;}
.forminator-ui#forminator-module-169.forminator-design--default .forminator-button-submit {
    font-size: 20px;
    background: #ef7c00 !important;
}

@media only screen and (max-width: 640px) {
	.prime-nav {display: none;}
	.mob-menu-logo-holder span {display: none;}
	.mobmenur-container i {font-size: 44px !important;color: #000 !important;}
	.mobmenu-content li a {padding: 10px 0px !important; font-size: 16px !important; color: #000 !important;}
	.mobmenu-content {background:#ef7c00;}
	.top-header{display:none;}
	.primary-nav-bar .container_24 .grid_4 {width: 40%;}
	.banner h1 {font-size: 48px;}
	.sub-title:before{display:none;}
	.sub-title:after{display:none;}
	.section-title .sub-style::before{display:none;}
	.section-title .sub-style::after{display:none;}
	.course-schedule li abbr {width: 98%;}
	.course-schedule li i {width: 98%;}
	.container_24 .grid_16{width:98% !important;}
	.container_24 .grid_8{width:98% !important;}
		.container_24 .grid_14{width:98% !important; margin-bottom:20px;}
		.container_24 .grid_10{width:98% !important;}
	.container_24 .grid_12{width:98% !important;}
	section.why_choose ul li{width:92% !important;}
	.mobmenu-content #mobmenuright li:hover {
		background-color: #d37005 !important;}
		.mobmenu-content #mobmenuright > li > a:hover {background-color: #d37005 !important;}
.mobmenu-content #mobmenuright .sub-menu {background-color: #d37005 !important;}
	.time-table {padding: 10px 10px;}
	  
}