/*
Theme Name: BP Bravo
Author: Business Promotion
Version: 2.5
Description: Jan 2019 - Dec 2019
*/

@import url('css/includes.css');

/* REMOVE THE FOLLOWING CSS ONLY IF YOU HAVE AUTHORIZED THE DOMAIN WITH MVT */
.video-container {
	display: none !important;
}

.main-wrap a {
	color: #394387;
}

ul.dropdown-menu li {
	width: 100%;
}

.contentarea strong,
.contentarea b {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #394387;
}

.main-btn,
a.main-btn,
.bp-forms-btn,
a.bp-forms-btn {
	display: inline-block;
	margin: 10px 0;
	padding: 10px 25px;
	color: #434343;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	border-radius: 25px;
	border: 1px solid #295baa;
}

.main-btn:hover,
a.main-btn:hover,
.bp-forms-btn:hover,
a.bp-forms-btn:hover {
	color: #fff;
	background-color: #434343;
	text-decoration: none;
}

.main-btn-white,
a.main-btn-white {
	display: inline-block;
	margin: 10px 0;
	padding: 10px 25px;
	color: #fff;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	border-radius: 25px;
	border: 1px solid #fff;
}

.main-btn-white:hover,
a.main-btn-white:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

.main-btn-blue,
a.main-btn-blue {
	display: inline-block;
	margin: 10px 0;
	padding: 10px 25px;
	color: #fff;
	background: #295baa;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	border-radius: 25px;
	border: 1px solid #295baa;
}

.main-btn-blue:hover,
a.main-btn-blue:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

img {
	max-width: 100%;
}

p {
	margin: 0 0 15px;
}

select,
textarea,
input {
	border-color: #c7c7c7;
}

.toggle + .toggle-bttn:after {
	background-color: #fd6f6b;
}

.toggle:checked + .toggle-bttn:after {
	background-color: #07AF90;
}

/* MAIN
------------------------------------- */
.row.contentsection {
	padding: 30px 0;
}

.page-header {
	margin: 5px 0;
	padding: 0;
	border: 0;
}

.no-gutter {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.no-gutter-left {
	padding-left: 0;
	margin-left: 0;
}

.no-gutter-right {
	padding-right: 0;
	margin-right: 0;
}

.margin-top-40 {
	margin-top: 40px;
}

.map-area {
    position: relative;
	max-height: 471px;
	overflow: hidden;
}

.map-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
}

.loaded .map-overlay {
	background-image: url("images/map-overlay.jpg");
	background-position: center center;
	background-size: cover;
}

.loaded.webp .map-overlay {
	background-image: url("images/map-overlay.webp");
	background-position: center center;
	background-size: cover;
}

.livemap {
    left: 0;
    right: 0;
    bottom: 20%;
    width: 40%;
	color: #434343;
	font-size: 30px;
    margin: 0 auto !important;
    position: absolute;
}

.contact-form-home {
	padding: 60px 60px;
	background: #6c6c6c;
}

.map-area, .contact-form-home {
	height: 471px;
	max-height: 471px;
}




/* WooCommerce stuffs */

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    left: auto;
    color: #fff !important;
    background-color: #394387 !important;
    border: 0;
	border-radius: 25px !important;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.woocarousel .icon-arrow-left {
    top: 45% !important;
    left: -20px !important;
    background: #394387 !important;
    color: #fff !important;
	border: none !important;
}

.woocarousel .icon-arrow-right {
    top: 45% !important;
    right: -20px !important;
    background: #394387 !important;
    color: #fff !important;
	border: none !important;
}

.woocarousel {
	padding: 40px 0; 
	margin-top: 40px;
}

.woocarousel .woocommerce a.button {
	border-radius: 25px;
}

.contact-form-home input {
	color: #fff;
	border: none;
	padding: 5px !important;
	background: #9b9b9b !important;
}

.contact-form-home textarea {
	color: #fff;
	border: none;
	padding: 5px !important;
	background: #9b9b9b !important;
    min-height: 45px !important;
    max-height: 45px !important;
}

.contact-form-home h3 {
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin: 0 0 20px 0;
}

.subscribe-form {
    padding: 60px 0;
}

.subscribe-form h3 {
	color: #5e5e5e;
	margin-bottom: 30px;
}

.subscribe input {
    color: #fff;
    width: 50%;
    margin-right: 30px;
    background: #9b9b9b;
	display: inline-block;
}

.subscribe-form .send_button {
    display: inline-block;
}

/* BOTTOM
------------------------------------- */

/* RESPONSIVE
---------------------------------------------------------- */

@media only screen and (max-width: 1800px) {
	
	
	
}

@media only screen and (max-width: 1700px) {
	
	
	
}

@media only screen and (max-width: 1600px) {
	
	
	
}

@media only screen and (max-width: 1500px) {
	
	
	
}

@media only screen and (max-width: 1400px) {
	
	
	
}

@media only screen and (max-width: 1300px) {
	
	.contact-form-home {
    	padding: 30px 20px;
	}
	
}

@media only screen and (max-width: 1200px) {
	
	
	
}

@media only screen and (max-width: 1100px) {
	
	
	
}

@media only screen and (min-width: 980px) {

	.container {
		max-width: 1240px;
		margin: 0 auto;
		width: 100%;
		padding: 0 20px;
	}
}

@media (max-width: 1025px) {
	.container {
		width: 100%;
	}
}

@media all and (min-width: 768px){
	.hidden-md-up {
		display: none !important;
	}
}


@media only screen and (max-width: 767px) {
	
	.subscribe input {
    	width: 100%;
	}
	
} 

@media all and (max-width: 600px) {
	
	
	
}

@media (max-width: 500px) {
	
	

}

@media (max-width: 400px) {
	
	

}