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

/* custom fonts */


@font-face {
    font-family: 'humanst521_btroman';
    src: url('../fonts/font/hum521rm-webfont.woff2') format('woff2'),
         url('../fonts/font/hum521rm-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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



li.active{
  background-color:#785b77;
  color:#fff;

}



/* /custom fonts */

html { font-size:100%; height: 100%; box-sizing: border-box;}

body {  background-color:#fff; padding-top: 75px;}

input, textarea, select {color:#000;}
img { max-width:100%; }
a { outline:none; text-decoration:none; color:#000; transition:all linear 0.2s; }
a:hover, a:focus { text-decoration:none; color:#000; outline:none; }
a * { transition:all linear 0.2s; }
a img { border:0; }


/*--header--*/

.header-sec .navbar-default{ padding: 12px 20px; background-color: #fff; margin: 0;}
.navbar-brand{ padding: 0 15px;}
.header-sec .navbar-default .navbar-nav > li > a { text-transform: uppercase; font-family: 'humanst521_btroman'; color: #2e2e2e; font-size: 16px; letter-spacing: .3px;}

.header-sec .navbar-default .navbar-nav > .active > a, .header-sec .navbar-default .navbar-nav > .active > a:focus, .header-sec .header-sec .navbar-default .navbar-nav > .active > a:hover { color: #fff; background-color: transparent;}
.rupee-icon { background-color: #785b77; color: #fff; width: 35px; height: 35px; padding: 4px 10px; border-radius: 50%; font-size: 18px; margin-right: 5px;}
li.active .rupee-icon { background-color: #fff; color: #785b77;}

.header-sec .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #805c7a;}

.bannr-sec{ background-image: url(../images/top-bnnr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 15% 0;}
.bnnr-txt { text-align: center;}
.bnnr-txt h1{ font-family: 'Playfair Display'; text-transform: capitalize;font-size: 100px;color: #fff;font-weight: 800;margin: 0; margin-bottom: 20px;}
.bnnr-txt h5{text-transform: capitalize;font-size: 50px;color: #fff;font-weight: 800;margin: 0;font-family: 'humanst521_btroman';}



/*--welcome-sec--*/

.bannr-sec img{ width: 100%;}
.wlcum-sec{ background-image: url(../images/welcome-bnnr.jpg); background-repeat: no-repeat; background-size: cover; padding: 55px 0 112px; background-position: center;}
.sec-title{ color: #fff; font-family: 'Playfair Display'; text-transform: capitalize; font-size: 48px; text-align: center; position: relative; padding-bottom: 15px; margin: 0;}
.sec-title::after { content: ''; border-bottom: 1px solid #fff; width: 200px; height: 2px; position: absolute; bottom: 0; left: 40%;}
.wlcum-sec p {color: #fff; font-family: 'Playfair Display'; text-align: center; font-size: 18px; margin: 20px 0; padding-bottom: 40px;}

.farm-sec { padding-bottom: 40px;}
.milcos-logo-sec{ text-align: center; margin-bottom: 40px;}
.centr-logo-img{ margin-top: -120px;}
.dairy-sec {text-align: center;}
.dairy-sec img{ width: 100%; border: 1px solid #c0c0c0;}
.dairy-columns{ margin-top: 30px; padding-top: 20px;}
.dairy-sec h3{ font-family: 'Playfair Display';text-transform: capitalize;font-size: 35px;color: #1e1e1e;}

.dairy-sec p{font-family: 'Playfair Display';text-align: center;font-size: 15px;color: #2e2e2e; line-height: 26px;}
.dairy-txt { padding: 0 20px;}


.wht-fresh-sec{background-image:url(../images/whats-img.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 0 70px; background-position: center;}

.fresh-left-sec h2{ font-family: 'Playfair Display'; text-transform: capitalize; font-size: 40px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 15px; width: 51%; margin-bottom: 30px;}
.fresh-left-sec h4{ font-family: 'Playfair Display'; text-transform: capitalize; font-size: 24px; color: #fff; line-height: 32px; padding: 20px 0;}
.fresh-left-sec p{ font-family: 'Playfair Display'; font-size: 15px; color: #fff;}


.about-head{ text-align: center; padding-bottom: 30px;}
.about-head h2{ width: auto; display: inline-block; border-bottom: 1px solid #1e1e1e; padding-bottom: 8px; font-family: 'Playfair Display'; text-transform: capitalize; font-size: 35px; color: #1e1e1e; margin-bottom: 30px;}

.story-main{ float: left; width: 100%; padding: 0 50px;}
.left-story-sec { float: left; width: 50%;}
.left-story-sec img{ width: 100%;}
.right-story-sec{ float: left; width: 50%; text-align: center; background-color: #fff3d3; padding: 8% 8% 9%;}
.right-story-sec h3{font-family: 'Playfair Display'; text-transform: capitalize; font-size: 35px; color: #1e1e1e; margin-bottom: 40px; }
.right-story-sec p{ margin-bottom: 42px; font-family: 'Playfair Display'; font-size: 15px; line-height: 26px; color:#4f4f4f;}
.about-sec { padding: 60px 0;}

.footer-bttm { background-color: #785b77; padding-top: 45px;}
.bttm-foot{ text-align: center; color: #fff; border-top: 2px solid #594458; padding: 20px 0;}
.bttm-foot p{ margin: 0; font-family: 'Playfair Display'; color:#fff; font-size: 15px;}
.foot-col.last-col img{ float: right;}
.foot-top{ padding: 0 30px 40px; float: left; width: 100%;}

.foot-col.centr-col {  text-align: center; color: #fff;}
.foot-col.centr-col h4{ text-transform: capitalize; color: #fff; font-size: 22px; margin-bottom: 15px; font-family: 'Playfair Display';}
.foot-col.centr-col p{ font-size: 14px;}
.num-list { margin: 0; padding: 0;}
.num-list li { list-style: none; display: inline-block; font-size: 14px;}
.num-list li span{ margin: 0 10px;}
li.facebook a{ padding: 15px 8px;}
li.insta a{ padding: 15px 8px;}
li.facebook.active { background-color: transparent; color: #785b77; opacity: 0.7;}
li.insta.active { background-color: transparent; color: #785b77; opacity: 0.7;}
.header-sec .navbar-default .navbar-nav > .facebook.active > a{ color: #785b77;}
.header-sec .navbar-default .navbar-nav > .insta.active > a{ color: #785b77;}


/*--terms&conditions--*/

.term-content-sec { padding: 30px 0;}
.terms-bnnr { background-image: url(../images/terms-bnnr.jpg);background-repeat: no-repeat; background-size: cover;background-position: center; padding: 5% 0;}
.term-bnnr-txt h5{text-transform: capitalize;font-size: 50px;color: #fff;font-weight: 800;margin: 0;font-family: 'humanst521_btroman'; text-align: center;}
.term-content-sec h3 { width: auto;display: inline-block;border-bottom: 1px solid #1e1e1e;padding-bottom: 8px; font-size: 30px;font-family: 'Playfair Display';text-transform: capitalize;color: #1e1e1e; margin-bottom: 20px;}
.term-content-sec p {font-family: 'Playfair Display'; font-size: 15px; color: #2e2e2e; line-height: 26px; margin-bottom: 25px;}
.term-content-sec h4 {font-family: 'Playfair Display';text-transform: capitalize;font-size: 21px;}
.foot-links { margin: 0; padding: 20px 0 10px;}
.foot-links li { list-style: none; display: inline-block;}
.foot-links li a{ font-size: 14px; color: #fff; text-decoration: underline;}
.foot-links li span {
    margin: 0 10px;
}
.confirm-list{ list-style: none; padding-left: 20px;}
.confirm-list li{ margin-bottom: 15px;}





/*===RESPONSIVE-CSS===*/

@media screen and (max-width: 1199px) {
.dairy-sec h3 { font-size: 30px;}
.dairy-txt { padding: 0 5px;}
.dairy-sec p {font-size: 14px;}
.right-story-sec p { font-size: 14px; margin-bottom: 9px;}
.fresh-left-sec h2 { width: 65%;}

}


@media screen and (max-width: 991px) {
.fresh-left-sec h2 { width: 69%;}
.dairy-sec h3 { font-size: 26px;}
.dairy-sec p { font-size: 13px;}
.right-story-sec p { margin-bottom: 8px; font-size: 13px;}
.right-story-sec { padding: 5% 6% 7%;}
.story-main { padding: 0px;}	
.fresh-left-sec p {font-size: 14px; line-height: 24px;}
.wlcum-sec p {font-size: 15px; }
.header-sec .navbar-default .navbar-nav > li > a {font-size: 13px; padding: 10px 12px;}
.dairy-txt { padding: 0;}
	
}

@media screen and (max-width: 767px) {
.mb{ margin-bottom: 40px;}
.fresh-left-sec { padding: 0 15%;}
.right-farm-sec {text-align: center;}
.right-story-sec { float: left; width: 100%;}	
.left-story-sec { float: left; width: 100%;}
.fresh-left-sec h2 { width: 47%;}
.foot-col.centr-col {text-align: left;}
.foot-col.last-col img { float: left;}	
.navbar-default .navbar-toggle { border-color: transparent;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent;}
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #785b77;}
.navbar-default .navbar-collapse{ border: none;}
.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px;}	
.bnnr-txt h5 {font-size: 40px;}
.bnnr-txt h1 {font-size: 80px;}
.nav > li.facebook { display: inline-block;}	
.nav > li.insta{ display: inline-block;}
	
}

@media screen and (max-width: 640px) {
.fresh-left-sec { padding: 0 10%;}
.fresh-left-sec h2 { width: 55%;}
.bnnr-txt h5 {font-size: 30px;}
.bnnr-txt h1 {font-size: 60px;}
.term-bnnr-txt h5 { font-size: 32px;}	

}

@media screen and (max-width: 480px) {
.fresh-left-sec h2 { width: 100%;}	
.sec-title::after { left: 27%;}	
.foot-top {padding: 0 0px 40px;}	
	
}

@media screen and (max-width: 375px) {
.sec-title {font-size: 35px;}
.sec-title::after { left: 19%;}
.bnnr-txt h5 {font-size: 20px;}
.bnnr-txt h1 {font-size: 40px;}	
.term-content-sec h3 {font-size: 24px;}

}