/*

-----> Cosmos Framework

Author: Gianluca Zortéa Campanelli
Instagram: @gianzortea / @estudiocosmos.uno
Site: www.estudiocosmos.uno

*/

body {
	font-family: 'League Spartan', sans-serif;
	font-size: 14px;
	color: #222222;
}

html {
  scroll-behavior: smooth;
}

h1 {font-size: 2.6em; line-height: 1.1em}

h2 {font-size: 2em;}

h3 {font-size: 1.5em;}

h4, h5, h6  {font-size: 1.1em; line-height: 1.4em; display: inline-block;}

h1, h2, h3, h4, h5, h6 {
	text-decoration: none;
	font-weight: normal;
}

nav li a {
	text-decoration: none;
}

nav li {
	/*float: left;*/
	padding: 10px 20px;
}

p {	line-height: 1.3em; margin-bottom: 20px;}

.button {
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	display: inline-block;
}

.success {background: #2ECC71;}
.success:hover {background: #27AE60;}

.info {background: #3498DB;}
.info:hover {background: #2980B9;}

.warning {background: #D35400;}
.warning:hover {background: #a64403;}

.danger {background: #E74C3C;}
.danger:hover {background: #C0392B;}

.lang {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;}

.lang a {flex: 0 1 32px; padding: 0 0 0 10px;}

a {text-decoration: none; color: #ffffff;}

.textCenter {text-align: center;}

.imgCenter {margin: 0 auto;}

.textLeft {text-align: left;}

.textRight {text-align: right;}

.flex {display: flex; flex-direction: column;}

.verticalCenter {align-self: center;} /*Lembrar: col ou div com mae flex*/

.horizontalCenter {align-self: center;}

.horizontalLeft {align-self: flex-start;}

.horizontalRight {align-self: flex-end;}

.verticalAlignContent {align-content: center; justify-content: center;} /*Lembrar: row e fullHeight*/

.horizontalAlignContent {display: inline-block; margin: 0 auto;}

.pullLeft {float: left;}

.pullRight {float: right;}

.medium {font-weight: 500;}

.semibold {font-weight: 600;}

.bold {font-weight: 700;}

.uppercase {text-transform: uppercase;}

.opacity {opacity: .6;}

.white {color: #ffffff;}

.black {color: #000000;}

.marginTop {margin-top: 20px;}

.marginBot {margin-bottom: 20px;}

.paddingTop {padding-top: 20px;}

.paddingBot {padding-bottom: 20px;}

.marginTopExtra {margin-top: 60px;}

.marginBotExtra {margin-bottom: 60px;}

.paddingTopExtra {padding-top: 60px;}

.paddingBotExtra {padding-bottom: 60px;}

.paddingLeft {padding-left: 30px;}

.paddingRight {padding-right: 30px;}

.paddingLeftExtra {padding-left: 60px;}

.paddingRightExtra {padding-right: 60px;}

.marginLeft {margin-left: 30px;}

.marginRight {margin-right: 30px;}

.marginLeftExtra {margin-left: 60px;}

.marginRightExtra {margin-right: 60px;}

.noMargin {margin: 0 !important;}

.fullHeight {height: 100%; display: flex; flex-wrap: wrap;}

.fullWidth {width: 100%; display: flex; flex-wrap: wrap;}

.space {margin-top: 60px; margin-bottom: 60px;}

address {font-style: normal;}

.assinatura {font-weight: 700;}
.assinatura:hover {text-decoration: underline;}

body::-webkit-scrollbar {
     width: 10px
} 
   
body::-webkit-scrollbar-thumb {   
	background-color: #7e9e3d;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 0;
  height: 1px;
  background-color: rgba(0,0,0,.2);
}

@media only screen and (max-width : 767px) { /*xs*/
	.displayFirst {order: -1;}
	.textCenterMobile {text-align: center;}
	.textLeftMobile {text-align: left;}
	.textRightMobile {text-align: right;}
	.imgCenterMobile {margin: 0 auto;}
}