@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);
 

a:link {color: #2a2a2a;text-decoration:none;}      
a:visited {color: #2a2a2a;text-decoration:none;} 
a:hover {color:#2a2a2a ;text-decoration:none;}
a:active {color:#2a2a2a;text-decoration:none;}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}

body {
	margin: 0;
  font-family: "Titillium Web", sans-serif;
  color: #484848;
  background-color: #f5f5f5;
}

a {
  color: #ffa500;
  text-decoration: none;
}
img{
    max-width: 100%;
}


/******************************
 ESSENTIALS 
*******************************/
.cd-main-content {
    /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
    min-height: 100%;
    position: relative;
    background-color: #f5f5f5;
    z-index: 2;
    padding-top: 70px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
    /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
}
.container-full {
    margin: 0 auto;
    width: 100%;
}
.no-padding{
    padding: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.overflow-hidden{
    overflow: hidden;
}


/******************************
 CUSTOM 
*******************************/

/* MAIN */
#main{
    margin: 0;
    padding: 0;
    
    background-color: transparent;
    background-repeat: repeat;
    background-size: inherit;
    background-image: url('../images/assets/bg-white.gif');
}
#main h2{
    margin: 0;
    padding: 10px 0 25px;
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
}
#main h2.main-header{
    margin: 0;
    padding: 0 0 15px;
}
#main h3{
    margin: 15px 0 10px;
    padding: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
#main h3.sub-header{
    margin: 0;
    padding: 0 0 5px;
    font-weight: 300;
}
#main h3.sub-header span {
  display: inline-block;
  position: relative;  
}
#main h3.sub-header span:before,
#main h3.sub-header span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #ccc;
  top: 13px;
  width: 50px;
}
#main h3.sub-header span:before {
  right: 100%;
  margin-right: 20px;
}
#main h3.sub-header span:after {
  left: 100%;
  margin-left: 20px;
}
#main h4{
    margin: 0 0 8px;
}
#main p{
    margin: 0;
    padding: 0 0 15px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
}
#main p strong{
    color: #2a2a2a;
}
#main .img-responsive{
    float: left;
    margin: 4px 14px 8px 0;
    max-width: 100%;
}
#main .wrapper {
    margin: 0 auto;
    padding: 0 25px 25px;
    background: #fff;
}
#main .wrapper:after{
    content: "";
    clear: both;
    display: block;
    width: 100%;
}
#main ul{
    list-style: disc outside none;
    padding: 10px 10px 10px 25px;
}
#main ul li{
    margin: 0;
    padding: 0 0 10px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
}
#main ul li strong{
    color: #2a2a2a;
}
#main .content-wrap{
    margin: 0 0 25px;
    padding: 25px 35px;
    border: 1px solid #ededed;
    background: #fff;
}
@media screen and (max-width: 992px) {
    #main .content-wrap{
        padding: 15px 20px;
    }
}


/* PAGE HEADER */
#page-header{
    background-color: #2a2a2a;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#page-header h2{
    margin: 0;
    padding: 185px 0;
    font-size: 66px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.65);
}
#page-header.sub-page h2{
    padding: 100px 0;
}
#page-header.sub-page h2 span{
    display: block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    letter-spacing: 1px;
    color: #C7C7C7;
}
#page-header.sub-page h2 span:before,
#page-header.sub-page h2 span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #c7c7c7;
  top: 253px;
  width: 30px;
}
#page-header.sub-page h2 span:before {
  margin-left: -50px;
}
#page-header.sub-page h2 span:after {
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
    #page-header h2{
        padding: 75px 0;
        font-size: 36px;
    }
    #page-header.sub-page h2{
        padding: 50px 0;
    }
    #page-header.sub-page h2 span:before,
    #page-header.sub-page h2 span:after{
        display: none;
    }
}


/* BREADCRUMBS */
#breadcrumbs{
    display: inline-block;
    margin: 0 0 50px;
    padding: 20px 0;
    width: 100%;
    background: #fff;
    border: 0;
    text-transform: uppercase;
	font-size: 18px;
    font-weight: 300;
}
#breadcrumbs h1{
    display: block;
    padding: 2px 0;
    font-size: 28px;
}
#breadcrumbs a{
    font-weight: 700;
}
@media screen and (max-width: 992px) {
    #breadcrumbs{
        margin: 0 0 15px
    }
    #breadcrumbs h1{
		margin: -20px 0;
		padding: 0;
        font-size: 0px;
    }   
}
#breadcrumbs .breadcrumb{
    margin: 0;
    padding: 0;
    text-align: left;
    background: white;
}
#breadcrumbs .breadcrumb li{
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 992px) {
    #breadcrumbs .breadcrumb{
        font-size: 14px;
    }   
}

/* MENU TEXTURES */
#texture-top{
    position: absolute;
    top: 65px;
    left: 50px;
    right: 50px;
    height: 25px;
    background-image: url(../images/assets/header/texture-top.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    z-index: 3;
}
#texture-bottom{
    position: absolute;
    margin-top: -20px;
    left: 50px;
    right: 50px;
    height: 25px;
    background-image: url(../images/assets/header/texture-bottom.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    z-index: 3;
}
@media screen and (max-width: 992px) {
    #texture-top,
    #texture-bottom{
        display: none;   
    }
}

/* GET CONNECTED */
#get-connected{
    margin: 0;
    padding: 0;
}
#get-connected h2{
    margin: 0;
    padding: 0 0 5px;
    font-size: 34px;
}



/******************************
 HOME PAGE
*******************************/

/* WELCOME MESSAGE */
#welcome-message{
    margin: 0;
    padding: 0;
}
#welcome-message h2{
    margin: 0;
    padding: 0 0 15px;
}
#welcome-message h3{
    margin: 0;
    padding: 50px 0 5px;
    font-weight: 300;
}
#welcome-message p{
    display: block;
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
}
#welcome-message p.about-us{
    display: inline-block;
    margin: 0 25px;
    padding: 0;
    width: auto;
    border-bottom: 1px solid #ffa500;
}
#welcome-message p.directions{
    display: inline-block;
    margin: 0 25px;
   padding: 0;
    width: auto;
    border-bottom: 1px solid #ffa500;
}
@media screen and (max-width: 992px) {
    #welcome-message{
        margin: 0 0 50px;
        padding: 25px 0 50px;
        border-bottom: 6px solid white;
    }
}

/* FEATURED TRIPS */
#featured-trips{
    display: inline-block;
    width: 100%;
    margin: 65px 0 50px;
    padding: 0 0 0px;
    background: #fff;
    border-top: 1px solid #ededed;
}
#featured-trips h2{
    margin: 0;
    padding: 25px 0;
}
@media screen and (max-width: 992px) {
    #featured-trips{
        display: none;
    }   
}


/******************************
 ABOUT US 
*******************************/
/* STAFF */
#staff-members{
    margin: 25px auto;
    list-style: none;
}
#staff-members li{
    list-style: none;
    display: block;
    margin: 0 0 75px;
    padding: 0;
    width: 100%;
    height: 425px;
    background: #fff;
    border: 1px solid #ededed;
}
#staff-members li h3{
    margin: 10px 0 0;
}
#staff-members li .member-image{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#staff-members li .member-wrap{
    position: absolute;
    height: 423px;
    top: 1px;
    left: 16px;
    right: 16px;
    padding: 25px;
    opacity: 0;
    text-align: center;
    background: rgba(255,255,255,0.95);
    
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
#staff-members li:hover .member-wrap{
    opacity: 1;
}
#staff-members li .member-wrap h2{
    margin: 0;
    padding: 15px 0 0;
    font-size: 22px;
}
#staff-members li .member-wrap h3{
    margin: 0;
    padding: 0 0 15px;
    font-size: 14px;
    font-weight: 700;
    color: #969696;
}
#staff-members li .member-wrap p{
    margin: 0;
    padding: 0;
    font-size: 14px;
}

/* TEAM MEMBERS */
#team-members{
    margin: 0;
    padding: 0;
}
#team-members h2{
    margin: 0;
    padding: 35px 0;
    color: #fff;
    background: #2a2a2a;
    text-align: center;
}
#team-members .team-wrap{
    display: block;
    margin: 0 auto;
    padding: 0 100px 0;
    text-align: center;
}
#team-members .team-wrap h2{
    margin: 0;
    padding: 45px 0 5px;
    background: #fff;
    color: #2a2a2a;
}
#team-members .team-wrap h3{
    margin: 0;
    padding: 0 0 15px;
    font-size: 20px;
    font-weight: 700;
    color: #969696;
}
#team-members .team-wrap p{
    margin: 0;
    padding: 0;
}


/******************************
 FIND YOUR TRIP 
*******************************/
#find-your-trip-selection{
    position: relative;
    display: inline-block;
    margin: 0 0 40px;
    padding: 25px 15px;
    width: 100%;
    background: #2a2a2a;
}
#find-your-trip-selection h2{
    margin: 0;
    padding: 0 0 20px;
    color: #fff;
}

/* MAP VIEW */
#map-view{
    background-color: #8ad746;
    color: #fff;
    cursor: pointer;
    margin: 0 10px 0 0;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}
#map-view .fa{
    margin: 0 10px 0 0;
    color: #fff;
}
#map-view:hover{
	opacity: 0.75;
}

/* ADVENTURE ITEM */
#adventure-item{
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #ededed;
}
#adventure-item .promo-image{
    height: 225px;
    width: 100%;
    border-bottom: 0px solid #c1c1c1;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#adventure-item .wrap{
    margin: 0;
    padding: 15px 35px;
    text-align: center;
}
#adventure-item .wrap h2{
    margin: 0;
    padding: 8px 0 0;
    line-height: 1;
    font-size: 32px;
}
#adventure-item .wrap h3{
    margin: 0;
    padding: 5px 0 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8c919b;
    letter-spacing: 1px;
}
#adventure-item ul.summary{
    list-style: none;
    margin: 20px auto;
    margin-bottom: 0px;
    padding: 0;
    max-width: 250px;
}
#adventure-item ul.summary:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
}
#adventure-item ul.summary li{
    float: left;
    width: 33%;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
#adventure-item ul.summary li .fa{
    display: block;
    margin: 0 0 8px;
    font-size: 24px;
    color: #ccc;
}
#adventure-item .explore-more{
    display: inline-block;
    margin: 10px 0 18px;
    padding: 14px 0;
    width: 100%;
    color: #fff;
    background: #ffa500;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    
    
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
#adventure-item .explore-more:hover{
    background: #526063;
    color: #fff;
}



/******************************
 ADVENTURE DETAIL PAGE 
*******************************/
#adventure-summary{
    margin: 0;
    padding: 0;
}
#adventure-summary .wrap{
    margin: 0 0 20px; 
    padding: 0;
    background: #526063;
    color: #fff;
}
#adventure-summary .wrap h2{
    padding: 14px 15px; 
    background: #445356; 
    color: #fff; 
    margin-bottom: 0; 
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    text-align: left;
}

#adventure-summary .wrap ul{
    margin: 0;
    padding: 0;
}
#adventure-summary .wrap ul li{
    list-style: none;
    margin: 0;
    padding: 12px 15px 12px 35px;
    font-size: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: #fff;
}
#adventure-summary .wrap ul li a{
	color: #fff;
}
#adventure-summary .wrap ul li:before{
    position: absolute;
	content: "+";
	left: 30px;
	margin-top: -4px;
	padding: 0;
	width: 20px;
	font-size: 18px;
	font-weight: 700;
}

/* SUMMARY ICONS */
#adventure-summary ul.summary{
    list-style: none;
    margin: 0;
    padding: 15px 10px;
}
#adventure-summary ul.summary:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
}
#adventure-summary ul.summary li{
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    text-align: center;
}
#adventure-summary ul.summary li:before{
    width: 0px;
    left: 0;
    display: none;
}
#adventure-summary ul.summary li .fa{
    display: block;
    margin: 0 0 8px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}


/* BOOK TOUR */
#adventure-summary .book-tour{
    background: #ffa500;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#adventure-summary .book-tour:hover{
    background: #50B4A8;
}
#adventure-summary .book-tour h2{
    margin: 0;
    padding: 25px 0;
    font-size: 38px;
    color: #fff;
    text-align: center;
    background-image: url(../images/assets/book-now-background.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 90%;
}

/* SHARE PAGE */
#share-page{
	margin: 0;
	padding: 0;
}
#share-page h3{
	margin: 0;
	padding: 22px 0 10px;
}
#share-page .at-share-tbx-element .at-share-btn {
	margin: 0 4px;
}



/******************************
 VIDEOS 
*******************************/
#video-list{
	margin: 0;
	padding: 0;
}

#video-list .embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
	margin-bottom: 25px;
} 
#video-list .embed-container iframe, 
#video-list .embed-container object, 
#video-list .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}


/******************************
 BLOG 
*******************************/
a.more-articles{
	display: inline-block;
    margin: 15px auto;
    padding: 0;
    width: auto;
	color: #4a4a4a;
	font-size: 16px;
	text-transform: uppercase;
    border-bottom: 1px solid #ffa500;

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}
a.more-articles:hover{
	color: #ffa500;
}
#blog{
    display: inline-block;
    width: 100%;
}
#blog .summary-article{
    margin: 0 0 35px;
    border: 1px solid #ededed;
}
#blog .summary-article .summary-img{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 225px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#blog .summary-article .summary-wrap{
    padding: 15px 25px;
    text-align: center;
    background: #fff;
}
#blog.summary-page .summary-wrap{
	background: #fafafa;
}
#blog .summary-article .summary-wrap:after{
    content: "";
    display: inline-block;
    clear: both;
    width: 100%;
    min-height: 1px;
}
#blog .summary-article .summary-wrap .summary-category{
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8c919b;
    letter-spacing: 1px;
}
#blog .summary-article .summary-wrap .summary-category:after{
    content: "I";
    display: inline-block;
    margin: 0 5px 0 8px;
    font-weight: 300;
    color: #8c919b;

	display: none;
}
#blog .summary-article .summary-wrap .summary-date{
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8c919b;
    letter-spacing: 1px;
}
#blog .summary-article .summary-wrap h2{
    margin: 0 0 8px;
    padding: 0;
    font-size: 26px;
}
#blog .summary-article .summary-wrap .summary-title .text.short {        
    overflow: hidden;
}
#blog .summary-article .summary-wrap .summary-title .text.full {
    display: block;
}
#blog .summary-article .summary-wrap p{
    margin: 0;
    padding: 0;
    font-size: 15px;
}
#blog .summary-article .summary-wrap .summary-short .text.short {        
    overflow: hidden;
}
#blog .summary-article .summary-wrap .summary-short .text.full {
    display: none;
}
#blog .summary-article .summary-wrap .ellipsis {
    color: #4a4a4a;
    font-weight: 400;
}
#blog .summary-article .summary-wrap .read-more{
    display: inline-block;
    margin: 20px 0 15px;
    padding: 12px 25px;
    color: #ffa500;
    border: 1px solid #ffa500;
    font-size: 14px;
    font-weight: 700;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
#blog .summary-article .summary-wrap .read-more:hover{
    background: #4a4a4a;
    color: #fff;
    border: 1px solid #4a4a4a;
}

/* ARTICLE LIST */
#blog .article-list{
    margin: 0 0 20px;
    padding: 0;
	background: #526063;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 2px;
}
#blog .article-list h2.article-title{
    margin: 0;
    padding: 20px;
    background: #445356;
	color: #fff;
    font-size: 32px;
}
#blog .article-list ul{
    list-style: none; 
    margin: 0;
    padding: 0;
}
#blog .article-list ul li{
    margin: 0;
    padding: 16px 10px 16px 30px;
    text-indent: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
	color: #fff;
    border-top: 1px solid rgba(255,255,255,0.10);
    
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
#blog .article-list ul li:hover{
    background: #ffa500;
    color: #fff;
}
#blog .article-list a{
    color: #2a2a2a;
    text-decoration: none;
}
#blog .article-list .fa{
	position: absolute;
    margin: 4px 0 0 0;
	left: 28px;
    padding: 0;
    vertical-align: 0;
    font-size: 14px;   
}

/* CATEGORY LIST */
#blog .category-list{
    margin: 15px 0 5px;
    padding: 0;    
}
#blog .category-list h2.category-title{
    margin: 0;
    padding: 0 0 15px;
    font-size: 32px;
}
#blog .category-list ul{
    list-style: none; 
    margin: 0;
    padding: 0;
}
#blog .category-list ul li{
    margin: 0;
    padding: 4px 0;
    text-indent: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
#blog .category-list ul li a{
    color: #2a2a2a;
    text-decoration: none;
}
#blog .category-list ul li em{
    color: #ffa500;
}

/* POST ARTICLE */
#blog .post-article{
    margin: 0;
    padding: 0;
    text-align: left;
}
#blog .post-article img.promo{
	display: block;
    margin: 10px auto;
	width: 100%;
    max-width: 100%;
    height: auto;
}
#blog .post-article img{
    display: block;
    margin:  10px auto;
	margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}
#blog .post-article strong h3{
    margin: 0;
    padding: 15px 0 5px;
}
#blog .post-article strong p{
    margin: 0;
    padding: 0 0 20px;
    font-weight: 700;
}
#blog .post-article h2.article-title{
   padding-bottom: 10px;
}
#blog .post-article h3.article-date{
    margin: 0;
    padding: 0 0 15px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
}
@media screen and (max-width: 992px) {
    #blog .post-article h2.article-title{
        font-size: 28px   
    }
}

/* PAGINATION */
#blog .pagination{
    display: inline-block;
    margin: 75px 0 25px;
    padding: 15px 15px;
    width: 100%;
    border: 1px solid #ededed;
    text-align: center;
}
#blog .pagination .prev-page{
    float: left;
}
#blog .pagination .prev-page i{
    float: left;
    margin: 2px 0 0;  
}
#blog .pagination .next-page{
    float: right;
}
#blog .pagination .next-page i{
    float: right;
    margin: 2px 0 0;  
}

#blog .prevblogarticle{
    float: left;
    margin: 35px 0 65px;
}
#blog .prevblogarticle i{
    float: left;
    margin: 5px 5px 0;
}
#blog .nextblogarticle{
    float: right;
    margin: 35px 0 65px;
}
#blog .nextblogarticle i{
    float: right;
    margin: 5px 0 0 5px;
}






/******************************
 CONTACT 
*******************************/
#contact-info{
	margin: 0;
	padding: 15px 20px;
	background: #fff;
	border: 1px solid #ededed;
}
#contact-info p{
	margin: 0;
	padding-bottom: 5px;
}


/******************************
 FOOTER 
*******************************/
#bottom-graphic{
    margin: 75px 0 0;
    background: url(../images/assets/bg-footer.png) repeat-x scroll -200px 0 rgba(0,0,0,0);
    height: 160px;

	display: none;
}

/* FOOTER */
#main footer{
    display: inline-block;
    margin: 100px 0 0;
    padding: 20px 0 0;
    width: 100%;
    background: url(../images/assets/bg-grey.jpeg) repeat scroll 0 0;

	background: #262626;
    text-transform: uppercase;
    color: #E8E8E8;
}
@media screen and (max-width: 992px) {
    #main footer{
        text-align: center;
    }
}
#main footer h2{
    margin: 35px 0 0;
    font-size: 26px;
}
#main footer a{
 	display: block;
    margin: 0;
    padding: 0 0 8px;
    font-size: 16px;
	color: #e8e8e8;
}
#main footer a:hover{
	text-decoration: underline;
}
#main footer .bottom-footer{
    display: inline-block;
    width: 100%;
    margin: 125px 0 0;
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,0.05);

	background: #212121;
}
#main footer .bottom-footer p{
    margin: 0;
    padding: 0;
}
#main footer .developed-by{
    text-align: right;
}
@media screen and (max-width: 992px) {
    #main footer .developed-by{
        text-align: center;
    }
}
#main footer .developed-by span{
    font-weight: 700;
}



/******************************
 CUSTOM 
*******************************/

@media screen and (max-width: 768px) {
    
}



/******************************
 ADMIN PANEL 
*******************************/
@media screen and (min-width: 992px){
    body.editable{
        margin-top: 40px;
    }
    body.editable header{
        top: 40px;
    }
    body.editable #cd-lateral-nav{
        top: 40px;
    }

    /* ADMIN BUTTONS */
    #admin-buttons{
        position: fixed;
        display: block;
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0;
        height: 40px;
        width: 100%;
        background: #2a2a2a;
        color: #fff;
        z-index: 9999;
    }
    #admin-buttons a{
        float: left;
        display: inline-block;
        margin: 0;
        padding: 0 18px 0 8px;
        width: auto;
        color: #fff;
        border-right: 1px solid rgba(255,255,255,0.10);

        -webkit-transition: background 0.25s ease-in-out;
        -moz-transition: background 0.25s ease-in-out;
        transition: background 0.25s ease-in-out;
    }
    #admin-buttons a:hover{
        background: #e3530d;
    }
    #admin-buttons a span{
        float: left;
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        text-transform: none;
        line-height: 40px;
    }
    #admin-buttons a.route-logo{
        display: block;
        margin: 0 auto;
        height: 40px;
        width: 40px;
		
		background-image: url(../images/admin-panel/route-logo.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 22px;

		display: none;
    }
    #admin-buttons a.logout{
        float: right;
        padding: 0 15px;
    }
    #admin-buttons a.support{
        float: right;
        padding: 0 15px;
    }
    #admin-buttons i {
        position: relative;
        float: left;
        margin: 0;
        width: 36px;
        height: 40px;
        text-align: center;
    }
    #admin-buttons i:hover{
        color: #fff;
    }
    #admin-buttons .fa{
        overflow: hidden;
        vertical-align: 0;
        line-height: 1;
        -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
        -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
        transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    }
    #admin-buttons .fa:after {
        display: none;
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box; 
        -moz-box-sizing: content-box; 
        box-sizing: content-box;
    }
    #admin-buttons .fa:before {
        speak: none;
        font-size: 18px;
        line-height: 40px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased;
    }
    #admin-buttons a:hover .fa:before {
        -webkit-animation: toRightFromLeft 0.3s forwards;
        -moz-animation: toRightFromLeft 0.3s forwards;
        animation: toRightFromLeft 0.3s forwards;
    }

    @-webkit-keyframes toRightFromLeft {
        49% {
            -webkit-transform: translateY(100%);
        }
        50% {
            opacity: 0;
            -webkit-transform: translateY(-100%);
        }
        51% {
            opacity: 1;
        }
    }
    @-moz-keyframes toRightFromLeft {
        49% {
            -moz-transform: translateY(100%);
        }
        50% {
            opacity: 0;
            -moz-transform: translateY(-100%);
        }
        51% {
            opacity: 1;
        }
    }
    @keyframes toRightFromLeft {
        49% {
            transform: translateY(100%);
        }
        50% {
            opacity: 0;
            transform: translateY(-100%);
        }
        51% {
            opacity: 1;
        }
    }
}