@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'Hind';
    src: url('../fonts/Hind Regular.eot');
    src: url('../fonts/Hind Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Hind Regular.woff2') format('woff2'),
    url('../fonts/Hind Regular.woff') format('woff'),
    url('../fonts/Hind Regular.svg#Hind Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
} 
@font-face {
    font-family:'Hind Medium';
    src: url('../fonts/Hind Medium.eot');
  src: url('../fonts/Hind Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Hind Medium.woff2') format('woff2'),
    url('../fonts/Hind Medium.woff') format('woff'),
    url('../fonts/Hind Medium.svg#Hind Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
} 
@font-face {
    font-family:'Hind Semibold';
    src: url('../fonts/Hind Semibold.eot');
  src: url('../fonts/Hind Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Hind Semibold.woff2') format('woff2'),
    url('../fonts/Hind Semibold.woff') format('woff'),
    url('../fonts/Hind Semibold.svg#Hind Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0912;
}

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

@font-face {
    font-family: 'Iskoola-Pota-bold';
    src: url('../fonts/IskoolaPota-Bold.eot');
    src: url('../fonts/IskoolaPota-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IskoolaPota-Bold.woff2') format('woff2'),
        url('../fonts/IskoolaPota-Bold.woff') format('woff'),
        url('../fonts/IskoolaPota-Bold.ttf') format('truetype'),
        url('../fonts/IskoolaPota-Bold.svg#IskoolaPota-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}




.padl0{ padding-left:0 !important;}
.padr0{ padding-right:0 !important;}
.pad0{ padding:0 !important;}
.marg0{ margin:0 !important;}
.margb30{ margin-bottom:30px !important;}


body{ font-family:'Hind'; font-size:14px;}

.navv{ border-top:10px solid #233822;}

.navv .navbar-brand {
    height: initial;
    padding: 1px;
    margin: 15px 50px 0 0;
}

.navv {
    border-top: 10px solid #233822;
    margin: 0;
    border-bottom: none;
    background: none;
    min-height: initial;
    border-radius: 0;
}

.top-contact {
    float: right;
    width: 178px;
    margin: 26px 0px 5px 16px;
}

.navv .navbar-nav > li > a {
    font-family: 'Hind Semibold'; 
    padding-bottom: 15px;
    border-top: 12px solid transparent;
    padding: 38px 0 15px 0;
    margin: 0 13px;
    font-size: 14px;
    color: #1a1a1a;
}

.navv .navbar-nav > li > a:hover, .navactive {
    border-color: #233822 !important;
}

.top-contact i.fa {
    display: inline-block;
    width: 43px;
    height: 43px;
    float: left;
    text-align: center;
    font-size: 28px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding-top: 7px;
    color: #233822;
    margin: 0 7px 0 0;
}

.top-contact span {  font-family:'Hind';
    font-size: 14px;
    color: #000;
    display: block;
    margin: 0;
}


.top-contact a {   font-family: 'Hind Semibold';
    font-size: 19px;
    color: #1a1a1a;
    display: block;
    margin: 0;
}

.fullwidth{ width:100% !important;}
.mauto {
    margin: 0 auto !important;
    float: none !important;
}

.hbanner .carousel-caption {
    text-shadow: none;
    right: 5%;
    width: 50%;
    left: auto;
    bottom: 73px;
}

.hbanner .carousel-caption h1 {
    font-family: 'MuseoSlab-300';
    font-size: 86px;
    color: #fff;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.hbanner .carousel-caption h2{  font-family: 'MuseoSlab-300'; font-size:38px; color:#fff; margin:0 0 5px 0; font-weight: bold; }
.hbanner .carousel-caption h3 {
    font-size: 28px;
    color: #000;
    background: rgba(255,255,255,0.8);
    padding: 8px 38px 8px 38px; 
    margin: 0 auto 15px auto; 
	display:table;
	
}


.learnmore {  font-family: 'Hind Semibold';
    padding: 15px 50px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 13px;
	transition:all 0.3s;
	position:relative;
}

.learnmore:hover {
    background: #fff;
    color: #000;
}

.learnmore i {
    display: inline-block;
    padding-left: 5px;
    position: absolute;
    top: 15px;
    right: 32px;
	transition:all 0.5s;
}

.learnmore:hover i{ right:90%; color:#000;}

.welcome { padding:30px 0 40px 0; background:#e0f0df; }

.welcome h2 {
    font-family: 'Hind Medium';
    font-size: 22px;
    color: #000;
    margin: 0 0 15px 0;
    text-align: center;
    font-weight: bold;
}

.welcome p {
    font-family: 'Hind Medium';
    font-size: 14px;
    color: #000;
    padding: 0 0 21px 0;
    margin: 0 0 21px 0;
    text-align: center;
    position: relative;
}

.welcome p::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.welcome h3, .welh3 {
    font-family: 'MuseoSlab-300';
    font-size: 20px;
    color: #000;
    margin: 0 0 5px 0;
    text-align: center;
    font-weight: 600;
}


.farm div[class *= "col-sm"]{ padding:0;	}

.farm div[class *= "col-sm"]:nth-child(1) img{ border-left:2px solid rgba(0,0,0,0.8);}
.farm div[class *= "col-sm"]:nth-child(3) img{ border-right:2px solid rgba(0,0,0,0.8);}



.farm div[class *= "col-sm"]:nth-child(2){ padding:0 1px;}

.fbox {
    position: relative;
}

.fbox h3 {
    font-family: 'MuseoSlab-300';
    font-size: 21px;
    color: #000;
    margin: 0 0 5px 0;
    text-align: center;
    position: absolute;
    bottom: 33px;
    left: 0;
    right: 0;
    color: #fff;
}

.latest{ padding:60px 0 50px 0;}

.latest h3 {
    font-family: 'Hind Medium';
    font-size: 24px;
    color: #000;
    text-align: center;
    position: relative; 
    margin: 0 auto 30px auto; 
}

.latest h3 span{ background:#fff; padding:0 15px;}

.latest h3::after {
    content: "";
    padding: 0;
    position: absolute;
    height: 2px;
    background: #233822;
    left: 15%;
    right: 15%;
    top: 11px;
    z-index: -1;
}

.latest h4 {
    font-family: 'MuseoSlab-300';
    font-size: 19px;
    color: #233822;
    margin: 10px 0 5px 0; 
}

.latest h5 { 
    font-size: 12px;
    color: #656565;
    margin: 0px 0 10px 0; 
}

.latest p {
    font-size: 15px;
    color: #000;
    margin: 0 15px 0 0;
}

.latest div[class *= "col-sm"] {
    padding: 0 2px;
}


footer{ padding:40px 0; background:#233822; border-top:7px solid #d3d7d3;  } 

.list{ padding:0; margin:0 0 10px 0;}

.list li{ display:inline-block; vertical-align:top;}
.list li a{  font-family: 'Hind Medium';
    font-size: 12px; padding:5px 12px; color:#fff; }

footer p {
    font-size: 12px;
    color: #bbbbbb;
    margin: 0 0 10px 0;
}

footer p a{
    font-size: 12px;
    color: #bbbbbb; 
}

.copyr::after{ content:""; display:block; clear:both; }
.copyr img {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}

.copyr p { 
    margin: 10px 0 0 0;
}

.copyr p {
    margin: 7px 0 0 0;
    float: left;
}

.connect h5{ font-size:12px; color:#fff; margin:0; text-align:center;}

.slist {
    padding: 0;
    display: block;
    margin: 8px 0;
    text-align: center;
}

.slist li {
    list-style: none;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    height: 39px;
    width: 39px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.slist li i.fa {
    font-size: 21px;
    color: #fff;
    padding: 8px 0 0 0;
}

.slist li:hover {
    box-shadow: 0 0 15px #c6d75c;
}


.inbanner{ padding:138px 0; background:url(../images/banner-about.jpg) no-repeat center; background-size:cover; }

.inbanner h1 {
    font-family: 'MuseoSlab-300';
    font-size: 45px;
    color: #fff;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

.aboutcont {
    padding: 40px 0 0 0;
}

.aboutcont h2 {
    font-family: 'MuseoSlab-300';
    font-size: 26px;
    color: #000;
    margin: 0 0 30px 0;
    text-align: center;
}

.aboutcont h3, .commonh3 {
    font-family: 'Hind Medium';
    font-size: 28px;
    color: #000;
    margin: 0 0 21px 0;
    text-align: center;
}

.aboutcont h4 {
    font-family: 'Hind Medium';
    font-size: 15px;
    color: #000;
    margin: 0 0 21px 0;
    text-align: center;
}

.aboutcont p, .commonp {
    font-family: 'Hind Medium';
    font-size: 15px;
    color: #000;
    margin: 0 0 15px 0;
    text-align: center;
}

.aboutcont p { 
    text-align: left;
}




.inbanner.con{  background:url(../images/banner-contact.jpg) no-repeat center;   }


.frm .form-control {
    min-height: 53px;
    box-shadow: none;
    border-color: #cccccc;
    color: #7a7a7a;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.frm .contact .input-group-addon {
    font-size: 20px;
    color: #454545;
    background: transparent;
    border-color: #cccccc;
    min-width: 61px;
}

.frm textarea.form-control {
    height: 135px;
}

.subbtn {
    font-family: 'Hind Medium';
    font-size: 15px;
    padding: 10px 60px;
    box-shadow: none;
    outline: none;
    color: #fff;
    background-color: #233822;
    transition: all 0.2s;
    margin: 6px 0 0 0;
	 border: 1px solid #233822;
}

.subbtn:hover{ 
    color: #233822;
    background-color: #fff; 
}

.frm .subbtn{ margin-right:-15px;}

.g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.frm {
    padding: 80px 0 10px 0;
}

.frm h2, .conh2 {
    text-align: center;
    font-size: 36px;
    margin: 0 0 35px 0;
    color: #000;
}

.dbox p{  font-family: 'Iskoola-Pota-bold'; color:#233822; font-size:23px; text-align:center; }
.dbox p a{  color:#233822; }

.dbox {
    text-align: center;
    margin: 50px 0 0 0;
}


.dbox .glyphicon {
    font-size: 30px;
    display: inline-block;
    margin: 0 0 10px 0;
    color: #233822;
}

.mnht{ min-height:300px;}
.mnpad{ padding:30px 0;}

.gbox {
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
    margin: 15px 0;
}

.gbox a {
    display: block;
    width: 100%;
}

.gbox a::after {
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #1b1e25;
    position: absolute;
    margin: auto;
    top: 44%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    text-shadow: 0 0 3px #fff;
    transition: all 0.5s;
    opacity: 0;
}

.gbox:hover a::after{ opacity:1;} 

.gbox:hover a img{ opacity:0.5;  }

.gbox { width:100%;}

.gbox img {
    width: 100% !important;
    max-width: none !important;
    height: 190px;
}

.farmlife .welh3 {
    text-align: left;
    margin: 0 0 15px 0;
}

.list2 {
    padding: 0;
    margin: 0 0 15px 0;
}

.list2 li{ list-style:none; padding:5px 0 5px 25px; margin:0; font-size:15px; position:relative;}

.list2 li::before{ content:"\f18c"; position:absolute; top:5px; font-size:18px; color:green; left:0; font-family:FontAwesome;}


.leftallign{ text-align:left !important;}

.animalbox {
    border: 1px solid #ccc;
    margin-bottom: 21px;
    padding: 15px 0;
    text-align: left;
}

.animalbox .commonp { 
    text-align: left;
}

.animalbox .welh3 { 
    text-align: left;
}

.animalbox .gbox {
    width: 100%;
    margin-top: 0;
}

.animalbox .gbox img { 
    height: inherit;
}

.wine-page h2, .greenh2 {
    font-family: 'MuseoSlab-300';
    font-size: 50px;
    color: #0a6f05;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.wine-page .welh3 {
    font-size: 16px;
    font-style: italic;
}

 

.wine-page .mnpad h5 {
    color: red;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 21px 0;
}

.wine-page .commonp{ font-size:14px; text-align:left;}

.exx {
    padding: 10px 27px;
    background: green;
    color: #fff;
    line-height: 1;
    position: relative;
    vertical-align: middle;
    font-size: 13px;
    border-radius: 8px;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 10px 0;
	transition:all 0.3s;
	border:1px solid green;
}

.exx:hover{ color:green; background:none; }

.exx::after{ clear:both; display:block; content:"";}

.xtra{ display:none;}

a:focus {
    outline: none; 
    color: inherit;
}	

.aboutcont h3.greenh2 {
    font-family: 'MuseoSlab-300';
    font-size: 50px;
    color: #0a6f05;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.aboutcont h4 {
    font-family: 'MuseoSlab-300';
    font-size: 16px;
    color: #000;
    margin: 0 0 25px 0;
    text-align: center;
    font-weight: 600;
    font-style: italic;
}

.farmlife .greenh2 {
    font-size: 26px;
	text-align:left;
}


.welitalic {
    font-family: 'MuseoSlab-300';
    font-size: 16px;
    color: #000;
    margin: 0 0 25px 0;
    text-align: center;
    font-weight: 600;
    font-style: italic;
}

.borbot {
    border-bottom: 1px solid #c3c5c3;
    margin-bottom: 50px;
    padding-bottom: 10px;
}


.home-animal div[class *= "col-xs"] {
    padding: 0 2px;
	margin-bottom:4px;
}

.row.home-animal {
    padding-left: 14px;
}

.imgbox img{ border-radius:5px;}

.owl-dots {
    display: none;
}




 .owl-carousel .owl-nav .owl-prev {
    left: -17px;
    position: absolute;
    top: 45%;
    background: none;
    color: #000;
    font-size: 20px;
    padding: 0;
    margin: 0;
}


 .owl-carousel .owl-nav .owl-next {
    right: -17px;
    position: absolute;
    top: 45%;
    background: none;
    color: #000;
    font-size: 20px;
    padding: 0;
    margin: 0;
}






/* IE10+ CSS styles go here */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
	 
	 .hbanner .carousel-caption h3 {
    
    padding: 18px 38px 0 38px; 
}

 .learnmore:focus { 
    color: #fff;
}

 .learnmore:hover { 
    color: #000;
}


}