@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0;}
body {
  font-family: 'Lato', sans-serif;
  padding-top: 0px;
  letter-spacing:0.05em;
  color:#474747;
  font-size:18px;
  font-weight:400;
  
}
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
p {letter-spacing:0.05em;}
h1, h2, h3 { }
h1 { font-size:40px; color:#254b8e; font-weight:700; text-align:center;}
h2 { font-size:30px; color:#26ace2; font-weight:700; text-align:left;}
h3 { font-size:22px; color:#76c043; font-weight:700; text-align:left;}
.color1 { color:#254b8e;}
.color2 { color:#26ace2;}
.color3 { color:#76c043;}
.color4 { color:#FFF;}
.color5 { color:#000;}

.bg1 { background:#254b8e;}
.bg2 { background:#26ace2;}
.bg3 { background:#76c043;}

a { color:#FFF; text-decoration:underline;}
a:hover { color:#FFF; text-decoration:none;}

.txtLarge { font-size:24px;}
.txtMedium { font-size:18px;}
.txtSmall { font-size:12px;}
.txtXsmall { font-size:8px;}


.list-items ul { margin-left:18px; padding-left:0;}
.list-items li { margin-left:0; padding-left:0; padding-bottom:20px;}
.btn-custom { margin:30px 0;  }
.btn-custom a { text-decoration:none; color:#FFF; padding:20px; background:#ed1942; color:#FFF; text-decoration:none; border-radius:5px; padding:20px 30px;}
.btn-custom:hover a{ background:#FFF; margin-top:10px; color:#ed1942;  border:1px #999 solid;}
.btn-bookNow { width:30%; }
@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.btn-bookNow { width:80%; }
}
/* wide screen devices */
.wrapper{ position:relative; top:0; left:20%; width:500px; padding:25px; background: rgba(237, 28, 36, 0.95)}

.nav-link { position:fixed; top:100px; margin-left:-220px; width:180px; padding:20px 20px; background:#FFF; display:block;}
.nav-link li{ float:left; display:block; width:100%; margin:10px 0;}
.nav-link li a{ color:#c79c47; text-decoration:none; display:block; border-bottom:1px solid #c79c47;}
.nav-link li:hover {color:#000; background:#c79c47;}
.nav-link a:hover{color:#000;}

.content { font-size:16px; color:#FFF;}
.content h1, h2, h3 { font-weight:normal;}
.content h1 { font-size:32px; color:#FFF; text-align:left;}
.content h2 { font-size:24px; color:#FFF; margin-top:60px;}
.content h3 { font-size:21px; color:#FFF;}
.seperator { margin-top:60px;}

@media (min-width: 1200px) {
    .container{ max-width: 1170px; }
}
/* Small Desktop devices */
@media only screen and (min-width: 800px) and (max-width: 1190px) {
	.wrapper{  top:0; left:10%; width:500px; padding:25px;}
	.nav-link { position:fixed; top:100px; right:0; margin-right:10%; width:180px; padding:20px 20px; background:#FFF; display:block;}

}
.header  { float:left; width:100%; display:block; }
.header img  { margin:auto; }
.logo { margin:15px 0;}
@media only screen and (min-width: 100px) and (max-width:799px) {
	.wrapper{  top:150px; left:0; width:100%; padding:25px;}
	.nav-link { position:relative;!important float:left; width:100%; margin-right:0; margin-left:0; display:block; margin-bottom:120px; top:0; clear:both; background:none;}
	.nav-link li{ float:left; display:block; width:45%; margin:10px 5px;}
	.nav-link li a{background:#FFF; padding:0 10px;}
}


   
#myCarousel { position:fixed; background:#000; padding:0; font-weight:100; font-size:24px;}
/* slider styles */
.carousel-control.left, .carousel-control.right { position:fixed; display:none;}
.carousel-control { z-index:1000;}
/* FadeIn and FadeOut styles */


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
			  
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
	  transition-duration: 1s;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
			  
    }
}




/* main styles */
.main { padding:30px 0px; margin:0; font-size:16px; letter-spacing:normal;}
.section1 { padding:85px 0; background:url(../images/bg_section1.jpg) repeat;}
.section1 h1 { color:#; border-bottom:1px #1a73d7 solid; margin-bottom:40px;}
video {
    width: 100%;
    height: auto;
}

.section2, .main-section { padding:45px 0;}
.section2 h3 { text-align:center;}
@media only screen and (min-width: 100px) and (max-width: 1000px) {
.fb-feed { margin-top:20px; width:100%;}
}
#superfoods div { height:480px;}
#superfoods div img { border:1px solid #e3e3e3;}
.list-1 { line-height:70px;}
.list-1 li{ list-style-image:url(../images/bullet1.jpg); margin-left:10px; color:#FFF; text-align:left; text-transform:uppercase;  }

/* footer styles */
footer { float:left; width:100%; margin:30px 0 0 0;  padding:50px 0px 30px 0px; background:#3399ff; color:#FFF; font-size:14px; border-top:1px solid #CCC;}
footer h3 { color:#666; text-align:left; margin:0px 0 10px 0; padding:0; font-weight:normal;}
footer a{ text-decoration:none; color:#FFF; margin:0 10px;}
footer a:hover{ text-decoration:none; color:#FFF;}
footer ul { margin:0; padding:0;}
footer ul li ul{ margin:0 0 0 10px; padding:0;}
footer ul li { margin:5px 0; list-style:none;}
.padding-left { padding-left:0;}
.padding-right { padding-right:0;}
.padding-both { padding-left:0; padding-right:0;}
.btn-quote {margin-top:20px; clear:both; background:#e0b025; font-size:21px; text-align:center;}
.btn-quote a { display:block; padding:10px 5px; text-decoration:none; color:#FFF;}
.btn-quote a:hover { display:block; background:#414141; color:#FFF; }

.g-recaptcha { margin-top:20px;}
.portfolio div { margin-bottom:30px;}
.portfolio div img{ width:100%; box-shadow:2px 2px 2px #B4B4B4;}
.portfolio div p { margin:10px 0; text-align:center;}
/* list columns */
.ListColumn ul{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
}
.ListColumn li{
  float:left;
  display:inline;
  background:url(../images/bullet-icon.jpg) 0px 10px no-repeat; padding-left:30px; padding-bottom:5px;
}
#double li  { width:50%; }
#triple li  { width:33.333%; } 
#quad li    { width:25%; }
#six li     { width:16.666%; }

.form-group { float:left; width:100%; padding-top:10px;}

/* Nav icon settings for ipade */
@media (max-width: 1200px) {
	
    .navbar-header { /* icon settings */
        float:right;
		margin-top:0px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 10px;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 60px;
	}
	.navbar-nav>li {
        float: none;
		margin:2px 0;
    }
	.navbar-custom .navbar-nav > li > a {
	background:#cc172c;
	margin:0px;
	padding:10px;
	color: #FFF;
	border-radius:4px;
  }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		color:#FFF;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-custom .navbar-toggle { margin-top:30px;}
	
}


/* phone devices Landscap and Portrait both */
@media screen and (max-width: 767px) {
	
	.box-outer { float:left; width:100%; padding:15px;}
	.box-outer img { display:none;}
	.box { float:left; width:100%;}


	.recent-work div { margin-bottom:30px;}

.event-row-top { display:none;}
.event-row { float:left;}
#double li  { width:100%;}
#triple li  { width:100%; } 
#quad li    { width:100%; }
#six li     { width:16.666%; }

.MenuItem { float:left; width:100%;}
.ItemName { float:left; width:65%; margin-right:5%;}
.ItemDetail { float:left; width:30%; clear:right; margin:0px 0; text-align:right;}
}

/* phone devices portrait only*/
@media screen and (max-width: 412px) {

}