/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require font-awesome
 *= require_self




   CSS BY TOM!!! ;) 

   
 */


 body,
 html{
     height:100%;
     margin: 0;
     padding: 0;
     margin-top:50px;
     width:100%;
     margin:auto;
     letter-spacing:1px;
     font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif,Verdana, Geneva;	
     overflow: scroll; /*hidden for snapjs */
 
 }
 @media print
 {
     .noprint {display:none;}
 }
 
 .float-right{
     float:right;
 }
 .float-left{
     float:left;
 }
 .right-text{
   text-align:right;
 }
 .bdc-logo{
     width:200px;
 }
 .bdc-inline{
     height: 20px;
 }
 .justified{
     text-align:justify;
 }
 .default-header{
     height:300px;
     width: 100%;
     position: relative;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }
 .default-content {
   padding: 50px 0;
   background-color:#F5F5F5;
 }
 .default-navbar{
     background-color:#FFF;
     font-weight:bold;
 }
 .position-absolute{
   position:absolute;
 }
 .bg-white{
   background-color:white;
 }
 
 /* Home / Page  */
 
 .header {
   display: table;
   height: 100%;
   width: 100%;
   position: relative;
   -webkit-transform: translate3d(0,0,0);
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
 }
 .bg-1{
   background: url(image_path('mr-sushi-bg1.jpg'));
   background-repeat: no-repeat; 
   background-position: center center;
   background-attachment: fixed; 
 }
 
 .purple-bg{
     background: #fe552e;
 }
 .no-style{
     list-style:none;
 }
 .no-margin{
     margin:0px
 }
 
 .vert-text {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   color:#FFF;
 }
 
 .vert-text h1 {
   padding: 0;
   margin: 0;
   font-size: 4.5em;
   font-weight: 700;
   color:#FFF;
 }
 .font-200{
   font-size:200%;
 }
 .font-120{
   font-size:120%;
 }
 .intro {
   padding: 50px 0;
   background-color:#fe552e;
 }
 
 .how-it-works {
   background: #fe552e;
   padding: 50px 0;
   color: #ffffff;
 }
 
 .howitworks-item {
   margin-bottom: 15px;
 }
 
 i.howitworks-icon {
   border: 3px solid #666;
   border-radius: 50%;
   display: inline-block;
   font-size: 56px;
   width: 140px;
   height: 140px;
   line-height: 136px;
   vertical-align: middle; 
   text-align: center;
 }
 .white-bg{
   background-color:#FFF;
 }
 
 .mobile {
   color: #ffffff;
   display: table;
   height: 500px;
   width: 100%;
   background: url(image_path('brasserie-du-cercle-14.jpg')) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }
 
 .group-header {
   color: #ffffff;
   display: table;
   height: 500px;
   width: 100%;
   background: url(image_path('brasserie-du-cercle-2.jpg')) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }
 
 @-webkit-keyframes pulse {    
     0 {
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 
     50% {
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
     }
 
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }
 
 @-moz-keyframes pulse {    
     0 {
         -moz-transform: scale(1);
         transform: scale(1);
     }
 
     50% {
         -moz-transform: scale(1.2);
         transform: scale(1.2);
     }
 
     100% {
         -moz-transform: scale(1);
         transform: scale(1);
     }
 }
 
 /* Footer */
 
 footer {
   padding: 50px 0;
   min-height: 50px;
   width: 100%;
   color: #666;
   background-color:#FFF;
   font-size:10px;
 }
 
 .footer-ul > li > a{ 
   color: #fe552e;
 }
 
 .top-scroll {
   margin-top: 50px;
 }
 
 .top-scroll a {
   text-decoration: none;
   color: inherit;
 }
 
 i.scroll {
   color: #333333;
 }
 
 i.scroll:hover {
   color: #0a5175;
 }
 .trans-bg{
     background-image: url(image_path('trans_bg_black.png'));
     background-repeat: repeat;
     padding:30px;
 }
 
 /* Home / Page end */
 
 .round{
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px;
 } 
 .width-50p{
     width:50%;
 }
 .width-100p{
     width:100%;
 }
 .width-150{
     width:150px;
 }
 .white-bg{
     background-color:#FFF;
 }
 .minw-300{
     min-width:300px;
 }
 .lngicon{
     width:18px;
 }
 .border-ddd{
     border:1px solid #ddd;
 }
 .line-height{
   line-height: 1;
 }
 .hover-bottom{
     position: relative;
     margin-top: -30px;
     line-height: 30px;
     text-align: center;
     background-image: url('/assets/trans_bg_black.png');
     background-repeat: repeat;
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px;
 }
 .font-size-40{
   font-size:40px;
 }
 .capitalize {
     text-transform: uppercase;
 }
 .width-200{
   width:200px;
 }
 .width-400{
   width:400px;
 }
 .hover-bottom:hover{
     position: relative;
     margin-top: -40px;
     line-height: 40px;
     text-align: center;
     background-color:#000;
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px;
 }
 .hover-top{
     position: absolute;
     line-height: 30px;
     right: 20;
     top: 8;
 }
 .margin-auto{
     margin:auto;
 }
 .border-dashed{
    border: 5px dashed;
 }
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   .menu-du-jour{
     background-attachment: scroll; 
   }
   .default-header{
     background-attachment: scroll; 
   }
   .group-header{
     background-attachment: scroll; 
   }
   .mobile{
     background-attachment: scroll; 
   }
   .header{
     background-attachment: scroll; 
   }
 }
 
 @media (min-width: 768px) {
     .width-resp{
         width:50%
     }
 }
 @media (max-width: 767px) {
     .width-resp{
         width:100%
     }
 }
 
 .menu-image{
     width: 70%;
 }
 
 .bdc > li > a {
     color: #fe552e;
 }