/*

yellow : #f5c141;
purple: #262262;

pink : #ed1773;
lightgrey: #f7f0d9;
blue: #6acef0;

*/


section.about,
section.menu,
section.timings {
    display: none;
}

.center-logo {
    max-width: 30%;
}

.width-335px {width:335px;}

.height-48 {height: 48%}
/*

@-webkit-keyframes rotateUmbrella {
0% {
-webkit-transform-origin: 0% 0%;
transform-origin:0% 0%
-webkit-transform:rotateZ(-45deg);
transform:rotateZ(-45deg);

}
100% {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateUmbrella {
0% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform:rotateZ(-45deg);
-ms-transform:rotateZ(-45deg);
transform:rotateZ(-45deg);

}
100% {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}

.trans {
    transition: all .5s ease;
}

.umbrella-cont{
    position: absolute;
    z-index: 377;
    top: 33px;
    left: -18px;
-webkit-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.rotateUmbrella {
    -webkit-animation-name: rotateUmbrella;
    animation-name: rotateUmbrella;
    animation-fill-mode: forwards;
     -webkit-animation-fill-mode: forwards;
     }*/

     .text-chutnify-blue{
        color: #262262 !important;
    }

    .icon-country {
        width: 33px;
        height: 22px;
        background-repeat: no-repeat;
        background-size: 33px 22px;
    }
    .icon-country.en {background-image:url("images/en_flag.png")}
    .icon-country.de {background-image:url("images/de_flag.png")}
    .icon-country.pt {background-image:url("images/pt_flag.png")}


    .umbrella {
        background-image: url('images/umbrella.svg');
        width: 125px;
        height: 145px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
/*.umbrella:hover
{
    transform:rotate(-15deg);
    top: 33px;
    }*/


    @-webkit-keyframes swinging{
        0%{-webkit-transform: rotate(0deg);}
        50%{-webkit-transform: rotate(-8deg)}
        100%{-webkit-transform: rotate(0deg);}
    }

    @keyframes swinging{
        0%{transform: rotate(0deg);}
        50%{transform: rotate(-8deg)}
        100%{transform: rotate(0deg);}
    }

    .umbrella-cont{
        position: absolute;
        z-index: 0;
        top: 4%;
        left: -18px;
        -webkit-ransform-origin: 92% 0;
        transform-origin: 92% 0;
        -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
        animation: swinging 3.5s ease-in-out forwards infinite;
    }


    .blinking{
        animation:blinkingText 2.5s infinite;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        height: 45vh;

        position: relative;
        top: 40px;
    /*
    
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);*/
    /*
    width: 100vw;
    height: 100vh;*/
}
@keyframes blinkingText{
    0%{     background-image: url('images/blink_bg1.png');    }
    49%{    background-image: url('images/blink_bg2.png');    }
    50%{    background-image: url('images/blink_bg1.png');    }
    99%{    background-image: url('images/blink_bg2.png');    }
    100%{   background-image: url('images/blink_bg1.png');    }
}

/*
div.woman-cont {
width: 220px;
height: 251px;
position: relative;    
z-index: 2;
top: 0;
left: 0;
}

div.woman {
background-image: url('images/menu-woman-hover.png');
width: 220px;
height: 251px;
background-repeat: no-repeat;
background-size: cover;
background-position: 30px 0;
position: absolute;
z-index: 1;

}
div.woman:hover
{
    
    background-image: url('images/chutnify-woman.png');
    background-position:-250px 0;
}
*/


input[type="radio"] {
    display: none;
}

header nav{
    background-color: #f5c141 !important;
    
}
header.sticky {
    position: fixed;
}


header .logo-container {
    position: relative;
}
header a.logo {
    height: 150px;
}
header a.logo img {
    max-height: 150px;
    position: relative;
    top:0px;

}

header nav ul.social > li > a {
    font-size: 24px !important;
    margin: 0 5px !important;
}




header ul.language span.radiobutton {

    color: #262262;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    top:21px;
    left: 5px;
    right: 5px;

}
header ul.language span.radiobutton.active {

    background-color: #f5c141;

}

header ul.language span.radiobutton {

    display: inline-block;
    width: 10px;
    height: 10px;
    
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #262262;
    background-color: #fff;

}

header nav ul.language {

    /*padding: 14px 10px;
    margin: 20px 0px 0px 0;*/
    background-image: url('images/language_bg1.png');
    background-repeat: no-repeat;
    background-size: 140px 63px;
    width: 160px;
    height: 63px;
}
header nav ul.language > li > a {
    font-size: 24px !important;
    margin: -2px 5px 0 10px !important;
    padding: 0 5px !important;
}
footer {
    background-color: #f7f0d9;
}
footer .text-right {
    font-style: italic;
}
footer .text-right p{
    margin: 0;
}
.footer-logo {
    max-height: 40px;
}

/*
.timings-card {
    background-image: url('images/card-1.png');
    background-repeat: no-repeat;
    height: 386px;
    width: 335px;
    z-index: 1;
    
}
.location-card {
    background-image: url('images/card-2.png');
    background-repeat: no-repeat;
    height: 386px;
    width: 335px;
    z-index: 1;
    
}


.menu-card {
    background-image: url('images/card-3.png');
    background-repeat: no-repeat;
    height: 386px;
    width: 335px;
    z-index: 1;
    
}


.woman {
    background-image: url('images/chutnify-woman.png');
    background-repeat: no-repeat;

    width: 206px;
    
    height: 251px;
    display: block;
    z-index: 99;
    position: relative;
    left: 50px;
   
}
.woman:hover {
       background-image: url('images/chutnify-woman.png');
        background-repeat: no-repeat;
        background-position: right;
        width: 335px;
        z-index: 99;
         background-position: -186px 0px;

}

*/

.menu-card {
   /* width: 375px;*/
   

}
.woman-hover {
    position: absolute;
    top:145px;
    left: 210px;
    z-index: 999;
}


div.ribbon {
    position: fixed;
    z-index: 2;
    top:-16px;
    display: block;
    height: 278px;
    width: 390px;
    background: url('images/ribbon.png') repeat;
    text-indent: -999em;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);

    
}
div.ribbon.left {
    left: -5%;
}
div.ribbon.right {
    right: -5%;
 /*   -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
     -webkit-transform: rotate(33deg) scale(0.7);
    -moz-transform: rotate(33deg) scale(0.7);
    -o-transform: rotate(33deg) scale(0.7);
    -ms-transform: rotate(33deg) scale(0.7);
    transform: rotate(33deg) scale(0.7);*/


    -webkit-transform: scaleX(-1) scale(0.7);
    -moz-transform: scaleX(-1) scale(0.7);
    -o-transform: scaleX(-1) scale(0.7);
    -ms-transform: scaleX(-1) scale(0.7);
    transform: scaleX(-1) scale(0.7);
    
}

div.star-banner,
div.opening-soon {
    margin-top: 50px;
}

div.blog-box-image {
    padding: 5%;

}

h3.title {


    font-family: 'Chau Philomene One', sans-serif;
    
    text-transform: uppercase;
    font-size: 4.2em;
    color: #262262;
    line-height: 1em;
    margin-bottom: 5px;
    margin-top: 5px;
    letter-spacing: 4px;
}
h5.subtitle {


    font-family: 'Chau Philomene One', sans-serif;

    
    text-transform: uppercase;
    font-size: 2.65em;
    color: #262262;
    line-height: 1em;
    margin-bottom: 5px;
    margin-top: 5px;
}
div.blog-box-image h3 {


    font-family: 'Chau Philomene One', sans-serif;

    
    text-transform: uppercase;
    font-size: 2em;
    color: #262262;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 30px;
}
div.blog-box-image p,
div.blog-box-image a {
    margin: 0;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}
div.blog-box-image p.weekends {
    margin-top: 10px;
}

/*

.image-container {
  display:block;
  width: 75%;
  height:auto;
  background: url('images/menu-woman.png')
              , url('images/menu-woman-hover.png');
  background-size: 100% 100%, 0% 0%;
}

.image-container:hover {
  background-size: 0% 0%, 100% 100%;
}
*/
/*
header #language {
    padding: 14px 10px;
margin: 11px 20px 5px 0;
background-size: 217px 70px;
background-image: url('images/language_bg1.png');
background-repeat: no-repeat;
width: 230px;
height: 81px;
}

header  #language img {
    height: 32px;
    width: 33px;
    float: left;
    display: block;
}
header #language input {
    margin: 15px 10px;
    float: right;
}
header #language span {
    color: #27276f;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 8px;
}
*/



section.about div.container,
section.menu div.container,
section.timings div.container {

    border: 2px dashed #c02427;
    margin: 5%;
    padding: 5%;

}
section.timings div.container {

    border: 2px dashed #ffffff;
    

}

a.title {


    font-family: 'Chau Philomene One', sans-serif;
    
    text-transform: uppercase;

    font-size: 2.2em;
    color: #f1f111;
    line-height: 1em;
    margin-bottom: 5px;
    margin-top: 5px;
    letter-spacing: 4px;
}




@media (max-width: 991px) {

    .center-logo {
    max-width: 100%;
}

    header a.logo {
    height: 100px;
}
header a.logo img {
    max-height: 100px;
    position: relative;
    top:0px;

}
    |nav.navbar.bootsnav .navbar-toggle {
        top: 8px;
    }
    nav.navbar.bootsnav .navbar-toggle {

        margin-right: 10px;

    }

    header nav ul.language {
        width: 100%;
        background-size: 150px 81px;
        padding: 55px 10px !important;
        
    }
}