/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var {}
strong {font-weight:bold !important;}
ol,ul { }
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px;}
/**************************************************************************************/
a											{color:#000000; text-decoration:none; outline:0 none;}
a:hover										{color:#000000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px; line-geight:26px;margin: 5px 0;}
h4											{font-size:18px; line-geight:26px;margin: 5px 0;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/

	
.clear{clear:both; font-size:0px;line-height:0px; display:block;}


img, object, embed, video, iframe {
	max-width: 100%;
}

iframe {
	border:solid 0px #ffffff;
	margin:0 2px 10px;
	}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/* ----------------------- layout ----------*/
#wrapper{margin:0 auto; width:100%;}

body { background:#000; color:#ffffff;}
.transbg{ background:#191919; opacity:0.4; position:absolute; width:100%; height:100%; z-index:99; display:none;}
#wrapper { width:100%; }
.mob-menu{ display:none;}
.headwrap1{
	width: 100%;
	background: #fbfafb;
	
}


#content-wrapper {
	    width: 100%;
    background: rgb(174,174,174);
    background: linear-gradient(90deg, rgba(59,13,13,1) 51%, rgba(202,153,97,1) 49%);
}
	
.mx_current { background:url(../images/active-bg.jpg) no-repeat center bottom;}


.headcont1{ width:1200px; margin:0 auto; text-align:center; padding:25px 0 0;}
.headcont1 ul{ margin:0; padding:0; list-style:none; width:auto; display:inline-block;}
.headcont1 > ul > li{ display:inline-block;padding:0 16px 12px; position:relative;}
.headcont1 > ul > li:hover{ background:url(../images/active-bg.jpg) no-repeat center bottom;}
.headcont1 ul li a{ display:block;font-family: 'Ubuntu', sans-serif; font-size:20px; line-height:20px; font-weight:400; color:#573131;}
.headcont1 ul li.current-menu-item { background:url(../images/active-bg.jpg) no-repeat center bottom;}

.headcont1 ul li ul{ position:absolute; left:20px; top:100%; z-index:999; width:135px; background:#89817f; padding:5px 0; border-top-left-radius:0; border-top-right-radius:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; display:none;}
.headcont1 ul li ul li{ border-bottom:solid 1px #3b0d0d;}
.headcont1 ul li ul li:last-child{ border-bottom:none;}
.headcont1 ul li ul li a{ display:block; padding:0 15px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px;}
.headcont1 ul li ul li a:hover{ color:#3b0d0d;}

.logowrap{ background:#3b0d0d;}
.logocont{ width:1200px; margin:0 auto; position:relative; padding:24px 0;}
a.logo{ position:absolute;display:block; left:18px; top:-42px; z-index:999;}
a.logo img{ display:block; margin:0 0 0 0;}

.socialwrap{ float:right; margin:0 25px 0 0;}
ul.social{ float:right; /*margin:0 25px 0 0;*/ padding:0; list-style:none;}
ul.social li{ float:left; margin:0 0 0 20px; line-height:0;}

/* flexslider */
.flexslider > img{ display:block; position:absolute; right:0; bottom:0; z-index:999; width:28%; height:auto;}
.flexslider{ position:relative; margin:0px auto 0px;}
.flexslider ul{ float:left; padding:0; margin:0; list-style:none; width:100%;}
.flexslider ul li{ float:left; position:relative; line-height:0; width:100%;     max-height: 559px;
    overflow: hidden;  }
.flexslider ul li img{ width:100%; height:auto;}

.flexslider .flex-direction-nav {position: absolute; bottom: 2%; width: 110px; left:7%; height:50px; background:#191919; z-index:999; opacity:0.9; border-radius:10px;}
.flexslider .flex-direction-nav li {float:none;}
.flexslider .flex-direction-nav a {display: block; text-indent: -9999px; width: 28px; height: 28px; position: absolute; z-index:99; font-size:0; top:12px;}
.flexslider .flex-direction-nav a.flex-prev {background: url(../images/prev.png) scroll no-repeat; left: 8px; font-size:0;}
.flexslider .flex-direction-nav a.flex-next {background: url(../images/next.png) scroll no-repeat; right: 8px; font-size:0;}

.flexslider .flex-control-nav {text-align: right; margin:0; position:absolute; z-index:99; width:100%; bottom:20px; right:20px;}
.flexslider .flex-control-nav li {display: inline-block; list-style: none; margin: 0 0px 0 13px; text-align: center;}
.flexslider .flex-control-nav li a {width: 21px; height: 21px; display: block; z-index: 100000; text-indent: -9999px; background: url(../images/inactive-li.png) scroll no-repeat 0 0; cursor:pointer;}
a.flex-active{ background:url(../images/active-li.png) no-repeat 0 0 !important;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 

/* flexslider ends*/

.container{ width:1200px; margin:0 auto;     display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-around; }

.content_large { background:#3b0d0d; padding:35px 52px 80px; width:696px; float:left; font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px; font-weight:300; color:#ccc; margin-bottom:0px;}
.content_large a {
	text-decoration:none;
	color:#ffffff;
}
.content_large a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.content_large h1 { font-size:43px; line-height:56px; color:#fff;font-family: 'Lobster Two', cursive; font-weight:400; margin:0 0 15px;}
.content_large h2 { font-size:24px; line-height:20px; color:#fff;font-family: 'Lobster Two', cursive; font-weight:400; margin:5px 0 15px;}
.content_large p { font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px; font-weight:300; color:#ccc; margin-bottom:18px;}
.sec1{ background:#3b0d0d; padding:35px 52px 80px; width:296px; float:left; color:#fff; font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px; font-weight:300; }
.sec1 h1{ font-size:43px; line-height:56px; color:#fff;font-family: 'Lobster Two', cursive; font-weight:400; margin:0 0 15px;}
.sec1 h2 { font-size:24px; line-height:20px; color:#fff;font-family: 'Lobster Two', cursive; font-weight:400; margin:5px 0 15px;}
.sec1 p{font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px;  color:#fff; margin-bottom:18px;font-weight:300;}
.sec1 a { text-decoration:underline;
color:#ffffff;
}
.sec 1 a:hover { text-decoration:underline;
color:#ffffff;}
.post{ margin:0 0 15px;}
.name{ display:block; float:left;font-family: 'Ubuntu', sans-serif; font-size:11px; line-height:16px; font-weight:300; color:#f9f9f9;}
.date{ display:block; float:left;font-family: 'Ubuntu', sans-serif; font-size:11px; line-height:16px; font-weight:300; color:#f9f9f9; padding-left:10px;}
.post p{font-family: 'Ubuntu', sans-serif; font-size:11px; line-height:16px; font-weight:300; color:#ccc; margin:0;}

a.button{ display:block; width:184px; height:26px; margin:30px auto 0; color:#573131 !important; text-align:center; background:#f9f9f9; font-family: 'Ubuntu', sans-serif; font-size:15px; line-height:26px; font-weight:700; border-radius:12px; text-decoration:none !important;}


.sec2{ background:#573131; width:296px; padding:35px 52px 80px; float:left; font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px;  color:#fff; font-weight:300;}
.sec2 a {
	text-decoration:underline;
	color:#ffffff;
}
.sec2 a:hover {
	text-decoration:none;
	color:#ffffff;
}
.sec2 h1{font-family: 'Lobster Two', cursive; font-size:43px; line-height:56px; color:#fff; font-weight:400; margin:0 0 15px;}
.sec2 h2 { font-size:24px; line-height:20px; color:#fff;font-family: 'Lobster Two', cursive; font-weight:400; margin:5px 0 15px;}
.sec2 p{font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px;  color:#fff; margin-bottom:18px;font-weight:300;}
.bierpost{ margin:0 0 48px;}
.bierpost img{ display:block; margin:0 0 8px 6px;}
.bierpost h4{font-family: 'Ubuntu', sans-serif; font-size:16px; line-height:18px; color:#fff; font-weight:700; margin:0 0 8px;}
.bierpost p{font-family: 'Ubuntu', sans-serif; font-size:12px; line-height:17px; color:#f9f9f9; font-weight:300;}


.sec3{ background:#ca9961; font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px; font-weight:300; color:#fff; }
.sec3 img{ display:block; margin-bottom:15px;}
.sec3 h1{font-family: 'Lobster Two', cursive; font-size:43px; line-height:56px; color:#fff; font-weight:400; margin:0 0 15px;}
.sec3 h2 { font-size:24px; line-height:20px; color:#fff;font-family: 'Lobster Two', cursive; font-weight:400; margin:5px 0 15px;}
.sec3 p{font-family: 'Ubuntu', sans-serif; font-size: 16px;   line-height: 20px; font-weight:300; color:#fff; margin-bottom:18px;}
.footer{ background:#fbfafb; text-align:center; padding:30px 0;}
.footer p{ text-align:center;font-family: 'Ubuntu', sans-serif; font-size:10px; color:#191919; font-weight:300; margin:0;}


/*--------for iphone or mobile or ipad ---------*/
a[href^=tel] {
color:#8547ad;
text-decoration:none;
}

body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.shortlink{ background:#424242; text-align:center; padding:15px 0;}
.shortlink ul{ margin:0; padding:0; list-style:none; display:inline-block;}
.shortlink ul li{ display:inline-block; margin-right:35px;}
.shortlink ul li:last-child{ margin:0;}
.shortlink ul li a{ display:block; padding:10px; border-bottom:none;}

.cbp-spmenu {
    background:#ca9961;
    position: fixed;
}
 
.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}
 
.cbp-spmenu a {
    display: block;
	font-family: 'Ubuntu', sans-serif;
    color: #fff;
    font-size: 15px;
	line-height:45px;
    font-weight: 400;
}
 
.cbp-spmenu a:hover {
    background: #424242;
	color:#fff;
}
 
.cbp-spmenu li.mx_current a  {
    background: #424242;
    color: #fff;
}
 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
 
.cbp-spmenu-vertical a {
    border-bottom: 1px solid #fff;
    padding:0 30px;
}
 
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}
 
.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}
 
.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
 
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
    left: -240px;
}
 
.cbp-spmenu-right {
    right: -240px;
}
 
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}
 
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
 
/* Horizontal menu that slides from the top or bottom */
 
.cbp-spmenu-top {
    top: -150px;
}
 
.cbp-spmenu-bottom {
    bottom: -150px;
}
 
.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}
 
.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}
 
/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
 
.cbp-spmenu-push-toright {
    left: 240px;
}
 
.cbp-spmenu-push-toleft {
    left: -240px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 
/* Example media queries */
 
@media screen and (max-width: 55.1875em){
 
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }
 
    .cbp-spmenu-top {
        top: -110px;
    }
 
    .cbp-spmenu-bottom {
        bottom: -110px;
    }
 
}
 
@media screen and (max-height: 26.375em){
 
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }
 
    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }
 
    .cbp-spmenu-right {
        right: -190px;
    }
 
    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

.cbp-spmenu > ul > li ul{display:none;}
.cbp-spmenu > ul > li ul li a{padding:0 8px 0 40px;}