/*!
Theme Name: Madifu Box Theme
Author: https://mck94.com/;
Author URI: https://mck94.com/
Description: Tema para a empresa Madifu Box.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: madifu_company
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

madifu_company is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic");

*{font-family:'Lato',Helvetica,sans-serif;color:#546e7a;line-height:1.5;}
html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%;}
.site-content {background:#eceff1!important;}

@media only screen and (min-width:0){html{font-size:14px;}}
@media only screen and (min-width:992px){html{font-size:14.5px;}}
@media only screen and (min-width:1200px){html{font-size:15px;}}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0;color:#000;}
small {font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
ul{margin:0!important;padding:0!important;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow: visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,optgroup,textarea{color:#404040;font-family:sans-serif;}
p{margin:0;line-height:1.2em!important;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;}
h1{font-size:2.5rem;line-height:1.25em;}
h2{font-size:2rem;}
h3{font-size:1.375rem;}
h4{font-size:1.125rem;}
h5{font-size:1rem;}
h6{font-size:0.875rem;}
dfn,cite,em,i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}
pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}
code,kbd,tt,var {font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:0.9375rem;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
mark,ins{background:#fff9c0;text-decoration:none;}
big{font-size:125%;}
.flow-text{font-weight:300;}
@media only screen and (min-width:360px){.flow-text{font-size:1.2rem;}}
@media only screen and (min-width:390px){.flow-text{font-size:1.224rem;}}
@media only screen and (min-width:420px){.flow-text{font-size:1.248rem;}}
@media only screen and (min-width:450px){.flow-text{font-size:1.272rem;}}
@media only screen and (min-width:480px){.flow-text{font-size:1.296rem;}}
@media only screen and (min-width:510px){.flow-text{font-size:1.32rem;}}
@media only screen and (min-width:540px){.flow-text{font-size:1.344rem;}}
@media only screen and (min-width:570px){.flow-text{font-size:1.368rem;}}
@media only screen and (min-width:600px){.flow-text{font-size:1.392rem;}}
@media only screen and (min-width:630px){.flow-text{font-size:1.416rem;}}
@media only screen and (min-width:660px){.flow-text{font-size:1.44rem;}}
@media only screen and (min-width:690px){.flow-text{font-size:1.464rem;}}
@media only screen and (min-width:720px){.flow-text{font-size:1.488rem;}}
@media only screen and (min-width:750px){.flow-text{font-size:1.512rem;}}
@media only screen and (min-width:780px){.flow-text{font-size:1.536rem;}}
@media only screen and (min-width:810px){.flow-text{font-size:1.56rem;}}
@media only screen and (min-width:840px){.flow-text{font-size:1.584rem;}}
@media only screen and (min-width:870px){.flow-text{font-size:1.608rem;}}
@media only screen and (min-width:900px){.flow-text{font-size:1.632rem;}}
@media only screen and (min-width:930px){.flow-text{font-size:1.656rem;}}
@media only screen and (min-width:960px){.flow-text{font-size:1.68rem;}}
@media only screen and (max-width:360px){.flow-text{font-size:1.2rem;}}
.font-light{font-weight:300;}
.font-regular{font-weight:400;}
.font-heavy{font-weight:700;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
body{background:#fff;}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}
ul{list-style:disc;}
ol{list-style:decimal;}
li>ul,li>ol{margin-bottom:0;}
dt{font-weight:bold;}
dd{margin:0 1.5em 1.5em;}
img{height:auto;max-width:100%;}
figure{margin:1em 0;}
table{margin:0 0 1.5em;width:100%;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:0.75rem;line-height:1;padding:.6em 1em .4em;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa;}
button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:0.6em 0.4em;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#21759b;}
select{border:1px solid #ccc;}
textarea{width:100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a{color:#0288d1;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	display: inline-block;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}
#content[tabindex="-1"]:focus{outline:0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.left {
  	text-align: left;
}

.right {
  	text-align: right;
}

.center {
  	text-align: center;
  	margin-left: auto;
  	margin-right: auto;
}

.justify {
  	text-align: justify;
}

.content-flex {
	display: flex!important;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both;}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer{display:block;}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{margin:0.8075em 0;}
.wp-caption-text{text-align:center;}

/*--------------------------------------------------------------
## Alerts
--------------------------------------------------------------*/

.alert {
	margin: 1em 0 3em 0;
	padding: 1em;
	border: 1px solid #b0bec5;
	border-radius: .5em;
	text-align: center;
	background-color: #eceff1;
	color: #607d8b;
}

.alet-info {
	border: 1px solid #90caf9;
	background-color: #e3f2fd;
	color: #2196f3;
}

.alert-success {
	border: 1px solid #a5d6a7;
	background-color: #e8f5e9;
	color: #4caf50;
}

.alert-warning {
	border: 1px solid #ef9a9a;
	background-color: #ffebee;
	color: #f44336;
}

/*--------------------------------------------------------------
## GRID SYSTEM
--------------------------------------------------------------*/

.container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  	display: none;
}

.hidden-m {
	display: block;
}


.col-1-sm{width:4.33%;}
.col-2-sm{width:12.66%;}
.col-3-sm{width:21%;}
.col-4-sm{width:29.33%;}
.col-5-sm{width:37.66%;}
.col-6-sm{width:46%;}
.col-7-sm{width:54.33%;}
.col-8-sm{width:62.66%;}
.col-9-sm{width:71%;}
.col-10-sm{width:79.33%;}
.col-11-sm{width:87.66%;}
.col-12-sm{width:96%;}

.col-sm-left {
  	text-align: left;
  	display:inline-block;
}

.col-sm-right {
  	text-align: right;
  	display:inline-block;
}

.col-sm-center {
  	text-align: center;
  	margin-left: auto;
  	margin-right: auto;
  	display:inline-block;
}

@media only screen and (min-width: 45em) {  /* 600 - 1280px */
	.col-1{width:4.33%;}
	.col-2{width:12.66%;}
	.col-3{width:21%;}
	.col-4{width:29.33%;}
	.col-5{width:37.66%;}
	.col-6{width:46%;}
	.col-7{width:54.33%;}
	.col-8{width:62.66%;}
	.col-9{width:71%;}
	.col-10{width:79.33%;}
	.col-11{width:87.66%;}
	.col-12{width:96%;}

	.col-left {
	  	text-align: left;
	  	display:inline-block;
	}

	.col-right {
	  	text-align: right;
	  	display:inline-block;
	}

	.col-center {
	  	text-align: center;
	  	margin-left: auto;
	  	margin-right: auto;
	  	display:inline-block;
	}
}

@media only screen and (min-width: 60em) { /* 960px */
  	.container {
    	width: 92%;
    	max-width: 60rem;
  	}

  	.hidden-sm {
    	display: block;
  	}

  	.hidden-m {
		display: none;
	}
}

@media only screen and (min-width: 80em) { /* 1280px */
  .container {
    width: 90%;
    max-width: 80rem;
  }

  .col-1-lg{width:4.33%;}
  .col-2-lg{width:12.66%;}
  .col-3-lg{width:21%;}
  .col-4-lg{width:29.33%;}
  .col-5-lg{width:37.66%;}
  .col-6-lg{width:46%;}
  .col-7-lg{width:54.33%;}
  .col-8-lg{width:62.66%;}
  .col-9-lg{width:71%;}
  .col-10-lg{width:79.33%;}
  .col-11-lg{width:87.66%;}
  .col-12-lg{width:96%;}

  	.col-lg-left {
	  	text-align: left;
	  	display:inline-block;
	}

	.col-lg-right {
	  	text-align: right;
	  	display:inline-block;
	}

	.col-lg-center {
	  	text-align: center;
	  	margin-left: auto;
	  	margin-right: auto;
	  	display:inline-block;
	}
}

@media only screen and (min-width: 105em) { /* 1680px */
  .container {
    width: 90%;
    max-width: 105rem;
  }
}

@media only screen and (min-width: 120em) { /* 1920px */
  .container {
    width: 90%;
    max-width: 120rem;
  }
}

.content-flex {
	display: block!important;
}

@media only screen and (min-width: 45em) {
	.content-flex {
		display: flex!important;
	}
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.btn {
	color: #78909C;
	text-decoration: none;
	padding: .6em 2em!important;
	margin: 1em 2em!important;
	border: 1px solid #CFD8DC;
	border-radius: .35em;
	transition: .3s;
	font-size: 1rem!important;
	display: inline-block;
}

.btn:hover {
	background-color: #CFD8DC;
}

.btn-blue {
	color: #fff !important;
	background-color: #01579b !important;
	border: #01579B !important;
}

.btn-blue:hover {
	background-color: #0277BD !important;
}

.btn-green {
	color: #fff !important;
	background-color: #1b5e20 !important;
	border: #1b5e20 !important;
}

.btn-green:hover {
	background-color: #2e7d32 !important;
}

.btn-left {
	border-radius: .35em 0 0 .35em !important;
	margin-right: -.1em !important;
}

.btn-mid {
	border-radius: 0 !important;
	margin-right: -.1em !important;
	margin-left: -.1em !important;
}

.btn-right {
	border-radius: 0 .35em .35em 0 !important;
	margin-left: -.1em !important;
}

.btn-full {
	width: 100% !important;
	max-width: 30em;
}

.btn-50:first-child {
	margin: 0 -.2em 0 0!important;
}

.btn-50:last-child {
	margin: 0 0 0 -.2em!important;
}

@media only screen and (max-width: 45em) {
	.btn-50 {
		width: 50% !important;
		display: inline-table!important;
	}

	.btn-50:first-child {
		margin: 0 -.2em 0 0!important;
	}

	.btn-50:last-child {
		margin: 0 0 0 -.2em!important;
	}
}

@media only screen and (min-width: 45em) and (max-width: 60em) {
	.btn-full {
		width: 84% !important;
	}

	.btn-50 {
		width: 42% !important;
		display: inline-table!important;
		margin: 0 -.05em 0 -.05em!important;
	}
}


/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
.top-bar {
	font-size: 1.6rem;
	background-color: #263238;
}

.top-bar a,
.top-bar i {
	text-decoration: none;
	color: #fff;
}

.top-bar ul {
	list-style: none!important;
}

.top-bar ul li {
	margin-right: -.19em!important;;
	display: inline-block;
	padding: .1em .4em;
	border-left: 1px solid #37474F;
	border-right: 1px solid black;
	transition: .5s;
}

.top-bar ul li:hover {
 	background-color: #37474f;
}

.top-bar .li-sm {display: none;}
.top-bar .li-m {display: none;}
.top-bar .li-l {display: none;}
.top-bar .li-s {display: inline-block;}

@media only screen and (min-width: 23.7em) {
	.top-bar .li-s {display: none;}
	.top-bar .li-sm {display: inline-block;}
}

@media only screen and (min-width: 45em) {
	.top-bar .li-sm {display: none;}
	.top-bar .li-m {display: inline-block;}
}

@media only screen and (min-width: 80em) {
	.top-bar .li-m {display: none;}
	.top-bar .li-l {display: inline-block;}
}

.menu-bar {
	transition: .5s;
	background-color: #eceff1;
}

.menu-bar nav ul li {
	font-size: 1rem;
	padding: .4em .5em;
}

.menu-bar nav ul li a i:first-child {
	display: block;
}

.menu-bar nav ul li ul li a i:first-child {
	display: inline-block;
	margin-right: .36em;
}

@media only screen and (min-width: 45em) {
	.site-nav {
		position: relative;
		top: 1em;
	}
	.menu-bar nav ul li {font-size: 1.1rem; padding: .2em .4em;}
	.menu-bar nav ul li a i:first-child {display: none;}
}

@media only screen and (min-width: 45em) {
	.menu-bar {
		height: 7em;
	}

	#site-logo {
		margin-top: 1em;
	}

	.site-nav {
		position: relative;
		top: 1em;
	}

	.menu-bar nav ul li {
		font-size: 1.3rem;
		padding: .2em .6em;
	}

	.menu-bar nav ul li a i:first-child {
		display: block;
	}
}

.menu-bar nav ul li p:hover {
	color: #0277BD!important;
}

@media only screen and (min-width: 60em) {
	.menu-bar nav ul li {
		font-size: 1.5rem;
		padding: .2em .7em;
	}
	.menu-bar nav ul li a i:first-child {
		display: block;
	}
}

.menu-bar nav ul li a {
	font-weight: 700;
}


.menu-bar nav ul li ul {
	border: .03em solid #37474F;
}

.menu-bar nav ul li ul li {
	background-color: #FFF;
	text-align: left!important;
	transition: .5s;
}

.menu-bar nav ul li ul li:hover {
	background-color: #eceff1;
}

.current_page_item a,
.current_page_item a i {
	color: #0277BD!important;
	transition: .5s;
}

.menu-bar nav ul li a,
.menu-bar nav ul li a i {
	color: #37474f;
	transition: .5s;
}

.menu-bar nav ul li a:hover,
.menu-bar nav ul li a:hover i {
	color: #0277BD!important;
}

.main-navigation {
}

.main-navigation ul {
	text-align: center;
	width: auto;
	margin: 0 auto;
	position: relative;
}

.navalign {
	display: inline;
	text-align: center;
}

@media only screen and (min-width: 45em) {
	.navalign {
		display: inline;
		float: right;
		top: .6em;
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.page-footer {
	background-color: #37474F;
	height: auto;
	color: #ECEFF1;
	clear: both;
	display: block;
	z-index: 999;
}

.page-footer h2,
.page-footer h5 {
	color: #81D4FA;
}


.footer-apresentation {
	margin-top: 2em;
	width: 100%;
	text-align: center;
}

.description-footer {
	top: -0.5em;
	position: relative;
}

.footer-menus {
	clear: both;
}

.footer-menus .footer-menu {
	position: relative;
	padding: 1.5em 0;
	margin: 0 auto;
	left: 1em;
	font-size: 1.2em;
	width: 9em;
}

.footer-menu h5 {
	left: -1em;
	position: relative;
}

.footer-menus ul {
	list-style: none;
	text-align: left;
}

.footer-menus ul a {
	text-decoration: none;
	color: #e1f5fe
}

.footer-menu ul a:hover {
	color: #81D4FA;
}

.footer-copyright {
	margin-top: 4em;
	clear: both;
	display: block;
	width: 100%;
	background-color: #263238;
	bottom: 0;
}
.footer-copyright div {
	margin: 0 auto;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	font-size: 0.9rem;
}

@media screen and (min-width: 850px) {
	.footer-menus{
		width: 40em;
		margin: 0 auto;
	}

	.footer-menu:first-child {
		float: left;
		position: relative;
	}

	.footer-menu:last-child {
		float: right;
		position: relative;
	}

	.footer-copyright div {
		font-size: 1rem;
		text-align: right;
	}

}

@media screen and (min-width: 1100px) {
	.footer-apresentation {
		width: 50%;
		float: left;
		position: relative;
		margin-top: 2em;
	}

	.footer-menus {
		width: 50%;
		float: right;
		position: relative;
		padding-left: 5em;
		margin-top: 1em;
		clear: none;
	}

}

/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.content-area {
	margin: 0 auto;
	width: 96%;
}
.site-main {
	position: relative;
	float: none!important;
	margin: 0 auto;
	width: 100%;
}
.site-content .widget-area {
	float: none;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	display: block;
}
.site-footer {
	clear: both;
	width: 100%;
}

.no-sidebar .content-area {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.no-sidebar .site-main {
	margin-right: 0;
}

article.post {
	box-sizing: border-box;
	padding: .1em 0;
	position: relative;
	display: block;
}


.article-section{
	background-color: #FFF;
	box-sizing: border-box;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #cfd8dc;
}

.entry-header {
	padding: .255em .255em 0 .255em;
}

.entry-title {
	z-index: 2;
	position: relative;
	background-color: #FFF;
}

.entry-content div {
	font-size: 85%;
}

.entry-content p {
	text-indent: 1.5rem;
	margin-bottom: 1em;
	text-align: justify;
}

.entry-content ul li {
	margin-left: 7%;
}

.post-thumb {
	max-height: 15em;
	display: block;
	position: relative;
}

.post-thumb img {
	z-index: 1;
	width: 100%;
	height: 15em;
	object-fit: cover;
    object-position: center;
}


.post-thumbnail + .entry-title {
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%;
	color: #FFF;
	background: rgba(0,0,0,0.6);
}

.post-thumbnail + .entry-title a, .post-thumbnail + .entry-title h1 {
	color: #FFF;
}

.entry-title h1, .entry-title h2 {
	text-align: left;
	margin: .1em .6em;
	font-size: 1.3rem;
}

.post-thumbnail + .entry-title h1, .post-thumbnail + .entry-title h2 {
	text-align: center;
	margin: .6em;
}

.entry-title a {
	text-decoration: none;
}

.entry-meta {
	padding: .3em .7em .3em .7em;
	z-index: 3;
	background-color: #FFF;
	position: relative;
	border-bottom: 1px solid #cfd8dc;
}

.entry-content {
	padding: 1em;
	z-index: 3;
	background-color: #FFF;
	position: relative;
}

.entry-footer {
	border-top: 1px solid #cfd8dc;
	padding: .3em;
}

.btn-read-more {
	margin-top: 1.5em;
}

@media only screen and (min-width: 60em) {
	.entry-title {
		font-size: 2.2rem;
	}

	.entry-title h1, .entry-title h2 {
		font-size: 100%;
	}

	.content-area {
		width: 100%;
		display: flex;
	}

	.site-main {
		position: relative;
		float: left;
		width: 70%;
	}

	.site-content .widget-area {
		float: right;
		width: 25%;
		margin: 0 0 0 0;
	}

	.post-thumb {
		max-height: 20em;
	}

	.post-thumb img {
		height: 20em;
	}
}

@media only screen and (min-width: 90em) {
	.content-area {
		width: 80%;
	}

	.post-thumb {
		max-height: 25em;
	}

	.post-thumb img {
		height: 25em;
	}
}

@media only screen and (min-width: 105em) {
	.content-area {
		width: 70%;
	}
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
section#business-intro {
	background-color: #eceff1;
}

section#services {
	background-color: #FFF;
}

section#motives {
	background-color: #0288D1;
}

.section-wrap {
	position: relative;
}

.section-wrap .section-title {
	margin-top: 0;
}

.section-wrap h2 {
	font-size: 1.5rem;
	display: inline;
}

@media screen and (min-width: 360px) {
	.section-wrap h2 {
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 45em) {
	.section-wrap h2 {
		font-size: 1.95rem;
	}
}

@media screen and (min-width: 60em) {
	.section-wrap h2 {
		font-size: 2.3rem;
	}
}

/* Section #business-intro */
section#business-intro .section-wrap {
	position: relative;
	height: 32em;
	margin-top: 0;
}

section#business-intro .section-wrap .section-title {
	margin-top: 1.5em;
}

.section-wrap h1 {
	font-size: 1.6rem;
}

#business-intro .new-address {
	margin-top: 2em;
}

#business-intro .new-address p {
	margin-top: -.8em;
}

@media screen and (min-width: 360px) {
	section#business-intro .section-wrap {
		min-height: 32em;
		height: 73vh;
	}
	.section-wrap h1 {
		font-size: 1.7rem;
	}
}

@media screen and (min-width: 45em) {
	.section-wrap h1 {
		font-size: 2.2rem;
	}

	section#business-intro .section-wrap {
		height: 75vh;
		max-height: 50em;
	}
}

@media screen and (min-width: 60em) {
	.section-wrap h1 {
		font-size: 2.6rem;
	}

	section#business-intro .section-title {
		margin-top: 3em;
	}
}

/* Section #services */
section#services .section-wrap {
	height: 73em;
}

.service-square {
	display: block;
	padding: 3.4em .355em 0;
	border-top: .2em dashed #eceff1;
}

@media screen and (max-width: 45em) {
	.service-square:first-child {
		border: none;
		padding: 0 .355em 0;
	}
}

.service-square i {
	color: #b0bec5;
}

.service-button {
	height: 4em;
	display: block;
	max-width: 197.19px;
	text-align: center;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}

.service-button .btn {
	display: block;
}

@media screen and (min-width: 45em) {
	section#services .section-wrap {
		max-height: 35em!important;
	}

	.service-square {
		padding: .755em;
		border: .2em dashed #eceff1;
	}

	.service-button {
		margin: 0 auto;
	}

	.service-button .btn {
		position: absolute;
		display: flex;
		bottom: 0;
	}
}

@media screen and (min-width: 80em) {
	.service-square {
		padding: 1.155em;
	}
}

/* Section #motives */
section#motives .section-wrap {

}
section#motives h2 {
	color: #E1F5FE;
}

section#motives ul {
	margin-top: 2em !important;
}

section#motives li {
	background-color: #E1F5FE;
	border-radius: 0.4em;
	list-style: none;
	height: 6em;
	margin-top: 1em;
	padding: 0 .7em 0 1em;
	color: #0288D1;
	font-size: 1rem;
	display: table!important;
}

section#motives li div {
	display: table-cell!important;
	vertical-align: middle!important;
}

section#motives li p {
	width: 59%;
	position: relative;
	float: right;
}


section#motives li i {
	position: relative;
	margin-right: .5em;
	width: 30%;
	padding: 0 .7em 0 .3em;
	border-right: 1px dotted #0288D1;
	float: left;
}

@media screen and (min-width: 45em) {
	section#motives li {
		font-size: 1.37rem;
	}

	section#motives .section-wrap {
		height: 65em;
	}
}

@media screen and (min-width: 90em) {
	section#motives li {
		font-size: 1.4rem;
	}
	section#motives .section-wrap {
		height: 100vh;
	}
}

/*--------------------------------------------------------------
## Secondary pages
--------------------------------------------------------------*/
.page-content {
	background-color: #fff;
	min-height: 70vh;
	width: 100%;
}

.content-page {
	min-height: 70vh;
	background-color: #FFF;
	border-radius: .5em;
	color: #546E7A;
}

.panel-title {
	border: 1px solid #EEEEEE;
	border-radius: 0.4em 0.4em 0 0;
	padding: .5em 2em;
	background-color: #ECEFF1;
	margin-top: 5em;
}

.panel-title h4 {
	margin: .1em !important;
	color: #546E7A;
}

.panel-content {
	padding: 0 1em 2em;
	color: #546E7A;
}

@media screen and (min-width: 850px) {
	.panel-content {
		padding: 0 5em 2em;
		text-align: justify;
	}
}

.list-item p {
	padding: 0 2em 1em 2em;
	text-align: justify;
    text-justify: inter-word;
}

.list-item i {
	margin-left: 50%;
	left: -.5em;
	position: relative;
}

.list-item i,
.list-item span {
	color: #0277bd;
}

.service-arm-price {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-left: 1px solid #EEEEEE;
}

.service-arm-price tr {
	border-top: 1px solid #EEEEEE;
}

.service-arm-price th,
.service-arm-price td {
	border-right: 1px solid #EEEEEE;
	padding: 1em 0;
}

.service-arm-price thead {
	background-color: #ECEFF1;
}

.service-arm-price tfoot {
	border-bottom: 1px solid #EEEEEE;
}

@media screen and (min-width: 850px) {
	.service-arm-price {
		width: 40em;
	}
}

.contact-social {
	width: 49%;
	position: relative;
	float: left;
}

.contact-group i {
	margin-right: .5em;
}

.contact-group h5 a {
	position: relative;
	top: .5em;
}

.contact-group i,
.contact-group h5 a {
	color: #0277bd;
	text-decoration: none;
}

.weight-select {
	width: 100%;
	margin: 2em auto;
	text-align: center;
	font-size: 1.6rem;
}

.weight-select select {
	width: 5em;
}

@media screen and (min-width: 850px) {
	.weight-select {
		width: 25em;
	}
}

.prices-range{
	min-height: 60vh;
	width: 100%;
	display: block;
}

.simulator-prices {
	width: auto;
	text-align: center;
	display: table;
	margin: 0 auto;
}
.simulator-prices p {
	clear: both;
	font-size: 1.4rem;
}


table#prices {
	margin: 1em 1em;
	width: auto;
	display: inline-block;
	border:1px solid #182C40;
	font-size:1.4rem;
}

table#prices, table#prices th, table#prices td {
	border-collapse:collapse;
}

table#prices th {
	text-align:center;
	border-bottom:1px solid #182C40;
	background:#4785BF;
	color:#fff;
	padding:5px 0 5px 0;
}

table#prices td.left {
	text-align:left;
	font-weight:600;
	padding:5px 0 5px 10px;
}

table#prices td.right {
	text-align:right;
	padding:5px 10px 5px 30px;
}



.form-contact {
	width: 100% !important;
	clear: both;
}

@media screen and (min-width: 850px) {
	.form-contact {
		float: right;
		padding: 2em !important;
		width: 49% !important;
		clear: none;
	}
}




nav.mbt-myaccount-nav {
	width: 100%;
	height: 5.255em;
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	background-color: #F5F5F5;
}

nav.mbt-myaccount-nav ul {
	height: 100%;
}

nav.mbt-myaccount-nav ul li {
	list-style: none;
	position: relative;
	height: 100%;
	margin-right: .75em;
}

nav.mbt-myaccount-nav ul li a {
	text-decoration: none;
	font-size: 0.7rem;
	line-height: 6.75em;
	color: #37474f;
}

nav.mbt-myaccount-nav ul li a:hover {
	color: #0288D1;
}

nav.mbt-myaccount-nav ul li a i {
	position: relative;
	top: .2em;
	left: -.2em;
}

nav.mbt-myaccount-nav li:last-child a:hover {
	color: #f44336;
}

nav.mbt-myaccount-nav li li:last-child a:hover {
	color: #0288D1;
}

nav.mbt-myaccount-nav .user-toggle {
	background: none;
	border: none;
	font-size: 1.4rem;
	padding: 0.755em;
	margin: 0.655em 1em 0 0;
	color: #37474f;
	font-weight: 700;
	position: relative;
	float: left;
}

.user-menu ul {
	display: none !important;
	list-style: none;
	float: left;
}


nav.toggled .user-menu ul {
	display: block !important;
	position: absolute;
	top: 5.85em;
	width: auto;
}

.mbt-full-menu ul .dropdown-content {
	display: none!important;
}

nav.toggled .user-menu ul li {
	position: relative;
	padding-left: 1.755em;
	border: 0.1em solid #CFD8DC;
	border-bottom:none;
	background: #FFF;
	z-index: 10;
	width: 20em
}

nav.toggled .user-menu ul li:last-child {
	border-bottom: 0.1em solid #CFD8DC;
}

@media screen and (min-width: 850px) {
	.user-toggle {
		display: none;
	}

	.user-menu ul {
		display: block !important;
		text-align: right;
	}
}

.mbt-wallet-nav {
	background-color: #66bb6a;
	float: right;
	width: 10.55em;
	height: 5.255em;
	text-align: center;
	color: #fff;
}

.mbt-wallet-nav p {
	font-size: 1.4rem;
}

.mbt-wallet-nav a {
	color: #1b5e20;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
}

.mbt-wallet-empty {
	background-color: #ef9a9a!important;
}

.mbt-wallet-empty a {
	color: #b71c1c!important;
}

@media screen and (min-width: 480px) {
	nav.mbt-myaccount-nav ul li a {
		font-size: .8rem;
		line-height: 5.755em;
	}

}

@media screen and (min-width: 850px) {
	nav.mbt-myaccount-nav {
		height: 5.255em;
	}

	nav.mbt-myaccount-nav {
		height: 5.255em;
	}

	nav.mbt-myaccount-nav ul {
		position: relative;
		right: 0.555em;
	}

	nav.mbt-myaccount-nav ul li {
		padding: .5em .8em;
		display: inline-block;
	}

	nav.mbt-myaccount-nav .dropdown-content {
		display: none!important;
	    position: absolute;
	    text-align: left;
	    height: auto!important;
	    background-color: #f9f9f9;
	    padding: 5px!important;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	    left: 0;
	}

	nav.mbt-myaccount-nav .dropdown-content li:first-child {
		margin: 0!important;
	}

	nav.mbt-myaccount-nav .dropdown-content li {
		display: inline-block!important;
		position: relative;
		width: 15em!important;
		margin-right: 0!important;
		text-align: right;
	}

	nav.mbt-myaccount-nav .dropdown-content li i {
		float: left;
		padding: .2em;
	}

	nav.mbt-myaccount-nav .m-mobile {
		display: none;
	}

	nav.mbt-myaccount-nav .dropdown-content li a {
		padding: 12px 16px;
	}

	nav.mbt-myaccount-nav .dropdown-content li:hover { 
		background-color: #f1f1f1 
	}


	nav.mbt-myaccount-nav .dropdown:hover .dropdown-content {
	    display: table!important;
	}

	nav.mbt-myaccount-nav ul li a {
		font-size: .85rem;
		line-height: 5.2em;
	}

	nav.mbt-myaccount-nav ul li a i {
		top: .2em;
		left: -.2em;
	}

	nav.mbt-myaccount-nav li:first-child {
		margin-left: 1em;
		border: none;
	}

	.mbt-wallet-nav {
		width: 10.255em;
	}
}

@media screen and (min-width: 1110px) {
	nav.mbt-myaccount-nav ul li a {
		font-size: 1.05rem;
		line-height: 4em;
	}
}



.woocommerce {
	display: block;
	background-color: #FFF;
	z-index: -3;
	clear: both;

}

.woocommerce-MyAccount-content {
	width: 100% !important;
	display: block;
	position: relative;
	top: 7.255em;
	padding-bottom: 10.255em;
}

.woocommerce .user-name:first-letter {
	text-transform: uppercase;
}

.custom-body-woo {
	background-color: #F5F5F5 !important;
	width: 100%;
	height: 50em;
	position: absolute;
	left: 0;
	margin-top:-1em;
	clear: both;
}
.woocommerce-form-login {
	background-color: #FFF;
	max-width: 40em;
	margin: auto !important;
	margin-top: 8em !important;
}

.form-title {
	z-index: 0;
}

.woo-form-content {
	z-index: 55;
	display: block;
}

.woocommerce-form-login h2 {
	margin-top: 0;
}

.woo-dash-page {
	margin-top: 4em;
}

.woo-dash-table {
	width: 100%;
	margin: 0 auto;
	background-color: #F5F5F5;
	padding: .55em;
}

.woo-dash-adress-table {
	width: 100%;
	position: relative;
	border: 1px solid #EEEEEE;
	padding: 1em;
	box-shadow: 3px 3px 3px #EEEEEE;
	text-align: center;
	margin: 0 auto;
	background-color: #FFF;
}

@media only screen and (min-width: 850px) {
	.woo-dash-adress-table {
		width: 30em;
	}
}

.woo-dash-adress-table th {
	text-align: right;
}

.woo-dash-informations {
	position: relative;
	float: right;
	padding: 2em 0 0 0;
}



/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.h3-title {
	margin: 2em 0 .2em 0;
	text-align: center;
	color: #0288D1;
	text-shadow: #78909C 1px 1px;
}

.divider {
	width: 100%;
	border-bottom: 1px solid #CFD8DC;
	margin: 1em 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: #f2f2f2;
}

table.striped > tbody > tr > td {
  border-radius: 0;
}