/*
Template: Superb Music
Author: XpertPoin8, http://xpertpoin8.com/
Version: 1.0
*/

/* Table of Content
================================================== 

    01. GENERAL STYLES
    02. FLEX SLIDER OVERRIDES
    03. MENU STYLES
    04. MAP STYLES
    05. TEAM STYLES
    06. FOOTER STYLES
    07. ORDER POPUP STYLES
	08. CSS
    09. Slide 1
    10. Gallery
    11. Services
    12. RESPONSIVE DESIGN

*/


/* 01 - GENERAL STYLES
-------------------------------------------------*/

*::-moz-selection { background:#000; color:#fff; }
html,body{font-family: 'Raleway-Light', sans-serif;font-size:18px;color:#888888;font-weight:300}
@font-face{font-family:'Mono Social Icons Font';src:url('../fonts/MonoSocialIconsFont-1.10.eot.html');src:url('../fonts/MonoSocialIconsFont-1.10.eot-1.html') format('embedded-opentype'),url('../fonts/MonoSocialIconsFont-1.10.woff.html') format('woff'),url('../fonts/MonoSocialIconsFont-1.10.ttf.html') format('truetype'),url('../fonts/MonoSocialIconsFont-1.10.svg.html') format('svg');src:url('../fonts/MonoSocialIconsFont-1.10.ttf.html') format('truetype');font-weight:normal;font-style:normal}
.symbol,a.symbol:before{font-family:'Mono Social Icons Font';-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}
a.symbol{font-size:48px;line-height:48px;padding:0;margin:0;background:0;float:left;margin:0 15px 0 0;padding:0}
a.symbol:hover{background:0;color:#febf14}
a{color:#888888;text-decoration:none;transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out}
a:hover{text-decoration:none;color:#d81c0a}
p {margin: 0 0 30px 0; line-height: 1.7em; font-size:14px;}
.ebold{font-weight:900}
.topbar{font-size:14px;min-height:50px;padding:13px 0 0 0}
.logo{float:left; padding:9px 0;}
.logo img { height: 85px; }
.topbar .contact{float:right}
.centered{text-align:center}
.row h2{text-align:center;font-size:30px;margin:0 0 75px 0; text-transform:uppercase;}
.row{margin-bottom:30px;padding:0 0 50px 0;}
.nomgbtm{margin-bottom:0;padding-bottom:0;border:0}
.fullspan{width:100%}
.fullspan.black{height:50px;background:#000}
.fullspan.slider{text-align:center;overflow:hidden}
.fullspan.dark{background:#d81c0a;color:#fff;font-size:18px; padding:50px 0 0 0;}
.fullspan.copy{background:#d81c0a;color:#fff;font-size:13px;padding:15px 0;text-align:center; text-transform:uppercase;}
.navbar-inverse .navbar-nav>li>a{font-size:14px; border-bottom:3px solid #fff; outline:none; text-transform: uppercase; }
.navbar-inverse .navbar-nav>li>a.active{color:#fff}
.border-b { background: none repeat scroll 0 0 #e5e5e5;
    float: left;
    height: 1px;
    margin-top: 70px;
    position: relative;
    width: 100%; }
.border-b span { background:url(../img/border.png) no-repeat 0 0 #fff; position:absolute; width:110px; height:27px; left:50%; top:-12px; margin-left:-50px; }
.testimonials { margin: 0; padding: 0; }

.formElementBackground{
	margin-bottom: 12px;
}

/* 02 - FLEX SLIDER OVERRIDES
-------------------------------------------------*/

.flexslider .row{padding:0;margin-bottom:0;border:0 none}
.flexslider .inner{color:#000;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center}
.flexslider h1{font-size:90px;padding:5px 20px 15px 20px;font-weight:100;letter-spacing:3px;text-transform:uppercase; display:inline-block; margin:0 auto 30px; color:#fff;text-shadow: 0px 0px 10px #000000;}
.flexslider h2{font-size:24px;padding:5px 20px;font-weight:100;letter-spacing:9px;text-transform:uppercase;display:inline-block;clear:both;overflow:hidden; color:#fff;text-shadow: 0px 0px 10px #000000; margin-bottom: 0;}
.flexslider .container{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center}
.blocks-frat{display:block;margin:0 auto 25px; overflow:hidden; position:relative; width: 100%; height: 300px;}
.blocks-frat .img-responsive { width: 100%; height: 100%; }
.subtitle {font-size: 22px; text-transform:uppercase; text-align: center; }
.flexslider { height: 700px; }
.flexslider .slide-images { height: 700px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; }
.flexslider .row {
    position: absolute;
    top: 50%;
    width:100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 03 - MENU STYLES
-------------------------------------------------*/

.accordion{margin-bottom:30px;padding-bottom:0}
.accordion .row{clear:both;overflow:hidden;margin-bottom:0}
.ui-accordion-header span.menuhead{padding:0;line-height:18px;cursor:pointer; color:#fff; text-transform:uppercase;}
.ui-accordion-header span.menuhead:focus{outline:0}
.ui-accordion-header {line-height: 18px; padding: 40px; margin: 1px; position:relative; text-align:center; cursor:pointer;}
.ui-accordion-header.ui-state-active{background: #f7f7f7 url("../img/menu-switch.png.html") no-repeat left bottom ;background-position: -5px -12px; }
#ui-accordion-1-header-0 { background:url("../img/menu-1.jpg.html") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-1 { background:url("../img/menu-2.jpg.html") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-2 { background:url("../img/menu-3.jpg.html") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-3 { background:url("../img/menu-4.jpg.html") no-repeat center center; background-size:100% auto; }
#ui-accordion-1-header-4 { background:url("../img/menu-5.jpg.html") no-repeat center center; background-size:100% auto; }
.ui-accordion .row{margin-bottom:10px;padding:0;border:0}
.ui-accordion-content{padding:40px 40px 1px 40px; background: #fffdf8}
.item{zoom:1;position:relative;clip:auto;overflow:hidden}
.thumb { border-radius: 50%;
    float: left;
    margin-right: 20px;
    width: 93px; }
.info{position:relative;text-align:right;white-space:nowrap;margin-bottom:5px; float:left;}
.dots{position:absolute;left:0;right:0;border-bottom:1px dotted #aaa;height:77%}
.name{background:#fffdf8;float:left;margin-right:20px;padding-right:4px;position:relative;font-weight:900; text-transform:uppercase;}
.price{background:#d81c0a;padding:5px 10px;position:absolute; left:10px; top:10px; z-index:1; color:#fff; font-weight:bold; }
.legend span{font-size:14px;font-weight:bold;color:#d81c0a;margin:0 10px 0 0}
.legend{display:block;margin:10px 0 15px 0; float:left;}
.description { float:left; }
.legend .veg{background:#3ca318}
.legend .spicy{background:#ff7e00}


/* 04 - MAP STYLES
-------------------------------------------------*/

.deliveryvisit{list-style:none;margin:30px 0 0 0;padding:0}
.deliveryvisit li{clear:both;overflow:hidden;margin:0 0 10px 0}
.deliveryvisit li label{width:150px;font-size:16px;font-weight:normal}
.map{border-bottom:0}
.map iframe{margin-bottom:20px}


/* 05 - TEAM STYLES
-------------------------------------------------*/

.portrait h4{font-size:24px;font-weight:bold;margin:60px 0 25px 0}
.social{list-style:none;margin:0 0 110px 0;padding:0;display:block}
.shares{margin:0 0 60px 0}
.twitter-share-button{width:90px !important}
#p2 { margin-top:170px; }
i.fa { border-radius: 50%;
transition:background-color 0.5s ease-in-out 0s;
    height: 37px;
    padding: 10px;
    vertical-align: middle;
    width: 37px;}
.social-mid a .fa { color:#fff;  }
.social-mid a:hover .fa { background:#d81c0a; }
.social-mid a .fa:hover { color:#fff; }
.social-mid a .fa-facebook      {background-color: #2f5a9a;}
.social-mid a .fa-twitter    {background-color: #3abdd1;}
.social-mid a .fa-google-plus   {background-color: #363636;}
.social-mid a .fa-pinterest {background-color: #d13a3a;}
.social-mid a .fa-linkedin      {background-color: #0072b2;}


/* 06 - FOOTER STYLES
-------------------------------------------------*/

footer{padding:0 0 0 0}
footer h4{font-size:18px;font-weight:bold;color:#fdc51d;margin:0 0 30px 0;padding:0;clear:both; text-transform:uppercase;}
footer p{padding:0;margin:0;}
footer .copy a {background: none; color: #fff; padding: 0; font-weight: bold; font-size: 13px; margin 0;}
#p6 .col-md-4 { margin-bottom:40px; }
.visit p { margin-bottom: 20px; } 
a.pdf{background:#ab0b00 url("../img/pdf.png.html") no-repeat right;padding:3px 35px 3px 15px}
a.pdf:hover{background:#febf14 url("../img/pdf.png.html") no-repeat right;padding:3px 35px 3px 15px}
.testimonials h3{color:#fff;text-align:center;margin:0 auto;padding:60px 0;font-size:36px;font-weight:300;}
#parallax .name { color:#fff; background:none; }
#parallax .description { color:#fff; font-size:13px; }
#parallax .legend { margin:0; }
#parallax .name { margin-right:0; }
.margin { margin-bottom:40px; }
footer .row{border:0;margin:0;padding:0}
footer .working strong{width:150px;display:inline-block; text-transform:uppercase;}
.contact h4:first-child{margin:0 0 35px 0}
.contact input[type=text]{width:100%;border:0;background:#fff;padding:10px 20px; font-size:14px; text-transform:uppercase;color:#000;margin:0 0 10px 0}
.contact textarea{width:100%;border:0 none;padding:10px 20px; font-size:14px; text-transform:uppercase; color:#000;margin:0 0 9px 0}
.contact input[type=submit]{transition:background .1s ease-in-out;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;padding:10px 20px;background:#fdc51d;font-size:14px;font-weight:bold;color:#fff;margin:0;border:0}
.contact input[type=submit]:hover{transition:background .1s ease-in-out;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;background:#fff;color:#fdc51d}
.contactform input.error,.contactform textarea.error,.newsletter input.error{background:#fdc51d;color:#fff}
.contactform input[disabled],.contactform input[disabled]:hover,.contactform textarea[disabled],.newsletter input[disabled],.newsletter input[disabled]:hover{background:#08a100;color:#fff}
input[disabled].submit { background:#fdc51d;  }


/* 07 - ORDER POPUP STYLES
-------------------------------------------------*/

.headerRow{clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #777;font-size:14px !important}
.itemRow{clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dotted #777;font-size:16px}
.headerRow div,.itemRow div{float:left}
.headerRow .item-name{display:inline-block;width:37%;font-weight:500;font-size:14px}
.itemRow .item-name{display:inline-block;width:37%;font-weight:700;font-size:16px}
.headerRow .item-price,.itemRow .item-price{display:inline-block;width:10%;text-align:center}
.headerRow .item-decrement,.itemRow .item-decrement{display:inline-block;width:7%;text-align:center}
.headerRow .item-quantity,.itemRow .item-quantity{display:inline-block;width:5%;text-align:center}
.headerRow .item-increment,.itemRow .item-increment{display:inline-block;width:9%;text-align:center}
.headerRow .item-total,.itemRow .item-total{display:inline-block;width:18%}
.headerRow .item-remove,.itemRow .item-remove{display:inline-block;width:14%}


/* 08 - CSS
-------------------------------------------------*/

.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0;
}
.hsContent {
    max-width: 450px;
    margin: -150px auto 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #ebebeb;
    padding: 0 8%;
    text-align: center
}
.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
	padding-bottom:30px;
}


/* 09 - Slide 1
-------------------------------------------------*/

#parallax .bg {background-image:url('../img/parallax.jpg.html')}


/* 10 - Gallery
-------------------------------------------------*/

.slide a { overflow:hidden; display:block; }


/* 10 - Services
-------------------------------------------------*/

.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 30px;
    /*width: 250px;*/
    /*height: 250px;*/
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;
}

.hi-icon-effect-1 .hi-icon {
    background: transparent;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #d81c0a;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.hi-icon-effect-1a .hi-icon:hover {
    background: rgba(0,0,0,0.1);
    color: #fff;
}

.hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.hi-icon-wrap a i { font-size: 60px !important; color: #fff; line-height: 147px; width: 100%; text-align: center; }



/* 11 - RESPONSIVE DESIGN
-------------------------------------------------*/
@media(min-width:240px) and (max-width:640px){
.row .head { margin:0px 0 60px; }
.social-mid { margin-bottom:40px; }
.blocks-frat .img-responsive { width:100%; }
}
@media(max-width:320px){.kontakt{width:100%;background:0;height:auto;border:0}
.logo,.topbar .contact{padding:15px;float:left}
.invmob{display:none}
/*.flexslider{display:none}*/
.flexslider .inner{color:#000}
.flexslider h1{font-size:18px;}
.flexslider h2{font-size:14px;}
.flexslider { height: 500px; }
.flexslider .slide-images { height: 500px }
}
@media(min-width:320px) and (max-width:640px){.kontakt{width:100%;background:0;height:auto;border:0}
.logo,.topbar .contact{padding:15px;float:left}
.invmob{display:none}
/*.flexslider{display:none}*/
.flexslider .inner{color:#000}
.flexslider h1{font-size:30px;}
.flexslider h2{font-size:14px}
.flexslider { height: 500px; }
.flexslider .slide-images { height: 500px }
}
@media(min-width:640px) and (max-width:960px){.kontakt{width:100%;background:0;height:auto;border:0}
.logo,.topbar .contact{padding:15px;float:left}
.invmob{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:60px;}
.flexslider h2{font-size:14px}
}
@media(max-width: 767px) {
.flexslider { margin: 115px 0 30px; }
.row h2 { margin: 0 0 75px 0; }
#MyGmaps { height: 250px !important; }
.contact-info { margin-bottom: 50px }
/*.hi-icon { margin: 0; }*/
}
@media(max-width: 991px) {
	.about-img { margin: 0 auto 50px; }
	.detail-img-group { margin-bottom: 30px; }
	.logo { padding: 15px 0; }
	.lang { top: 25px !important; right: 5px !important; }
	.lang ul li a { color: #888 !important; }
	.lang ul li:before { background: #888 !important; }
	.navbar-toggle { margin-top: 60px; }
}
@media(min-width:960px) and (max-width:1170px){.kontakt{width:100%;background:0;height:auto;border:0}
.invmob{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:60px;}
.flexslider h2{font-size:14px}
}
@media(min-width:1170px) and (max-width:1400px){.kontakt{width:100%;background:0;height:auto;border:0}
.invmob{display:none}
.flexslider .inner{color:#000}
.flexslider h1{font-size:90px;}
.flexslider h2{font-size:24px}
}

/* ---------- */
.navbar-inverse .navbar-nav > li > a {
    color: #666666;
}
.read-more-btn {
    background: #D81C0A;
    color: #ffffff;
    width: 200px;
    font-size: 14px;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    border: 3px solid #ffffff;
}
.read-more-btn:hover {
    box-shadow: 0 0 0 3px #D81C0A;
    border: 3px solid #ffffff;
}
a:focus,
a:visited,
a:hover,
a:after,
a:enabled,
a:checked {
    text-decoration: none;
}
.hm-products-preview {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.row .head {
    color: #666666;
    margin-left: auto;
    margin-right: auto;
}
.bx-wrapper .slide a {
    background: rgba(0,0,0,0.1);
}
.margin-top-50 {
    margin-top: 50px;
}
.fancybox .detail-img {
    padding: 0;
    border: 1px solid #ffffff;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.products-details .fancybox .detail-img {
    padding: 0;
    border: 1px solid #ffffff;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    border-radius: 50%;
}
#MyGmaps {
    height:400px;
    border:1px solid #CECECE;
    margin-top: 30px;
}
.contact-info .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 22px;
}
.contact-info address {
    margin-top: 5px;
    margin-bottom: 35px;
    font-style: normal;
    font-size: 16px;
}
.contact-info hr {
    margin: 0 0 36px;
}
.contact-info .row {
    padding: 0;
    margin-bottom: 0;
}
.contact-form .buttons-box {
    margin: 8px 0 0;
}
.contact-form .title {
    font-size: 36px;
}
.contact-form label {
    margin: 10px 0;
    font-weight: normal;
}
.form-box.forgot-form {
    margin-bottom: 0;
}
.info-box {
    margin-bottom: 40px;
    padding: 27px 0 0;
}
.info-box .title,
.form-box .title {
    font-weight: normal;
    margin: 0 0 17px;
}
.info-box .descriptions,
.form-box .descriptions {
    margin: 0 0 26px;
}
.form-box {
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 40px 0;
    padding: 27px 30px 25px;
}
.form-box .checkbox {
    font-size: 12px;
    margin: 0px 0 28px;
}
.form-box .checkbox .new-checkbox {
    margin-top: 0;
}
.form-box .buttons-box {
    font-size: 11px;
    line-height: 1.5;
}
.form-box .buttons-box .btn {
    margin: 3px 8px 5px 0;
}
.form-box .buttons-box .required {
    font-size: 11px;
    margin: 3px 8px 5px 0;
}
.buttons-box .required {
    font-size: 11px;
}
.form-box .buttons-box .forgot {
    display: inline-block;
    margin: 3px 8px 5px 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.form-box .buttons-box .forgot:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.form-box .form-group {
    position: relative;
}
.form-box .help-block {
    bottom: -20px;
    margin: 0;
    position: absolute;
}
.required {
    color: #c3293a;
    display: inline-block;
    font-size: 14px;
}
.form-box .buttons-box .btn {
    margin: 3px 8px 5px 0px;
}
.btn,
.btn:visited,
.btn:hover {
    border: 0px none;
    border-radius: 3px;
    box-shadow: none;
    color: #ffffff;
    line-height: 22px;
    outline: medium none;
    padding: 9px 20px;
    text-shadow: none;
}
.img-slide {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.lang {
	position: absolute;
	top: 130px;
	right: 20px;
}
.lang ul {
	list-style: none;
}
.lang ul li {
	position: relative;
	float: left;
	font-size: 14px;
	padding: 0 10px;
}
body.index .lang ul li:before {
	background: #fff;
}
.lang ul li:before {
	content: "";
	width: 1px;
	height: 16px;
	background: #888;
	position: absolute;
	left: 0;
	top: 2px;
}
.lang ul li.lang-eng:before {
	display: none;
}
body.index .lang ul li a {
	color: #ffffff;
}
.lang ul li a {
	color: #888;
}