@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:15px; }

*{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';



} */

.home-bg{
	background-color:  #0548cb;
	background-image: url("../images/bg.png");
	background-position: right;
	background-repeat: no-repeat;
	 position: absolute;
    height:210px;
	width: 400px;
    width: 100%;
    z-index: -101;
    bottom: 0;
	right:0px;

}

.home-bg2{
	background-color:  #0548cb;
	background-image: url("../images/bg2.png");
	background-position: right;
	background-repeat: no-repeat;
	 position: absolute;
    height:416px;
	width: 365px;
    width: 100%;
    z-index: -101;
    bottom: 0;
	right:0px;

}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.btn-sec{ margin: auto;text-align: center; margin-top: 50px;}
.btn-sec li{ display: inline-block; text-align: center}
.blue-btn{ background: #c8dafc; border-radius:50px;  color: #041942; box-shadow:0px 2px 4px #122f68; font-size: 16px;}
.blue-btn:hover{background: #082358; color: #fff;}
.blue-btn a{ color: #041942; display: block; width:100%;padding: 12px 16px;}
.blue-btn a:hover{ color: #fff;}

.dark-blue-btn{background: #052c78; border-radius:50px;  color: #fff; box-shadow:0px 2px 4px #0b214c; font-size: 16px; margin-left: 18px;}
.dark-blue-btn:hover{background: #3663bc;}
.dark-blue-btn a{ color: #fff !important;display: block; width:100%;padding: 12px 16px;}

header{ padding:15px 0; clear:both; position:sticky; top:0; z-index:2; background:#fff; border-bottom: #222 solid 1px;}

.banner{ clear:both; position:relative;}{}
.sms-p input{height:auto !important; width:auto  !important; top: 3px; position:relative; margin: 0px !important}


.slideCaption{ position:absolute; width:100%; top:25%;}

.slideCaption h1{ font-size:30px; color:#202020; font-family: 'Montserrat', sans-serif; font-weight:600;line-height: 40px;}

.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:#25aae1; color:#fff; padding:8px 32px 11px; font-size:18px; margin-top:20px;}

.slideCaption a:hover{ background:#000;}

.slideCaption button{ background-color: #25aae1; padding: 10px 30px; margin-top:30px;margin-left: 10px; color: #ffffff; text-transform: uppercase}

.slideCaption button:hover{ background-color: #000000;}



.poicy-main li{ list-style-type: decimal !important}
.poicy-main li ul li{list-style-type: disc !important}


/* === welcome ===*/

.welcome{ clear:both; padding:70px 0;}

.welcome h2{font-size:30px; color:#0a4acc; font-weight:bold; padding-bottom: 20px;}

.welcome h2 span{ color:#303030;}

.welcome p{ color:#606060; line-height:24px; margin-bottom:15px;}

.welcome a{display:inline-block; background:#25aae1; color:#fff; padding:6px 42px 12px; font-family: 'Bordonaro Spur'; font-size:20px; text-transform:uppercase; border-radius:25px; margin-top:25px;}

.welcome a:hover{ background:#000;}

.welcome figure{ margin:15px 0 25px;}

.welcome img{ border-radius:10px;}

/* === services ===*/

.services{ clear:both; padding:70px 0 70px; /*background:url(../images/bg.png) #fffaef;*/ text-align:center; position:relative; }

/*.services .col-md-4::after{height: 100%;width: 1px;background: #dad9d7;content: "";position: absolute;right: 0;top:0;}*/

.prince{ position:absolute; bottom:0; right:30px;}

.box1{ padding-bottom:100px;}

.box1 figure{ margin-bottom:20px; min-height:125px;}

.box1 h3{ font-size:35px; color:#25aae1;font-family: 'Brewski - Original'; margin-bottom:20px;}

#contact h5{ font-size:25px; color:#222;margin-bottom:20px;}

.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;x}

/*------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:60px 0; clear:both; text-align:center; background-repeat: no-repeat, no-repeat; background-color:#fafcff; padding-bottom: 20px;}

.ourDrinks img{ border-radius:10px;}

.ourDrinks .title1{ text-align:center;}

.ourDrinks .title1 h2{font-size:30px; color:#0a4acc;text-align:center; font-weight: bold;}

.ourDrinks .title1 h2 span{ color:#303030;}

.ourDrinks .title1 figure{ margin:25px 0px 60px;}

.rpm{background-color:#ffffff !important;}

.box2{ padding:2% 8%;}

.box2 h3{ font-size:25px; color:#303030;  margin-bottom:20px; text-align: left; font-weight: bold;}

.box2 figure{ margin:15px 0px 30px;}

.box2 p{ margin-bottom:15px;}

.box2 ul{ margin-left:20px;}

.box2 ul li{list-style-type:disc;  text-align: left; padding-bottom: 16px;}

.box2.spl ul li{list-style-type:disc;  text-align: left; padding-bottom: 16px;float: left; width: 49%;}

.choose .box2 h4{ text-align: left; font-weight: 600; font-size: 18px; color: #303030; margin-top: 30px;}

.choose .box2 p{text-align: left; padding-top: 10px; padding-bottom: 0px;}

/* === Contact Form === */
.box2 .contact-info{ margin-left: 0px; color:#fff;}
.box2 .contact-info  li{list-style-type: none; padding-left: 0}
.contact-info li{ margin-bottom: 15px; color:#000;color:#fff;}
.contact-info li span{ color: #666; margin-left: 15px;color:#fff;}
.contact-info li i{ padding-right: 15px; color:#fff;}
.contact-info li a{color:#fff;}
.contact-form{ padding: 30px 0;}

.contact-form h2{font-size:30px; color:#0a4acc; text-align:left; padding-bottom: 20px; font-weight:bold}

.contact-form h2 span{ color:#303030;}



.contact-form h4{ font-size:22px; color:#fff; text-transform:uppercase; margin-bottom:25px;}

.contact-form .ftMenu{ margin-top: 10px;}

.contact-form .ftMenu p{ padding-bottom:10px;color:#ffffff;}



.contact-form .ftMenu p strong{padding-right: 10px;}

.contact-form .ftMenu li a{ display:block; font-size:14px; color:#6d6d6d;}

.contact-form .ftMenu li a:hover{color:#25aae1; padding-left:10px;}

.contact-form .newsletter{background-color:#1351ce; padding:20px;}



.contact-form .newsletter p{ padding-bottom:20px; }

.contact-form .newsletter input{ background:#fff; height:46px; width:100%; padding:5px 15px; color:#333; border:1px solid #ccc; margin: 10px 0 10px 0;} 

.contact-form .newsletter textarea{color:#7b8188;}

.contact-form .newsletter button{ display:inline-block; background:#ffffff; color:#0a4acc; padding:11px 32px; font-family: 'Montserrat', sans-serif; font-size:14px; text-transform:uppercase; margin-top:15px; font-weight: bold}

.contact-form .newsletter button:hover{ background:#333;}



/* === Footer === */

footer{ background:#1351ce; background-size:100%; clear:both; padding-top:20px;}



footer h4{ font-size:24px; color:#fff; text-transform:uppercase; margin-bottom:25px; font-family: 'Bordonaro Spur';}

footer .ftMenu{ margin-top: 10px;}
footer .ftMenu h2{ color: #fff; margin-bottom: 10px;}
footer .ftMenu p{ padding-bottom:10px;color:#ffffff;}

footer .ftMenu p strong{padding-right: 10px;}

footer .ftMenu li a{  font-size:14px; color:#fff;}

footer .ftMenu li a:hover{ text-decoration: underline;padding-left:10px;}

footer .newsletter{background-color:#25aae1; padding:20px;}

footer .ftMenu p a{color:#ffffff;}

footer .ftMenu p a:hover{ text-decoration: underline;}

footer .newsletter p{ padding-bottom:20px; }

footer .newsletter input{ background:#fff; height:46px; width:100%; padding:5px 15px; color:#333; border:1px solid #ccc; margin: 10px 0 10px 0;} 

footer .newsletter button{ display:inline-block; background:#ffffff; color:#25aae1; padding:11px 32px; font-family: 'Montserrat', sans-serif; font-size:14px; text-transform:uppercase; margin-top:15px; font-weight: bold}

footer .newsletter button:hover{ background:#333;}



.lower-footer{ border-top:#fff 1px solid;}

.lower-footer p{text-align: center; padding: 10px; color:#ffffff; font-size: 12px; margin-top:10px;}

.lower-footer p a{ background:none; padding: 6px; color: #ffffff; text-decoration: underline;}



/*=================== 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:10px;}

#cssmenu > ul > li {float:left; padding:0 25px;}

#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:#0a4acc; border-bottom:3px solid #0a4acc;}

#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 0px;}

#cssmenu > ul > li{padding: 0 14px;}

.box2{ font-size:32px;}

.box1 a{ padding:7px 29px;}

.box1 h3{ font-size:32px;}

.box2 {padding: 0% 10%;}

.box2 figure{ margin:15px 0px 15px;}

.box2 h3{ margin-bottom:15px;}
	.box2 ul li{ width: 100%;font-size: 15px;}

}



@media all and (max-width:991px) {
	#cssmenu{ width: 100%}
	#cssmenu ul{ width: 65%; margin: auto; float:none}	

.logo{text-align:center}



#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:17px;line-height: 28px;}
.box2.spl ul li, .box2 ul li{ width: 100%;font-size: 15px;}

.box1 p{ padding:0px;}

.box1 a{margin: 0 0 10px 0;}

.box1 h3 {font-size: 23px;}

.box2{padding: 4% 10%;}







}





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

#cssmenu {width:100%; background:none; position:absolute; bottom:40px; right:0;}

#cssmenu ul {width:100%;display:none; background:#3b5076; top:58px; 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; top:15px;}

#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;}

.btn-sec li{ display: block; margin-top: 15px;}
	.btn-sec{ margin-top: 20px;}
	.blue-btn{ width:50%}
	.dark-blue-btn{ width:50%; margin-left: 0px;}

/*------- custom css -----*/

.logo img {width: 140px;}

.owl-carousel .owl-item img{ min-height:262px; object-fit:cover;}

.slideCaption h1{ font-size:20px;}

.welcome{ text-align:center;}

.welcome .col-md-6.ml-5{ margin-left:0px !important;}





.box1{padding-bottom: 50px;}

.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: 620px) {
	.centered img{ width: 100%}	
	.blue-btn{ width:80%}
	.dark-blue-btn{ width:80%;}
	
}

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

.slideCaption p::before { display:block;}

.slideCaption h1{ font-size:18px;}

}

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

	

	





}