/* modalmais */
body {
    background: #F5F6FA !important;
}

#main #main-buttons .company-name {
    padding: 0;
}
#main #main-buttons .company-name a {
    font-size: 0;
}
#main #main-buttons .company-name a:before {
    content: url('https://www.modalmais.com.br/wp-content/uploads/2019/01/visita_ao_modalmais.svg');
}

#main #main-buttons .company-name a:hover {
    opacity: 1;
}

.default-mode-flex .block-1,
.default-mode-flex .block-2,
.default-mode-flex .block-3 {
    padding: 40px 30px 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.05), 0px 3px 4px rgba(0, 0, 0, 0.05), 0px 3px 3px rgba(0, 0, 0, 0.05);
    background: #FFF;
}

.default-mode-flex .block-2 {
    margin-left: 20px;
    margin-right: 20px;
}

.default-mode-flex .block-3 {
    min-width: 370px;
    max-width: 370px;
}

.default-mode-flex .block-1 {
    min-width: 280px;
    max-width: 280px;
}

.block-2 .title-main:before {
    content: 'Visita ao ';
}

#content-view #contacts li.number .links:after {
    content: 'Avenida Presidente Juscelino Kubitschek, 1455, 3º andar, Vila Olimpia.  São Paulo, SP. CEP: 04543-011';
    font-size: 14.5px;
}
#content-view #contacts li.number .links {
    font-size: 0;
}
.fa-phone:before {
    content: '';
}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .detail-step-wrap .section-pd {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 1024px) {
    .default-mode-flex .block-1 {
        min-width: 46%;
        max-width: 46%;
        margin: 20px;
    }
    
    .default-mode-flex .block-2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .default-mode-flex .block-3 {
        min-width: 46%;
        max-width: 46%;
        margin: 20px 10px;
    }
}

@media (max-width: 750px) {
    .default-mode-flex .block-1 {
        min-width: 94%;
        max-width: 94%;
    }

    .default-mode-flex .block-2 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .default-mode-flex .block-3 {
        min-width: 94%;
        max-width: 94%;
        width: auto;
        margin: 20px;
    }
}

@media (max-width: 600px) {
    .default-mode-flex .block-1 {
        min-width: 93%;
        max-width: 93%;
    }

    .default-mode-flex .block-3 {
        min-width: 93%;
        max-width: 93%;
        width: auto;
        margin: 20px;
    }
}

@media (max-width: 450px) {
    .default-mode-flex .block-1 {
        min-width: 91%;
        max-width: 91%;
    }

    .default-mode-flex .block-3 {
        min-width: 91%;
        max-width: 91%;
        width: auto;
        margin: 20px;
    }
}

@media (max-width: 400px) {
    .default-mode-flex .block-1 {
        min-width: 90%;
        max-width: 90%;
    }

    .default-mode-flex .block-3 {
        min-width: 90%;
        max-width: 90%;
        width: auto;
        margin: 20px;
    }
}


/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}