/*
Theme Name: Bellevue Bodyworks
Theme URI: #
Description: Bridge Theme
Tags: SprayPaint,Custom Bodyworks, repairs
Author: MAD
Author URI: #
Version: 7.6.2
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
.course-query-form-main h1 {
    text-align: center;
	margin: 20px 0px;
}
.clear{
	clear:both;
}
.course-query-form-left {
    float: left;
    width: 38%;
    padding: 20px 6%;
    background-color: rgba(223,223,223,0.6);
    border-radius: 10px;
}

.course-query-form-left h3{
	text-align: center;
	margin: 20px 0px;
	font-weight: 700;
    font-size: 20px;
}
.course-query-form-right h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}
.course-query-form-right {
    float: left;
    width: 46%;
    padding: 0px 2%;
}
.course-query-form {
    margin: 90px 0px 120px;
}
span.fnamec {
    float: left;
    width: 48%;
    margin-right: 2%;
}
span.lname {
    float: left;
    width: 48%;
    margin-left: 2%;
}

.course-query-form-main hr {
    color: #e7e7e7;
    width: 162px;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    text-shadow: none;
}
input.wpcf7-form-control.wpcf7-submit {
    color: #fff!important;
    border: none!important;
    display: block!important;
    background-color: #F8C70B!important;
	margin: 0 auto!important;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    color: #000!important;
    border: none!important;
    display: block!important;
    background-color: #fff!important;
	
}
.theme-text{
	color:#dd3333;
}
.course-query-form-right hr {
    float: left;
	width: 122px;
}
.course-query-form-phone {
    margin-top: 25px;
}
p.course-query-form-heading {
    font-size: 18px;
    margin: 30px 0px 10px;
}
h4.courses-heading {
    margin: 50px 0px;
    font-size: 18px;
    text-transform: lowercase;
}
h4.courses-heading span{
	text-transform:capitalize;
}
.course-main {
    border-bottom: 5px solid #e5e5e5;
    padding-bottom: 20px;
    margin: 20px 0px;
}
.course-left-div {
    width: 75%;
    float: left;
	padding-right:5%;
}
.course-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.course-detail {
    width: 33.3%;
    float: left;
}
.course-details h3 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
}
.course-detail.course-detail-institute img {
    width: 180px;
}
.mi-btn-red {
    color: #ffffff;
    border-color: #dd3333;
    font-style: normal;
    font-weight: 400;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #dd3333;
	display: block;
    text-align: center;
    padding: 10px;
    margin: 10px;
}
.mi-btn-grey {
    color: #ffffff;
    border-color: #3a3a3a;
    font-style: normal;
    font-weight: 400;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #3a3a3a;
    display: block;
    text-align: center;
    padding: 10px;
    margin: 10px;
}
.mi-btn:hover {
	color:#fff;
}
.course-right-div {
    float: left;
    width: 20%;
	padding-top:60px;
}

.single-course-left {
    float: left;
    width: 45%;
    padding-right: 5%;
}
.single-course-right {
    width: 50%;
    float: left;
}
.single-course-main {
    margin: 90px 0px;
}
.single-course-img {
    width: 100%;
}
.single-course-img img {
    width: 100%;
}
.single-course-left h1 {
    font-size: 26px;
    font-weight: 500;
}
div#courses-cat-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div#courses-cat-nav ul li {
    float: left;
}
div#courses-cat-nav ul li a {
    display: block;
    padding: 10px 20px;
    background-color: #3a3a3a;
    text-transform: uppercase;
    color: #b4b4b4;
}

div#courses-cat-nav ul li a.active {
    background-color: #dd3333;
	color:#fff;
}
div#courses-cat-nav ul li a:hover {
	color:#1abc9c;
}
div#courses-cat-nav {
    max-width: 600px;
    margin: 0 auto;
}
.course-content {
    text-align: justify;
}
a#contact-us-a-top-header {
    color: #fff;
    background-color: #000;
    padding: 9px 15px;
}

.top-nav-aus {
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: lowercase;
    padding: 0px;
    line-height: 10px;
    padding-bottom: 20px;
}

ul#menu-top-navigation > li  > a {
    line-height: 50px!important;
    padding-top: 29px;
    padding-bottom: 10px;
	text-align: center;
}
ul#menu-top-navigation > li  > a:hover {
    /*color: #fff!important;*/
	z-index:99999; 
	opacity: 1!important;
}

ul#menu-top-navigation ul li ul li a i {
    float: right;
    font-size: 16px;
}
i.qode_icon_font_awesome.fa.fa-arrow-circle-o-right {
    float: right!important;
    font-size: 16px;
	display:block;
}
nav.main_menu > ul > li:not(:first-child):before {
    top: -29px;
}   
.top-nav-aus font {
    text-transform: capitalize;
}
a#movetofooter {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    right: 25px;
    bottom: 65px;
    color: #fff;
    padding: 15px 22px;
    border-radius: 50%;
}
select.goog-te-combo {
    background-color: #000;
    color: #fff;
    border: none!important;
    padding: 8px!important;
}
.skiptranslate.goog-te-gadget {
    height: 33px;
	margin-left: 10px;
}
.goog-te-gadget .goog-te-combo {
    margin: 0px!important;
}

/*---------------|| RESPONSIVE DESIGN START ||-------------------*/

@media screen and (max-width:1000px){
	span.top-nav-aus {
		text-align: left;
	}
}
@media screen and (max-width:768px) {
	.course-detail {
		width: 50%;
	}
	.course-left-div {
		width: 45%;
	}
	
	.course-right-div {
		width: 50%;
	}
}
@media screen and (max-width:479px) {
	.course-left-div {
		width: 100%;
	}
	
	.course-right-div {
		width: 100%;
		padding-top: 10px;
	}
	.course-content {
		display: none;
	}
	h4.courses-heading {
		font-size: 14px;
	}
	img.mobile {
		max-width: 170px!important;
	}
	.single-course-left,
	.single-course-right{
		width: 100%;
	}
	.single-course-left h1 {
		font-size: 18px;
		font-weight: 500;
	}
	.q_logo a, .q_logo img {
		height: 40px !important;
	} 
	span.q_social_icon_holder.normal_social {
		display: none;
	}
}
@media screen and (min-width:320px) and (max-width:760px){
	.services .vc_col-sm-2{
		width:100%!important;
	}
}