@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
body,html, p{margin:0px; padding:0px;color:#606060; font-weight:400; font-family: 'Open Sans', sans-serif; font-size:14px; }
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display: block; }
.clear { padding:0; margin:0; line-height:0; height:0; font-size:0; clear:both; width:100%; display:block; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; color:#4a4a4a;}
html, body {padding: 0; margin: 0;}
body *{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul,ul li{list-style:none; padding:0; margin:0;}
input,button{outline:none; border:none;}
a, a:hover, a:focus{text-decoration:none; outline:none; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
a:active,a:hover {outline: 0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
button{transition:all .5s;}
:focus{outline:none;}
img{ border:none; display:inline-block;}

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


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


/*{font-family: 'Montserrat', sans-serif; font-family: 'Brewski - Original';

} */

.top-right-p{text-align: right;margin-top: 20px;color: #014170;}
.top-right-p i{ margin-right: 10px; color: #014170;}
header{ padding:15px 0; clear:both; position:sticky; top:0; z-index:2; background:#fff;box-shadow: -1px 2px 5px #888888;}
.banner{ clear:both; position:relative;}
.slideCaption{ position:absolute; width:100%; top:25%;}
.slideCaption h1{ font-size:38px; color:#034270; font-weight: bold;}
.slideCaption p{ font-size:16px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:500; margin:14px 0 40px;}
.slideCaption p::before{ width:84px; height:2px; background:#25aae1; margin-right:30px; content:""; display:inline-block;}
.slideCaption a{ display:inline-block; background:#829a12; color:#fff; padding:6px 32px 8px;  font-size:15px; text-transform:uppercase; margin-top: 15px;}
.slideCaption a:hover{ background:#000;}
/* === welcome ===*/
.welcome{ clear:both; padding:40px 0;}
.welcome h2{font-size:36px; color:#014170; font-weight: bold}
.welcome h2 span{ color:#829a12;}
.welcome p{ color:#606060; line-height:24px; margin-bottom:15px; margin-top:15px;}
.welcome a{display:inline-block; background:#829a12; color:#fff; padding:6px 42px 8px; font-size:16px; text-transform:uppercase; border-radius:25px; margin-top:18px;}
.welcome a:hover{ background:#000;}
.welcome figure{ margin:15px 0 25px;}
/* === services ===*/

.services{ clear:both; padding:30px 0 30px; background:#014170 ;text-align:center; position:relative; }


.box1 figure{ margin-bottom:20px;}
.box1 h3{ font-size:20px; color:#fff; margin-bottom:20px; text-transform: uppercase;}
.box1 p{font-family: 'Montserrat', sans-serif; color:#383838; font-weight:500; margin-bottom:30px; padding:0 7%;}
.box1 a{ display:inline-block;font-family: 'Bordonaro Spur'; padding:3px 33px 10px; color:#383838; margin-right:15px; text-transform:uppercase;font-weight:600; border:1px solid #383838; border-radius:5px; font-size:22px;} 
.box1 a:hover, .box1 a.active{ background:#333333; color:#fff;}
.box1 a:last-child{ margin:0;}
/*------Our Story ----*/
.ourStory{ clear:both; padding:60px 0; position:relative;}
.ourStory p{ text-align:center; margin-bottom:15px;}
.ourStory .title1 h2{font-size:60px; color:#25aae1; font-family: 'Brewski - Original'; text-align:center;}
.ourStory .title1 h2 span{ color:#303030;}
.ourStory .title1 figure{ margin:25px 0px 60px; text-align:center;}
.ourStory .col-md-4::after{ height:100%; width:1px; background:#e5e5e5; content:""; position:absolute; right:0; top:0;}
.ourBox {padding:30px 0;}
/* === bgImage === */
.bgImage{ clear:both;}
.bgImage img{width:100%;}
/* === Our Drinks ===*/
.ourDrinks{padding:50px 0; clear:both; text-align:center;}
.ourDrinks img{ border-radius:10px;}
.ourDrinks .title1{ text-align:center;}
.ourDrinks .title1 h2{font-size:36px; color:#014170; text-align:center; font-weight: bold}
.ourDrinks .title1 h2 span{ color:#829a12;}
.ourDrinks .title1 figure{ margin:25px 0px 60px;}
.box2{ padding:5% 10%;}
.box2 h3{ font-size:35px; color:#25aae1; font-family: 'Brewski - Original'; margin-bottom:20px;}
.box2 figure{ margin:15px 0px 30px;}
.box2 p{ margin-bottom:15px;}

.product .owl-theme .owl-dots .owl-dot.active span{background:#829a12}
.product{ padding-bottom:20px; width:75%; margin: auto; background: #ffffff; min-height:331px; margin-top: 20px;}
.product figure{  margin-bottom:0px;}
.product h3{ font-size:18px; color:#014170; margin-top:12px; text-align: center; padding: 0 7%;}
.product p{font-family: 'Montserrat', sans-serif; color:#4a4a4a; margin-bottom:0px; padding:0 7%; text-align: left;}
.product a{ display:inline-block;font-family: 'Bordonaro Spur'; padding:3px 33px 10px; color:#383838; margin-right:15px; text-transform:uppercase;font-weight:600; border:1px solid #383838; border-radius:5px; font-size:22px;} 
.product a:hover, .box1 a.active{ background:#333333; color:#fff;}
.product a:last-child{ margin:0px}
/* === Footer === */
footer{ background:#014170; clear:both; padding:20px 0;}
footer h4{ font-size:22px; color:#25aae1; text-transform:uppercase; font-weight:600; margin-bottom:25px;}
footer .ftMenu{}
footer .ftMenu li{ padding-bottom:10px;}
footer .ftMenu li a{ display:block; font-size:14px; color:#6d6d6d;}
footer .ftMenu li a:hover{color:#25aae1; padding-left:10px;}
footer .newsletter p{ padding-bottom:20px;}
footer .newsletter input{ background:#fff; height:46px; width:100%; padding:5px 15px; color:#333; border:1px solid #ccc} 
footer .newsletter button{ display:inline-block; background:#25aae1; color:#fff; padding:11px 32px; font-family: 'Montserrat', sans-serif; font-size:14px; text-transform:uppercase; margin-top:15px;}
footer .newsletter button:hover{ background:#fff; color: #222;}
/*=================== menu ========================*/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#cssmenu:after,#cssmenu > ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{line-height:1;float:right; margin-top:25px;}
#cssmenu > ul > li {float:left; padding:0 30px;}
#cssmenu > ul > li > a{padding:8px 0px; font-size:14px; text-decoration:none;color:#111111; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease;transition:color .2s ease; font-weight:bold; text-transform:uppercase;}
#cssmenu > ul > li a:hover ,#cssmenu > ul > li a.active,#cssmenu > ul > li.active a{color:#25aae1; border-bottom:3px solid #25aae1;}
#cssmenu > ul > li.has-sub > a {padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after {position:absolute; top:25px; right:10px; width:6px; height:6px; border-bottom:2px solid #fff; border-right:2px solid #fff; content:""; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after {border-color:#53a4ce;}
#cssmenu ul ul {position:absolute; left:-9999px; z-index:11;top:56px; text-align:left;}
#cssmenu li:hover > ul {left:auto;}
#cssmenu ul ul ul {margin-left:100%; top:0;}
#cssmenu ul ul li {height:0; -webkit-transition:height .2s ease; -moz-transition:height .2s ease; -ms-transition:height .2s ease; -o-transition:height .2s ease; transition:height .2s ease; border-bottom:1px solid #5482a5;}
#cssmenu ul li:hover > ul > li {height:auto;}
#cssmenu ul ul li a {padding:10px 20px; width:160px; font-size:13px; background:#376990; text-decoration:none; color:#fff; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease; line-height:20px;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color:#fff;}
#cssmenu ul ul li.has-sub > a::after {position:absolute; top:13px; right:10px; width:6px; height:6px; border-bottom:2px solid #ddd; border-right:2px solid #ddd; content:""; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu ul ul li.has-sub:hover > a::after {border-color:#fff;}

/* ===================== Media Queries for mobile ==================*/


@media all and (max-width:1199px) {
#cssmenu > ul > li > a {padding: 12px 15px;}
#cssmenu > ul > li{padding: 0 14px;}
.slideCaption h1{ font-size:32px;}
	.welcome h2{ font-size: 30px;}	
.box1 a{ padding:7px 29px;}
.box1 h3{ font-size:18px;}
.box2 {padding: 0% 10%;}
.box2 figure{ margin:15px 0px 15px;}
.box2 h3{ margin-bottom:15px;}
}

@media all and (max-width:991px) {

#cssmenu > ul > li > a {padding:5px 7px; font-size: 13px;}
.store_logo li{ width:32%; text-align:left;}
.ourDrinks .title1 h2{ font-size:30px;}
.ourDrinks{ padding:50px 0;}
.ourDrinks .title1 figure {margin: 25px 0px 38px;}
.slideCaption h1{ font-size:30px;}
.box1 p{ padding:0px;}
.box1 a{margin: 0 0 10px 0;}
.box1 h3 {font-size: 16px;}
.box2{padding: 4% 10%;}



}


@media all and (max-width: 767px) {
	.top-right-p li{ text-align: center}
#cssmenu {width:100%; background:none; position:absolute; bottom:40px; right:0;}
#cssmenu ul {width:100%;display:none; background:#3b5076; top:42px; text-align:center; position:absolute; z-index:11;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width:100%;height:auto;}
#cssmenu ul ul li a {width:100%; padding:15px !important;}
#cssmenu > ul > li,#cssmenu ul ul li a {padding:0;font-size:12px;color:#fff;background:none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color:#000;}
#cssmenu > ul > li > a{ color:#fff;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{ border:none; color:#87cdef; border-radius:0px;}
#cssmenu ul ul,#cssmenu ul ul ul {position:relative;left:0;right:auto;width:100%;margin:0; top:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after {display:none;}
#menu-line {display:none;}
#cssmenu > ul > li > a{padding:15px 15px !important; font-size:14px;}
#cssmenu #menu-button {display:block;padding:8px 10px;color:#fff;cursor:pointer;font-size:14px;text-transform:uppercase;}
#cssmenu #menu-button::after {content:'';position:absolute;top:17px;right:20px;display:block;width:20px;height:3px;background:#000;}
#cssmenu #menu-button::before {content:'';position:absolute;top:22px;right:20px;display:block;width:20px;height:8px;border-top:3px solid #000;border-bottom:3px solid #000;}
#cssmenu .submenu-button {position:absolute;z-index:10;right:0;top:0;display:block;height:45px;width:52px;cursor:pointer;}
#cssmenu .submenu-button::after {content:'';position:absolute;top:18px;left:26px;display:block;width:2px;height:12px;background:#000;z-index:99;}
#cssmenu .submenu-button::before {content:'';position:absolute;left:21px;top:23px;display:block;width:12px;height:2px;background:#000;z-index:99;}
#cssmenu .submenu-button.submenu-opened:after {display:none;}
#cssmenu ul ul li a{ color:#4c49ac;}
#cssmenu ul ul li{ border:none;}

/*------- custom css -----*/
	.logo{ text-align: center}
.logo img {width: 140px; margin: auto}
.owl-carousel .owl-item img{ min-height:350px; object-fit:cover;}
.slideCaption h1{ font-size:25px;}
.welcome{ text-align:center;}
.welcome .col-md-6.ml-5{ margin-left:0px !important;}
	


.box1{padding:25px 25px;}
.box1 a{margin: 0 10px 0px 0;
}
.box2{padding: 5% 0%;}
footer{ text-align:center;}
footer h4{ margin-top:25px;}
.ourStory .col-md-4::after{ display:none;}
.ourStory .title1 figure{ margin:25px 0px 0 0px;}
.services{ padding-top:0px;}


}
@media all and (max-width: 568px) {
.slideCaption p::before { display:block;}
.slideCaption h1{ font-size:25px;}
}
@media all and (max-width: 479px) {
	
	


}