/* CSS Document */
body {
	margin:0px;
	background-color: #FFFFFF;
	font-family: 'brandon_grotesque_regularRg';
	overflow: scroll;
    	background-image: url(../images/BG-paper.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}


/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:10001; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.branding-subtle a {
	color: #ffffff !important;
}
#corner-ad {
	position: absolute;
	top: 30px;
	right: 30px;
z-index: 9996;
}

body, html {
  height: 100%;
    
}



h1, h2, h3, h4 {
	 font-family: 'brandon_grotesquebold';
}
a.svg {
  position: relative;
  display:block;
}
a.svg:after {
  content: ""; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}
.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 9996;
}

.pink {
	color: #e72179;
}
.copper {
	color:#65a0a9 ;
}
.blue {
	color:#489dd6 ;
}
.green {
	color:#7dbc49 ;
}
.orange {
	color:#f3922b ;
}
.black {
	color: #2D2D2D ;
}
.red {
    color: #e22335;
}
.green {
    color: #587f7f;
}
#margin-top-20 {
	margin-top: 20px;
}


/* ======= Hover  ======= */


/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}




#top, #bottom, #left, #right {
	background: none;
	position: absolute;
	z-index:10000;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 16px;
		}
		#left { left: 0;
background-image: linear-gradient(to bottom, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: right;
  background-size: 1px 3px;
  background-repeat: repeat-y;}
		#right { right: 0;
background-image: linear-gradient(to bottom, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: left;
  background-size: 1px 3px;
  background-repeat: repeat-y;}
		
	#top, #bottom {
		left: 0; right: 0;
		height: 16px;
		}
		#top { top: 0;
background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x; }
		#bottom { bottom: 0;
background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;}






.home-icons {
	margin-top: -100px
}
.home-icons img {
	width: 250px;
	padding-left: 26px;
	padding-right: 26px;
}



.logo {
	position: absolute;
	z-index: 9998;
	top: 40px;
	left: 40px;
}
.logo img {
	height: auto;
	width: 140px;
}
.nav-logo {
	position: fixed;
	z-index: 9998;
	top: 40px;
	left: 40px;
}
.nav-logo img {
	height: auto;
	width: 140px;
}
.to-logo {
	position: absolute;
	z-index: 9999;
	bottom: 85px;
	right: 35px;
}
.to-logo img {
	height: auto;
	width: 100px;
}	
	
.navigation {
	padding: 12px 0 0px 0;
  background-color: #eecf2e;
    margin-bottom: 0px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  z-index: 999;
  position: fixed;
  border-radius: 0px;
  width:100%;
  height:79px;
  text-align:center;
}
.navbar {
	margin-bottom:0px;
}
.navbar, .navbar-default {
	margin-top:5px;
	font-size:20px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	text-align:center;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navigation img {
	margin-top: -35px;
	width: 196px;
	
}
.navbar .navbar-nav li.first{
	padding-left:0px;
}
.navbar .navbar-nav li a, .navbar .navbar-nav li button{
	padding-bottom:14px;
	padding-top:14px;
	padding-right:14px;
	padding-left:14px;
	color: #363636;
	border: none;
	background-color: transparent;
	cursor: pointer;
	
}
.navbar .navbar-nav li button {
	padding-top:11px;
	cursor: pointer;
}
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li button:hover{
	color: #eecf2e;
	background-color: #3a3a3a;
}
.navbar .navbar-nav li a.logo:hover{
	color: #eecf2e;
	background-color: transparent;
}
.navbar .navbar-nav li.last{
	padding-right:0px;
}

.container-fluid {
	padding-left:0px;
	padding-right:0px;
}
.navbar-collapse {
	padding-right:0px;
	padding-left:0px;
}
.navbar-nav>li>.dropdown-menu {
	background-color: rgba(255,255,255,0.9);
	border:none;
	border-radius:0px;
	box-shadow: none;
	text-align:left;
	padding-bottom:10px;
	margin-top:20px;
}
.dropdown-menu>li>a, .dropdown-menu>li {
	padding-bottom:5px;
}
.navbar-default .navbar-nav .dropdown-menu>li>a:focus{text-decoration:none;color:#d3c799;background-color:transparent;}
.dropdown-menu>li>a:hover {
	color: #d3c799;
	background-color:transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color:transparent;
}

.navbar-default .navbar-nav .dropdown-menu>li>a {font-size:14px}




section {
	height: 100vh;
}
#screen1 {	
	background-image: url(../images/BG-paper.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	height: 100%;
}








.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}






.banner {
    text-align: center;
    padding-top: 200px;
}
.banner img {
    width: 95%;
}

.divider {
    padding-top: 80px;
    padding-bottom: 80px;
}

.info p {
    font-size: 20px;
    line-height: 31px;
    padding-bottom: 12px;
    padding-top: 0px;
    margin-top: 0px;
    padding-right: 20px;
}

.info h1 {
    font-size: 48px;
    color: #e01120;
    padding-bottom: 20px;
}
.info.alt h1 {
    font-size: 58px;
    color: #e01120;
    padding-bottom: 20px;
}
.info p.link {
    padding-top: 20px;
}
.info p.link a {
    color: #ffffff;
    background-color: #617e80;
    padding: 20px 18px;
    font-size: 30px;
    font-family: 'brandon_grotesqueblack';
}
.info p.link a:hover {
    text-decoration: none;
}
.info p.link a.red {
    background-color: #e01120;
}
.info .item {
    padding-top: 30px;
    padding-bottom: 60px;
    border-top: 2px dotted #ABABAB;
}
.info h5 {
    font-size: 40px;
    margin-top: 0px;
    padding-bottom: 10px;
        line-height: 50px;
}
.info .item h1 {
 font-size: 38px;
    color:#333333;
    padding-bottom: 0px;
}
.info img.instruct {
    width: 200px;
}
.info .item img {
    width: 70%;
    margin-top: 20px;
}
.info .item img.photo {
    width: 300px;
    margin-top: 20px;
    margin-right: 10px;
}
.info.alt {
    padding-top: 200px;
}
.testimonials {
    
}


.testimonials .item {
     color: #ffffff;
    background-color: #617e80;
    padding: 25px 30px;
    font-size: 30px;
}
.testimonials .item.red {
background-color: #e01120;
}
.testimonials .item.black {
background-color: #323232;
}
.testimonials .item p.quotee {
    font-family: 'brandon_grotesqueblack';
    text-transform: uppercase
}



.end {
    text-align: center;
    padding-bottom: 120px;
}

.end p {
    text-align: center;
        font-size: 30px;
    line-height: 38px;
    padding-bottom: 20px;
}
.end h1 {
    font-size: 48px;
    color: #e01120;
    padding-bottom: 20px;
}
.end p.link {
    padding-top: 20px;
}
.end p a {
    color: #617e80;
}
.end p.link a {
    color: #ffffff;
    background-color: #617e80;
    padding: 20px 28px;
    font-size: 35px;
    font-family: 'brandon_grotesqueblack';
}
.end p.link a:hover {
    text-decoration: none;
}




.about {
    
}
.about img {
    width: 100%;
}
.about img.icon {
    width: 40px;
}
.about img.giffy {
    width: 140px;
    margin-left: -20px;
}
.about .right {
    background-image: linear-gradient(to bottom, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: left;
  background-size: 1px 3px;
  background-repeat: repeat-y;
     padding-left: 25px;
}
.about .right p {
    font-size: 20px;
    line-height: 31px;
    padding-bottom: 12px;
    padding-top: 0px;
    margin-top: 0px;
}
.about .right h1 {
    font-size: 29px;
    line-height: 28px;
    padding-bottom: 15px;
    padding-top: 2px;
    margin-top: 0px;
}
.about .left {
    padding-top: 5px;
    padding-right: 25px;
}



.galleryz {
}






.the-menu{
    padding-top: 100px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 150px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    }

.the-menu h1{
    font-size:95px;
    margin-bottom:0;
    color: #e22335;
    padding-top: 30px;
    padding-BOTTOM: 30px;
    text-align: center
}
.the-menu h2{
    font-size:35px;
    margin-bottom:0;
    color: #e22335;
    padding-top: 30px;
}
.the-menu h2.top {
    padding-top: 0px
}
.the-menu h2.pizza {
    font-size: 60px;
}
.the-menu .boxxy {
    border: 2px dotted #e22335;
    padding-left: 30px;
     padding-right: 30px;
    padding-bottom: 20px;
}
.the-menu p{
    font-size:16px;
}
.the-menu p.menu-intro {
    font-size:20px;
}
.the-menu p.section-intro{
    font-size:25px;
    margin-bottom:0
}
.the-menu .left-menu{
    padding-right:20px
}
.the-menu .right-menu{
    padding-left:20px
}
.the-menu .menu-item{
    margin:15px 0
}
.the-menu .menu-item-name{
    font-family: 'brandon_grotesquebold';
    font-size:17px;
    line-height:22px;
    padding-bottom:0px;
    padding-right:60px;
}
.the-menu .menu-item-description{
    font-size:14px;
    line-height: 17px;
    color:#292929;
    padding-top:0px
}
.the-menu .menu-item-price{
    font-size:17px;
    float:right;
    margin-top:-23px
}

.footer-thingy {
    background-image: url(../images/BG-paper.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
    width: 100%;
    height: 70px;
    position: fixed;
    bottom:0px;
    left: 0px;
}
.footer {
    bottom: 0px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x; 
    z-index:999;
    
}
.footer img.icon {
    height: 25px;
    margin-top: -6px
}
.footer .element {
   display:inline-block;
     background-image: linear-gradient(to bottom, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: left;
   
  background-size: 1px 3px;
  background-repeat: repeat-y;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
   
    text-align: center;
}
.footer .element.one {
     width: 15%;
}
.footer .element.two {
     width: 22%;
}
.footer .element.three {
     width: 14%;
}
.footer .element.four {
     width: 14%;
}
.footer .element.five {
     width: 15%;
}
.footer .element.six {
     width: 18%;
}
.footer .element.first {
background-image: none;
}
.footer .element.red, .footer .element.green {
 font-family: 'brandon_grotesquebold';
}
.footer .element.three a {
     color: #e22335;
}
.footer .element.three a:hover {
     color: #e22335;
    text-decoration: none;
}
.footer .element.four a {
     color: #587f7f;
}
.footer .element.four a:hover {
     color: #587f7f;
    text-decoration: none;
}
.footer .element.five a {
     color: #333;
}
.footer .element.five a:hover {
     color: #333;
    text-decoration: none;
}
.footer .element.six a {
     color: #333;
}
.footer .element.six a:hover {
     color: #333;
    text-decoration: none;
}























/* MODAL */

.modal {
	z-index: 9999;
}
.modal-content {
	border: none;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	padding-top: 25px;
}
.modal-content h2 {
	font-size: 31px;
	line-height: 34px;
	padding-bottom: 0px;
	margin-top:-15px;
	padding-top:0px;
	padding-left: 10%;
	padding-right: 10%;
}
.modal-content p {
	padding-top: 10px;
	font-size: 18px;
	line-height: 20px;
	padding-bottom:10px;
	margin-bottom:0px;
	padding-left: 0;
	padding-right: 0;
}
.modal-header .close {
	margin-top: -35px;
	font-size: 50px;
}
.modal .reg-button {
	padding: 10px 20px;
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	box-shadow: none;
}


.modal#pray .modal-content {
	background-color: #FFFFFF;
}
.modal#pray .modal-content h2 {
	color: #333333;	
}
.modal#pray p {
	color: #333333;
}
.modal#pray .reg-button {
	color: #ffffff;
	background-color: #000000;
}


.modal#celebrate .modal-content {
	background-color: #da893b;
}
.modal#celebrate .modal-content h2 {
	color: #ffffff;	
}
.modal#celebrate p {
	color: #ffffff;
}
.modal#celebrate .reg-button {
	color: #da893b;
	background-color: #ffffff;
}
.modal#celebrate .modal-header .close {
	color: #ffffff;
	text-shadow: none;
}


.modal#live .modal-content {
	background-color: #82a957;
}
.modal#live .modal-content h2 {
	color: #ffffff;	
}
.modal#live p {
	color: #ffffff;
}
.modal#live .reg-button {
	color: #82a957;
	background-color: #ffffff;
}
.modal#live .modal-header .close {
	color: #ffffff;
	text-shadow: none;
}



.modal#believe .modal-content {
	background-color: #d43a79;
}
.modal#believe .modal-content h2 {
	color: #ffffff;	
}
.modal#believe p {
	color: #ffffff;
}
.modal#believe .reg-button {
	color: #d43a79;
	background-color: #ffffff;
}
.modal#believe .modal-header .close {
	color: #ffffff;
	text-shadow: none;
}









.modal-content img {
	
}
.modal-content iframe {
	border: none;
}
.modal-header {
	border: none;
	padding-bottom:0px;	
    text-align: center;
    top: 0;
background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
    padding-top:5px;
}
.modal-header h4 {
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.modal-header .close{
	color: #2F2F2F;
	opacity: 1;
}
.modal-body {
	border: none;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:0px;
	padding-left: 10%;
	padding-right: 10%;
    text-align: center;
     top: 0;
background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}

.modal-body form select {
	 padding:3px;
	padding-left: 15px;
    margin: 0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    background: #232323;
    color:#ffffff;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 100%;
	height: 53px;
	border: none;
	background-image: url(http://www.rivarestaurants.com/rosso/images/form-arrow.png);
	background-repeat:no-repeat;
	font-family: 'augustusblack';
	background-position: right;
	font-size: 22px;
	line-height: 30px;
}
.modal-body a {
	color: #ffffff;
	background-color: #eb1c2d;
	padding: 10px 20px;
	font-size: 20px;
	line-height: 70px;
	text-transform: uppercase;
    font-family: 'brandon_grotesquebold';
}
.modal-footer {
	border: none;
	text-align:center;
	margin-top: 0px;
	padding-top:20px;
}
.modal-footer a {
	font-family: 'augustusblack';
	color: #ffffff;
	background-color: #9e9e9e;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 50px;
	text-transform: uppercase
}


.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}
.owl-carousel {
  
}
.owl-carousel .owl-item {
    margin-left: auto;
    margin-right: auto;
    
}
.owl-carousel .owl-item img {
    margin-left: auto;
    margin-right: auto;
}


/* Extra Large devices (large desktops, 1500px and up) */
@media (min-width: 1500px) {
    .owl-carousel .owl-item img {
   width: 68%;
        max-width: 1600px;
    }
        .footer .element {
    font-size: 19px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1499px) {

 .owl-carousel .owl-item img {
   width: 70%;
    }
      .overlay ul li a {
        font-size: 30px;
    }	
    
}
	
	
	
	
	

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
 .owl-carousel .owl-item img {
   width: 80%;
    }
    .home-icons {
	margin-top: -50px
}
.home-icons img {
	width: 200px;
	padding-left: 16px;
	padding-right: 16px;
}
    .info .item img.photo {
    width: 250px;
    margin-top: 20px;
    margin-right: 10px;
}
    .overlay ul li a {
        font-size: 25px;
    }	
	.logo img {
		width: 120px;
	}
	.footer .col-2 h2 {
	font-size: 50px;
	margin-top: 0px;
	padding-top: 0px;
}
	#testy, #pt, #news, #rcag {
		padding-top: 200px;
	padding-bottom: 200px;
		background-attachment: scroll;
	}
	#testy .content {
		padding-left: 10%;
	}
	.lp-focus {
		margin-top: 30px;
	}
	
	#about .video-box {
	 height: 500px;
}
.footer .element {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
}
 .footer .element.one {
     width: 16%;
}
.footer .element.two {
     width: 27%;
}
.footer .element.three {
     width: 15%;
}
.footer .element.four {
     width: 15%;
}
.footer .element.five {
     width: 16%;
}
.footer .element.six {
     width: 7%;
}   
    
	#screen1 {
		background-attachment: scroll;
	}
	
}




 
 
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	 .owl-carousel .owl-item img {
   width: 90%;
    }
    
    nav li {
	padding: 20px 15px 24px 15px;
}
nav li.sm {
	padding: 20px 5px 24px 0px;
}
	.logo img {
		width: 120px;
	}
	.home-icons {
	margin-top: -50px
}
.home-icons img {
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
}
 
.info .item img.photo {
    width: 180px;
    margin-top: 20px;
    margin-right: 10px;
}
    
 
    .info {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
     .info.alt {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
     
    .info img {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }  
    
    .info p {
    font-size: 20px;
    line-height: 31px;
    padding-bottom: 12px;
    padding-top: 0px;
    margin-top: 0px;
    padding-right: 20px;
}

.info h1 {
    font-size: 48px;
    color: #e01120;
    padding-bottom: 20px;
}
.info p.link {
    padding-top: 20px;
}
.info p.link a {
    color: #ffffff;
    background-color: #617e80;
    padding: 20px 18px;
    font-size: 30px;
    font-family: 'brandon_grotesqueblack';
}
.info p.link a:hover {
    text-decoration: none;
}
.info p.link a.red {
    background-color: #e01120;
}

    .testimonials .item {
        margin-bottom: 20px;
    } 
    
    
    
	
	#screen1 {
		background-attachment: scroll;
	}
	
#promo1 .content {
	padding: 80px 60px 100px 60px;
}
#promo1 .content h2 {
	
	font-size: 60px;
	line-height: 60px;
	padding-top: 0px;
	margin-top: 6px;
}
	#promo1 .content.net h2 {
	
	font-size: 60px;
	line-height: 60px;
	padding-top: 0px;
	margin-top: 6px;
}
	#promo2 {
		background-position: left top;
	}
	#promo1.promo3 {
		background-position: right top;
	}
#social .container {
	padding-left: 10%;
	padding-right: 10%;
}
		#testy .content {
		padding-left: 10%;
	}

#resources .content-box img.brain {
	width: 90%;
}

	
	
	.footer .element {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
}
 .footer .element.one {
     width: 18%;
}
.footer .element.two {
     width: 33%;
}
.footer .element.three {
     width: 18%;
}
.footer .element.four {
     width: 18%;
}

.footer .element.six {
     width: 8%;
} 
    
    
	
 }
 
 
 
 
 
 

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

    
#left, #right {
	width: 11px;
    height: auto;
}	
#top, #bottom {
		left: 0; right: 0;
		height: 11px;
}	       
	.overlay ul li a {
	font-size: 30px;
}
 .owl-carousel .owl-item img {
   width: 87%;
    }
    
.navbar-fixed-top {
	background-color: transparent;
	margin-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 9996;
	border: none;
	height: 53px;
	color: #434343;
}
nav li {
	font-size: 18px;
	padding: 5px 0px;
	color: #434343;
}
    .logo {
position: absolute;
z-index: 9998;
top: 40px;
left: 8%;
}
    section button {
right: 7%;
}
	.logo img {
	height: auto;
	width: 110px;
}
	.nav-logo {
	position: fixed;
	z-index: 9998;
	top: -75px;
	left: 40px;
}
.nav-logo img {
	height: auto;
	width: 110px;
}
	.lp-focus img.slideshow {
	width: 180px;
	height: auto;
	margin-bottom: 0;
	margin-left: -5px;
	margin-top: 20px;
}
	.lp-focus {
	margin-top: 0px;
}	
#about h1 {
	font-size: 45px;
}	
.navbar-default .navbar-toggle {
		background-color: transparent;
		border: none;
		margin-top: 20px;
		margin-right: 25px;
	}
.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
		height: 4px;
	}
.navbar-default .navbar-nav>li>a {
	color: #434343;
}
nav li.active, .navbar-default .navbar-nav>.active>a {
	background-color: #ffffff;
	color: #434343;
}
.navbar-collapse {
	border: none;
	background-color: #ffffff;
	color: #434343;
}
.navbar-brand img {
	margin-top:-5px;
}
.home-icons {
	margin-top: -50px
}
.home-icons img {
	width: 150px;
	padding: 10px;
}


#screen1 {
		background-attachment: scroll; 
   
	}

    
    
.banner {
    text-align: center;
    padding-top: 150px;
    padding-left: 8%;
    
    padding-right: 8%;
}
.banner img {
    width: 100%;
}

.divider {
    padding-top: 50px;
    padding-bottom: 50px;
}
    
    
 
    
   .info.alt {
padding-top: 120px;
} 
    .info img.instruct {
width: 100px;
}
 .info {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    }
     
    .info img {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }  
    
    .info p {
    font-size: 20px;
    line-height: 31px;
    padding-bottom: 12px;
    padding-top: 0px;
    margin-top: 0px;
    padding-right: 20px;
}

.info h1 {
    font-size: 48px;
    color: #e01120;
    padding-bottom: 20px;
}
.info p.link {
    padding-top: 20px;
}
.info p.link a {
    color: #ffffff;
    background-color: #617e80;
    padding: 20px 18px;
    font-size: 30px;
    font-family: 'brandon_grotesqueblack';
}
.info p.link a:hover {
    text-decoration: none;
}
.info p.link a.red {
    background-color: #e01120;
}
    .info.alt {
        text-align: left;
    }
        .info .item img {
        width: 60px;
    }
.info .item img.photo {
    width: 100%;
    margin-top: 20px;
    margin-right: 10px;
}
  .info.alt h1 {
font-size: 30px;
}
   .info h5 {
font-size: 30px;
line-height: 40px;
} 
    
    .testimonials { 
        padding-left: 5%;
    
    padding-right: 5%;
        
    }
    .testimonials .item {
        margin-bottom: 20px;
        font-size: 22px
    } 
    
    
     .end {
    padding-left: 5%;
    padding-right: 5%;
    }
       .end p {
         font-size: 22px
    }
    
    
.mobile-buttons {
	width:100%;
	padding-top:3px;
	padding-bottom:35px;
	margin-bottom: 0px;
	text-align:center;
	margin-top: -5px;
}
    .mobile-buttons .red a {
        color: #e22335;
    }
      .mobile-buttons .green a {
        color: #587f7f;
    }
.mobile-buttons a:hover, .mobile-buttons button:hover {
	text-decoration: none;
}
.mobile-buttons img {
        height: 35px;
        margin-top: -5px
    }
.mobile-buttons .button {
	background-color: transparent;
	border: none;
	box-shadow: none;
	width:100%;
     background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x; 
    font-size: 24px;
    font-family: 'brandon_grotesquebold';
    padding-top: 22px;
     padding-bottom: 22px;
}
    .mobile-buttons p.first {
         background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x; 
        padding-top: 40px;
    }
.mobile-buttons p {
	width:100%;	
	padding: 0px 30px 0px 30px;
	font-size: 18px;
	
}
    
  .galleryz {
    padding: 0px 5% 0px 5%;
}  
.about {
    padding-left: 9%;
    padding-right: 9%;
    	background-image: url(../images/BG-paper.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
    padding-bottom: 70px;
    padding-top: 95px;
}
    .about.delivery {
        padding-top:120px;
    }
.about img {
    width: 100%;
}
.about .right {
    background-image: none;
     padding-right: 0px;
    padding-left: 0px;
    
}
.about .right p {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 12px;
    padding-top: 0px;
    margin-top: 0px;
}
.about .right h1 {
    font-size: 29px;
    line-height: 28px;
    padding-bottom: 15px;
    padding-top: 42px;
    margin-top: 0px;
}
.about .left {
    
    padding-right: 0px;
    padding-left: 0px;
}
	
.the-menu{
    padding-top: 60px;
    padding-bottom: 60px;
   padding-left: 8%;
    padding-right: 8%;
    }

    .the-menu .boxxy {
        margin-top: 40px;
    }

    .the-menu h2.top {
        padding-top: 30px;
    }
.the-menu h2.pizza {
        padding-top: 0px;
    }
	
	.the-menu h1{
    font-size:55px;
    margin-bottom:0;
    color: #e22335;
    padding-top: 30px;
    padding-BOTTOM: 0px;
        padding-left: 2%;
    text-align: LEFT
}

img.gallery-slide {
	width: 80%;
	height: auto;
}

#social {
padding-left: 7%;
	padding-right: 7%;
	background-size:auto;
	background-attachment:scroll;
	height: auto;
}
#social .content {
	padding: 70px 10% 50px 10%;
	text-align: center;
}





#screen-serv {	
	background-attachment: scroll;
	border-bottom: 15px solid #ffffff;
}
	#screen-serv .content {
		padding-left: 8%;
		padding-right: 8%;
	}
#screen-serv h1 {
	font-size: 45px;
}
#screen-serv .underline {
	height: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#screen-serv p {
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 20px;
}
#screen-serv p.intro {
	font-size: 25px;
	line-height: 33px;
	padding-bottom: 15px;
}
#screen-serv img.scroll {
	width: 180px;
}

	
	
	
	#services {	
		background-image: url(../images/BG-services-middle-mob.jpg);
	background-size: contain;
	background-position: center bottom;
	padding-top: 40px;
	padding-bottom: 100px;
}

#services img.tab-icon {
	width: 80px;
}
#services .nav-tabs li {
	border-bottom: 8px solid #434343;
	margin-right: 3px;
	margin-left: 3px;
}
#services .nav-tabs li a {
	border-radius: 0;
	background-color: #434343;
	font-family: 'lemonmilkregular';
	color:#ffffff;
	font-size: 15px;
		padding: 12px 16px 6px 16px;
	margin-top: -4px
}

#services .nav-tabs {
	border-bottom: none;
	text-align: center;
}
#services .nav-tabs>li>a {
	margin-right: 0px;
}
#services .underline {
	background-image:url(../images/underline-slash-black.png);
	background-repeat:repeat-x;
	background-size: contain;
	height: 15px;
	margin-bottom: 30px;
	margin-top: -6px;
}


#services .tab-content {
padding-top: 0px;
	padding-left: 5%;
	padding-right: 5%;
}

#services .tab-content h2 {
	font-size:26px;
	font-family: 'brandon_grotesque_regularRg';
	font-weight: 100;
	padding-bottom: 20px;
}
#services .tab-content h2.green {
	color: #76b93d;
}
#services .tab-content h2.orange {
	color: #f3912b;
}
#services .tab-content h2.pink {
	color: #e7217a;
}
.tab-content img.number {
	width: 40px;
	margin-right: 10px;
	margin-top: -10px
}
#services label {
	font-size: 16px;
}
#services input.form-field {
	width:100%;
	height:55px;
	background-color: #efefef;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	padding-left: 10px;
	margin-bottom: 25px;
}
#services textarea.form-field {
	width:100%;
	background-color: #efefef;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	padding-left: 10px;padding-top: 10px;
	margin-bottom: 25px;
	height: 160px;
}
#services input.form-btn {
	width:100%;
	height:75px;
	background-color: transparent;
	background-image: url(../images/form-BTN-send.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	margin-bottom: 6px;
	text-align: right;
}
#services input.form-btn.orange {
	background-image: url(../images/form-BTN-send-orange.png);
}
#services input.form-btn.pink {
	background-image: url(../images/form-BTN-send-pink.png);
}
#services input.form-btn:hover {
	background-image: url(../images/form-BTN-send-hover.png);
}
#services .button-wrap {
	text-align: right;
	width:100%;
}
	
	
	#services.events-area {
		background-image: none;
		padding-top: 20px;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 20px;
		
	}	
	
	#services.events-area h3 {
		font-size: 40px;
		line-height: 45px;
		padding-bottom: 20px;
		padding-top: 0px;
	}
	
	
	

	.pil-news-item {
	background-color: rgba(255,255,255,0.8);
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #000000;
}
	.pil-news-item .image {
		padding-bottom: 30px;
	}
.pil-news-item .image img {
	width: 250px;
}
.pil-news-item .text h3 {
	text-transform: uppercase;
	font-size:30px;
	font-weight: 100;
	padding-bottom: 10px;
	color: #434343;
	margin: 0px;
	padding-top: 0px;
}
	
	
	
	


.footer .content {
		padding-left: 7%;
		padding-right: 7%;
	}
	.footer .col-1 img.footer-logo {
		width: 120px;
		margin-bottom: 30px;
	}
.footer .col-2 h2 {
	font-size: 40px;
	margin-top: 0px;
	padding-top: 0px;
}
	.footer col-2 {
		float: none;
	}
	.footer .col-3 {
		float: none;
		padding-top: 30px;
	}
	.footer .col-3 .sm {
		float: none;
	}
	.footer p.small {
		padding-top: 30px;
	}
	
	.footer .col-2 .form-field {
	color: #30281d;
	font-size: 18px;
	background-color: #FFFFFF;
	padding-left: 10px;
	width: 100%;
	height: 55px;
	border-bottom: 4px solid #7ebc49;
	border-top: none;
	border-left: none;
	border-right: none;
	float: none;
	border-radius: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	
}

.footer .col-2 #button {
	font-size: 23px;
	width: 50%;
	color: #FFFFFF !important;
	padding: 0px;
	padding-top: 0px;
	background-color: #7ebc49;
	text-decoration:none;
	border: none;
	margin-top: 0px;
	height: 55px;
	float: none;
	border-radius: 0px;
	box-shadow:none;
	font-family: 'lemonmilkregular';
}
	
	
	
	#social {
		margin-top: -140px;
	}

#testy {
	background-image:url(../images/home-BG-testy.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	background-position: top right;
	text-align: left;
	color: #FFFFFF;
	border-bottom: 15px #ffffff solid;
	padding-top: 80px;
	padding-bottom: 80px;
}
#testy img {
	width: 250px;
	margin-bottom: 15px;
}

#testy p.quote {
	font-size: 24px;
	line-height:34px;
	color: #ffffff;
	text-align: left;
	font-weight: 100;
}
#testy p.quotee {
	font-size: 32px;
	line-height:44px;
	text-align: left;
	color: #3f3f3f;
	padding-top: 15px;
	font-family: 'lemonmilkregular';
}
#testy p.quotee img {
	width: 250px;
	height: auto;
	margin-top: 10px;
}
	#testy .content {
		padding-left: 7%;
		padding-right: 7%;
	}


	#news {
	background-attachment:scroll;
	border-bottom: 15px #ffffff solid;
	padding-top: 80px;
		padding-bottom: 80px;
}
	
	#news .content {
		padding-left: 5%;
		padding-right: 5%;
	}
#news img.title-text {
	height: auto;
	width: 100%
}

#news .btn-right {
	text-align: right;
	
}
#news .btn-right img {
	width: 230px;
	margin-top: 30px;
}
#news .news-item {
	background-color: #343434;
	margin-top:30px;
	text-align: left;
}
#news .news-item-text {
	padding: 10px 30px 30px 30px;
}
#news .news-item-text p.date {
	font-family: 'lemonmilkregular';
	color: #e7217a;
	font-size: 15px;
}
#news .news-item-text h2 {
	font-size: 24px;
	
	line-height: 28px;
}
#news .news-item-text p.text {
	font-size: 17px;
	line-height: 22px;
}

	
	
#rcag {
	background-attachment:scroll;
	background-size: cover;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 15px #ffffff solid;
	padding-top: 80px;
	padding-bottom: 80px;
}
	#rcag .content {
		padding-left: 7%;
		padding-right: 7%;
	}
#rcag img.title-text {
	height: 35px;
}
#rcag .underline {
	background-image:url(../images/underline-slash-green.png);
	background-repeat:repeat-x;
	background-size: contain;
	height: 10px;
	margin-bottom: 30px;
	
	margin-top: 30px;
}
#rcag p {
	font-size: 18px;
	line-height:25px;
	color: #ffffff;
	text-align: left;
	font-weight: 200;
}
#rcag .btn-right {
	text-align: right;
	
}
#rcag .btn-right img {
	width: 230px;
	margin-top: 30px;
}
	
	#pt {
		padding-top: 80px;
		padding-bottom: 80px;
	}	
	#pt p.quotee {
		line-height: 30px;
	}
	#pt .content {
		
	}
	
	#pt .content {
		padding: 0 10%;
	}
#pt img {
	width: 250px;
}
	
	#about {
		padding-bottom: 80px;
	}
	#about .content {
		padding-left: 7%;
		padding-right: 7%;
	}

	
	#about .video-box {
	
	 height: auto
}
#about .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 58.15%;
  z-index:991;
	text-align: center;
	margin-bottom: 20px;
}
#about .video iframe {
  position: absolute;
	
	text-align: center;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
    z-index:991;
	border: 9px solid #ffffff;
}

	
	
	
	
#about .underline {
	background-image:url(../images/underline-slash-black.png);
	background-repeat:repeat-x;
	background-size: contain;
	height: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#about .content p {
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
}
#about .content h2 {
	color: #ffffff;
	font-size: 25px;
	line-height: 30px;
}
#about .content p.courier {
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	font-family: 'Cutive Mono', monospace;
}
#about .content p.quotee {
	color: #ffffff;
	font-size: 27px;
	line-height: 36px;
	font-family: 'Cutive Mono', monospace;
}	
	
	
	
	
	#about-2 {
	background-color: #1f1f1f;
	border-bottom: 15px #ffffff solid;
	padding-bottom: 80px;
}
#about-2 .content {
	margin-top: -40px;
	padding-left: 7%;
	padding-right: 7%;
}
#about-2 h2 {
	color: #ffffff;
	text-align: center;
	font-family: 'budmojiggler';
	font-size: 70px;
	line-height: 60px;
	padding-bottom: 30px;
}
	#about-2 .image  {
		text-align: center;
		margin-bottom: 20px;
	}
#about-2 .image img {
	width: 200px;
}
#about-2 .green {
	color: #7ebc49;
}
#about-2 .orange {
	color: #f3912b;
}
#about-2 .pink {
	color: #e7217a;
}
#about-2 .blue {
	color: #499dd6;
}
#about-2 .item {
	padding-bottom: 70px;
}
#about-2 h3 {
	font-size: 32px;
	margin-top: 0px;
}
#about-2 p.courier {
	font-size: 24px;
		font-family: 'Cutive Mono', monospace;
}
#about-2 p {
	font-size: 20px;
	line-height: 28px;
	color: #ffffff;
}
	
	
	
	
	
	
	
	#contact {
		padding-bottom: 60px;
		padding-top: 80px;
	}
	#contact .cans {
		height: 200px
	}
	#contact .cans img {
		width: 360px;
	}
	#contact .content {
		padding-left: 7%;
		padding-right: 7%;
	}
	#contact .content h1 {
	color: #ffffff;
	font-size: 52px;
	line-height: 52px;
	padding-bottom: 15px;
	padding-top: 0px;
		margin-top: -20px;
}
	#contact .content p.first {
		margin-top: 20px;
	}	
	
	#contact .form-wrap {
		padding-top: 60px;
	}
	
	
	
	
#testy, #pt, #news, #rcag, .footer-wrap {
	background-attachment: scroll;
	}
	#contact .cans {
		
	}
	#contact .cans img {
		width: 280px;
	}
}







/* Extra Extra small devices (phones, less than 321px) */
@media (max-width: 320px) {
	
		.lp-focus img.slideshow {
	width: 180px;
	height: auto;
	margin-bottom: 0;
	margin-left: -5px;
		margin-top: 50px;

}
	.no-touch .sky-carousel .sc-nav-button {
		margin-top: -10px;
	}	
	#resources .content h1 {
	font-size: 40px;
	padding-bottom: 10px;
}
	#contact .content h1 {
	color: #ffffff;
	font-size: 40px;
	line-height: 52px;
	padding-bottom: 15px;
	padding-top: 0px;
		margin-top: -20px;
}
}








/* ----------- iPad 1 and 2 ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
#about, .slide1, .slide2, .slide3, #promo1, #promo2, #resources, #menus, #contact, #order, #social, .footer-wrap {
	background-attachment:scroll;
}
#social {
	background-image: url(../images/social-BG-mob.jpg);
	background-repeat:repeat;
	background-size:auto;
}
#menus {
	background-image:url(../images/menus-BG.jpg);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: bottom;
	background-color: #def1ef;
	background-size: contain;
	text-align: center;
	color: #FFFFFF;
	height: auto;
	border-bottom: 15px #ffffff solid;
}
#testy, #pt, #news, #rcag {
	background-attachment: scroll;
	}
}






/* ----------- iPad 3 and 4 ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
#about, .slide1, .slide2, .slide3, #promo1, #promo2, #resources, #menus, #contact, #order, #social, #testy, #pt, #news, #rcag, .footer-wrap {
	background-attachment:scroll;
}
#social {
	background-image: url(../images/social-BG-mob.jpg);
	background-repeat:repeat;
	background-size:auto;
}
#menus {
	background-image:url(../images/menus-BG.jpg);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: bottom;
	background-color: #def1ef;
	background-size: contain;
	text-align: center;
	color: #FFFFFF;
	height: auto;
	border-bottom: 15px #ffffff solid;
}
}

/* ----------- Galaxy Tab 10.1 ----------- */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) { 
#about, .slide1, .slide2, .slide3, #promo1, #promo2, #resources, #menus, #contact, #order, #social, #testy, #pt, #news, #rcag, .footer-wrap {
	background-attachment:scroll;
}
#social {
	background-image: url(../images/social-BG-mob.jpg);
	background-repeat:repeat;
	background-size:auto;
}
#menus {
	background-image:url(../images/menus-BG.jpg);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: bottom;
	background-color: #def1ef;
	background-size: contain;
	text-align: center;
	color: #FFFFFF;
	height: auto;
	border-bottom: 15px #ffffff solid;
}
}


/* ----------- Kindle Fire HD 7" ----------- */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) { 
#about, .slide1, .slide2, .slide3, #promo1, #promo2, #resources, #menus, #contact, #order, #social, #testy, #pt, #news, #rcag, .footer-wrap {
	background-attachment:scroll;
}
#social {
	background-image: url(../images/social-BG-mob.jpg);
	background-repeat:repeat;
	background-size:auto;
}
#menus {
	background-image:url(../images/menus-BG.jpg);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: bottom;
	background-color: #def1ef;
	background-size: contain;
	text-align: center;
	color: #FFFFFF;
	height: auto;
	border-bottom: 15px #ffffff solid;
}
}


/* ----------- Kindle Fire HD 8.9" ----------- */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) { 
#about, .slide1, .slide2, .slide3, #promo1, #promo2, #resources, #menus, #contact, #order, #social, #testy, #pt, #news, #rcag, .footer-wrap {
	background-attachment:scroll;
}
#social {
	background-image: url(../images/social-BG-mob.jpg);
	background-repeat:repeat;
	background-size:auto;
}
#menus {
	background-image:url(../images/menus-BG.jpg);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: bottom;
	background-color: #def1ef;
	background-size: contain;
	text-align: center;
	color: #FFFFFF;
	height: auto;
	border-bottom: 15px #ffffff solid;
}
}