/* ==========================================================================
   Created on : March 21, 2019, 13:49:32 PM
    Author     : Uday
   company : RootBase Software

   ========================================================================== */

body{
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    padding: 0;
    margin: 0;
}

.top_header{
    position: fixed;
    width: 100%;
    padding: 10px 20px 0px 20px;
    background-color: #FFAB00;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1;
}
.shadow_effect{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.nav_ul{
    display: inline-table;
}
.navAlign{ 
    text-align:right;  
    padding-top: 60px;
}
.navStyle >LI{
    list-style:none;
    display:inline; 
    font-size:15px; 
    color:#000;
    padding-left: 10px;
    font-weight: 500;
}
.navStyle>li a{
    color:#000;
    text-decoration: none;
}
.banner_carousel_style{
    padding: 60px 0 0 0;
}

.img_style{    
    width: 100%;
}
.logo_style{
    padding: 5px 10px 5px 10px;
    width: 80%;
}
.dream_bike_row{
    padding: 30px 0 5px 0;
}
.dream_bike_txt{
    font-size: 28px;
    color: #818282;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

.bike_logo_row{
    padding: 20px 0 20px 0;
}

.nl_style{
    padding: 15px;
}
.border_style{
    border: 1px solid #CCC;
}
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
/*dropdown menu*/




.dropbtn {
    background-color: transparent;
    color: #000;    
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color: #000;
    border-radius: 2px;
}

.dropdown-content a{
    color: #000 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #FFAB00; color: #FFF !important;}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: transparent;
}




/*bike name catalog*/
.bike_row{
    padding-top: 80px;
}

.border_style:hover {
    border: 1px solid #66afe9;
}

.bike_name{
    font-size: 14px;
}

/*banner*/

.banner_div{
    padding: 50px 0 0 0;
    margin: 0;    
}
.banner_style{
    width: 100%;
    height: 100% !important;
}

/*contain text*/
.banner_row{
    padding-top:20px;
    margin-bottom: 20px;
}

.milk_heading{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #656565;
    padding-top: 150px;
    font-family: 'Baloo Chettan', cursive;
}
.border_col{
    text-align: center;    
    padding: 0;
    
}
.bottle_style{
    width: 80%;
}
.bottle_style2{
    width: 25%;
}
.butter_size{
    width: 55%;
}
.we_are_txt{
    padding: 5px 50px 25px 50px;
    background-color: #f9f9f9;
}
.a2_text{
    font-size: 50px;
    text-align: center;
    padding: 10px 0 5px 0;
    color: #FFAB00;
    font-family: 'Baloo Chettan', cursive;
}
.a2_text2{
    font-size: 32px;
    text-align: center;
    padding: 20px 0 0 0;
    color: #FFAB00;
    font-family: 'Baloo Chettan', cursive;
}
.row_background_sub{    
    padding: 0 0 35px 0;
    margin: 0;
}
.sub_text{
    font-size: 24px;
    text-align: center;
    padding: 0 0 5px 0;
    color: #656565;
}
.sub_text2{
    font-size: 20px;
    text-align: center;
    padding: 0 0 0 0;
    color: #656565;
}
.holder_div{
    padding: 0;
    margin: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.buffalo_text{
    font-size: 50px;
    text-align: center;
    padding: 50px 0 5px 0;
    color: #009933;
    font-family: 'Baloo Chettan', cursive;
}
.about_us_txt_row{
    padding: 15px 0 0 0;
}
.about_us_txt{
    font-size: 16px;
    font-weight: 500;
    word-spacing: 4px;
    color: #656565;
    padding: 0;
    margin: 0;
}
.gir_txt{
    text-align: center;
    font-size: 14px;
    color: #656565;
    padding: 0 0 15px 0;
}

.margin_zero{
    margin: 0 0 0 0;
}
.border_bottom{
    border-bottom: 1px solid #ccc;
}
.border_top{
    border-top: 1px solid #ccc;
}
.div_padding{
    margin: 30px 50px 30px 50px;
}
.paneer_style2{
    width: 50%;
}

/*a2 milk page*/
.a2_milk_bottle{
    margin: 50px 0 0 0;
}
.a2_milk_head{
    padding: 120px 0 0 0;
}
.a2_milk_text{
    font-size: 24px;
    text-align: left;
    padding: 0 0 5px 0;
    color: #FFAB00;
}
.a2_milk_sub_text{
    font-size: 14px;
    text-align: left;
    padding: 0 0 5px 0;
    color: #656565;
}
.a2_milk_benefit{
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding: 20px 0 5px 0;
    color: #FFAB00;
}
.bkmake >li{
    border-left: 1px solid #818282;
}
.bkMake >Li{ list-style:inside;  padding-bottom:12px; margin-left: 15px; text-align: left; font-size: 13px;}
.bkMake >Li >a{ color: #818282;}
.benefit_list{
    padding: 10px 0 0 0;   
}
.list_heading{
    font-size: 16px;
    font-weight: 550;
}
.approx_text{
    font-size: 8px;
    color: #FFAB00;
}
.subs_div{
    padding: 50px 0 0 0;
}
.btn.btn-subscribe{
    width: 130px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #FFAB00;
    border-radius: 0;
    font-weight: 700;
}
.margin_top{
    margin: 70px 0 0 0;
}
.col_border{
    border-left: 1px solid #FFAB00;
    padding: 0 5px 0 20px;
}

/*a2 ghee*/
.a2_jar_style{
    width: 60%;
}

/*about us*/
.about_head_div{
    padding: 120px 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #666666;
}
.about_txt{
    font-size: 14px;
    color: #666666;
    padding: 30px 0 10px 10px;
}
.txt_color{
    color: #FFAB00;
    font-size: 16px;
}
.farmmilk_head_div{
    padding: 20px 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    color: #666666;
}
.about_row{
    padding: 0 0 25px 0;
}
.padding_top{
    padding-top: 20px;
}
.faq_head_div{
    padding: 30px 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #666666;
}
.faq_question_txt{
    font-size: 16px;
    padding: 15px 0 0 10px;
    color: #656565;    
    font-weight: 700;
    cursor: pointer;
}
.faq_question_txtC{
    font-size: 16px;
    padding: 15px 0 0 10px;
    color: #FFAB00;    
    font-weight: 700;
    cursor: pointer;
}
.ans_faq_txt{
    font-size: 15px;
    padding: 5px 0 5px 10px;
    color: #656565;
}


.none_display{
    display: none;
}

/*contact us*/

.office_add{
    font-size: 18px;
    color: #656565;
    padding: 10px 0 0 0;
    font-weight: 700;
}
.sub_address_txt{
    font-size: 14px;
    color: #656565;
    padding: 0 0 0 0;
}
.address_list{
    padding: 5px 0 0 0;
}
.address_list>li{
    list-style:none; 
    font-size:14px; 
    color: #656565;
}

/*model A2 ghee*/
.order_head_txt{
    font-size: 16px;
    color: #666666;
}
.modal-header{
    background-color: #009933;
    padding: 15px 15px 15px 15px;
    color: #fff;    
}
.txt_upperTxt{
    text-transform: uppercase;
}

/*modal S2 ghee end*/

#littleDivFixed {
 
  height: 100px;
  width: 200px;
  position: fixed; 
  bottom: 200px;
  top: 300px;
  right: -20px;
  
}

.float{
	position:fixed;
	width:155px;
	height:40px;
	top:150px;
	right:0px;
	background-color: #a94442;
	color:#FFF;
	border-radius:50px 2px 2px 2px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
        z-index: 1;        
}

.my-float{
	margin-top:2px;
        font-size: 24px;
}

a.float{
    text-decoration: none;
    color: #FFFFFF;
}

/*footer*/
.footerBg{ background-color:#272727; padding-top:15px; padding-bottom:25px;}
.footerFont{ color:#FFF; font-size:14px; font-weight:bold;}
.footerFontCR{ color:#999999; font-size:12px; padding-bottom:5px;}
.footerFontCR a{text-decoration: none; color: #66afe9;}
.footerFontAbt{ color:#FFF; font-size:14px; padding-bottom:5px; font-weight:bold;}
.footerFontRlt{ color:#FFFFFF; font-size:14px; padding-bottom:3px; padding-left:15px; font-weight:bold; margin-top:5px;}

.leftPadding{ padding-left:0px;}
.topPadding{ padding-top:5px;}
.footerMakeFt{ font-size:12px; color:#666666;}

.cusFooter{ margin-left:40px; font-size:14px;}

.leftZero{ padding-left:0px;}
.rightZero{ padding-right:0px;}
.border_btm{
    border-bottom: 1px solid #959595;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}
.text-righ_sty{
    text-align: right;
}
.display_m_menu{display: none;}
.farmmilk_txt{
    padding: 5px 0 0 10px;
}


/*disclaimer*/

.padding_btm{
    padding-bottom: 600px;
}


/*new section*/
.container_holder{
    padding: 20px 0 20px 0;
}

.holder_div_section{
    padding: 0;
    margin: 0;    
}
.holder_div_section2{
    padding: 0;
    margin: 0;    
}
.col_style{
    padding: 0;
    margin: 0;    
}
.col_style2{
    margin: 10px;
}
.backgroung_style{
    background-image: url(../img/a2_ghee_lable.png);
}

.img_border{    
    margin: 15px;   
    height: 100%;    
}
.shadow_effect2{
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
}
.catalog_text{
    font-size: 50px;
    text-align: center;
    padding: 20px 0 5px 0;
    color:#959595;
    font-family: 'Baloo Chettan', cursive;
    border-top: 1px solid #CCC;
}

/*slider testimonial*/

.experience_div{
    padding: 0;
    margin: 10px 0 35px 0;
    background-color: #F4F0EB;
}
.carousel_row{
    padding: 10px 0 0 0;
    margin: 0;
}
.exp_desc_div{
    padding: 40px 20px 20px 20px;
    margin: 0;
    font-size: 24px;
    color: #4A4A4A;
    font-style: italic;
}
.parents_name{
    font-size: 16px;
    font-style: normal;
}
.exp_image_div{
    padding: 0;
    margin: 0;    
}
.round_image{
    border-radius: 50%;
    padding: 10px 0 10px 0;
}
.sub_experiance_row{
    padding: 0;
    margin: 0;
}
.parents_exoeriance_row{
    padding: 15px 0 25px 0;
    margin: 0;
}

.deliver_text{
    font-size: 28px;
}

.area_div{
    padding: 0;
    margin: 0 0 25px 0;
}

.area_row{
    text-align: center;
    font-size: 16px;
    padding: 0;    
}
.area_name_div{
    padding: 0;
    margin: 0;
    
}
.area_name{    
    padding: 20px 0 20px 0;    
    border: 1px solid #F4F0EB;
    margin: 5px;
}
.div_hover{
    background-color: #F4F0EB;
    color: #666666;
    
}
.div_hover:hover { 
    background-color: #28a4c9; 
    color: #FFFFFF;
}
.hover_style:hover{
    background-color: #28a4c9; 
    color: #FFFFFF;
}

.align_justify{
   text-align: justify;
}

.margine_sty{
    padding: 0 15px 0 15px;
}


@media screen and (max-width: 1000px){
    .navAlign{padding-top: 0; padding-bottom: 10px;}
    .logo_style{width: 50% !important;}
    .text-righ_sty{text-align: left;}
    .footerFontCR{text-align: center;}
    .footerFontRlt{text-align: center;}
    .footerFontAbt{text-align: center;}
    .banner_div{padding: 100px 0 0 0;}
}

@media screen and (max-width: 1000px){
    .display_menu{display: none;}
    .display_m_menu{display: block;}
    .logo_style_mobile{text-align: center;}
    .mobile_menu{text-align: left;}
    .subs_div{padding: 50px 0 50px 0;}
    .col_border{border: 0px solid #000;}
    .margin_top_mobile{margin-top: 30px;}
    .about_txt{padding: 30px 10px 10px 10px;}
    .farmmilk_txt{padding: 30px 10px 10px 10px;}
    .faq_head_div{padding: 30px 10px 10px 10px;}
    .faq_question_txtC{padding: 15px 10px 10px 10px;}
    .ans_faq_txt{padding: 5px 10px 10px 10px;}
    .faq_question_txt{padding: 15px 10px 10px 10px;}
    .farmmilk_head_div{padding: 20px 10px 10px 10px;}
    .about_head_div{padding: 130px 10px 10px 10px;}
    .office_add{padding: 20px 10px 10px 10px;}
    .sub_address_txt{padding: 0px 10px 10px 10px;}
    .a2_text{padding: 120px 10px 10px 10px;}
}




/*mobile menu*/
.navAlign_mobile{ 
    text-align:left;  
    padding-top: 60px;
}
.navStyle_mobile >LI{
    list-style:none; 
    text-align: left;
    font-size:15px; 
    color:#000;
    padding:5px 0 5px 10px;
    font-weight: 500;
    border-bottom: 1px solid #FFF;
}
.navStyle_mobile>li a{
    color:#000;
    text-decoration: none;
}



.dropbtn_mobile {
    background-color: transparent;
    color: #000;    
    font-size: 16px;
    border: none;
    cursor: pointer;
    padding: 0;
}

.dropdown_mobile {
    position: relative;
    display: inline-block;
}

.dropdown-content_mobile {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color: #000;
    border-radius: 2px;
}

.dropdown-content_mobile a{
    color: #000 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content_mobile a:hover {background-color: #FFAB00; color: #FFF !important;}

.dropdown_mobile:hover .dropdown-content_mobile {
    display: block;
}

.dropdown_mobile:hover .dropbtn_mobile {
    background-color: transparent;
}