/*********all_pages**********/

body{
	font-family: 'Montserrat', sans-serif;
	display: inline;
}

.title_line{
	font-weight: 600;
	font-size: 2em;
}

.page_title_background{
    width: 100%;
    height: 220px;
    background-image: url(image_title_background.jpg);
	background-repeat: no-repeat;
	margin-bottom: 3em;
}

.page_title{
    text-align: center;
    padding-top: 1.0em;
    font-size: 3em;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    width:400px;
}

/*******header and Footer*******/

#header{
	border-bottom: 0.3em solid #ffcc1b;
	width: 100%;
	position: relative;
}

.navbar{
	background-color:#000000;
	padding: 2em 0em 2em 0em;
    align-items: center;
    justify-content: space-between;
}

#navbar_row{
	width: 100%;
	margin-left:0px;
	flex-flow: row-reverse;
	align-items: center;
    justify-content: center;
}

#navbar_col{
	width:200px;
	order:2;
}

.nav-link{
	color:white!important;
	background-color:#3e3e3e;
	font-size:1em;
	padding: 1.5em 1.5em 1.5em 1.5em!important;
}

.nav-link:hover{
	color:#262626!important;
	background-color:#ffcc1b;
}

#navbarNavAltMarkup{
	margin-left: 2em;
}

#navbar_responsive_invert{
	width: 80%;
    display: flex;	
}

.social_media{
	display: flex;
	margin-left: auto;
	padding-top: 0em;
}

.social_media_logo{
	width: 30px;
	height: 30px;
	margin-left: 1em;
}

#whatsapp_send_message{
	height: 30px;
}

#facebook_acess_page{
	height: 30px;
}

#instagram_acess_page{
	height: 30px;
}

.creator{
	background-color:#000000;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: center;
}

.creator_p{
	color:gray;
	padding:0em;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 0.6em;
}

.creator_a{
	text-decoration: none;
	color:gray;
}

.creator_a:hover{
	text-decoration: none;
	color:#ffcc1b;
}


/********home*********/

.page_content{
	height:auto;
	#margin-top: 13em;
	background-color: white;
}

.box_call{
	display: grid;
	margin-top: 3em;
    margin-bottom: 3em;
	grid-template-columns: repeat(3,1fr);
}

.box_call_mercado_lider{
	text-align: center;
}

.box_call_carro{
	text-align: center;
}

.box_call_caixa{
	text-align: center;
}

#p_mercado_lider{
	margin-top: 2em;
	text-align: center;
	padding-right: 1em;
}

#p_carro{
	margin-top: 2em;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

#p_caixa{
	margin-top: 2em;
	text-align: center;
	padding-left: 1em;
}

.box_call_mercadolivre{
	width: 100%;
	display: flex;
	margin-bottom: 2.5em;
}

.box_call_mercadolivre_about{
	width: 100%;
	display: flex;
	margin-bottom: 2.5em;	
	flex-flow: row-reverse;
}

#box_call_mercadolivre_about_texts{
	padding-left: 0em;
	padding-right: 3em;
}

.box_call_mercadolivre_img{
	width: 100%;
}

#mercadolivre_img{
	width: 100%;
}

.box_call_mercadolivre_texts{
	width: 100%;
    padding-left: 3em;	
}

#h2_mercadolivre{
	margin-bottom: 1em;
	font-weight: 600;
}

.button_mercadolivre{
    width: 100%;
    background: #3E3E3E;
    color: white;
    text-align: center;
    display: inline-block;
    padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius:0.25em;
}

.button_mercadolivre:hover{
    width: 100%;
	background: #ffcc1b;
	color:#3E3E3E;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius:0.25em;
}

.box_call_masterferri{
	display: flex;
	margin-bottom: 2em;
}

.box_call_masterferri_about{
	display: flex;
	margin-bottom: 2em;	
}

#h2_masterferri{
	font-weight: 600;
	margin-bottom: 1em;
	margin-top: 0.5em;
	width: 100%;
}


#box_call_masterferri_about_next_paragraph{
	flex-flow: row-reverse;
}

.box_call_masterferri_texts_about_next_paragraph{
	width:100%;
    padding-right: 0em;
	padding-left: 2em;
	padding-top: 2em;
}


#h2_masterferri_about{
	font-weight: 600;
	margin-bottom: 1em;
	width: 100%;
}


.box_call_masterferri_texts{
	width:100%;
	padding-right: 2em;
}

.box_call_masterferri_texts_about{
	width:100%;
	padding-right: 2em;
}

.box_call_masterferri_img{
	width: 100%;
}

#masterferri_img{
	width:100%;
}

/**********About*************/





/**********Contact************/

.box_call_masterferri_texts_contact{
	width:100%;
}

#contact{
	padding-top: 1.5em;
}

#map {
	height: 400px;  /* The height is 400 pixels */
	width: 100%;  /* The width is the width of the web page */
   }


#h2_masterferri_contact{
	font-weight: 600;
	margin-bottom: 1em;
	width: 100%;
}

#contact_paragraph{
	padding-top: 1em;
}

#form_contact{
	padding-top: 2em;
	padding-bottom: 2em;
}

.contact_form_columm_first{
	display: flex;
}

.contact_form_columm_first_name{
	display: block;
	width: 100%;
}

.contact_form_columm_first_email{
	display: block;
	width: 100%;
	padding-left: 1em;
    padding-right: 1em;
}

.contact_form_columm_first_telephone{
	display: block;
	width: 100%;
}

.contact_form_columm_first_subject_matter{
	width:100%;
	padding-top: 1em;
}

.contact_form_columm_first_message{
	width:100%;
	padding-top: 1em;
}

.form_message{
	height: 300px;
}

.contact_form_columm_four{
	width:100%;
	text-align: right;
	margin-top: 2em;
	margin-bottom: 2em;
	display: inline-flex;
}

#button_send_menssage{
	padding-left: 5em;
    padding-right: 5em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #3E3E3E;
    border-radius: 6px;
    color: white;	
}

#button_send_menssage:hover{
	background-color: #FFCC1B;
	color:#3E3E3E;
	text-decoration: none;
}

.form_name{

}

.form_email{

}

.form_telephone{

}

.button_input{
	width: 400px;
    background: #3E3E3E;
    color: white;
    text-align: center;
    display: inline-block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
	border-style: none;
	border-radius:0.25em;
	height: 3em;
	margin-top: 1em;
}

.button_input:hover{
	background-color: #FFCC1B;
	color:#3E3E3E;
	border-radius:0.25em;	
}

.g-recaptcha{
	width: 100%;
}

/********Carousel********/

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='gold' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")!important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='gold' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}


#carousel_active_id{
	margin-bottom: 3em;
}


.carousel-caption{
	top:30%;
}

.carousel_title{
    background: #3E3E3E;
    width: 712px;
    text-align: left;
    padding: 1em 1em 1em 2em;
    border-bottom: solid 0.1em #ffcc1b;
}

.carousel-item{
}

#carousel_caption_box{
	top:30%;
	bottom:25%;
	left:60%;
	right:15%;
}

.carousel_box{
	padding-top:4em;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:4em;
}

#carousel_box_title{
	color:#313131;
	font-size:2.5em;
	font-weight:900;
	text-align:left;
	margin-bottom:1em;
	padding-right:2em;
}

#carousel_box_p{
	color:#000000;
	text-align:left;
	margin-bottom:4em;
	padding-right:2em;
}


.carousel_image_background{
    width: 100%;
    height: 480px;
    background-image: url(image_01.jpg);
    background-repeat: no-repeat;
}


.carousel_image_background_2{
    width: 100%;
    height: 480px;
    background-image: url(image_02.jpg);
    background-repeat: no-repeat;
}

.carousel_image_resp_background{
    width: 100%;
    height: 480px;
    background-image: url(image_01.jpg);
    background-repeat: no-repeat;
}


#carousel_active_id{
}

/*Carousel Box Responsive Start*/

@media (min-width: 1800px) and (max-width:1920px){

	#carousel_caption_box{
		top:30%;
		bottom:25%;
		left:60%;
		right:15%;
	}

	.carousel_box{
		padding-top:4em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:4em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.5em;
		margin-bottom:1em;
		padding-right:2em;
	}

	#carousel_box_p{
		color:#000000;
		margin-bottom:4em;
		padding-right:2em;
	}

}


@media (min-width: 1600px) and (max-width:1800px){

	#carousel_caption_box{
		top:20%;
		bottom:25%;
		left:60%;
		right:15%;
	}

	.carousel_box{
		padding-top:4em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:4em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.5em;
		margin-bottom:1em;
		padding-right:2em;
	}

	#carousel_box_p{
		color:#000000;
		margin-bottom:4em;
		padding-right:2em;
	}

}

@media (min-width: 1300px) and (max-width:1600px){

	#carousel_caption_box{
		top:20%;
		bottom:25%;
		left:60%;
		right:15%;
	}

	.carousel_box{
		padding-top:3em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:3em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.0em;
		margin-bottom:1em;
		padding-right:0em;
	}

	#carousel_box_p{
		color:#000000;
		margin-bottom:2em;
		padding-right:0em;
	}

}

@media (min-width: 1024px) and (max-width:1300px){

	#carousel_caption_box{
		top:20%;
		bottom:0%;
		left:20%;
		right:20%;
	}

	.carousel_box{
		padding-top:3em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:3em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.0em;
		margin-bottom:1em;
		padding-right:0em;
	}

	#carousel_box_p{
		color:#000000;
		margin-bottom:2em;
		padding-right:0em;
	}

}


@media (min-width: 940px) and (max-width:1024px){

	#carousel_caption_box{
		top:20%;
		bottom:0%;
		left:20%;
		right:20%;
	}

	.carousel_box{
		padding-top:3em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:3em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.0em;
		margin-bottom:1em;
		padding-right:0em;
	}

	#carousel_box_p{
		color:#000000;
		font-size:1em;
		margin-bottom:2em;
		padding-right:0em;
	}

}


@media (min-width: 769px) and (max-width:940px){

	#carousel_caption_box{
		top:25%;
		bottom:0%;
		left:20%;
		right:20%;
	}

	.carousel_box{
		padding-top:3em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:3em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.0em;
		margin-bottom:1em;
		padding-right:0em;
	}

	#carousel_box_p{
		color:#000000;
		font-size:1em;
		margin-bottom:2em;
		padding-right:0em;
		display:none;
	}

}

@media (min-width: 508px) and (max-width:768px){

	#carousel_caption_box{
		top:20%;
		bottom:0%;
		left:20%;
		right:20%;
	}

	.carousel_box{
		padding-top:3em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:3em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:2.0em;
		margin-bottom:1em;
		padding-right:0em;
	}

	#carousel_box_p{
		color:#000000;
		font-size:1em;
		margin-bottom:2em;
		padding-right:0em;
	}

}

@media (max-width:508px){

	#carousel_caption_box{
		top:30%;
		bottom:0%;
		left:20%;
		right:20%;
	}

	.carousel_box{
		padding-top:3em;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:3em;
	}

	#carousel_box_title{
		color:#313131;
		font-size:1.2em;
		margin-bottom:1em;
		padding-right:0em;
	}

	#carousel_box_p{
		color:#000000;
		font-size:1em;
		margin-bottom:2em;
		padding-right:0em;
		display:none;
	}
	
}

/*Carousel Box Responsive End*/


/********footer*******/

#footer{
	border-top: 0.3em solid #ffcc1b;
}

.footer_bar{
	background-color:#000000;
	padding: 2em 0em 2em 0em;
}

#footer_row{
	width: 100%;
	margin-left:0px;
	flex-flow: row-reverse;
	align-items: center;
    justify-content: center;
}


#footer_col{
	width:139px;
	order:2;
}

.footer_adress{
	color: white;
    width: 30%;
    font-size: 0.9em;
    margin-left: 2em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#endereço{
	width: 45%;
}

/**********RESPONSIVE**********/

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

	/********header********/

	.brand_logo{
		width:225px;
	}

	.navbar{
		padding-bottom: 0em;
	}

	#navbar_col{
		width:100%;
		padding-bottom: 1.5em;
	}

	#navbarNavAltMarkup{
		margin-left: 0em;
		border-bottom: solid 0.1em #ffcc1b;
	}

	#navbar_container{
		margin:0px;
		padding:0px;
		max-width: inherit;
		text-align: center;
	}

	#navbar_row{
		width:100%;
		margin-right:0px;
		margin-left: 0px;
		display: inline-block;
	}
	
	.navbar-expand-lg ,.navbar-dark, button{
		width: 100%;
		display:block;
		text-align: center;
		z-index:100;
	}

	.social_media{
		display: inline-block;
	}

	.social_media_logo{
		margin-left: 0em;
	}
	
	#logo_facebook{
		margin-right: 1em;
	}

	#logo_instagram{
		margin-right: 1em;
	}

	/********home*********/

	.page_content{
		#margin-top: 16em;
	}

	.carousel_title{
		width:100%;
		padding: 1em 1em 1em 1em;
	}

	.carousel_title,h1{
		font-size: 1.35em;
	}	
	


	.social_media{
		padding-top: 0em;
	}




	.box_call_mercadolivre_about{
		width: 100%;
		display: flex;
		margin-bottom: 2.5em;
		flex-flow: column-reverse;
	}




	.box_call_mercadolivre{
		width: 100%;
		display: block;
		margin-bottom: 2.5em;
	}	
	
	.box_call_mercadolivre_img{
		width: 100%;
	}
	
	#mercadolivre_img{
		width: 100%;
	}
	
	.box_call_mercadolivre_texts{
		width: 100%;
		padding-left:0em;	
		margin-top: 1.5em;
	}
	
	#h2_mercadolivre{
		margin-bottom: 1em;
		font-weight: 600;
	}
	
	.button_mercadolivre{
		width: 100%;
		background: #3E3E3E;
		color: white;
		text-align: center;
		display: inline-block;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		border-radius:0.25em;
	}
	
	.button_mercadolivre:hover{
		width: 100%;
		background: #ffcc1b;
		color:#3E3E3E;
		text-decoration: none;
		text-align: center;
		display: inline-block;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		border-radius:0.25em;
	}
	
	.box_call_masterferri{
		display: flex;
		margin-bottom: 2em;
		flex-flow: column-reverse;
	}
	
	.box_call_masterferri_about{
		display: block;
		margin-bottom: 2em;
		flex-flow: column-reverse;
	}
	

	#h2_masterferri{
		font-weight: 600;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 100%;
	}
	
	#h2_masterferri_about{
		font-weight: 600;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 100%;
	}
	
	
	#h2_masterferri_contact{
		font-weight: 600;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 100%;
	}
	

	.box_call_masterferri_texts{
		width:100%;
		padding-right: 0em;
	}
	
	.box_call_masterferri_texts_about{
		width:100%;
		padding-right: 0em;
	}


	.box_call_masterferri_texts_about_next_paragraph{
		width:100%;
		padding-right: 0em;
		padding-left: 0em;
		padding-top: 0em;
		padding-bottom: 1em;
	}	

	.box_call_masterferri_img{
		width: 100%;
	}
	
	#masterferri_img{
		width:100%;
	}



	#box_call_mercadolivre_about_texts{
		padding-left: 0em;
		padding-right: 0em;
		padding-bottom: 1em;
	}





	/********footer*******/

	#footer{
		border-bottom: 0.3em solid #ffcc1b;
	}
	
	.footer_bar{
		padding-bottom: 0em;
	}

	.footer_adress{
		color: white;
		width: 100%;
		font-size: 0.9em;
		margin-left:0em;
		margin-top:1.5em;
		margin-bottom: 1.5em;
		padding-left: 2em;
		padding-right: 2em;
	}

	#endereço{
		width: 100%;
	}

	#footer_bar_container{
		margin:0px;
		padding:0px;
		max-width: inherit;
		text-align: center;
	}

	#footer_row{
		width:100%;
		margin-right:0px;
		margin-left: 0px;
		display: inline-block;
		
	}

	#footer_col{
		width:100%;
		padding-bottom: 1.5em;
	}

}

@media only screen and (max-width:767px){
	.box_call{
		display: block;
	}

	.contact_form_columm_first{
		display: block;
	}	

	.contact_form_columm_first_email{
		padding-left: 0em;
		padding-right: 0em;
		padding-top: 1em;
	}

	.contact_form_columm_first_telephone{
		padding-top: 1em;
	}

	.contact_form_columm_four{
		text-align: left;
	}

	.button_input{
		width: 100%;
		margin-top: 2em;
	}

	.contact_form_columm_four{
		display: inline-block;
	}

}

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

	.page_title{
		text-align: center;
		padding-top: 1.5em;
		font-size: 2.5em;
		font-weight: 600;
		margin-left: auto;
		margin-right: auto;
		width:300px;
	}


	#contact{
		padding-top: 2em;
	}

}