@charset "utf-8";
/*@font-face {
	font-family: Pontiac;
	src: url("../fonts/Pontiac/PontiacRegular.otf") format("opentype");
}
@font-face {
	font-family: PontiacBlack;
	src: url("../fonts/Pontiac/PontiacBlack.otf") format("opentype");
}
@font-face {
	font-family: Marianina;
	src: url("../fonts/Marianina/MarianinaRegular.otf") format("opentype");
}
@font-face {
	font-family: Indie;
	src: url("../fonts/Indie/Indie.otf") format("opentype");
}
@font-face {
	font-family: Selfie;
	src: url("../fonts/Selfie/Selfie.otf") format("opentype");
}*/

@font-face {
	font-family: Pontiac;
	src: url('../fonts/Pontiac/PontiacRegular.eot');
	src: url('../fonts/Pontiac/PontiacRegular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Pontiac/PontiacRegular.woff2') format('woff2'),
	   url('../fonts/Pontiac/PontiacRegular.woff') format('woff'),
	   url('../fonts/Pontiac/PontiacRegular.ttf')  format('truetype'),
	   url('../fonts/Pontiac/PontiacRegular.svg#svgFontName') format('svg');
}
@font-face {
	font-family: PontiacBlack;
	src: url('../fonts/Pontiac/PontiacBlack.eot');
	src: url('../fonts/Pontiac/PontiacBlack.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Pontiac/PontiacBlack.woff2') format('woff2'),
	   url('../fonts/Pontiac/PontiacBlack.woff') format('woff'),
	   url('../fonts/Pontiac/PontiacBlack.ttf')  format('truetype'),
	   url('../fonts/Pontiac/PontiacBlack.svg#svgFontName') format('svg');
}
@font-face {
	font-family: Marianina;
	src: url('../fonts/Marianina/MarianinaRegular.eot');
	src: url('../fonts/Marianina/MarianinaRegular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Marianina/MarianinaRegular.woff2') format('woff2'),
	   url('../fonts/Marianina/MarianinaRegular.woff') format('woff'),
	   url('../fonts/Marianina/MarianinaRegular.ttf')  format('truetype'),
	   url('../fonts/Marianina/MarianinaRegular.svg#svgFontName') format('svg');
}
@font-face {
	font-family: Indie;
	src: url('../fonts/Indie/Indie.eot');
	src: url('../fonts/Indie/Indie.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Indie/Indie.woff2') format('woff2'),
	   url('../fonts/Indie/Indie.woff') format('woff'),
	   url('../fonts/Indie/Indie.ttf')  format('truetype'),
	   url('../fonts/Indie/Indie.svg#svgFontName') format('svg');
}
@font-face {
	font-family: Selfie;
	src: url('../fonts/Selfie/Selfie.eot');
	src: url('../fonts/Selfie/Selfie.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Selfie/Selfie.woff2') format('woff2'),
	   url('../fonts/Selfie/Selfie.woff') format('woff'),
	   url('../fonts/Selfie/Selfie.ttf')  format('truetype'),
	   url('../fonts/Selfie/Selfie.svg#svgFontName') format('svg');
}

*{margin:0;padding:0;border:0;outline:0;color:#838383;font-size:14px;vertical-align:baseline;font-family:Pontiac, Arial, Helvetica, sans-serif;box-sizing:border-box;}
html	{background-color:#fff;}
html, body	{height:100%;}
body {padding-top:137px;transition: padding 0.5s ease;}
body.truncated {padding-top:75px;}
body.withoutscroll {overflow:hidden;}


h1, h1 *, h2, h2 *, h3, h3 * { font-family:Indie, Georgia, serif; font-weight:normal; }
h1, h1 *	{font-size:57px;line-height:70px;}
h2, h2 *	{font-size:40px;line-height:43px;}
h3, h3 *	{font-size:34px;line-height:37px;}
h4, h4 *	{font-size:28px;line-height:31px;}

h2, h3 {margin-bottom:10px;}

li	{list-style:none;}
a	{text-decoration:none;}
p	{line-height:20px;margin-bottom:20px;}
p:last-child {margin-bottom:0;}
img	{vertical-align:middle;}
strong	{font-weight:bold;}
em	{font-style:italic;}
br {display:block;height:0;}

input[type="text"], input[type="email"] {width:100%;height:36px;padding:0 10px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
input[type="submit"] {background-color:#0f5637;color:#fff;height:36px;text-transform:uppercase;padding:0 10px;cursor:pointer;-webkit-appearance: none; -moz-appearance: none;appearance: none;transition:all 0.3s ease;}
input[type="submit"]:hover {background-color:#00863c;}
textarea {height:170px;padding:10px;resize:none;}

.clearfix	{clear:both;display:block;height:0;}
.wrapper	{/*background-color:rgba(200,0,0,0.1);*/width:940px;padding:0 10px;margin:0 auto;}
.flex {display:flex;}

.showOnScroll { opacity: 0; filter:alpha(opacity=0); transition: all 1s ease; }
.showOnScroll.disabled { opacity: 1; filter:alpha(opacity=100); }

.db-content h4 {margin-bottom: 10px;}
.db-content a {text-decoration: underline;}

/* #################### CUSTOM SWIPER #################### */
.swiper-pagination-bullet	{background-color:transparent; width:12px;height:12px;opacity: 1; filter: alpha(opacity=100);border:solid 2px #fff;margin:0 5px;}
.swiper-pagination-bullet-active	{background-color:#fff;}

.swiper-container.vertical .swiper-button-prev {background:url(../images/swiper-arrow-up.png) no-repeat center center; width:46px; left: 50%; margin-left: -23px;right: auto; top: 30px;}
.swiper-container.vertical .swiper-button-next {background:url(../images/swiper-arrow-down.png) no-repeat center center; width:46px; left: 50%; margin-left: -23px;right: auto; top:auto; bottom: 30px;}

/* ########################################## 
					MASONRY
##########################################  */
.box-list .grid-sizer,
.box-list .item { width: 50%; padding:5px; transition: all 0.4s ease; }
.box-list .grid-sizer {padding:0;}
.box-list .item {opacity:0;filter:alpha(opacity=0);}
.box-list .item.visible {opacity:1;filter:alpha(opacity=100);}
.box-list .item.highlight {width:100%;}
.box-list .item .external {display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.box-list .item .content {border:solid 1px #cbcbcb;box-shadow:0 0 3px #cbcbcb;position:relative;height:100%;display:block;overflow:hidden;}
.box-list .item .icon {background:#0f5637  url(../images/sprite-30.png) no-repeat 0 0;width:30px;height:30px;position:absolute;top:10px;left:10px;border-radius:30px;}
.box-list .item.instagram .icon {background-position:-30px 0;}
.box-list .item.youtube .icon {background-position:-60px 0;}
.box-list .item.highlight .icon,
.box-list .item.no-image .icon {display:none;}
.box-list .item .image img {width:100%;}
.box-list .item .label {background-color:#0f5637;background-color:rgba(15,86,55,0.8);color:#fff;display:block;position:absolute;left:0;bottom:-100%;width:100%;padding:10px;transition: bottom 0.5s ease; }
.box-list .item:hover .label {bottom:0;}
.box-list .item.highlight .label {display:none;}

.box-list .item.no-image .label {position:inherit;bottom:inherit;}
.box-list .item.no-image:hover .label {}

/* ########################################## 
					HEADER
##########################################  */
header {background-color:#fff;height:137px;position:fixed;top:0;left:0;width:100%;z-index:10;transition: height 0.5s ease;}
header.truncated {height:75px;}
header.truncated .logo {text-align: center;}
header.truncated .logo img {margin-top:5px; width: auto}
header * {text-transform:uppercase;}
header .wrapper, 
header .flex,
header .col-left {height: 100%;}
header .flex {justify-content:space-between;align-items:center;}

header .logo {display:block;height:100%;width:181px; position:relative;text-align: center;}
header .logo img {height: 100%;width: auto; margin-top:11px;}

header .col-right {display:flex;}
header li {height: 30px;}

nav {margin-right:30px;}
nav * {color: #0f5637;font-size:10px;}
nav ul {display:flex;}
nav li {padding:0 10px;display:flex;align-items:center;}
nav li:not(:last-child) {border-right:solid 1px #0f5637;}
nav li a {display:block;line-height:20px;transition: color 0.3s ease;}
nav li a.active {color:#009844;border-bottom:solid 1px #009844;}
nav li a:hover {color:#009844;}

#header-languages {margin-right:30px;}
#header-languages * {color: #9a9a9a;font-size: 10px;}
#header-languages ul {display:flex;align-items:center;height: 30px;}
#header-languages li {height: 10px;padding:0 5px;}
#header-languages li:not(:last-child) {border-right:solid 1px #9a9a9a;}
#header-languages li a {line-height:10px;display:block;}
#header-languages li a:hover {text-decoration:underline;}

#header-social a,
#footer-social a {background:#0f5637  url(../images/icon-facebook.png) no-repeat center center; background-size:20px 20px; display:inline-block; width:30px; height:30px;border-radius:30px;transition:all 0.3s ease;}
#header-social a:hover,
#footer-social a:hover {background-color:#00863c;}

#header-social a {background-size:30px 30px;}

#header-social a.btn-instagram,
#footer-social a.btn-instagram {background-image:url(../images/icon-instagram.png);}

/* ########################################## 
					BANNER
##########################################  */
#banner {background-color:#1c1c1c;height: 630px;}
#banner .swiper-container {height:100%;}
#banner .swiper-slide {height: 100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#banner .wrapper {position:relative;height:0;padding:0;}
#banner .swiper-pagination-bullets {bottom:90px;right: 0;width: 400px;}
/* ########################################## 
					FOOTER
##########################################  */
footer {background-color:#0f5637;height: 37px;}
footer * {color: #fff;font-size:10px;}
footer .wrapper {position:relative;height:100%;display:flex;align-items:center;}
footer .col-left {width:100%;text-align:center;}
footer .col-right {position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;}
footer .col-right ul {display:flex;}

#footer-languages {display:flex;margin-right:10px;}
#footer-languages li {height: 10px;padding:0 5px;}
#footer-languages li:not(:last-child) {border-right:solid 1px #fff;}
#footer-languages li a {line-height:10px;display:block;text-transform:uppercase;}

#footer-social a {background-color:#0b492e;width:20px;height:20px;}

body.withoutscroll footer {position:fixed;left:0;bottom:0;width:100%;z-index:10;}
body.withoutscroll footer .col-right {display:none;}

/* ########################################## 
					HOME
##########################################  */
#home-container {margin-bottom:20px;}
#home-container .flex {justify-content:space-between;}
#home-container .col-left {width:540px;padding-top:10px;}
#home-container .col-right {width:380px;}
#home-products {background-color:#fff;width:100%;margin-top:-73px;padding:10px;position:relative;z-index:9;}

#home-products .swiper-container {height:1200px;}
#home-products .swiper-slide {height:300px;}
#home-products a {background-repeat:no-repeat;background-position:center center;background-size:cover;display:block;height:100%;}

/* ########################################## 
				PRODUCTS
##########################################  */
#products-container, #products-container .swiper-container {height:100%;}
#products-container .swiper-slide {background-repeat:no-repeat;background-position:center center;background-size:cover;}
#products-container .swiper-slide .wrapper {height:100%;}
#products-container .swiper-slide a {display:block;height:100%;background-repeat:no-repeat;background-position:center bottom 37px;background-size:contain;}

#product-detail {background-color:#f4f4f3;min-height:100%;}
#product-detail .header {position:relative;}
#product-detail .header .mask {background-repeat:no-repeat;background-position:center bottom;background-size:cover;position:absolute;top:0;left:0;width:100%;height:380px;z-index:1;}
#product-detail .header .mask div {height:100%;}
#product-detail .header .wrapper {position:relative;z-index:2;min-height:820px;}
#product-detail .header .wrapper .info {position:absolute;left:20px;bottom:0;width:480px;height:440px;display:flex;align-items:flex-start;padding-top:20px;}
#product-detail .header .wrapper .info .content {}
#product-detail .header .wrapper .info * {color:#fff;}
#product-detail .header .wrapper .info .title {background-color:#1c1c1c;height:100px;transform:rotate(-1deg);position:relative;z-index:2; padding:10px;max-width:480px;text-align:center; }
#product-detail .header .wrapper .info .border {border:dotted 5px #fff;border-image:url(../images/border-dotted.png) 30% round;position:relative;width:100%;height:100%;font-size:35px;font-family:Selfie, Georgia, serif; font-weight:normal;display:flex;align-items:center;justify-content:center;padding-top:10px; }
#product-detail .header .wrapper .info .description {background-color:#464646;padding:40px 30px 20px;;position:relative;z-index:1;top:-20px;margin:0 10px 0 50px;font-family:Marianina, Arial, Helvetica, sans-serif;font-size:20px;line-height:28px;letter-spacing:0.02em;max-width:420px;}

#product-detail .content {padding-bottom:75px;}
#product-detail .content .wrapper {width:480px;}
#product-detail .content .top {display:flex;position:relative;height:120px;margin-bottom:6px;}
#product-detail .content .top .left {background-color:#fff;flex-grow: 0;flex-shrink: 0; flex-basis: 175px;width:175px;margin-right:3px;}
#product-detail .content .top .left img {width:100%;}
#product-detail .content .top .center {background-color:#00863c;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:3px;width:100%;height:100%;}
#product-detail .content .top .center *,
#product-detail .content .top .right * {color:#fff;}
#product-detail .content .top .center .subtitle {font-family:Marianina, Arial, Helvetica, sans-serif;}
#product-detail .content .top .center .title {font-weight:bold;font-family:Pontiac, Arial, Helvetica, sans-serif;text-transform:uppercase;}

#product-detail .content .top .right {margin-left:3px;background-color:#1c1c1c;flex-grow: 0;flex-shrink: 0; flex-basis: 120px; width:120px;display:flex;align-items:center;justify-content:center;}
#product-detail .content .top .right .circle {width:100px;height:100px;border:solid 3px #ffF;border-radius:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;}
#product-detail .content .top .right .title {margin-bottom:3px;}
#product-detail .content .top .right .subtitle {border-top:solid 1px #fff;padding-top:3px;line-height:12px;}

#product-detail .content .center {background-color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
#product-detail .content .center .left {flex-grow: 0;flex-shrink: 0; flex-basis: 200px;width:200px;padding:30px 0 30px 30px;}
#product-detail .content .center .left img {border-radius:200px;width:100%;}
#product-detail .content .center .right {width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;max-width:260px;}
#product-detail .content .center .right .title {color:#00863c;font-family:Marianina, Arial, Helvetica, sans-serif; width:100%;}
#product-detail .content .center .right p {font-size:12px;line-height:18px;max-width:200px;}

#product-detail .content .bot img {width:100%;}

#photos-grid {background-color:#1c1c1c;height:285px;position:relative;}
#photos-grid .mask {background-color:rgba(0,0,0,0.7);position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
#photos-grid .content {position:absolute;top:0;left:0;width:100%;z-index:5;padding:60px 0px;} 
#photos-grid .content,
#photos-grid .wrapper,
#photos-grid .gallery {background-repeat:repeat-x;background-position:center center;background-size:cover;height:100%;}
#photos-grid .wrapper {display:flex;align-items:center;justify-content:center;}
#photos-grid .wrapper img {max-height:100%;max-width:100%;}
/*#photos-grid .gallery,
#photos-grid .gallery ul {height:100%;}

#photos-grid .gallery ul {display:flex;justify-content:center;overflow:hidden;}
#photos-grid .gallery li {width:240px;height:100%;flex-grow: 0;flex-shrink: 0; flex-basis: 240px;}
#photos-grid .gallery li .item {height:145px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#photos-grid .gallery li .item.vertical {height:290px;}
#photos-grid .gallery li .item.small {height:100px;}
#photos-grid .gallery li .item.large {height:190px;}*/

/* ########################################## 
					ORIGIN
##########################################  */
#secbanner {height:630px;background-repeat:no-repeat;background-position:center center;background-size:cover; border-bottom:solid 7px #0b5637}
#secbanner .wrapper {height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;}

#secbanner.chronology {height:174px;}

body.politica-privacidade #secbanner {height: 300px;}

.standard-page .wrapper {width:740px;}
.standard-page {padding:70px 0 30px;}
.standard-page .end-page {background:url(../images/end-page.png) no-repeat center center;height:200px;}
.standard-page .db-content {margin-bottom:50px;text-align:justify;}
.standard-page .page-bot-image img {width:100%;}

.listed-images {}
.listed-images ul {display:flex;flex-wrap:wrap;}
.listed-images li {width:50%;height:216px;position:relative;margin-bottom:8px;padding-right:4px;}
.listed-images li:nth-child(2n) {padding-left:4px;padding-right:0;}
.listed-images li .label {background-color:#0f5637;background-color:rgba(15,86,55,0.9);color:#fff;position:absolute;left:0;bottom:0;width:100%;padding:10px 15px;display:none;}
.listed-images li .image {height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}

/* ########################################## 
				CHRONOLOGY
##########################################  */
#chronology-timeline {padding:50px 0;}
#chronology-timeline .list {position:relative;}
#chronology-timeline .line {background-color:#958f9a;position:absolute;top:0;left:50%;width:1px;height:100%;}
#chronology-timeline .line span {background-color:#958f9a;display:block;position:absolute;top:0;left:-2px;width:6px;height:6px;border-radius:6px;}
#chronology-timeline .scroll-message {text-align:center;margin-bottom:30px;}
#chronology-timeline .scroll-message .icon {margin-bottom:20px;}
#chronology-timeline .scroll-message .text {color:#96919b;font-size:12px;}

#chronology-timeline .list ul {display:flex;flex-wrap:wrap;flex-direction:column;padding-top:100px;}
#chronology-timeline .list li {/*background-color:rgba(200,0,0,0.1);*/width:50%;align-self:flex-end;padding-left:50px;position:relative;display:flex;justify-content:center;margin-bottom:50px;}
#chronology-timeline .list li:last-child {background:#fff; margin-bottom:0; align-self:center !important; padding-right:0 !important; }
#chronology-timeline .list li:last-child .point {position:relative !important; display:inline-block; left:inherit; right:inherit;  top:0 !important; margin-bottom:20px !important;}
#chronology-timeline .list li:last-child .info {text-align:center !important; padding-left:0 !important;}
#chronology-timeline .list li:last-child .image {text-align:center !important;}
#chronology-timeline .list li.odd {/*background-color:rgba(0,200,0,0.1);*/align-self:flex-start;padding-left:inherit;padding-right:50px;flex-direction:row-reverse;justify-content:flex-start;}
#chronology-timeline .list li.video {background-color:#fff;width:200px;height:176px;align-self:center;border:solid 1px #958f9a;border-left:none;border-right:none;padding:16px 0;position:relative;}
#chronology-timeline .list li.video a {display:block;position:relative;width:100%;height:100%;}
#chronology-timeline .list li.video .icon {background:url(../images/video-icon.png) no-repeat center center;display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
#chronology-timeline .list li.video img {height:100%;}

#chronology-timeline li .point {background-color:#fff;position:absolute;top:15px;left:-9px;width:18px;height:18px;border-radius:18px;border:solid 1px #958f9a;}

#chronology-timeline li .info {padding-right:25px;/*width:100%;*/}
#chronology-timeline li .title {color:#0f5637;}
#chronology-timeline li .image {/*background-color:rgba(200,0,0,0.1);*/height:100%;flex-grow: 0;flex-shrink: 0; flex-basis: 100px;width:100px;overflow:hidden;}
#chronology-timeline li .image img {height:120px;}
#chronology-timeline li .description,
#chronology-timeline li .description * {color:#96919b;font-size:12px;}

#chronology-timeline .list li.odd .image {/*background-color:rgba(0,200,0,0.1);*/align-self:flex-start;}
#chronology-timeline .list li.odd .info {padding-right:0;padding-left:25px;text-align:right;}
#chronology-timeline li.odd .point {left:auto;right:-9px;}

#chronology-timeline li.landscape {flex-direction:column !important;}
#chronology-timeline li.landscape .info {margin-bottom:20px;}
#chronology-timeline li.landscape .image {flex-grow:inherit;flex-shrink:inherit;width:100%;overflow:inherit;}
#chronology-timeline .list li.landscape.odd .image {text-align:right;}

/* ########################################## 
				KIT ESTUDANTES
##########################################  */
#kit-students-container {padding-bottom:70px;}
#kit-students-container .box-btn {text-align:center;}
#kit-students-container .box-btn a{ display:inline-block; font-size:20px; text-transform:uppercase; color:#0b5637; padding:10px 20px; border:solid 2px #0b5637; border-radius:40px; border-radius:40px;transition: all 0.5s ease;}
#kit-students-container .box-btn a:hover {background:#0b5637; color:#fff;}

/* ########################################## 
				CONTACTS
##########################################  */
#contacts-top {background-color:#1c1c1c;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;height:484px;}
#contacts-top .base {background:#0e0c0c url(../images/contacts-base.png) no-repeat center bottom;height:119px;position:absolute;left:0;bottom:0;width:100%;z-index:1;}
#contacts-top .wrapper {height:100%;display:flex;align-items:center;position:relative;z-index:2;}

#form-contacts {width:360px;flex-grow: 0;flex-shrink: 0; flex-basis: 360px;}
#form-contacts h1, 
#form-contacts h3 {color:#fff;text-align:center;/*text-shadow: rgb(0, 0, 0) 0px 0px 3px;*/}
#form-contacts .box {margin-bottom:10px;}
#form-contacts .box-name {float:left;width:50%;padding-right:5px;}
#form-contacts .box-email {float:right;width:50%;padding-left:5px;}
#form-contacts .box-message textarea {width:100%;}
#form-contacts .name,
#form-contacts .email,
#form-contacts .message {background-color:rgba(255,255,255,0.9);}

#contacts-top .content {width:100%;height:100%;display:flex;align-items:flex-end;}
#contacts-top .content img {width:100%;}

#contacts-bot {background-color:#00863c;padding:30px 0;}
#contacts-bot * {color:#fff;}

#contacts-bot .wrapper {display:flex;align-items:flex-start;flex-direction:row;}
#contacts-bot .text {width:33.33%;}
#contacts-bot .text * {font-size:10px;line-height:13px;}
#contacts-bot .text strong {font-size:13px;line-height:16px;display:block;}
#contacts-bot .text-left {}
#contacts-bot .text-center {}
#contacts-bot .text-right p {font-size:15px;line-height:20px;margin-bottom:0;}
#contacts-bot .text-right h3 {font-size:34px;line-height:40px;font-family:PontiacBlack, Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:0;}