html {
  height: 100%;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 4rem;
  min-height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size:18px;
  letter-spacing: 2px;
  overflow-x:hidden;
}

.btn-success {
    background-color: #F9690E;
    border-color: #F9690E;
    color: #fff;
    font-weight: bold;
	margin:10px;
}


.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .open > .dropdown-toggle.btn-success  {
    background-color: #ffb94e;
    border-color: #ffa400;;
    color: #fff;
    font-weight: bold;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #ff8800;
}
	
/* Navbar */

.navbar {
height: 70px;
margin-bottom: 0;
z-index:9999;
border: none;
text-transform:uppercase;
-webkit-transition: background .2s ease-in-out,padding .2s ease-in-out;
        -moz-transition: background .2s ease-in-out,padding .2s ease-in-out;
        transition: background .2s ease-in-out,padding .2s ease-in-out;
}

.navbar-default {
background-color: transparent;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  width: auto;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent; 
}

.top-nav-collapse {
        padding: 0;
        background: #F9690E;
    }

@media (max-width: 767px) {
	.container>.navbar-collapse {
		margin-top: 15px;
	}
	
	.navbar-wrapper .navbar {
padding-right: 0; 
 padding-left: 0;
}
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color:transparent;
font-weight:bold;
font-size:16px;
}

.navbar-default .navbar-nav>li>a {

color: #fff;
font-family: Belleza;
font-weight: bold;
font-size:16px;
}

.navbar-right {
    float: right!important;
    margin-right: -15px;
    font-size: 16px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #fff;
font-weight:bold;
font-size:16px;
font-family: Belleza;
}

.navbar-default .navbar-toggle {
border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}

.navbar-brand {
  padding: 0 15px;
}

/* Carousel */

header.carousel {
    height:400px;
	margin-bottom:4em;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
	
}

.overlay {
display: block;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
z-index: 2;
height: 100%;
width: 100%;
background:linear-gradient(to bottom, rgba(255,136,0,.1))
}

.carousel-control {
  z-index:4;
}

.carousel-caption {
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  text-shadow:none;
}

@media only screen and (max-width: 40em) { 
 .btn-autosize {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  
}


/* Typography */

p {
font-size:18px;	
}

h1, h2, h3, h4, h5 {
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
color:#F9690E;	
}

h1.hero, h2.parallax, h3.important {
color:white;	
}

footer h4 {
color:white;
margin-top:0;	
}

.fa-inverse {
color: black;
}

a {
color: #DC3023;
text-decoration:none;
-moz-transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
transition: all 0.15s linear;
text-decoration:none;	
}

a:hover, a:focus, a.focus, a:active, a.active {
color:#FFB61E;
text-decoration:none;		
}

footer a {
color:#fff;	
}

footer a:hover, footer a:focus {
color:#F4D03F;
text-decoration:none;	
}

.services p {
font-size:18px;	
}

.panel-body p, .panel-body li {
font-size:20px;	
}

/* Social media icons */
.social-icon {
width: 48px;
height: 48px;
border-radius: 100%;
color: #fff;
border: 2px solid #fff;
font-size: 20px;
line-height: 48px;
text-align: center;
display: inline-block;
margin-left: 10px;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}

#fb:before {
font-family: FontAwesome;
content: "\f09a";
}

#fb:hover, #fb:focus {
background-color:#3b5998;	
}

#gp:before {
font-family: FontAwesome;
content: "\f0d5";
}

#gp:hover, #gp:focus {
background-color:#dd4b39;	
}

#linkedin:before {
font-family: FontAwesome;
content: "\f0e1";
}

#linkedin:hover, #linkedin:focus {
background-color:#007bb6;	
}

#twitter:before {
font-family: FontAwesome;
content: "\f099";
}

#twitter:hover, #twitter:focus {
background-color:#00aced;	
}

/* Buttons */

.btn-primary {
color: #fff;
background-color: transparent;
border-color: #fff;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
letter-spacing:0.2rem;
font-weight:800;
}

.btn-primary, .btn-default {
border-radius:25px;	
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
color: #F9690E;
background-color: #fff;
border-color: #fff;
}

.btn-default {
color: #F9690E;
font-weight:bold;
text-transform:uppercase;
background-color: #fff;
border-color: #F9690E;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
color: #fff;
background-color: #F9690E;
border-color: #F9690E;
}

.btn-footer {
border:1px solid white;
background:#F9690E;
color:white;	
}

.btn-footer:hover, .btn-footer:focus, .btn-footer.focus, .btn-footer:active, .btn-footer.active, .open>.dropdown-toggle.btn-footer {
color: #F9690E;
background-color: #fff;
border-color: #fff;
}

.btn-footer.active {
	cursor:default;
}

/* Site content */

.content {
  margin: 0 auto;
}

.space {
margin-top:4em;	
}

.littlespace {
margin-top:2em;	
}

.services .glyphicon {
font-size:5em;	
}

.services .btn-default {
color: #fff;
background-color: transparent;
border-color: #fff;
}

.services .btn-default:hover, .services .btn-default:focus, .services .btn-default.focus, .services .btn-default:active, .services .btn-default.active, .services .open>.dropdown-toggle.btn-default {
color: #F9690E;
background-color: #fff;
border-color: #fff;
}

.tile {
  color:white;
  padding:2em;	
}

/* Colors of the tiles */
.orange {
background-color:#FFB94E;	
}

.crimson {
background-color:#FFA400;
}

.cochineal {
background-color:#F9690E;	
}

/* Use this class to color icons or text with the main color of your theme */
.colorMe {
color:#FFA400;	
}

/* Homepage parallax */
#parallaxOne {
width: 100%;
padding: 50px 0;
color: #fff;
background: linear-gradient(to bottom, rgba(249, 105, 14, .8) 0%,rgba(249, 105, 14, .8) 99%), url(../img/parallax1.jpg) no-repeat 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;	
}

/* Tours page parallax */
#parallaxTwo {
width: 100%;
padding: 50px 0;
color: #fff;
background: linear-gradient(to bottom, rgba(255, 185, 78, .8) 0%,rgba(0,0,0,.8) 99%), url(../img/carousel1.jpg) no-repeat 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;	
}

/* Music page parallax */
#parallaxThree {
width: 100%;
padding: 50px 0;
color: #fff;
background: linear-gradient(to bottom, rgba(255, 164, 0, .8) 0%,rgba(79,79,79,.8) 99%), url(../img/carousel2.jpg) no-repeat 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;	
}

/* Leisure page parallax */
#parallaxFour {
width: 100%;
padding: 50px 0;
color: #fff;
background:linear-gradient(to bottom, rgba(249, 105, 14, .8) 0%,rgba(79,79,79,.8) 99%), url(../img/carousel3.jpg) no-repeat 50% fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;	
}

#parallaxTwo p, #parallaxThree p, #parallaxFour p {
font-size:20px;	
line-height:32px;
}

/* Footer styles */
footer {
  position: absolute;
  right: 0;
  left: 0;
  padding: 4rem 0;
  background-color: #F9690E;
  color:white;
  text-align: center;
}
 
.scroll-top {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    text-decoration: none;
    border-radius: 3.2rem;
    text-align: center;
    cursor: pointer;
	z-index:99;
}

.scroll-top:hover {
    color: #fff !important;
    background-color: #F9690E;
    text-decoration: none;
}

.jumbotron {
  padding: 4em 0;
  margin-bottom: 4em;
  color: white;
  text-align:center;
}

/* Tours page jumbotron */
div#mealplans.jumbotron {
   background: url(../img/mealplans.jpg) no-repeat 50% fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
}

/* Music page jumbotron */
div#terms.jumbotron {
   background: url(../img/terms.jpg) no-repeat 50% fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
}

/* Leisure page jumbotron */
div#howto.jumbotron {
   background: url(../img/howto.jpg) no-repeat 50% fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
}

/* About page jumbotron */
div#about.jumbotron {
   background: url(../img/about.jpg) no-repeat 50% fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
}

/* Contacts page jumbotron */
div#contacts.jumbotron {
   background: url(../img/contact.jpg) no-repeat 50% fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
}

.team {
font-size:20px;	
color:white;
margin:2em 0;
}

.team-pic {
border:4px solid #FFA400;	
}

.frame {
	    background: linear-gradient(to bottom, rgba(242, 38, 19, .9)0%,rgba(79,79,79,.9) 99%), url(../img/about.jpg) no-repeat 50% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding:2em;
}

#container-map {
	width: 100%; 
	height:500px;
	left:0;
	position: relative;	
	}
 #map-canvas {
	 width: 100%; 
	 height:100%; 
	 position:relative;
	 z-index:10;
	 }
	 
  input[type="text"], input[type="email"], input[type="tel"], textarea {
  border: 1px solid #F9690E;
  width:100%;
  border-radius: 3px;
  padding:3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 185, 78, .8),0 0 8px rgba(255, 185, 78, .8);
  box-shadow: inset 0 1px 1px rgba(255, 185, 78, .8),0 0 8px rgba(255, 185, 78, .8);
}

/* Timeline */

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
			border:2px solid #F9690E;
        }
		
		ul#itFor.timeline > li > div.timeline-panel {
 			 border: 2px solid #C3272B;
		}
		
		ul#data.timeline > li > div.timeline-panel {
 			 border: 2px solid #9D2933;
		}

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #F9690E;
                border-right: 0 solid #F9690E;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #F9690E;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after, ul#itFor.timeline > li.timeline-inverted > div.timeline-panel:after, ul#data.timeline > li.timeline-inverted > div.timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-body > p,
.timeline-body > ul {
	font-size:20px;
	margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

/* Start responsive styles */
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
		
		.jumbotron {
			padding-top:6em;	
		}
}

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

h1.hero {
letter-spacing:0.3rem;	
font-size:4em;
color:white;
text-shadow: 2px 2px 2px #000000;
}

p.intro {
	font-size:1.5em;
}

@media(min-width:1200px) {
.tile:hover {
  display: inline;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,.2);
  box-shadow: 5px 5px 5px 5px rgba(0,0,0,.2);
}
}

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 35px;
	font-weight:bold;
    font-size: 22px;
	margin-top:35px;
    line-height: 1.4;
	text-shadow: 2px 2px 2px #000000;
  }
  
   .block {
        margin-left: -20px;
        margin-right: -20px;
    }
	
	.navbar {
letter-spacing:0.2rem;
	}
	
	.nav>li {
padding-top: 10px;
}

.jumbotron {
	padding:8em;	
}
}

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background-color: #F9690E;
    }
		
	.social-icons {
		margin:2em 0;	
	}
}