@charset "utf-8";/* CSS Document */body {	background-color: #fff;	font-family: "MyriadPro-Regular", helvetica,verdana,arial,sans-serif;}#header {	border:none;	width:100%;	margin:0 auto;	background-color: #fff;	display:block;	position:fixed;	top:0;	z-index:100;	overflow: hidden;}/* Language bar */#language_bar {	overflow: hidden;	width:100%;	height:100%;	display: inline-block;	clear:both;}#language_bar-inner {	position:fixed;	right:10px;}ul.lang_bar {    list-style-type: none;    padding: 5px;    overflow: hidden;}ul.lang_bar li {    float: left;}ul.lang_bar li a {    display: inline-block;    color: #995E4C;    text-align: center;    padding: 0 16px;    text-decoration: none;    transition: 0.3s;    font-size: 14px;}ul.lang_bar li a:hover { 	color: #CFA999;}ul.lang_bar li.icon {display: none;}/* Language bar END *//* Navigation bar */#navbar-container {	margin-right: auto;      margin-left: auto;      padding-left: 15px;      padding-right: 15px;	overflow: hidden;	width:100%;	clear:both;}#logo-container {	margin: 0 10px 20px 30px; 	overflow: hidden;	width:170px;	float:left;}#header-logo {	background-image:url("../eng/img/logo-jade.svg");	background-repeat:no-repeat;	background-size:contain;	float: left;    height:73px;	width:170px;}.no-svg #header-logo {	background-image:url("../eng/img/logo-jade.png");	background-repeat:no-repeat;	float: left;    height:73px;	width:170px;}#navbar {	margin-top:20px;	margin-left:50px;	float:left;	height: auto;}#main {	border:none;	width:100%;	display:block;		margin:0 auto;	clear:both;	margin-top:110px;}#main-img {position: relative;}/* Banner */#main-img img {	max-width:100%;	height:auto;	display: block;}#banner-title-container {  position: absolute;  top: 170px;  right: 150px;  width: 700px;}#banner-areas-container {  position: absolute;  top: 170px;  right: 150px;  width: 500px;}#banner-cultivars-container {  position: absolute;  top: 170px;  right: 150px;  width: 700px;}.banner-title {  font-family: MyriadPro-Bold, sans-serif;  font-size: 65px;  font-weight:bold;  font-style:italic;  line-height: 1.5em;  color:#fff;  text-align:right;}.banner-subtitle {  font-family: MyriadPro-Regular, sans-serif;  font-size: 28px;  line-height: 1.5em;  color:#fff;  text-align:right;  padding-top:30px;}.banner-subtitle-bg {  font-family: MyriadPro-Regular, sans-serif;  font-size: 28px;  line-height: 1.5em;  color:#fff;  text-align:right;  padding-top:10px;  margin: 10px;}.banner-bg-brown {    background-color: #2A0303;    opacity: 0.7;    }/* Banner END */@font-face {  font-family: MyriadPro-Bold;  src: url(../font/MyriadPro-Bold.woff);  font-style:italic;}@font-face {  font-family: MyriadPro-Regular;  src: url(../font/MyriadPro-Regular.woff);}/* Logos */.logos-container {	margin-top: 20px;	padding-bottom: 30px;	border-bottom: solid 0.5px #703B3B;	}/* Logos END *//* Features */.section-title {	padding-top: 50px;	padding-bottom: 40px;	margin: 0 auto;	text-align:center;	color: #371212;	font-family: MyriadPro-Bold, sans-serif;	font-size: 45px;}#features-container {	width: 100%;	height: 100%;	margin: 0 auto;	clear:both;}.clearFix { clear: both; }.row {	padding-left:60px;	padding-right:40px;}ul.row-box li {    float: left;    margin-bottom: 50px;}li.col-3 {	width: 32%;    padding-right: 20px;    padding-left: 20px;}a, a:visited {text-decoration: none;}a:hover {text-decoration: none;color: maroon;}.box {  opacity: 1;  display: block;  height: auto;  transition: .5s ease;  backface-visibility: hidden;  width: 90%;}.box:hover {  opacity: 0.5;}.features-category {    display: block;    color: #995D4B;    font-family: MyriadPro-Regular, sans-serif;    font-size: 22px;    margin-top: 35px;    margin-bottom: 10px;}.features-title {    display: block;    color: #3E0000;    font-family: MyriadPro-Regular, sans-serif;    font-size: 33px;    margin-top: 10px;    margin-bottom: 10px;	}.features-text {    display: block;    color: #4D4D4F;    font-family: MyriadPro-Regular, sans-serif;    font-size: 19px;    padding-top: 20px;    padding-right: 25px;    padding-left: 0px;}/* Features END */.features2 {    margin: 0 auto;    display: block;      max-width:90%;}.coffee-nation-container {    margin: 0 auto;    display: block;	height: auto;}#coffee-nation-img {    float: left;    margin-bottom: 40px;    width: 30%;}#coffee-nation-img img{    max-width: 100%;    height: auto;}#coffee-nation-text {    padding-left: 80px;    float: left;    width: 70%;}li.coffee-item {    line-height: 2.5em;    font-size: 20px;}/* About Page START */.about-title {	padding-top: 50px;	padding-bottom: 30px;	margin: 0 auto;	text-align:center;	color: #371212;	font-family: MyriadPro-Bold, sans-serif;	font-size: 45px;}.about-main-text{    margin: 0 auto;    padding-left: 50px;    padding-right: 50px;    line-height: 2.5em;}.about-main-text-rt{    width: 100%;    margin: 0 auto;    padding-left: 50px;    padding-right: 30px;    line-height: 2.5em;    float: left;    overflow: hidden;}#main #about .img-lft-text {    margin: 20px 30px 20px 50px;    height: auto;    float:left;}.img-lft-text img{    max-width: 400px;}.logo-minasul-asia {    max-width: 200px;    margin: 20px 20px 20px 50px;    height: auto;    float: right;}.logo-minasul-asia img{    max-width: 200px;    margin-right: 0px;}#main #about #areas .text-block-container {    display:block;}#about .text-block-container .section-subtitle {    text-align: center;    margin-top: 50px;    margin-bottom: 30px;}#about .text-block-container .logos-certification {    margin-left: 50px;    display:block;}#about .text-block-container .logos-certification  img{    max-width: 200px;}li.col-5 {	width: 33%;    float: left;    text-align: center;}/* About Page END *//* Areas Page START */.brazil-container, .minas-container { margin: 50px 0 50px 0; display: flex; align-items: center;}.mogiana-container { margin: 30px 0 50px 0; display: flex; align-items: center;}.photo-container {  margin: 0 auto;  text-align: center;}.column {    margin: 0 50px;}.column1 {    margin: 0 40px;}.brazil-text, .mogiana-text, .minas-text {    line-height: 2.5em;    color: #4D4D4F;    font-size: 19px;}.cities-text {    color: #4D4D4F;    font-size: 14px;       padding-left: 40px;    padding-right: 40px;     line-height: 2em;}.brazil-img, .mogiana-img, .minas-img {    height: auto;    max-width: 100%;}.iac-img {    height: auto;    max-width: 80%;}.photo-credit {    color: #4D4D4F;    font-size: 13px;       line-height: 1.5em;    margin-top: 20px;    margin-left: 50px;    margin-right: 50px;    text-align: center;}/* Areas Page END *//* Cultivars Page START */.cultivar-container { margin: 50px 0 50px 0; display: flex;}.cultivar-img {    height: auto;    max-width: 90%;}.column-cultivars-left {    margin: 0 40px 0 50px;    width: 40%;}.column-cultivars-right {    margin: 0 50px 0 10px;    width: 60%;}/* Cultivars Page END  *//* Contact Page START */.contact-title {	padding-top: 50px;	padding-bottom: 20px;	margin: 0 auto;	text-align:center;	color: #371212;	font-family: MyriadPro-Bold, sans-serif;	font-size: 45px;}.form-container {	margin: 0 auto;	text-align:center;    }.contact-main-text {    margin: 0 auto;	text-align:center;    }.contact-form {width: 640px;height: 1500px;frameborder: 0;marginheight: 0;marginwidth:0;}/* Contact Page END *//* Coffee Page START */.croplist-container {width: 100%; margin: 0 auto;text-align:center;       }.croplist {width: 1010px;height: 810px;text-align:center;   }/* Coffee Page END */ .reverse {     unicode-bidi: bidi-override;     direction: rtl;  }@media screen and (max-width : 1300px){#banner-title-container {  top: 140px;  right: 100px;  width: 640px;}#banner-areas-container {  top: 140px;  right: 100px;  width: 440px;}.banner-title {  font-size: 55px;  line-height: 1.5em;}.banner-subtitle {  font-size: 25px;  padding-top:30px;  line-height: 1.5em;}.banner-subtitle-bg {  font-size: 25px;  padding-top:10px;  line-height: 1.5em;}    #navbar {	margin-left:30px;}/* Areas Page START */    .credit-container {     margin-right: 45px;    }}@media screen and (max-width : 1100px){#banner-title-container, #banner-cultivars-container {  top: 100px;  right: 100px;  width: 550px;}#banner-areas-container {  top: 100px;  right: 100px;  width: 400px;}.banner-title {  font-size: 45px;  line-height: 1.3em;}.banner-subtitle {  font-size: 20px;  padding-top:25px;  line-height: 1.3em;}.banner-subtitle-bg {  font-size: 20px;  line-height: 1.3em;    padding-bottom: 10px;}    #navbar {	margin-left:10px;}.features-category {    font-size: 18px;    margin-top: 23px;}.features-title {    font-size: 30px;}.features-text {    font-size: 18px;    padding-top: 15px;}#about .text-block-container .logos-certification {    margin-left: 40px;}#about .text-block-container .logos-certification  img{    width: 90%;}  .img-lft-text img{    max-width: 300px;}  li.coffee-item {  font-size: 18px;}/* Areas Page */    .photo-credit {    font-size: 11px;   }     }@media screen and (max-width:900px) {ul.lang_bar li a {    padding: 0 13px;    font-size: 12px;}#banner-title-container, #banner-cultivars-container {  top: 80px;  right: 80px;  width: 500px;}#banner-areas-container {  top: 80px;  right: 80px;  width: 300px;}    .banner-title {  font-size: 40px;}.banner-subtitle {  font-size: 18px;  padding-top:22px;}	.banner-subtitle-bg {  font-size: 18px;}	    .section-title {	padding-top: 40px;	padding-bottom: 30px;	font-size: 35px;}.features-category {    font-size: 16px;    margin-top: 25px;    margin-bottom: 7px;}.features-title {    font-size: 25px;    margin-top: 8px;    margin-bottom: 7px;	}.features-text {    font-size: 16px;    padding-top: 10px;}.about-title {padding-top: 35px;padding-bottom: 10px;font-size: 35px;}   li.coffee-item {  line-height: 2em;  font-size: 16px;}   #coffee-nation-text {    padding-left: 50px;}    /* Areas Page START */    .brazil-img  {    margin: 0 20px 0 40px;}    .brazil-container  {margin: 40px 0 30px 0; display: flex; align-items: flex-start;}    .minas-container {margin: 40px 0 30px 0; display: flex; align-items: flex-start;}        .brazil-text  {    padding-left: 30px;    padding-right: 40px;    line-height: 2em;    font-size: 16px;}    .mogiana-container, .cultivar-container {margin: 40px 0 30px 0; display: flex; align-items: flex-start;}      .mogiana-text  {    padding-left: 40px;    padding-right: 30px;    line-height: 2em;    font-size: 16px;} .minas-text  {    padding-left: 30px;    padding-right: 40px;    line-height: 2em;    font-size: 16px;}  .iac-text  {    padding-left: 40px;    padding-right: 30px;    line-height: 2em;    font-size: 16px;}    .cities-text {    font-size: 12px;       padding-left: 40px;    padding-right: 40px; }  .photo-credit {    font-size: 10px;    line-height: 1em;}    .credit-container {     margin-right: 40px;    }    }    /* Mobile UI START */@media screen and (max-width:750px) {	#main-img {	margin-top:180px;		}	#logo-container {	margin: 0 auto; 	float:none;	margin-top:30px;} .section-title {   padding-top: 20px;   padding-bottom: 10px;   font-size: 30px;}ul.row-box li {    float: right;    margin-bottom: 60px;}li.col-3 {	width: 100%;}.row {	padding-left:50px;	padding-right:20px;}#banner-title-container, #banner-areas-container, #banner-cultivars-container {  position: relative;  top: 20px;  right: 0;  width: 100%;  margin-bottom: 30px;}    .banner-title {  font-size: 35px;  color:#000;  text-align:center;  margin-top:10px;}.banner-subtitle {  font-size: 20px;  color:#000;  text-align:center;  padding-top:20px;  margin-left: 20px;  margin-right: 20px;}.banner-subtitle-bg {  font-size: 18px;  color:#000;  text-align:center;  padding-top:10px;  margin-left: 20px;  margin-right: 20px;}.banner-bg-brown {background-color: #fff;}.features-text {    padding-top: 7px;    padding-right: 0;    line-height: 2em;    }    .about-title {padding-top: 25px;padding-bottom: 8px;font-size: 25px;}    .about-main-text{    padding-left: 20px;    padding-right: 20px;}    .about-main-text-rt{    padding-left: 20px;    float: none;} .form-container {	margin: 0 auto;    margin-top: 180px;	text-align:center;    }#coffee-nation-img {    float: none;    width: 60%;    margin: auto;}#coffee-nation-text {    padding-left: 0;    float: none;    width: 90%;    margin-top: 20px;}  /* Areas Page START */    .brazil-img, .minas-img, .cultivar-img {    height: auto;    width: 80%;    display: block;    margin: 0 auto;    text-align: center;}    .column, .column1 {    margin: 0 25px 25px 25px;      flex: 100%;        }    .column-cultivars-left, .column-cultivars-right {      margin: 0 25px 25px 25px;            flex: 100%;              }    .cities-text {     padding-left: 25px;    padding-right: 25px; }    .brazil-container, .minas-container, .mogiana-container, .cultivar-container {    flex-direction: column;    margin: 30px 0 10px 0;}      .cultivar-container {width: 100%;    }    .mogiana-img {    height: auto;    width: 80%;    text-align: center;    display: block;    margin: 0 auto;    margin-top: 20px;}     .iac-img {    height: auto;    width: 90%;    text-align: center;    display: block;    margin: 0 auto;    margin-top: 30px;       }    .photo-credit {    font-size: 11px;   }        .column-cultivars-left, .column-cultivars-right {    margin: 0 20px 20px 20px;      width: 90%;    }  }@media screen and (max-width:600px) {#main #about .img-lft-text {    text-align: center;    display: block;    float: none;} #main #about .img-lft-text img {    max-width: 90%;    margin: 0 auto;}     .logo-minasul-asia {    margin: 0 auto;    text-align: center;    height: auto;    float: none;}.logo-minasul-asia img{    max-width: 70%;    margin-top: 20px;    margin-bottom: 20px;}#about .text-block-container .logos-certification  img{    width: 100%;}        li.col-5 {     width: 90%;         float: none;     text-align: center;} .contact-form {width: 100%;}  /* Areas Page START */    .column, .column1 {    margin: 0 20px;      }   .cities-text {    font-size: 12px;       padding-left: 20px;    padding-right: 20px;     line-height: 1.5em;}         }@media screen and (max-width:375px) {.lang_bar {    float: none;}	.features-text {    font-size: 15px;    padding-top: 6px;    line-height: 2em;    }}