.hero-fixed {
top: 0;
height: 100%;
position: fixed;
padding-top: 0;
z-index: -1;
}

/*.title img {
 background-attachment: fixed;
    background-position: center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
width: 100%;
z-index: 1;
}*/

.title.title_size_large h1{
font-family: "refrigerator-deluxe";
font-weight: 400;
vertical-align: bottom;
font-size: 70px;
line-height: 80px;

}

nav.mobile_menu {
font-family: "refrigerator-deluxe";
font-weight: 400;
text-transform: uppercase !important;
}

nav.main_menu ul li {
font-family: "refrigerator-deluxe";
font-weight: 400;}

.title_outer.with_image .title .title_subtitle_holder, .title_outer .has_fixed_background.title .title_subtitle_holder, .title_outer .has_background.title .title_subtitle_holder {
display: table-cell;
vertical-align: bottom;
bottom: 70px;
width: 100%;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

nav.main_menu ul li {
font-family: "refrigerator-deluxe";
font-weight: 400;
font-size: 12px !important;
text-shadow: 2px 3px 2px rgba(0,0,0,.5) !important;
}

}

/*.full_width {
background-image: url('http://tls.deezharman.com/wp-content/uploads/2015/02/retro-bg2.jpg');
background-repeat: repeat;
}*/

p{
font-weight: 400;
font-family: "europa" ;
color: #877146;
text-align: justify;
}

.cn {
font-style:normal !important;
}



.footer_bottom {
font-family: "europa",sans-serif;
font-weight: 400;
letter-spacing: 1px;
}

.qbutton, .load_more a, .blog_load_more_button a, #submit_comment, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton {
font-family: "europa",sans-serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px;
}

.coffeeprofile {
padding: 2px;
border: 1px solid #155399;
}

.double { border: 3px double #ad9263; padding-top: 15px; padding-bottom: 15px; background-color: #ebe4df;}

h4 {
font-family: "europa",sans-serif;
font-weight: 400;
}

h3 {
font-family: "europa",sans-serif;
font-weight: 400;
font-size: 24px;
}

.process-description {
padding: 40px !important;

}

/*.processimage {
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/process-photo1.jpg');
height: 380px;
}*/


.processimage .beans {
background: url('http://tls.deezharman.com/wp-content/uploads/2014/10/coffeebean-icon.png')  center center no-repeat;  
width: 568px;
height: 380px;
margin: 0 auto;
}

.vc_col-sm-6 {
padding-left: 0;
padding-right:0;
}


@media (min-width: 768px) {

.process2-content:after {
     left: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -30px;
    z-index: 99999;
}

.roasting-content:after {
     left: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -30px;
    z-index: 99999;
}

  .process1-content:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -30px;
  }

  .warehouse-content:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -30px;
  }


  .grinding-content:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -30px;
  }


  .captangan-content:after {
       bottom: auto;
    left: auto;
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -30px;
  }



.bungamas-content:after {
     left: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -30px;
    z-index: 99999;
}

  .kopitiampowder-content:after {
      left: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -30px;
    z-index: 99999;
  }

  .threecoffee-content:after {
       bottom: auto;
    left: auto;
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -30px;
  }

.tongkatali-content:after {
     left: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -30px;
    z-index: 99999;
}

  .cereal-content:after {
     bottom: auto;
    left: auto;
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -30px;
  }

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

 .process1-content:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
z-index: 999999;
}

.process2-content:after {
    top: 100%;
	left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 30px;
    margin-left: -30px;
    z-index: 99999;
}

 .warehouse-content:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
z-index: 999999;
}

.roasting-content:after {
     top: 100%;
	left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 30px;
    margin-left: -30px;
    z-index: 99999;
}

 .grinding-content:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
z-index: 999999;
}

 .captangan-content:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
z-index: 999999;
}

.bungamas-content:after {
     top: 100%;
	left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 30px;
    margin-left: -30px;
    z-index: 99999;
}

 .kopitiampowder-content:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
z-index: 999999;
}


}



.process1-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/process1-before.jpg');
}

.warehouse-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/warehouse.jpg');
}

.process2-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/process2.jpg');
}

.roasting-image {
height: 650px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/process-roasting-photo.jpg');
}

.grinding-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/grinding.jpg');
}

.bungamas-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/bunga-mas-thumbnail.jpg');
}

.captangan-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/captangan-thumbnail.jpg');
}

.kopitiampowder-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/coffeepowder-thumbnail.jpg');
}

.threecoffee-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/3in1coffee-thumbnail.jpg');
}

.tongkatali-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/tongkatali-thumbnail.jpg');
}

.cereal-image {
height: 380px;
background: url('http://www.teckleeseng.com/v1/wp-content/uploads/2015/04/cereal-thumbanil.jpg');
}

h3
{
text-shadow: 2px 3px 2px rgba(200,200,200,.5);
}

.title.title_size_large h1 {
text-shadow: 2px 3px 2px rgba(200,200,200,.5);
}

.carousel-inner h2 {
font-weight: 400;
text-shadow: 2px 3px 2px rgba(0,0,0,.5);
font-family: "refrigerator-deluxe";
font-weight: 400;
font-size: 70px;
line-height: 80px;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield input[type=email], .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], .gform_wrapper .gform_body .gform_fields .gfield input[type=url], .gform_wrapper .gform_body .gform_fields .gfield input[type=number], .gform_wrapper .gform_body .gform_fields .gfield input[type=password], .gform_wrapper .gform_body .gform_fields .gfield select, .gform_wrapper .gform_body .gform_fields .gfield textarea {
background: #DFDFDF;
border: none;
font-size: 24px;
font-family: "europa",sans-serif;
font-weight: 400;
padding: 10px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
width: 98%;
font-weight: normal;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus, .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus, .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus, .gform_wrapper .gform_body .gform_fields .gfield select:focus, .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
background: #ffffff;
}

body .gform_wrapper .top_label .gfield_label, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .ginput_left input:focus+label, body .gform_wrapper .ginput_right input:focus+label, body .gform_wrapper .ginput_full input:focus+label, body .gform_wrapper table.gfield_list thead th {
font-family: "europa",sans-serif;
font-weight: 400;
}

body .gform_wrapper .gform_footer input[type=submit]  {
border: none;
float: left;
cursor: pointer;
background: #a28d70;
color: #FFF;
letter-spacing: 3px;
text-transform: uppercase;
height: 60px;
width: 250px;
padding: 0;
font-size: 14px;
font-family: "europa",sans-serif;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-weight: 400;
}

.intro {
font-size: 1.1em;
font-weight: 700;
line-height: 1.3em;
font-family: "europa",sans-serif !important;
color: #877146;
text-align: justify;
}




@media only screen 
and (max-device-width : 320px) {

.copyrighttls {
padding-top: 5px;
font-size: 10px;
line-height: 12px;
}
}

.copyrighttls {
padding-top: 5px;
font-size: 12px;
line-height: 18px;
}

@media only screen and (max-width: 768px){
.carousel,.qode_slider_preloader,.carousel-inner>.item{height: 400px !important;}
}
@media only screen and (max-width: 480px){
.carousel,.qode_slider_preloader,.carousel-inner>.item{height: 270px !important;}
}