/*========================
GLOBAL
=========================*/

*, *:before, *:after {
  -moz-box-sizing: border-box;  
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoonacfe.eot?-yinaf8');
  src:url('../fonts/icomoond41d.eot?#iefix-yinaf8') format('embedded-opentype'),
    url('../fonts/icomoonacfe.woff?-yinaf8') format('woff'),
    url('../fonts/icomoonacfe.ttf?-yinaf8') format('truetype'),
    url('../fonts/icomoonacfe.svg?-yinaf8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
  content: "\e600";
}
.icon-github:before {
  content: "\e601";
}
.icon-twitter:before {
  content: "\e602";
}
.icon-linkedin:before {
  content: "\e603";
}

.icon_knife {
  width: 40px;
  height: 20px;
  margin: 30px auto;
  opacity: 0.8;
     -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transformm;
}

.icon_knife:hover {
   -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}


body, html {
 margin: 0;
 padding: 0;
 height: 100%;
}


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

h1, h2, p, span, a {
  font-family: "museo-sans", helvetica, sans-serif;
  color: #2f2e2f;
  margin: 0;
  padding: 0;
}

.width_limit {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}


.color_animation {
  -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

/*========================
NAV
=========================*/

nav {
  display: none;
}
.header-top{ display: block;
  position: fixed;
  width: 100%;
  z-index: 100;
  margin: 0;
  padding: 0;
  background-color: #412e24;
  }

/*========================
INTRO CONTAINER
=========================*/


.intro_container {
 
  background: url('../images/loyolaestate.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   text-align: center;
-webkit-overflow-scrolling: touch;
}



.intro_badge {
  display: inline-block;
  width: 80%;
  height: 362px;
  background:url('../images/logofull.png') no-repeat center;
  z-index: 1;
  margin: 0 auto;
  padding: 0;

}
/*========================
IMAGE INTRO BANNER CONTENT
=========================*/

.background_content {
  position: relative;
  top: 0px;
  width: 100%;
  height: 350px;
  background-color: white;
  margin: 0 auto 0 auto;
  z-index: 98;
  text-align: center;
}

.background_content h1 {
  font-size: 3em;
  width: 60%;
  position: relative;
  top: 24%;
  color: white;
  padding: 0;
  border: 0;
  display: inline-block;
}

.background_content h1 span {
  color: white;
  border-bottom: 8px solid #fff;
}

.background_content:nth-of-type(2) {
  background: url('../images/coffee-flower.jpg') no-repeat center center; 
  background-size: cover;
  background-position: 70% 50%;
}

.background_content:nth-of-type(4) {
  background: url('../images/bison.jpg') no-repeat center center; 
  background-size: cover;
  background-position: 70% 50%;
}


/*========================
DESCRIPTION BODY CONTENT
=========================*/


.description_content {
  width: 100%;
  background:#fff;
  margin: 0 auto 0 auto;
  z-index: 99;
  position: relative;
  text-align: justify;
  padding:55px 0;
}






.about-section h6, .loyola-section h6 {
    color: #597d04;
	
    font: 600 17px/180% "pt_sansregular",Arial,Helvetica,sans-serif;
    margin: 10px 0 0;
    text-transform: capitalize;
}

.description_body {
  margin: 45px auto;
  max-width: 300px;
}


h1 {
  font-size: 28px;
  font-weight: 900;
  width: 225px;
  letter-spacing: 0.040em;
  border: 8px solid #2f2e2f;
  display: inline-block;
  padding: 7px 16px;
  margin: 0;
}

 .description_body p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.020em;
  margin: 0 0 0 0;
  line-height: 1.6em;
  color: #434243;
}


/*========================
IMAGE DESCRIPTION BODY CONTENT
=========================*/




/*========================
FIRST FOOTER CONTENT
=========================*/

.first_footer {
  background-color: #1e1e1e;
  width: 100%;
  text-align: center;
  padding: 1px 55px;
}

.social_heading,
.social_info {
  display: block;
}


.social_heading {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.040em;
  color: #6c8f34;
  text-align: center;
  margin: 40px 0 0 0;
}

  .social_info, 
  .social_icons {
  margin: 18px 0 50px 0;
}

.social_info a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.200em;
  line-height: 1.400em;
  color: #fff;
  display: inline-block;
  margin: 0 auto;
  width: 210px;
}

.social_info a:hover {
  color: #6c8f34;
}

.social_icons {
    padding: 0;
}

.social_icons li {
  list-style: none;
  display: inline-block;
  padding: none;
}

.social_icons li:nth-child(1),
.social_icons li:nth-child(2),
.social_icons li:nth-child(3) {
    margin: 0 17px 0 0;
}


.social_icons li a {
  color: #fff;
  text-decoration: none;
  font-size: 25px;
}

.social_icons li a:hover {
  color: #6c8f34;
}


/*========================
SECOND FOOTER CONTENT
=========================*/

.second_footer {
  background-color: #262526;
  width: 100%;
  padding: 19px;
  text-align: center;
}

.second_footer div p {
  color: #919191;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.090em;
}

.second_footer a {
  color: #6c8f34;
  text-decoration: none;
}

.second_footer a:hover {
  border-bottom: 1px solid #6c8f34;
}


.second_footer div:nth-of-type(1),
.second_footer div:nth-of-type(2) {
  display: inline-block;
}

.second_footer div:nth-of-type(1) {
  margin: 0 43px 0 0;
}

.second_footer div:nth-of-type(3) {
  margin: 16px 0 0 0;
}

/*========================
MEDIA QUERIES TABLET
=========================*/


@media (min-width: 400px) { 
  .intro_container {
  height: 100%;
  }


.background_content h1 {
  top: 33%;
}


.arrow_container {
  width: 100%;
  position: absolute;
  bottom: 6%;
  text-align: center;
}





}

/*========================
MEDIA QUERIES TABLET
=========================*/

@media (min-width: 660px) { 
  
.intro_container {
  height: 100%;
}

/*========================
NAV
=========================*/


  nav {
  display: block;
  z-index: 100;
  margin: 0;
  padding: 0;
  /*background-color: #1e1e1e;*/
  background-color: #5b483e;
  text-align: center;
}

.header-top{ height:auto;}

.main-nav li {
  display: inline-block;
  list-style: none;
  margin: 0 29px 0 29px;
}

.logo a,
.main-nav a {
    font-size: 0.75000em;
    font-weight: 700;
    letter-spacing: 0.250em;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    padding: 2px 0;
    transition: color 0.3s ease-in-out;
}

.main-nav a:hover {
  color: #6c8f34;
}



/*========================
DESCRIPTION BODY CONTENT
=========================*/

.description_body {
  margin: 45px auto;
  max-width: 500px;
}

h1 {
  font-size: 35px;
  font-weight: 900;
  width: 280px;
  letter-spacing: 0.040em;
  border: 9px solid #2f2e2f;
}

 .description_body p {
  font-size: 1.060em;
  font-weight: 500;
  letter-spacing: 0.020em;
  margin: 20px 0;
}



.picture_content {
  display: inline-block;
  padding: 0 20px;
}




.image_box_story li {
  width: 234px;
  height: 234px;
  list-style: none;
  display: inline-block;
  margin: 0;
 float:left;
  padding: 0;
}



.image_box_story li:nth-of-type(2) {
  background: url('../images/limes.jpg') no-repeat center center;
  background-size: cover;
}

.image_box_story li:nth-of-type(3) {
  background: url('../images/radish.jpg') no-repeat center center;
  background-size: cover;
   margin-right: 20px;
   margin-top: 20px;
}

.image_box_story li:nth-of-type(4) {
  background: url('../images/corn.jpg') no-repeat center center;
  background-size: cover;
  margin-top: 20px;
}
.image_box_beer {
  height: 495px;
  max-width: 500px;
  margin: 45px auto 0 auto;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background-size: cover;
}

.image_box_bread {
  height: 495px;
  max-width: 500px;
  margin: 0 auto 45px auto;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
}

.image_box_bread li {
  width: 238px;
  height: 500px;
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}




/*========================
IMAGE INTRO BANNER CONTENT
=========================*/

.background_content {
  position: relative;
  top: 0px;
  width: 100%;
  height: 570px;
  background-color: white;
  margin: 0 auto 0 auto;
  z-index: 98;
  text-align: center;
}

.background_content h1 {
  font-size: 4.5em;
  position: relative;
  top: 41%;
  width: 100%;
  color: white;
  padding: 0;
  border: 0;
  display: inline-block;
}

.background_content h1 span {
  color: white;
  padding: 0;
  border-bottom: 10px solid #fff;
}

/*========================
FIRST FOOTER CONTENT
=========================*/

.social_heading {
  font-size: 33px;
  margin: 50px 0 0 0;
}

.social_info a {
  font-size: 24.93px;
}

.social_icons li a {
  font-size: 30px;
}

.social_info a {
display: inline-block;
margin: 0 auto;
width: 325px;
}

/*========================
SECOND FOOTER CONTENT
=========================*/

.second_footer {
  background-color: #262526;
  width: 100%;
  padding: 19px;
  text-align: center;
}

.second_footer div p {
  color: #919191;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.090em;
}

.second_footer a {
  color: #6c8f34;
  text-decoration: none;
}

.second_footer a:hover {
  border-bottom: 1px solid #6c8f34;
}


.second_footer div:nth-of-type(1),
.second_footer div:nth-of-type(2) {
  display: inline-block;
}

.second_footer div:nth-of-type(1) {
  margin: 0 43px 0 0;
}

.second_footer div:nth-of-type(3) {
  margin: 16px 0 0 0;
}

} /*END OF MEDIA QUERY*/
.external_buy_btn{
  	text-decoration: none;
    background-color: #040303;
    color: #fff;
    padding: 11px 27px;
  }
  .bluetokai_buy h2{
  	font-size: 37px;
    font-weight: 900;
    width: 296px;
    letter-spacing: 0.040em;
    border: 9px solid #2f2e2f;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 60px;
  }
  .bluetokai_buy p{
  	font-size: 0.960em;
    font-weight: 500;
    letter-spacing: 0.020em;
    display: inline-block;
    vertical-align: middle;
    margin: 35px 0;
  }
  .bluetokai_buy{
  	margin-top: 55px;
    background-color: #fff4de;
    padding: 25px 0;
  }
  .external_buy_btn:hover{
  	color: #fff;
  }
/*========================
MEDIA QUERIE DESKTOP
=========================*/


@media (min-width: 1100px) { 

.intro_container {
  background-attachment: fixed;
}





.logo a,
.main-nav a {
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
    padding: 3px 1px;
}

.main-nav {
  float: right;
  padding: 0;
  margin: 0;
  margin: 0;
}

.main-nav li {
  display: inline-block;
  list-style: none;

 margin:0 0 0 25px;
}



  /*========================
BACKGROUND CONTENT
=========================*/


.background_content h1 {
  font-size: 4em;
  position: relative;
  top: 41%;
  width: 100%;
  color: white;
  padding: 0;
  border: 0;
  display: inline-block;
}

.background_content h1 span {
  color: white;
  padding: 0;
  border-bottom: 12px solid #fff;
}

  /*========================
DESCRIPTION BODY CONTENT
=========================*/

.margin-right {
  margin-right: 5%;
}

.margin-left {
  margin-left: 5%;
}

.background_content:nth-of-type(2),
.background_content:nth-of-type(4) {
  background-attachment: fixed;
}



.description_body {
  max-width: 450px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 95px;

}

.description_body h1 {
  font-size: 37px;
  font-weight: 900;
  width: 296px;
  letter-spacing: 0.040em;
  border: 9px solid #2f2e2f;
  margin:0 auto;
  display: block;
  text-align:center;
}
  .external_buy_btn{
  	text-decoration: none;
    background-color: #040303;
    color: #fff;
    padding: 11px 27px;
  }
  .bluetokai_buy h2{
  	font-size: 37px;
    font-weight: 900;
    width: 296px;
    letter-spacing: 0.040em;
    border: 9px solid #2f2e2f;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 60px;
  }
  .bluetokai_buy p{
  	font-size: 0.960em;
    font-weight: 500;
    letter-spacing: 0.020em;
    display: inline-block;
    vertical-align: middle;
    margin: 35px 0;
  }
  .bluetokai_buy{
  	margin-top: 55px;
    background-color: #fff4de;
    padding: 25px 0;
  }
  .external_buy_btn:hover{
  	color: #fff;
  }
 .description_body p {
  font-size: 0.960em;
  font-weight: 500;
  letter-spacing: 0.020em;
  display: inline-block;
  vertical-align: middle;
  
}

.picture_content {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

.image_box_story {
  height: 495px;
  max-width: 500px;
  margin: 0px auto 0px auto;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background-size: cover;
}

.image_box_story li {
  width: 234px;
  height: 234px;
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}


.image_box_story li:nth-of-type(1),
.image_box_story li:nth-of-type(2),
.image_box_story li:nth-of-type(3),
.image_box_story li:nth-of-type(4) {
  background-size: cover;
} 


.image_box_beer,
.image_box_bread {
  height: 495px;
  max-width: 500px;
  margin: 0 auto 0 auto;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
 
  background-size: cover;
}




.image_box_bread li {
  width: 238px;
  height: 500px;
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}


.btn {
	
	background:#60A109;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: 0.04em;
    width: 164px;
	
}


/*========================
FIRST FOOTER CONTENT
=========================*/

.first_footer div:nth-child(1) {
  display: block;
}

.first_footer div:nth-child(2),
.first_footer div:nth-child(3) {
  display: inline-block;
  vertical-align: middle;
}


/*THIS IS CONTROLLING THE MARGIN FOR "CONNECT"*/
.first_footer div:nth-child(2) {
  margin-right: 135px;
/*  margin-left: 50px;*/
}

/*THIS IS CONTROLLING THE MARGIN FOR "OR CALL"*/
.first_footer div:nth-child(3) {
  /*margin-left: 75px;*/
}

.social_heading {
  font-size: 33px;
  margin: 50px 0 0 0;
}

.come_in .social_info a {
  font-size: 24.93px;
  display: inline-block;
  margin: 0 auto;
  width: 565px;
}

.come_in .social_info {
  margin-bottom: 25px;
}

.or_call .social_info a {
  font-size: 24.93px;
  display: inline-block;
  margin: 0 auto;
  width: auto;
}

.social_icons li a {
  font-size: 30px;
}


/*========================
SECOND FOOTER CONTENT
=========================*/
.second_footer {
padding-top: 10px;
height: 66px;
}

.second_footer div:nth-of-type(1),
.second_footer div:nth-of-type(2),
.second_footer div:nth-of-type(3) {
  display: inline-block;

}

.second_footer div:nth-of-type(1) {
margin-left: 0px;
}

.second_footer div:nth-of-type(1),
.second_footer div:nth-of-type(2) {
margin-right: 60px;
}

}
/*========================
HOME PAGE START HERE
=========================*/
.badge_container{ vertical-align: middle; position:relative; top:32%;}
.description_body{ margin:0 5% 0 0;}
.btn { background:#60A109; font-size: 21px; font-weight: 900; letter-spacing: 0.04em;  width: 164px;}
.description_body .read-btn { text-align: right;}
#about .width_limit .picture_content{ width:52%;}
.description_body{ display: inline-block;}
.image_box_bread li:nth-of-type(1) {
  background: url('../images/coffee-red.jpg') no-repeat center center;
  background-size: cover;
  margin-right: 19px;
}

.image_box_bread li:nth-of-type(2) {
  background: url('../images/coffee-yellow.jpg') no-repeat center center;
  background-size: cover;
}
.image_box_beer li:nth-of-type(1) {
  background: url('../images/awards.jpg') no-repeat center center;
  background-size: cover;
  margin-right: 20px;
}
.image_box_beer li {
  width: 500px;
  height: 495px;
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}


.image_box_story li:nth-of-type(1) {
  background: url('../images/peacock.jpg') no-repeat center center;
  margin-right: 20px;
}

.image_box_story li:nth-of-type(2) {
  background: url('../images/Cardamom.jpg') no-repeat center center;
}

.image_box_story li:nth-of-type(3) {
  background: url('../images/pep1.jpg') no-repeat center center;
   margin-right: 20px;
   margin-top: 20px;
}

.image_box_story li:nth-of-type(4) {
  background: url('../images/oranges.jpg') no-repeat center center;
  margin-top: 20px;
}
#about .picture_content .image_box_bread{ padding:0;}
#about .picture_content .image_box_bread li{ list-style: none;}
.intro_container,#awards,#gallery{ background-attachment: fixed;}
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger i {
    display: inline-block;
    }
	  #nav-trigger i:hover{ cursor: pointer;}
    #nav-trigger i:after {
      display: inline-block;
      }

#nav-mobile {
  position: relative;
  display: none; }
#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding:0 0 15px !important;
    background-color: rgb(148, 174, 49); }
#nav-mobile li {
    display: block;
    padding: 0;
    margin: 5px 0;
     }
    
#nav-mobile a {
    display: block;
  padding: 20px 26px 0;}
#nav-trigger i{   color: #ffffff;
    height: 30px;
    margin: 22px 0 0;
    padding: 7px 0 0;
    width: 30px; background-color: rgb(148, 174, 49);  border-radius: 4px; }
#nav-mobile ul{ top:11px;}

.image_box_bread li{ display: inline-block;}
#main-nav ul,#awards-detail .image_box_beer{ padding:0;}
.arrow a:hover {
  border: 5px solid #6D903C;
}
.arrow_container {
  width: 100%;
  position: absolute;
  bottom: 6%;
  text-align: center;
}
.arrow a {
    border: 4px solid rgba(0,0,0,0);
    display: inline-block;
  
    -webkit-transition: border-color 0.5s ease-out;
    -moz-transition: border-color 0.5s ease-in-out;
    -o-transition: border-color 0.5s ease-in-out;
    -ms-transition: border-color 0.5s ease-in-out;
    transition: border-color 0.5s ease-in-out;  
    background-size: 22px; /*This is based off of width*/
	color:#fff;
}
.arrow i{ font-size:30px; padding:3px;}
.arrow a:hover {
    border: 4px solid #fff;
}


/*========================
HOME PAGE RESPONSIVE START HERE
=========================*/


@media screen and ( max-width:1235px) {
#welcome{ background-size:100% 88%; height:88%;}
 #awards,#gallery{ background-size:100% auto; height:78%;}
.arrow_container{ bottom:16%;}
#welcome .intro_badge{ background-size:750px auto;}
#about .description_body,#gallery-detail .description_body{ max-width:430px; }
 #about .description_body { margin:8% 3% 0 0; float:left;}
 .description_body h1{ display: block; margin:0 auto;}
 #gallery-detail .description_body{ float:left; margin:13% 3% 0 0;}
#about,#gallery-detail{ padding:55px 20px;}
#awards-detail{ padding:20px;}
#gallery-detail .picture_content { width:51%;}
#gallery-detail .image_box_story{ padding:0;}
#gallery-detail .image_box_story li{ width:217px; height:220px; background-size:210px auto !important;}
.image_box_bread{ margin:0 auto; height:442px;}
.image_box_bread li{  background-size: 200px auto !important; width: 210px; height:420px;}
#awards-detail .picture_content{ padding:0;}
#awards-detail .image_box_beer li{ height:450px; background-size:400px auto !important; width:400px;}
#awards-detail .picture_content{ width:44%;}
#awards-detail .description_body{ max-width:475px; vertical-align: middle; margin:0;}
.background_content h1{ top:35%;}
}
@media screen and ( max-width:1168px) {
	#about .width_limit .picture_content{ width:44%;}
}
@media screen and ( max-width:1058px) {
.background_content h1{ font-size:2.1em!important;}
}
@media screen and ( max-width:1105px) {
.image_box_bread li{ background-size: 160px auto !important; width:160px;}
}
@media screen and ( max-width:985px) {
	.header-top .main-nav li{ padding:17px 0!important;}
	.header-top .width_limit .main-nav li a{ font-size:0.5em !important;}
	#gallery-detail .picture_content{ width:47%;}
}
@media screen and ( max-width:940px) {
#about .description_body{ max-width:350px;}
#about .width_limit .picture_content{ width:47%!important;}
}
@media screen and ( max-width:860px) {
#about .width_limit .picture_content{ width:55%!important;}
}
@media screen and ( max-width:815px) {
	#gallery-detail .picture_content{ width:50%!important;}
#gallery-detail .width_limit .image_box_story li{ background-size: 130px auto !important; height: 135px!important; width: 130px!important;}
}
@media screen and ( max-width:770px) {
.logo a{ width:27%!important;}
#about .width_limit .picture_content{ width:58%!important;}
#about .description_body{ max-width:280px!important;}
}

@media screen and ( max-width:900px) {

.arrow_container{ bottom:26%;}
#welcome .intro_badge{ background-size:615px auto;}
.description_body p{ font-size:0.9em;}
#about .description_body,#gallery-detail .description_body{ max-width:315px; }
#about .description_body h1,#awards-detail .description_body h1,#gallery-detail .description_body h1{ text-align: center; width:235px; font-size:23px;}
 #about .description_body { margin:5% 0% 0 0; float:left;}
 #gallery-detail .description_body{ float:left; margin:13% 0% 0 0;}
#about{ padding:45px 20px;}
#gallery-detail{ padding:30px 20px;}
#awards-detail{ padding:45px 20px;}
#gallery-detail .picture_content { width:56%;}
#gallery-detail .image_box_story{ padding:0; display: inline-block;}
#gallery-detail .image_box_story li{  background-size: 165px auto !important;  float: left; height: 170px;margin: 0 0 15px 15px; width: 165px;}
.image_box_bread{ margin:0 auto; height:318px;}
.image_box_bread li{  background-size: 150px auto !important;  height: 318px; width: 157px;}
#awards-detail .picture_content{ padding:0;}
#awards-detail .image_box_beer{ height: 345px; margin:0;}
#awards-detail .image_box_beer li{  background-size: 340px auto !important; height: 345px; width: 340px;}
#awards-detail .picture_content{ width:47%;}
#awards-detail .description_body{ max-width:355px; vertical-align: middle; margin:2% 0 0 3%;}
#welcome{  background-size:100% 86%; height:76%;}
.badge_container{ top:30%;}
#awards, #gallery{ background-size:100% auto; height:64%;}

}
@media screen and ( max-width:720px) {
.logo a{ display: block !important;
    float: none !important;
    margin: 0 auto !important;
    width: 50% !important;}
	.header-top .width_limit{ text-align: center!important;  }
	#main-nav{ display: block;}
}
@media screen and ( max-width:1035px) {
	#gallery-detail .image_box_story li{  background-size: 170px auto !important; height: 180px;
    width: 170px;}
}

@media screen and ( max-width:1015px) {
	#awards-detail .image_box_beer li{ width:270px!important; background-size:270px auto !important;}
	#awards-detail .picture_content{ width:41%;}

}
@media screen and ( max-width:735px) {
	#welcome .intro_badge{ background-size:475px auto;}
	#about .description_body{ float:none; margin:0 auto; display: block;}
	.description_body p{ margin:20px 0;}
	#welcome{ background-size:100% 91%; height: 100%;}
	#about .description_body, #gallery-detail .description_body{ max-width:420px!important;}
	#awards-detail .description_body{ max-width:420px; margin: 0 auto; display: block;}
	#awards-detail .picture_content{ text-align:center;}
	#awards-detail .image_box_beer li{ margin:0;}
	#about .width_limit .picture_content{ width:100%!important; text-align: center; margin:30px auto 0; display: block;}
	.image_box_bread li{  background-size:210px auto !important;  height: 380px; width: 210px;}
	.image_box_bread{ height:380px;}
	#awards h1,#gallery h1{ font-size:2em;}
	#awards-detail .picture_content{ margin:0 auto 30px; width:71%; display: block;}
	#gallery-detail .description_body{ float:none; max-width:420px; margin: 0 auto; display: block;}
	#gallery-detail .picture_content{ width:65%!important; margin:0 auto; display: block;}
	#gallery-detail .image_box_story{ margin:20px 0 0;}
	#gallery-detail .image_box_story li { list-style: none; background-size: 200px auto !important; height: 205px;
    margin: 0 0 15px 15px; width:200px; margin:15px 0 0 15px; }
	#gallery-detail{ padding:45px 20px;}
	#awards,#gallery{ background-size:100% auto; height:45%;}
	.background_content h1{ top:38%; font-size:4em;}
	
}
@media screen and ( max-width:630px) {
	#welcome{ background-size:100% 90%!important;}
}
@media screen and ( max-width:500px) {
	#nav-trigger {
    display: inline-block; padding:0 5px 0 0; }
.logo a{ display: inline-block!important;
    float: left!important;
    margin: 0 !important;
    width: 65% !important;}
	.header-top .width_limit{ text-align: right!important;  }
 #main-nav{
    display: none!important; }
.header-top .width_limit .main-nav li a{ font-size:0.8em!important;}
 #nav-mobile {
    display: block; }
	.badge_container{ top:31%;}
	#welcome .intro_badge{ background-size:370px auto;}
	.arrow_container{ bottom:4%;}
	#about .width_limit .picture_content{ width:95%;}
	.image_box_bread{ height:336px;}
	#awards-detail .picture_content{ width:100%;}
	#gallery-detail .picture_content{ width:95%!important; }
	.image_box_bread li{ background-size: 130px auto !important; display: inline-block;height: 335px; width: 130px;}
	#awards, #gallery{  background-size:485px auto; height:37%;}
	
}
@media screen and ( max-width:370px) {
#gallery-detail .image_box_story{ display: inline-block; width: 100% !important;}
#gallery-detail .image_box_story li{ float: none; margin:0 auto; display: block;}
}
@media screen and ( max-width:350px) {
#welcome{   background-size: 500px 500px; height: 56%;}
.badge_container{ top:25%;}
.arrow_container{ bottom:47%;}
#welcome .intro_badge{ background-size: 235px auto;}
.image_box_bread li{ background-size:110px auto !important; display: inline-block; margin:0 8px 25px 0!important; width:110px!important;}
.image_box_bread{ height:280px;}
#awards h1, #gallery h1{ font-size:1.3em!important;}
#awards-detail .picture_content{ width:100%;}
#awards-detail .image_box_beer li{ background-size: 240px auto !important;
    height: 288px;
    margin: 0 !important;
    width: 240px!important;}
	#awards-detail .image_box_beer{ height:300px;}
	#awards, #gallery{  background-size: 322px auto; height: 46%;}
	#awards h1, #gallery h1{ top:38%;}
	#gallery-detail .image_box_story li{ display: block; margin:20px auto 0; float:none;}
	
	#about .description_body h1, #awards-detail .description_body h1, #gallery-detail .description_body h1{ font-size:17px; width:205px;}
	.description_body p{ font-size:0.8em;}
	.read-btn .btn{  font-size: 14px;   width: 140px;}
	.social_info a{ font-size:12px!important;}
	.social_heading{ font-size:15px!important;}
	.social_info, .social_icons{ margin:18px 0 30px!important;}
	
}
/*========================
HOME PAGE END HERE
=========================*/





/*========================
ABOUT US PAGE START HERE
=========================*/
.logo a{
  width: 350px;
  min-height: 60px;
  background: url('../images/logotop.png') no-repeat center center;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin: 6px 0 0;
}
#main-nav .active,#main-nav ul li:hover,#nav-mobile .active,#nav-mobile ul li:hover{ background: url(../images/menu-active.png) no-repeat  center top;}
#main-nav{ background: none; display: inline-block;} 
.main-nav li:last-child{ padding:17px 0!important;}
.content-section{ }
.content-section h3{ color:#622900; padding-top:10px; padding-left:10px; margin:0; }
 .about-section{ width:100%; height: auto; background: url('../images/coffee-flower.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
  .about-section-pepper{ width:100%; height: auto; background: url('../images/album-pepper.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
  .about-section-orange{ width:100%; height: auto; background: url('../images/album-orange.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
   .about-section-nursery{ width:100%; height: auto; background: url('../images/album-nursery.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
   .about-section-nature{ width:100%; height: auto; background: url('../images/album-nature.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
      .about-section-curing{ width:100%; min-height: 300px; background: url('../images/album-coffeedryingyard.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; }
	      .about-section-coffee{ width:100%; height: auto; background: url('../images/album-coffee.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
		   .about-section-card{ width:100%; height: auto; background: url('../images/album-cardamom.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
		    .about-section-banana{ width:100%; height: auto; background: url('../images/album-banana.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%;}
 .legacy,.flora-fauna,.coffee,.about-image,.tab-container{  padding:40px 0 0; max-width:1200px; margin:0 auto;}
 .about-content{  max-width:1200px; margin:0 auto;}
.legacy h6,.tab-container h6{ font-size:26px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase; width:245px; text-align: center; border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:25px auto; }
.about-image h5{ font-size:26px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase; width:300px; text-align: center; border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:25px auto; }
 .coffee-cure{ font-size:26px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase;
 border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:0 auto 25px; width:445px; text-align: center;}
 #tab-container .coffee-cure{ font-size:26px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase;
 border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:0 auto 25px; width:445px; text-align: center;}
  .about-content h3,.award-section h3{ position:relative; top:83px; line-height:150%; font-family:"Open Sans",sans-serif; text-transform: uppercase; color:#fff; font-size:5em; text-align:center;}
.gallery-album h3{ color: #000000; text-align: center; width:180px; font-size:25px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase; border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:0 auto 25px; }
.flora h6{ color: #000000; text-align: center; width:550px; font-size:25px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase; border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:0 auto 25px; }
  .about-content p,.legacy p,.flora p,.fauna p,.coffee p,.awards-section p,.tabs-circle-top .tab a,.story-content p,.about-image p{ padding: 0 0; font-family:"Open Sans",sans-serif; font-size: 15px;  font-weight: 200; letter-spacing: 0.020em; line-height: 1.8em; color: #434243; text-align:justify;}
  .story-content p{ text-align: justify;}
 .awards-section li { list-style: none; padding: 0 0; font-family:"Open Sans",sans-serif; font-size: 15px;  font-weight: 200; letter-spacing: 0.020em; line-height: 2.4em; color: #434243;}
.panel-container p{ font-family: "Open Sans",sans-serif; font-size: 15px; font-weight: 200;
   letter-spacing: 0.02em; line-height: 1.8em; padding: 0; text-align: justify;}
    .about-image{ text-align: left;}
   .about-image ul{ padding:0;}
   .about-image-list ul{ padding:0; display: inline-block; width:100%; text-align: center;}
    .about-image ul li img{ width:100%; height: auto;}
	.about-image ul li:hover img{ background:#000;}
    .about-image ul li{ width:23.6%; display: inline-block;  margin:0 13px 0 0;}
	 .about-image ul li:last-child{ margin:0;}
.about-image ul li a { text-decoration: none; display:block; background-color:#fff; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); padding:3px; margin:10px 5px;}
.about-image ul li a h6{ height:55px; overflow: hidden; margin:0; text-align:center; color:rgb(98, 41, 0); font:500 16px/150% "Open Sans",sans-serif; padding:5px 0 8px ;}
 .header-top .main-nav li{ margin: 5px 0 0 10px; padding:17px; display: inline-block; list-style: none;}
 .header-top .main-nav li a {  font-size: 0.75000em; font-weight: 700; letter-spacing: 0.250em; text-decoration: none; color: #fff; display: block; text-align: center; padding:7px 0; transition: color 0.3s ease-in-out;}
.header-top .width_limit{ text-align: right;}
.btn.responsive-menu{ background:#fff;}
.col-40{
	width:40%;
	float:left;
}
.col-60{
	width:60%;
	float:left;
}
.agri-info{
	display:inline-block;
	width:100%;
}
#about_page .content-part{
	text-align:center;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.about-link{
	margin:10px 0 0;
}
@media screen and ( max-width:768px) {
	.col-40,
	.col-60{
		width:100%;
	}
}
@media screen and ( max-width:400px) {
	.agri-info img{
		width:100%;
	}
}
/*===================================================================================*/
/*	TABS CIRCLED ON TOP
/*===================================================================================*/
.tabs-circle-top{ text-align:center; padding:40px 0 0px;}
.tabs-circle-top .etabs {
	position: relative;
    padding: 0;
    margin: 0;
	z-index: 2;
}
.tabs-circle-top .etabs:before {
	content: '';
	display: block;
    border-bottom: 1px solid #CED7E0;
	margin: 90px 0 -65px;
	padding:20px 0 0;
}
.tabs-circle-top .tab {
    display: inline-block;
	height: 120px;
	position: relative;
	top:0px;
	margin: 0 70px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
			 text-align:center;
}
.tabs-circle-top .tab a {
    display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	max-width: 130px;
	background: #FFF;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
    text-transform: capitalize;
    border: 1px solid #CED7E0;
	border-radius: 50%;
	overflow: hidden;
	padding:0 4px;
	text-decoration: none;
	text-align: center;
}
.tabs-circle-top .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-circle-top .tab a:hover {
	border: 4px solid #6c8f34;
	 transition: all 200ms ease-out 0s;
}
.tabs-circle-top .tab.active {
	top: -4px;
}
.tabs-circle-top .tab.active a {
	height: 140px;
	width: 140px;
	max-width: 140px;
    background: #6c8f34;
	font-size: 15px;
	line-height: 140%;
	color: #FFF;
	border: 1px solid #6c8f34;
	text-decoration: none;
	text-align: center;
}
.tabs-circle-top .tab.active a div {
	font-size: 50px;
	margin: -13px 0 8px;
}
.tabs-circle-top.tab-container .panel-container {
	position: relative;
	margin-top: 30px;
	z-index: 1;
}
.tabs-circle-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*========================
ABOUT US PAGE RESPONSIVE START HERE
=========================*/
@media screen and ( max-width:1235px) {
.content-part{padding:0 20px;}
.header-top{ padding:5px 20px 6px;}
.main-nav{ margin:0;}
.about-image ul li{ width:23.5%;}
.header-top .main-nav li{ padding:17px 5px;}
.tabs-circle-top .tab{ margin:0 50px;}
.header-top .main-nav li a{ font-size:0.7em!important;}
.logo a{ width:325px;}
  
}
@media screen and ( max-width:900px) {
.about-image ul li{ width:23%;}
.tabs-circle-top .tab{ margin:0 28px;}
.about-image ul li a h6{ height:50px;}
.main-nav li{ margin:0 10px;}
.about-content p, .legacy p, .flora p, .coffee p,.awards-section p,.about-image p,.story-content p,.awards-section li,.panel-container p{ font-size: 13px;}
.social_heading{ font-size:20px;}
.social_info a{ font-size:16px;}
.legacy h6,.tab-container h6{ padding:5px 16px; width:225px; font-size:20px;}
.about-image h5{font-size:20px; padding:5px 16px; width:240px; }
#tab-container .coffee-cure{font-size:20px; padding:5px 16px; width:330px; }
.flora h6{ font-size:20px; padding:5px 16px; width:530px; }
.coffee-cure{ padding:5px 16px; width:380px; font-size:20px;}
.about-image ul li a h6{ font:500 14px/150% "Open Sans",sans-serif;}
.header-top .main-nav li a{ font-size:0.65em!important;}
 .logo a{ width: 210px;}
.header-top .main-nav li{ padding:17px 0; margin:10px 0 0 5px;}

.tabs-circle-top .tab a{  font-size: 11px; height: 110px; max-width: 110px;  width: 110px;}
.tabs-circle-top .tab.active a{ max-width:120px; width: 120px; height: 120px; font-size:12px;}
.tabs-circle-top .etabs:before{ margin:75px 0 -57px;}
.tabs-circle-top .tab.active{ top:-7px;}
.tabs-circle-top .tab{ height:90px;}
}
@media screen and ( max-width:700px) {
	.about-image ul li{ width:47%;}
	.main-nav a{ font-size:0.55em!important;}
	.header-top .main-nav li{ margin:10px 0 0 5px;}
	.header-top .main-nav li a{ font-size:0.5em!important;}
	 .logo a{ width: 160px;}
	 .tabs-circle-top .etabs:before {
		border-bottom: none;
		margin: 0;
	}
	.header-top{ padding:5px 10px 6px;}
	.panel-container{ margin:35px 0 0!important;}
	.tabs-circle-top .tab {
		display: table;
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 65%;
	}
	.tabs-circle-top .tab.active{ top:0px;}

	.tabs-circle-top .tab a,
	.tabs-circle-top .tab.active a {
		width: 100%;
		max-width: 100%;
		height: auto;
		font-size: 11px;
		text-align: left;
		padding:8px 15px;
		border-top: none;
		border-radius: 0;
	}
	.tabs-circle-top .tab a:hover {
		border-width: 1px;
		border-color: #CED7E0 !important;
		border-top: none;
	}
	.tabs-circle-top .tab.active a:hover {
		border-color: transparent !important;
	}
	.tabs-circle-top .tab:first-child a {
		border-top: 1px solid #CED7E0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.tabs-circle-top .tab:last-child a {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.tabs-circle-top .tab a div,
	.tabs-circle-top .tab.active a div {
		display: inline-block;
		vertical-align: middle;
		font-size: 30px;
		line-height: 120%;
		padding-bottom: 5px;
		margin: 0 10px 0 0;
	}
}
@media screen and ( max-width:565px) {
	.about-image ul li,.about-image ul li:last-child{ width:60%; margin:0 auto; display: block;}
	.flora{ margin:0 auto; display: block;}
	.flora-fauna{ padding:10px 0 0;}
	.flora h6{ margin:25px auto 25px;}
	.main-nav a{ font-size:0.68em !important;}
	.about-image{ padding:25px 0 0;}
	.flora h6{ width:390px; font-size:18px;}
}
@media screen and ( max-width:435px) {
	.about-content h3{ font-size:3em;}
	.about-image ul li, .about-image ul li:last-child{ width:87%;}
	.flora{ width:100%;}
	.coffee-cure{ width:225px; font-size:13px;}
	.legacy h6,.tab-container h6{  font-size:13px; width:170px;}
	.legacy{ padding:25px 0 0;}
	.about-content p, .legacy p, .flora p, .fauna p, .coffee p,.awards-section p,.about-image p,.story-content p,.awards-section li,#tab-container .panel-container p{ font-size:12px;}
	.tabs-circle-top .tab{ width:85%;}
	.panel-container p{ font-size:13px;}
        .tabs-circle-top.tab-container .panel-container p{ padding: 0;}
        .panel-container{ margin: 25px 0 0 !important;}
	#tab-container .coffee-cure{ font-size:13px; width:240px;}
	.about-image h5{ font-size:13px; width:200px;}
	.flora h6{ font-size:13px; width:250px;}
	
	.tabs-circle-top{ padding:30px 0 0;}
}
/*========================
ABOUT US PAGE END HERE
=========================*/


/*========================
AWARDS PAGE START HERE
=========================*/
.award-section{ width:100%; height: auto; background: url('../images/coffee-flower.jpg') no-repeat center center; min-height:300px; background-attachment: fixed;  background-size: cover; background-position: 70% 120%; text-align: center;}
#award .content-part { margin: 0 auto;max-width: 1200px; padding: 40px 0 0;}
#award .awards-section ul{ padding:0;}
.awards-section h6{ font-size:26px;font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase; text-align: center; border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:25px auto; }
.awards-section .accolades{ width: 450px;}
.awards-section .flavour{ width: 650px;}
.awards-section .achievments{ width:330px;}
.awards-section .certificate{ width: 300px;}
.certificate ul{ padding:0;}
.certificate{ text-align: center;}
.certificate ul li{ display: inline-block;}


/*========================
AWARDS PAGE RESPONSIVE START HERE
=========================*/
@media screen and ( max-width:1235px) {
#award .content-part{ padding: 40px 20px 0;}
}
@media screen and ( max-width:900px) {
.awards-section h6{ font-size: 20px; padding: 5px 16px;}
.awards-section .accolades{ width:330px; margin:10px auto 25px;}
.awards-section .flavour{ width:500px;}
.awards-section .certificate{ width:225px;}
.certificate img{ width:350px;}
}
@media screen and ( max-width:555px) {
	.awards-section .flavour{ width:400px;}
	.awards-section h6{ font-size:15px;}
	.certificate img{  height: 265px; width: 316px;}
}
@media screen and ( max-width:460px) {
	.award-section h3{ font-size:3em;}
	.awards-section h6{ font-size: 12px; padding: 5px 16px;}
.awards-section .accolades{ width:255px; margin:10px auto 25px;}
.awards-section .flavour{ width:230px;}
.awards-section .certificate{ width:185px;}
.certificate img{ width:96%; height: auto;}
.album-top{ text-align:center;}
.awards-section li{ line-height:2.1em;}
.album-top .album-part{ width:220px!important; font-size:15px; margin:0 auto 18px;}
.album-top .back{ font-size:16px;}
.awards-section .achievments{ width:250px;}
}
/*========================
AWARDS US PAGE END HERE
=========================*/

/*========================
GALLERY PAGE START HERE
=========================*/
.album-part{ width:400px!important;}
.gallery-album ul{ text-align: center;}
.gallery-album ul li{ position: relative;}
.album-top .back{ display: inline-block; font-weight: bold; font-size: 18px; color:#4c8209; text-decoration: none;}
.video-section li a img{
	height:175px;
}
.gallery-album .video-section ul li a{
	padding:0;
}
.gallery-album .video-section ul{
	text-align:left;
}
@media screen and ( max-width:1235px) {
.gallery-album ul li{ width:23.3%;}
.img-hover,.img-hover-link{ height: 63%!important; top: 13px!important; width: 93.7%!important; padding:69px 0 0!important;}
}
@media screen and ( max-width:900px) {
	.gallery-album ul li{ width:30.6%; margin:0 10px 0 5px;}
	.img-hover,.img-hover-link{ height:64% !important;}
}
@media screen and ( max-width:800px) {
		.img-hover,.img-hover-link{ height:63% !important;}
}
@media screen and ( max-width:700px) {
	.gallery-album ul li{ width:46%; margin:0 7px 0 10px;}
	.img-hover,.img-hover-link{ height:67%!important; padding:83px 0 0!important; width:94.5% !important;}
	.gallery-album ul li:last-child{ margin:0 7px 0 10px;}
}
@media screen and ( max-width:500px) {
.gallery-album ul li,.gallery-album ul li:last-child{ margin: 20px auto;  width: 62%;}
.img-hover,.img-hover-link{ top: 2px !important; padding:86px 0 0 !important; height:74.5% !important;}
}
@media screen and ( max-width:350px) {
.gallery-album ul li, .gallery-album ul li:last-child{ width:88%;}
.img-hover,.img-hover-link{ height:73%!important; width:94.3% !important;}
}
/*========================
GALLERY PAGE END HERE
=========================*/

/*========================
CONTACT PAGE START HERE
=========================*/
.contact-section{ float:left; background:url(../images/contact-mug.jpg) no-repeat left center;   min-height: 500px; width: 520px;}

.contact-section form { display:inline-block;  margin: 0 auto; left: 80px; position: relative; top: 150px; width: 425px; }
.contact-section form input,.contact-section form textarea{ font-size:13px; padding:5px 10px;  font-weight: 200; border: medium none; border-radius: 3px; margin: 0 0 10px;}
.contact-address{ margin:1% 0 3.5% 12%; display: inline-block;}
.contact-us{ display: inline-block; width: 100%;}
.contact-address li{ list-style: none; margin:0 0 13px;}
.mob-phone .fa-mobile{ font-size:33px; margin:0 20px 0 0;}
.address-detail  .fa-map-marker{ margin:0 20px 0 0;}
.off-phone .fa-phone{ margin:0 16px 0 0;}
.estate-phone .fa-phone-square{ margin:0 14px 0 0;}
.web-adr .fa-envelope{ margin:0 12px 0 0;}
.contact-address li i{ font-size:23px; display: inline-block;  float: left;}
.contact-address li span{  display:inline-block; font-size:15px; font-weight: 200; font-family:"Open Sans",sans-serif; }
.contact-address h6{ font-size:26px; font-weight: 900;letter-spacing: 0.040em; text-transform:uppercase; text-align: center; border: 8px solid #2f2e2f; display: block;  padding: 7px 16px; margin:25px auto; } 
#map{ height:480px;}
.contact-page{ padding:55px 0 0;}
.contact-address-inner .view-link{ text-decoration: none; text-transform: capitalize; margin:0 0 0 15px; font-size:15px; font-weight: 200; font-family:"Open Sans",sans-serif;  }
.contact-address-inner .view-link:hover{ font-weight: bold; color:#4c8209;}
.img-hover{ padding:93px 0 0;  font-size: 0.75000em; font-weight: 700; letter-spacing: 0.250em;  font-family:"museo-sans",helvetica,sans-serif;  background-color: #1C1210; text-align: center; color: #fff; text-transform: capitalize;
    height:67%;
    left: 7px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: 14px;
    transition: all 200ms ease-out 0s;
    width: 95%;
    z-index: 100;}
.img-hover-link{ padding:93px 0 0;  font-size: 0.75000em; font-weight: bold; letter-spacing: 0.250em;  font-family:"museo-sans",helvetica,sans-serif;  background-color: #ffffff; text-align: center; color: #000; text-transform: capitalize;
    height:68%;
    left: 7px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: 13px;
    transition: all 200ms ease-out 0s;
    width: 95%;
    z-index: 100;
	cursor:zoom-in;}
	.about-image ul li a:hover .img-hover-link{ opacity: 0.75;}
.about-image ul li a:hover .img-hover{ opacity: 0.7;}

/*===========================================
CONTACT  PAGE RESPONSIVE START HERE
=============================================*/

@media screen and ( max-width:1235px) {
}
@media screen and ( max-width:1000px) {
 .contact-section { background-size:420px auto; width: 425px;}
 .contact-address{ margin:1% 0 3.5% 2%;}
 .contact-address li span,.contact-address-inner .view-link{ font-size:14px;}
 .contact-address h6{ font-size:20px;}
 .contact-section form{ left:63px;}
}
@media screen and ( max-width:790px) {
	.contact-section{ margin:0 auto; display: block; float: none; min-height:410px;}
	.contact-section form{ top:110px;}
	.contact-address{ margin:1% 0 3.5% 21%;}
	
}
@media screen and ( max-width:575px) {
	 .award-section h3{ font-size:3em;}
	 .contact-section form{ width:230px; left:60px;}
}
@media screen and ( max-width:460px) {
	.contact-section{  background-size:250px auto; width: 250px; min-height:225px;}
	.contact-address{ display: block;  margin: 0 auto;}
	.contact-section form{ left:20px; width:160px; top:45px;}
	.contact-address li span, .contact-address-inner .view-link{ font-size:12px;}
	.submit_btn{ text-align: center;}
		.submit_btn input{}
		.contact-address h6 { font-size: 15px; width: 71%;}

		#award .content-part{ padding:40px 20px 10px;}
	.contact-section form input, .contact-section form textarea{ font-size:10px; padding:2px 7px; margin:0 0 6px;}
}
@media screen and ( max-width:360px) {
.contact-address h6 { font-size: 14px; width: 90%;}
}
/*========================
CONTACT  PAGE END HERE
=========================*/
.flipbook-viewport .contact-address-inner{ text-align:center; position:relative;}
.flipbook-viewport .contact-address-inner li{ list-style: none;}
.flipbook-viewport .contact-address-inner ul{ padding:0;}
.click-link{ position:absolute;}

/*========================
IE 8 AND BELOW MESSAGE
=========================*/
.iedisplaystyle{background-color: #9C0;height: 100px; text-align: center; font-size:20px; font-weight: bold; color:#900;}

/*========================
INTERNATIONAL GALLERY DAY
=========================*/
#about_page .popup-gallery p{
	margin:15px 0;
}
.about-section-galleryday{ 
width:100%; 
height: auto; 
background: url('../images/album-coffeeday.jpg') no-repeat center center; 
min-height:300px; 
background-attachment: fixed;  
background-size: cover; 
background-position: 70% 383%;
}