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

/*
font-family: 'Poppins-Bold', Arial, sans-serif;
font-family: 'Poppins-Medium', Arial, sans-serif;
font-family: 'VAG-Rounded-Bold', Arial, sans-serif; */
body { font-family: 'Poppins-Regular', Arial, sans-serif; color:#282828; font-size:14px; line-height:24px; }
* { margin:0px; padding:0px; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; }
p { margin:0px 0px 24px; }
img { max-width:100%; }
.container { max-width:1000px; }
.header-social { position: absolute; bottom: 16px; right:0px; }
.header-social ul { margin:0px; padding:0px; }
.header-social li { list-style:none; float:left; padding-left:20px; text-align:center;  }
.header-social li a { display:block; color:#fff; font-size:24px; outline: none; } 
.header-social li a:hover { color:#d30212;  }
.header-top { padding:0px; background:#93d2e0 url(../images/header-bg.png) center -40px no-repeat; text-align: center; }
.header-top .container { position: relative; }

.nav-box {  display: inline-block; vertical-align: bottom;  }
.logo {   display: inline-block; vertical-align: middle; margin: 0px 32px;  }
.nav-box li { display: inline-block; list-style: none; font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 19px; margin: 0px 12px;  }
.nav-box li a { color: #fff; text-decoration: none; }
.nav-box li a:hover { color: #d30212; }

.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; width:280px; background:#000000; z-index:9;  }
.nav-container li:hover .sub-menu { display:block; }
.nav-container li .sub-menu li { display:block; border-bottom:1px solid #333; padding:10px 25px 11px;   }
.nav-container li .sub-menu li a { color:#fff; text-transform:lowercase; }
.nav-container li .sub-menu li:hover { background:#333; }
.nav-container li .sub-menu li:hover a { color:#fff;}

.banner-container { border-bottom:0px; padding-bottom:0px; margin-bottom:0px;  }
.banner-container img { width:100%; }

.slide .carousel-control { color:#fff; font-size:30px; font-weight:normal; text-shadow:none; width:40px; height:40px; border-radius:100%; border:1px solid #86c9d9; opacity:1; top:50%; padding:3px 0px 0px; background:#86c9d9; margin-top:-20px; z-index:99;  }
.slide .carousel-control:hover { background:#de4404; border-color:#de4404;  }
.slide .carousel-control.left { left:20px; }
.slide .carousel-control.right { right:20px; left:auto;    }
.slide .carousel-indicators { bottom:5px; }
.carousel-indicators li { border-color:#86c9d9; }
.carousel-indicators li.active { background:#86c9d9; }
.banner-container .carousel-caption { text-align:left; left:0px; right:0px;  }
.banner-container .carousel-caption h1 { text-transform:uppercase; margin:0px 0px 20px; line-height:45px; text-shadow:none; }
.banner-container .carousel-caption p { margin:0px; text-shadow:none; }

.home-box-container { padding:40px 0px; }
.home-box1 { background: url(../images/box-bg1.jpg) 0px 0px; padding: 30px 40px 36px; color: #fff; border-radius: 20px; }
.home-box-right1 { background: url(../images/box-bg2.jpg) 0px 0px; padding:25px 30px 30px; color: #fff; border-radius: 20px; float: left; width: 100%; margin-bottom: 25px; }
.home-box-right2 { background: url(../images/box-bg3.jpg) 0px 0px; padding:25px 30px 30px; color: #fff; border-radius: 20px;  float: left; width: 100%; }
.home-box1 h2 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 42px; font-weight: normal; margin: 0px 0px 30px; }
.home-box1 h6 { font-size: 22px; font-weight: normal; line-height: 28px }
.home-box1 p { font-size:16px; font-weight: normal; line-height: 21px; margin-bottom: 28px; }
.home-box-container .box-button a { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 20px; font-weight: normal; color: #fff;
border: 2px solid #fff; border-radius: 5px; padding: 10px 20px; display: inline-block; text-transform: uppercase; text-decoration: none;
 }
 .home-box-right1 h2 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 35px; font-weight: normal; margin: 0px 0px 10px; }
 .home-box-right2 h2 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 35px; font-weight: normal; margin: 0px 0px 10px; }

.home-box-container .box-button a:hover { opacity: 0.8; }
.home-box-container .box-right1-left { float: left; width: 40%; }
.home-box-container .box-right1-right { float: left; width: 60%; padding-left: 0px; text-align: right; }
.home-box-right1 p { margin: 0px; line-height: 20px; }
.home-box-right1 img { margin-bottom: 20px; padding-left: 20px; }

.home-box-container .box-right2-left { float: left; width: 60%; }
.home-box-container .box-right2-right { float: left; width: 40%; padding-left: 10px; text-align: right; }

.footer-container { background:#96d3e1 url(../images/footer-bg.jpg) center top repeat-x; float:left; width:100%; padding:120px 0px 65px;   }
.footer-top { text-align: center; }
.footer-top ul { margin:0px; padding:0px; }
.footer-top ul li { margin:0px 12px; list-style:none; display: inline-block;  font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 19px; }
.footer-top ul li a { color:#fff; text-decoration:none; }
.footer-top ul li a:hover { color:#de4404; }

.footer-social { margin: 0px 0px 35px; }
.footer-social li a { font-size: 30px; }

.follow-us-container { float: left; width: 100%; padding: 30px 0px; }
.follow-us-container h2 { float: left; color: #747474; font-size: 36px;  font-family: 'VAG-Rounded-Bold', Arial, sans-serif; }
.follow-us-container h3 { float: right; color: #747474; font-size: 29px; font-weight: normal; font-family: 'VAG-Rounded-Bold', Arial, sans-serif;}
.follow-us-container h3 a { color: #747474; text-decoration: none; }

.inner-container { padding: 50px 0px 0px; }
.about-text { background: url(../images/box-bg3.jpg) 0px 0px; padding: 40px; color: #fff; border-radius: 20px; }
.about-text p:last-child { margin-bottom: 0px; }
.about-text p { font-size: 16px; line-height: 21px; }
.about-text h5 { font-size: 21px; margin: 0px 0px 30px; }
.inner-container h2 { text-align: center; color: #797979; margin: 0px 0px 45px; font-size: 48px;  font-family: 'VAG-Rounded-Bold', Arial, sans-serif;  }
.about-bottom-img { float: left; width: 100%; padding:30px 0px 150px;  }
.about-bottom-img ul { margin: 0px -10px; }
.about-bottom-img li { list-style: none; float: left; width: 50%; padding: 0px 10px; }
.about-bottom-img li img { border-radius: 20px; }

.accordian-box { padding: 0px 0px 100px; }
.accordian-box .accordian-head { background:url(../images/box-bg3.jpg) 0px 0px; padding: 10px 30px; color: #fff; border-radius: 20px; position: relative; font-size: 24px; margin:0px 0px 20px; font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-weight: normal;  }
.accordian-box .accordian-head:before { content: ""; background:url(../images/expand.png) 0px 0px no-repeat; height: 32px; width: 32px; position: absolute; right: 20px; top: 7px; cursor: pointer; }
.accordian-box .accordian-head.active:before { content: ""; background:url(../images/minimize.png) 0px 0px no-repeat;}
.accordian-box .accordian-content p { color: #797979; font-size: 16px; line-height: 24px; }
.accordian-box .accordian-content  { padding: 10px 30px 15px 30px; }

.map-container { padding: 80px 0px 120px;  }

.contact-box1 { background: url(../images/box-bg3.jpg) 0px 0px; padding: 30px 40px 17px; color: #fff; border-radius: 20px; }
.contact-box1 h2 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 40px; font-weight: normal; margin: 0px 0px 30px; }
.contact-box1 p { font-size:20px; font-weight: normal; line-height: 28px; margin-bottom: 28px; }
.contact-box-right1 { background: url(../images/box-bg2.jpg) 0px 0px; padding:25px 30px 30px; color: #fff; border-radius: 20px; float: left; width: 100%; margin-bottom: 25px; }
.contact-box-right1 h2 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 40px; font-weight: normal; margin: 0px 0px 24px; }
.contact-box-right1 ul { margin: 0px; padding: 0px; }
.contact-box-right1 ul li { list-style: none; font-size: 20px; }
.contact-box-right1 ul li label { min-width: 180px; font-weight: normal; }

.contact-box-right2 { background: url(../images/box-bg1.jpg) 0px 0px; padding:25px 30px 30px; color: #fff; border-radius: 20px;  float: left; width: 100%; }
.contact-box-right2 h2 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 40px; font-weight: normal; margin: 0px 0px 30px; }
.contact-box-right2 p { font-size:20px; font-weight: normal; line-height: 28px; margin-bottom: 28px; }

.contact-form h4 { font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 27px; font-weight: normal; margin: 0px 0px 30px; }
.contact-box-container { padding: 70px 0px 0px; }

/*menu */
.block-price h3 { color: #5e5e5e; font-size: 34px; margin: 0px;  font-family: 'VAG-Rounded-Bold', Arial, sans-serif; }
.block-price h4 { color: #babab9; font-size: 34px; margin: 0px;  font-family: 'VAG-Rounded-Bold', Arial, sans-serif; }
.block-title {  color: #fff; font-size: 22px; margin: 0px;  font-family: 'VAG-Rounded-Bold', Arial, sans-serif; background:#e0583f;
border-radius: 10px; padding:10px 22px; margin-bottom: 10px; }
.green-light { background:#5bb679;  }
.blue-light {  background:#86c9d9; }
.pink {  background:#e480ab; }
.yellow {  background:#f3c258; }
.purple{  background:#8363a7; }

.left-bar .block { margin: 0px 0px 30px; float: left; width: 100%; } 
.left-bar { float: left; width: 100%; }
.block ul { margin: 0px; padding: 0px 0px 0px 20px; }
.block li { list-style: none; font-family: 'Poppins-Bold', Arial, sans-serif; font-size: 16px; margin: 2px 0px; }
.block li a { color: #606161; text-decoration: none; outline: none; }
.block li:nth-child(2n+2) a { color: #babab9; }
.block li a:hover { color: #e05005; }
.right-bar .boxs-text { width: 50%; float: left; padding: 0px 18px; }
.right-bar .boxs-text h3 { list-style: none; font-family: 'Poppins-Bold', Arial, sans-serif; font-size: 16px; margin:0px;color:#282828; }
.right-bar li { list-style: none; }
.block-point ul { padding:0px 0px 0px 20px; margin: 0px 0px 15px;  }
.block-point ul li:nth-child(2n+2) { color: #282828; }
.block-point p { margin: 0px 0px 10px;color: #babab9; }
.block-point li a { list-style: none; font-family: 'Poppins-Bold', Arial, sans-serif; font-size: 16px; margin: 2px 0px; color: #606161; text-decoration: none; outline: none;  }
.block-point li:nth-child(2n+2) a { color: #babab9; }
 .right-bar .customize-block li { background: url(../images/ticks-icon.png) 0px 5px no-repeat; padding: 0px 0px 10px 30px; line-height: 20px;color:#282828;font-weight: bold;}
.block-milk ul { float: left; width:65%; }
.block-milk .block-img { float: left; width:35%; text-align: center;}
.block-img img { max-width: 100%; }
.block-img span { display: block; text-align: center; padding: 5px 0px 0px; color: #606161; }
.right-bar { color: #606161; }
.menu-container { padding-bottom: 60px; }
.block-point li a:hover { color: #e05005; }
.drinks-img { display: block; clear: both; text-align: center; }
.drinks-img li { display: inline-block; vertical-align: middle; width: 49%; padding: 10px 10px;   }
.drinks-img li span { display: block;color:#606161; padding: 5px 0px 0px; } 

.contact-form {}
.contact-form .wpcf7-form-control-wrap { width: 100%; }
.contact-form input.wpcf7-form-control,
.contact-form textarea.wpcf7-form-control { width: 100%; border: 0px; background:#fff; border-radius: 6px; padding: 10px 10px;
height: 50px; color: #333; }
.contact-form textarea.wpcf7-form-control { height: 160px; }
.contact-form input.wpcf7-submit  { background: #424242; color: #fff; width: auto; padding: 10px 30px; font-family: 'VAG-Rounded-Bold', Arial, sans-serif; font-size: 20px; }
.contact-form input.wpcf7-submit:hover  { background-color:#db573f;  }
.contact-box1 .wpcf7-form p { margin-bottom: 20px; }
.contact-form div.wpcf7-validation-errors, .contact-form div.wpcf7-acceptance-missing { color: red; border:1px solid red;   }

#sb_instagram.sbi_col_4 #sbi_images .sbi_item  { border-radius: 20px; }
#sb_instagram .sbi_photo { border-radius: 20px; }
#sb_instagram.sbi_col_4 #sbi_images .sbi_item { padding: 10px !important; }
.instagram-container #sb_instagram #sbi_images { padding:0px !important;  width: auto !important;  float: none !important;  margin:0px -10px;  }

.mobile-logo { display: none; }

@media(min-width:1024px) and (max-width:1279px){
.home-box1 h2 { margin: 0px 0px 10px; }  
.home-box-right1 h2 { }
.home-box-right2 h2 { font-size: 28px; }
.home-box-container .box-button a { padding: 7px 20px; font-size:16px; }
.logo { max-width: 140px; margin: 0px 10px; }
.nav-box li { font-size: 17px; }
.header-social { right: 15px; }
.home-box1 { padding: 30px 35px 32px; }
.follow-us-container h2 { font-size: 28px; }
.follow-us-container h3 { font-size: 24px; }
.footer-container { padding: 100px 0px 30px; }
.home-box-container .box-right2-right { width: 33%; }

}
@media(min-width:1024px){
.home-box1 .box-button { padding:8px 0px 0px;  }
.instagram-container { padding:0px 0px 70px; }
}
@media(min-width:768px){
.mobile-menu { display: none; }  
}
@media(min-width:768px) and (max-width:1023px){
.home-box1 h2 { font-size:30px; margin: 0px 0px 10px; }  
.home-box-right1 h2 { font-size: 26px;}
.home-box-right2 h2 { font-size: 26px; }
.home-box-container .box-button a { padding: 7px 20px; font-size:16px; }
.logo { max-width: 140px; margin: 0px 10px; }
.nav-box li { font-size: 17px; }
.header-social { right: 15px; }
.home-box1 { padding: 30px 35px 32px; }
.follow-us-container h2 { font-size: 28px; }
.follow-us-container h3 { font-size: 24px; }
.footer-container { padding: 100px 0px 30px; }

.inner-container h2 { font-size: 30px; margin: 0px 0px 25px; }
.inner-container { padding:30px 0px 0px;  }
.about-text { padding:20px;  }
.about-text h5 { margin: 0px 0px 15px; font-size: 18px; }
.about-text p { font-size: 15px; }
.about-bottom-img { padding: 20px 0px 50px; }

.accordian-box .accordian-head { font-size: 20px;  }
.accordian-box .accordian-content p { font-size:15px; }
.accordian-box .accordian-head:before { top:5px;  }
.accordian-box .accordian-head { margin-bottom: 10px; }

.contact-box-container { padding: 30px 0px 0px; }
.contact-box1 { padding: 20px 20px 10px; margin-bottom: 20px; }
.contact-box-right1 h2 { font-size: 30px; }
.contact-box1 h2  { font-size: 35px; margin-bottom: 10px; }
.contact-box1 p { font-size:16px; line-height: 22px; margin-bottom: 15px; }
.contact-form input.wpcf7-form-control { height: 45px; }
.contact-form textarea.wpcf7-form-control { height: 120px; }
.contact-form .wpcf7-form-control-wrap { font-size: 15px; }
.contact-box-right2 h2 { font-size: 30px; margin-bottom: 15px; }
.contact-box-right2 p { font-size: 16px;margin-bottom: 15px; line-height: 20px; }
.contact-box-right1 ul li label { min-width: 110px; }
.contact-box-right1 ul li { font-size: 15px; }
.contact-box-right2 { padding: 20px; }
.contact-box-right1  { padding: 20px; }
.map-container { padding: 50px 0px 60px; }

.block-price h4 { font-size: 22px; }
.block-price h3 { font-size: 24px; }
.block-title { font-size: 16px; margin-bottom: 15px; padding: 7px 15px; }
.block li { font-size: 14px; }
.block-point li a { font-size: 14px; }
.drinks-img li { width: 48%; padding:10px 5px;  }
.block-point .drinks-img ul { padding: 0px; }
.right-bar .customize-block li { font-size: 12px; line-height: 16px; }
.right-bar .boxs-text h3 { font-size: 14px; }

}
@media(max-width:767px){
.home-box1 { margin-bottom: 20px;  }
.home-box1 h2 { font-size:30px; margin:0px 0px 20px;  }  
.home-box-right1 h2 { font-size: 26px;}
.home-box-right2 h2 { font-size: 26px; }
.home-box-container .box-button a { padding: 5px 20px; font-size:16px; }
.follow-us-container h2 { font-size: 28px; }
.follow-us-container h3 { font-size: 24px; }
.footer-container { padding: 100px 0px 30px; }
.home-box1 { padding: 20px 20px 20px; }

.inner-container h2 { font-size: 28px; margin: 0px 0px 25px; }
.inner-container { padding:30px 0px 0px;  }
.about-text { padding:20px;  }
.about-text h5 { margin: 0px 0px 15px; font-size: 18px; }
.about-text p { font-size: 15px; }
.about-bottom-img { padding: 20px 0px 50px; }

.accordian-box .accordian-head { font-size: 18px;  }
.accordian-box .accordian-content p { font-size:15px; }
.accordian-box .accordian-head:before { top:5px;  }
.accordian-box .accordian-head { margin-bottom: 10px; }
.accordian-box .accordian-content { padding: 10px 10px 15px 10px; }
.accordian-box .accordian-content { padding: 10px 10px 15px 10px;  }

.accordian-box .accordian-head { padding: 10px 35px 10px 15px; }
.accordian-box { padding-bottom: 50px; }

.contact-box-container { padding: 30px 0px 0px; }
.contact-box1 { padding: 20px 20px 10px; margin-bottom: 20px; }
.contact-box-right1 h2 { font-size: 30px; }
.contact-box1 h2  { font-size: 35px; margin-bottom: 10px; }
.contact-box1 p { font-size:16px; line-height: 22px; }
.contact-form input.wpcf7-form-control { height: 45px; }
.contact-form textarea.wpcf7-form-control { height: 120px; }
.contact-form .wpcf7-form-control-wrap { font-size: 15px; }
.contact-box-right2 h2 { font-size: 30px; margin-bottom: 15px; }
.contact-box-right2 p { font-size: 16px; }
.map-container { padding: 50px 0px 60px; }

.block-price h4 { font-size: 28px; }
.block-price h3 { font-size: 30px; }
.block-title { font-size: 20px; margin-bottom: 15px; }
.block li { font-size: 15px; }
.block-point li a { font-size: 15px; }

.logo { display: none; }
.mobile-logo { display: block; }
.mobile-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:0px; font-size:0px; cursor:pointer; width: 30px; height: 28px; position: absolute;
left:10px; top: 50px; background-size: 29px auto; }
.header-inner { position: absolute; z-index: 9;left: 0; top: 100%; width: 100%; background: #ea5d0f; display: none; }
.nav-box { display: block; }
.nav-box ul { margin: 0px; }
.header-top .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 40px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.header-top .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.header-top .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-box li { font-size: 16px; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 6px 0px; display: block; position: relative; }
.header-top { text-align: left; }
.mobile-logo { display: block; max-width: 180px; margin: 0 auto; }
.header-social { top: 50px; bottom: auto;  right: 20px; }

}
@media(min-width:640px) and (max-width:767px){
.header-social li a { font-size: 20px; }


}
@media(min-width:480px) and (max-width:767px){}
@media(max-width:639px){
.right-bar .boxs-text { width: 100%; padding: 0px; }
.logo { position: absolute; left: 0px; right: 0px; max-width: 110px; margin: 0px auto; }

.header-social li a { font-size: 20px; }
.header-social { right: 15px;  }

}
@media(min-width:480px) and (max-width:639px){}
@media(max-width:479px){
.home-box-right2 h2 { font-size: 20px; }
.follow-us-container h2 { font-size: 20px; }
.follow-us-container h3 { font-size: 18px; }
.footer-top ul li { font-size: 16px; margin:0px 6px; }
.footer-social { margin: 0px 0px 15px; }
.home-box1 p { font-size: 15px; }
.home-box-right1 { padding: 20px 20px 20px; }
.footer-container { padding: 70px 0px 30px; }

.accordian-box .accordian-head { padding: 10px 30px 10px 15px; }
.accordian-box .accordian-head:before { top:8px;right:7px; background-size: 24px auto !important; height: 24px; width: 24px;   }
.contact-box-right1 ul li label { min-width: 120px; }
.contact-box-right1 ul li { font-size: 15px; }

.block-price h4 { font-size: 24px; }
.block-price h3 { font-size: 24px; }
.header-social li { padding-left: 15px; }
.mobile-logo  { max-width: 170px; }
}
@media(max-width:360px){}