@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Roboto);

body,html   {background-color:#fff !important;color:#333;font-family:"Open Sans";   } 

#main-body    {font-size:17px;letter-spacing:1px;  } 

.contact-header    {margin-top:50px !important;margin-bottom:40px !important;border-bottom:2px solid #fff;;  } 

h1   {margin-top:50px;font-family:roboto;font-weight:normal;text-transform:uppercase; } 

h2    {font-size:25px;font-weight:normal !important;margin-top:0px !important;padding-bottom:10px;  } 

#image-content-130  {margin-top:-50px;} 

.home-main-image    {height:100vh;margin-left:-20px;margin-right:-20px;margin-top:0px;;  } 

.secondary-image    {height:30vw;margin-left:-20px;margin-right:-20px;margin-top:20px;;  } 

#image-content-36   {font-size:40px;font-family:oxygen;font-style:italic;margin-bottom:7vw;; } 

.button-chevron-scroll   {; } 

.carousel-caption   {top:5vh!important; } 

.carousel-caption a:link {color:#fff !important;}
.carousel-caption a:hover  {color:#fff !important;}
.carousel-caption a:visited  {color:#fff !important;}

.logo    {margin-top:20px;width:100% !important;  } 

.main-content    {  } 

.services-holder   {background-color:#fff;margin:20px 10px 20px 10px; } 

.food-holder   {background-color:#fffff;margin:0px -10px 20px 10px; } 

.contact-holder   {background-color:#333;min-height:300px;margin:0px -10px 0px -10px; } 

.main-intro   {margin-top:30px;margin-bottom:60px;font-size:50px;text-decoration:uppercase;text-align:center;font-weight:300;; } 

.main-client-image-container   {overflow:hidden;margin-bottom:15px;;	 } 

.main-client-image-container:hover   {cursor:pointer;;	 } 

.client-image-holder   {-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;; } 

.client-image-caption   {background-color:rgba(0,0,0,0.5);color:#fff;padding:10px;positon:absolute;margin-bottom:20px;padding-top:60px; } 

.client-image-caption   { } 

.client-image-caption.service-visible   { } 

.client-image-caption > b   {font-size:40px;margin-top:30px;font-style:normal;; } 

.client-image-caption   {font-size:20px;margin-top:10px;font-style:italic;; } 

.holding-top-header    {margin-top:60px;  } 

.sub-bg-image    {height:250px;margin-left:-10px !important;margin-right:-10px !important;margin-top:20px;;  } 

.footer-container    {background-color:#999;height:0px;font-size:14px;letter-spacing:1px;;	  } 

#soEasyLogo    {margin-top:45px;text-align:right;float:right;;  } 

.footer-content    {padding-top:30px;  } 

#footer-social-links    {margin-top:30px;  } 

.form-field-1031   {border:none !important;border-radius:0px !important;; } 

@keyframes flickerAnimation {
  0%   { opacity:0; }
  25%  { opacity:1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:0; }
  25%  { opacity:1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:0; }
  25%  { opacity:1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:0; }
  25%  { opacity:1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
}

#intro-holder  {background-color:#a9ac98;background-image:url('https://soeasydesign.blob.core.windows.net/marcsrestaurant-website/2422/original/background.jpg');
background-size:cover;background-repeat:no-repeat;padding:40px;color:#fff;margin-top:50px;margin-bottom:50px} 

#intro-holder h1  {margin-top:0px;text-transform:none !important;font-family:Roboto;;} 

#map-inner-container  {margin:0px -20px 0px -20px;} 

#map  {} 


#header-fixed {position:fixed;background-color:rgba(0,0,0,0.2) !important;
color:#fff !important;height:30px;z-index:10000;width:100%;
    margin:0px -10px 0px -10px;padding:5px;font-size:14px;
}

#header-fixed a:link {color:#fff !important;font-size:14px !important;}
#header-fixed a:hover {color:#a9ac98 !important;}
#header-fixed a:visited {color:#fff !important}


.site-nav.navbar-nav   {float:right !important;display:inline-block !important;margin:40px auto 0px auto !important;text-align:center; } 

.site-nav.navbar-collapse   {text-align:center !important;  } 

.site-nav.navbar-nav   {margin:0px auto 0px auto; } 

.icon-bar   {color:#a9ac98 !important;background-color:#333 !important  } 

.site-nav.navbar-toggle   {margin:-45px 0px 0px 20px; } 

.site-nav.nav .open a   {background-color:#efefef1; } 

.site-nav.nav .open .dropdown-menu a   {background-color:#fff !important;  } 

.site-nav.nav .open .dropdown-menu .active a   {background-color:#fff !important;  } 

.site-nav.nav .open .dropdown-menu a:hover   {border-bottom:2px solid #000;  } 

.sub-nav-header   {font-size:16px;font-weight:bold;margin-top:20px;; } 

.sub-nav   {margin-top:20px;padding-lefT:0px !important;; } 

.sub-nav  ul   {list-style:none; } 

.sub-nav  li   {margin-top:12px;font-size:15px;list-style:none; } 

.sub-nav  li a    {color:#333 !important;line-height:14px !important;padding:0px 0px 0px 6px !important;text-align:right;text-decoration:none;   } 

.sub-nav  li a:hover    {color:#a9ac98 !important;   } 

.sub-nav  li.active    {  } 

.sub-nav  li.active a     {color:#333 !important;border-left:8px solid #999 !important    } 

.sub-nav  li.active a:hover    {background-color:#fff !important;   } 

.form-field-1020   {border:none !important;background-color:#efefef;box-shadow:none !important;border-radius:0px !important;; } 

#button-form-submit-1020   {background-color:#fff !important;border:2px solid #a9ac98 !important;border-radius:0px !important } 

#button-form-submit-1020:hover   {background-color:#fff !important; } 

#main-body a:link    {color:#a9ac98;font-size:18px;  } 

#main-body a:visited    {color:#a9ac98   } 

#main-body a:hover    {color:#000;text-decoration:none;   } 

.site-nav.nav a    {color:#333 !important;font-size:16px;   } 

.site-nav.nav a:hover    {border-bottom:4px solid #ccc;background-color:#fff !important;    } 

.site-nav.nav .active a    {color:#333;	  } 

.dropdown-menu  a:hover    {background-color:@primary_2 !important;background-image:none !important   } 

.dropdown-menu .active a    {background-color:#fff !important;color:@primary_1 !important;cursor:default !important;background-image:none   } 

a.social-link    {color:#a9ac98 !important;font-size:16px;margin-left:-9px !important;margin-right:15px;   } 

a.social-link:hover    {color:#999 !important;   } 

a.social-link:visited    {color:#a9ac98 	  } 

a.footer-social-link    {color:#999 !important;font-size:16px;margin-left:-9px !important;margin-right:15px;margin-top:135px !important   } 

a.footer-social-link:hover    {color:#fff !important;   } 

a.footer-social-link:visited    {color:#999 	  } 

.btn-main    {background-color:#fff !important;border:1px solid #333 !important;border-radius:0px !important;text-transform:uppercase;  } 

.btn-main:hover   {background-color:#efefef !important; } 

.button-carousel,.button-carousel:focus  {margin-top:40px;border:2px solid #fff;background:none !important; color:#fff;border-radius:0px;padding:10px;;} 

.button-carousel:hover  {background-color:#a9ac98 !important;color:#fff !important;border-color:#fff !Important;;} 

#image-content-131 a:link, #image-content-138 a:link  {color:white !important;} 

#image-content-131 a:hover, #image-content-138 a:hover  {color:#a9ac98 !important;} 

#image-content-131 a:visited, #image-content-138 a:visited  {color:white !important;} 

@media (max-width: 767px) {
  
  .static-image-effect-fixed {background-attachment:scroll !important}
  
    #main-body {overflow:hidden !important;padding-bottom: 0px !important;}
  
    .sub-page-nav {margin-top:20px;margin-left:0px;}
  .intro-image {width:85%}
  .secondary-image {height:70vh}
   .home-main-image {height:60vh; !important;margin-left:-20px;margin-right:-20px;margin-top:0px}
   
   .main-intro {font-size:26px;margin-top:20px; margin-bottom:20px;}
   h1 {font-size:26px}
   h2 {font-size:20px}

    #footer-social-links {float:left;}
    #soEasyLogo {text-align:center;margin:-30px auto 0px auto;float:right !important}
    .footer-container {height:65px;margin-top:-50px !important;}
    .footer-content  {padding-top:0px;} 

    .client-image {text-align:center}
    
    .client-image-caption > b {font-size:18px;margin-top:-20px;font-style:normal;}
    .client-image-caption {font-size:10px;margin-top:-20px;font-style:italic;}    
    
    #image-content-36 {font-size:24px;font-family:oxygen;font-style:italic;margin-bottom:7vw;}
    .button-chevron-scroll {font-size:40px;}
        
    .home-logo {width:70vw !important;display:none;}
    #site-form-1031 {margin-top:20px;}
    .carousel-caption {margin-top: 30px !important;bottom:auto !important;width:94vw;right:0 !important;left:0 !important;}
    .carousel-caption > h1 {font-size:30px !important}
    .carousel-caption > h2 {font-size:25px !important}
    .small-logo-holder-visible {margin-top:-150px !important}
    .home-nav-holder {margin-top:-320px;width:100% !important;position:inline;margin-left:-10px;background-color:#fff;}
    .sub-page-nav-holder {margin-top:-320px;width:100% !important;position:inline;margin-left:-10px;background-color:#fff}
    
    .stagger-animation {margin-bottom:20px}
    
    .site-nav.navbar-collapse  {width:100% !important;;margin:0px -15px 0px -15px !important;left:0 !important;
    right:0 !important;text-align:center;background-color:rgba(255,255,255,1);z-index:999;overflow:hidden !important } 
    
    .icon-bar  {color:#000 !important;background-color:@primary !important } 
    .site-nav.navbar-nav   {margin:0px auto -6px auto;float:none !important ;display:inline-block !important} 
    
    .site-nav.nav a  {color:@secondary !important;font-family:calibri !important;border-radius:0px;font-size:16px;padding:10px 20px 10px 20px !important;margin:0px 0px 0px 0px !important } 
    .site-nav.nav a:hover  {background-color:rgba(255,255,255,0.3);border-bottom:0px solid @secondary;color:@primary !important; } 
    .site-nav.nav .active a  {color:@secondary !important;font-size:16px;border-bottom:0px solid #fff } 
    .site-nav.nav .active a:hover  {color:@secondary !important;background-color:rgba(255,255,255,0.3);font-size:16px;border-bottom:0px solid @secondary;cursor:default !important; } 
       
 
#header-fixed a:link {color:#fff !important;font-size:12px !important;}
#header-fixed a:hover {color:#a9ac98 !important;}
#header-fixed a:visited {color:#fff !important}
}
    body,html {height: 100%;}
    #wrapper {min-height: 100%;}
    #main-body{overflow: auto; padding-bottom: 65px !important; }
    .footer-container {position: relative;margin-top: -65px;clear:both;}