/* Show it is fixed to the top */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
html,
body {
  height: 100%;
}
/* Prelaoder */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../images/preloader.svg") no-repeat center center;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

.head-cover { top: 50px; }

.bg-black { background-color: #21211c }

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #03C4EB;
  color: #fff;
}
p {
	font-family: 'Roboto', sans-serif ;
   font-weight:300;
   font-size: .9375rem;
   line-height: 2rem;
   color: black;
   }
.brand {font-family: 'Roboto', sans-serif ;
   font-weight:300;
   font-size: .9375rem;
   line-height: 1.75rem;
   }
.ttl {
	font-family: 'Playfair Display', serif;
	font-size: 1.375rem !important;
	line-height: 2.5rem;
	letter-spacing: 0.085rem;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  box-shadow: inset 0 0 5rem rgba(0,0,0,.1);
}




.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
/* Padding for spacing */
.inner {
  padding: 2rem;
}



@media (min-width: 40em) {
/* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: top;
  }

  /* Handle the widths */
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 62em) {

  .cover-container {
    width: 90%;
  }
}


/***************************
		CHAPTER
*****************************/

.chapter_00 {
    background: rgb(34,34,34);
    background: radial-gradient(circle at left center, #222222 800px, #414042) !important;
/**background: -webkit-linear-gradient(left, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 52%, rgba(65,64,66,1) 100%);
background: -o-linear-gradient(left, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 52%, rgba(65,64,66,1) 100%);
background: linear-gradient(to right, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 52%, rgba(65,64,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#414042",GradientType=1);**/
}

.chapter_01 {
	background: rgba(74,20,105,1);
	background: -moz-linear-gradient(45deg, rgba(74,20,105,1) 0%, rgba(140,39,142,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(74,20,105,1)), color-stop(100%, rgba(140,39,142,1)));
	background: -webkit-linear-gradient(45deg, rgba(74,20,105,1) 0%, rgba(140,39,142,1) 100%);
	background: -o-linear-gradient(45deg, rgba(74,20,105,1) 0%, rgba(140,39,142,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(74,20,105,1) 0%, rgba(140,39,142,1) 100%);
	background: linear-gradient(45deg, rgba(74,20,105,1) 0%, rgba(140,39,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a1469', endColorstr='#8c278e', GradientType=1 );
    
}

.chapter_02 {
	background: rgba(233,192,2,1);
	background: -moz-linear-gradient(45deg, rgba(211,175,5,1) 0%, rgba(255,211,0,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(211,175,5,1)), color-stop(100%, rgba(255,211,0,1)));
	background: -webkit-linear-gradient(45deg, rgba(211,175,5,1) 0%, rgba(255,211,0,1) 100%);
	background: -o-linear-gradient(45deg, rgba(211,175,5,1) 0%, rgba(255,211,0,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(211,175,5,1) 0%, rgba(255,211,0,1) 100%);
	background: linear-gradient(45deg, rgba(211,175,5,1) 0%, rgba(255,211,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3af04', endColorstr='#ffd400', GradientType=1 );
}
.chapter_03 {
	background: rgba(187,4,74,1);
	background: -moz-linear-gradient(45deg, rgba(136,0,45,1) 0%, rgba(236,17,100,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(136,0,45,1)), color-stop(100%, rgba(236,17,100,1)));
	background: -webkit-linear-gradient(45deg, rgba(136,0,45,1) 0%, rgba(236,17,100,1) 100%);
	background: -o-linear-gradient(45deg, rgba(136,0,45,1) 0%, rgba(236,17,100,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(136,0,45,1) 0%, rgba(236,17,100,1) 100%);
	background: linear-gradient(45deg, rgba(136,0,45,1) 0%, rgba(236,17,100,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88002d', endColorstr='#ec1164', GradientType=1 );
}
.chapter_04 {
	background: rgba(0,106,128,1);
	background: -moz-linear-gradient(45deg, rgba(0,74,104,1) 0%, rgba(0,125,133,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,74,104,1)), color-stop(100%, rgba(0,125,133,1)));
	background: -webkit-linear-gradient(45deg, rgba(0,74,104,1) 0%, rgba(0,125,133,1) 100%);
	background: -o-linear-gradient(45deg, rgba(0,74,104,1) 0%, rgba(0,125,133,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(0,74,104,1) 0%, rgba(0,125,133,1) 100%);
	background: linear-gradient(45deg, rgba(0,74,104,1) 0%, rgba(0,125,133,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a68', endColorstr='#007d85', GradientType=1 );
}
.chapter_05 {
	background: rgba(245,135,77,1);
	background: -moz-linear-gradient(45deg, rgba(242,112,76,1) 0%, rgba(245,155,77,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(242,112,76,1)), color-stop(100%, rgba(245,155,77,1)));
	background: -webkit-linear-gradient(45deg, rgba(242,112,76,1) 0%, rgba(245,155,77,1) 100%);
	background: -o-linear-gradient(45deg, rgba(242,112,76,1) 0%, rgba(245,155,77,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(242,112,76,1) 0%, rgba(245,155,77,1) 100%);
	background: linear-gradient(45deg, rgba(242,112,76,1) 0%, rgba(245,155,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2704c', endColorstr='#f79b4d', GradientType=1 );
}
.chapter_06 {
	background: rgba(74,73,75,1);
	background: -moz-linear-gradient(45deg, rgba(50,46,48,1) 0%, rgba(98,99,102,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(50,46,48,1)), color-stop(100%, rgba(98,99,102,1)));
	background: -webkit-linear-gradient(45deg, rgba(50,46,48,1) 0%, rgba(98,99,102,1) 100%);
	background: -o-linear-gradient(45deg, rgba(50,46,48,1) 0%, rgba(98,99,102,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(50,46,48,1) 0%, rgba(98,99,102,1) 100%);
	background: linear-gradient(45deg, rgba(50,46,48,1) 0%, rgba(98,99,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322e30', endColorstr='#626366', GradientType=1 );
}
.chapter_07 {
	background: rgba(244,136,136,1);
	background: -moz-linear-gradient(45deg, rgba(241,133,141,1) 0%, rgba(246,157,132,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,133,141,1)), color-stop(100%, rgba(246,157,132,1)));
	background: -webkit-linear-gradient(45deg, rgba(241,133,141,1) 0%, rgba(246,157,132,1) 100%);
	background: -o-linear-gradient(45deg, rgba(241,133,141,1) 0%, rgba(246,157,132,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(241,133,141,1) 0%, rgba(246,157,132,1) 100%);
	background: linear-gradient(45deg, rgba(241,133,141,1) 0%, rgba(246,157,132,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1718d', endColorstr='#f69d84', GradientType=1 );
}
.brand-title {
	font-family: 'Roboto', sans-serif ;
	font-size: 1.813rem;
	font-weight: 700;
	letter-spacing: 0.25rem;
}
.brand-title-2 {
	font-family: 'Roboto', sans-serif ;
	font-size: 1.813rem;
	font-weight: 500;
	letter-spacing: 0.125rem;
}
.bg-brand-1 { background-color: #404041; }
.bg-brand-2 { background-color: #231f20; }
.headcombo_1 {
	font-family: 'Libre Baskerville', serif;
}
.headcombo_2 {
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-size: 2.875rem;
	letter-spacing: 0.25rem;
}
.box-left { 
    /**border-right: 2px solid white;**/
    background: url(../images/box-right.svg) center left no-repeat;
    }


section { background-color: white !important }


.quote_one {
	border-top:thin dotted #ccc;
	border-bottom:thin dotted #ccc; 
	padding: 1.5rem 0;
}
.quote_two {
	border-bottom:thin dotted #ccc; 
	padding: 1.5rem 0;
}
.paging {
	position: absolute;
	top: 1.375rem;
	left: 1.75rem;
	z-index: 999;
}
.bigpad {
	  padding: 100px 0; }
.big_tp4 {
	position: relative;
    background: url('../images/dmy.jpg') center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	min-height: 100%;
}


.big_tp5 {
	position: relative;
    background: url('../images/dmy.jpg') center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	min-height: 650px;
}
.big_story {
	position: relative;
    background: url('../images/dmy.jpg') top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	min-height: 100%;
}
.half_v {
    background-image: url('../images/dmy.jpg');
    background-repeat: no-repeat;
    background-size: 50% 100%;
	min-height: 850px;
}
.half_v2 {
    background-image: url('../images/dmy.jpg');
    background-repeat: no-repeat;
    background-size: 50% 100%;
	background-position: right;
	min-height: 840px;
}
.half_v3 {
    background: url('../images/dmy_m.jpg') top center no-repeat ;
	background-size:auto;

}
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}



.tx_white { color: white !important;}	
.tx_black { color: black !important; }

.top_150 { top: 150px;}


.chap_list, .chap_list_2 {
	font-size: 1rem !important;
    font-family: 'Roboto', sans-serif;
	letter-spacing: 0.15rem;
	font-weight: 500;
	padding: 15px 0 10px 0;
	line-height: 1.125rem;
	vertical-align: middle;
}

@media (min-width: 768px) {

.chap_list, .chap_list_2 {
	font-size: 1.063rem !important;
	letter-spacing: 0.15rem;
	font-weight: 500;
	padding: 15px 0 10px 0;
	line-height: 2rem;
	vertical-align: middle;
}

.head-cover { top: 100px; }
    
}

.chap_list a { color: white; }
.chap_list_2 a { color: black; }
.chap_list a:hover, .chap_list_2 a:hover  {
	text-decoration: none;
}
.chap_div, .chap_div_2 {
	font-family: 'Roboto', sans-serif;
	font-size: 	2.5rem;
	padding: 0 10px;
	font-weight: 100;
	vertical-align:middle;
}
.chap_div { color: white }
.chap_div_2 { clear: black }

.chap_div, .chap_div_2 {
	content:"-";
}

/***** chapter 01 ****/
.cover_realm { background-image: url(../images/c1/08/01.jpg) !important; }
.cover_pilgrim { background-image: url(../images/c1/02/02_01.jpg) !important; }
.cover_kulet { background-image: url(../images/c1/03/03.jpg) !important; }
.cover_frankitas { background-image: url(../images/c1/04/04.jpg) !important; }
.cover_kooshboo { background-image: url(../images/c1/05/05.jpg) !important; }
.cover_woodworks { background-image: url(../images/c1/06/06.jpg) !important; }
.cover_straits { background-image: url(../images/c1/01/01.jpg) !important; }
.cover_penan { background-image: url(../images/c1/09/09.jpg) !important; }
.cover_saco { background-image: url(../images/c1/07/07.jpg) !important; }
.cover_olfac3 { background-image: url(../images/c1/10/10.jpg) !important; }

.cover_senijari { background-image: url(../images/c1/12/12-01.jpg);}
.cover_fireworks { background-image: url(../images/c1/13/13-01.jpg);}
.cover_istimewa { background-image: url(../images/c1/14/14-01.jpg);}
.cover_fourjei { background-image: url(../images/c1/15/15-01.jpg);}

/***** chapter 02 ****/
.cover_apo { background-image: url(../images/c2/01/01.jpg) !important; }
.cover_soap { background-image: url(../images/c2/02/02.jpg) !important; }
.cover_naked { background-image: url(../images/c2/03/03.jpg) !important; }
.cover_syam { background-image: url(../images/c2/04/01.jpg) !important; }
.cover_roots { background-image: url(../images/c2/05/05.jpg) !important; }

.cover_tyde { background-image: url(../images/c2/06/06-01.jpg) !important; }
.cover_loka { background-image: url(../images/c2/07/07-01.jpg) !important; }
.cover_oripure { background-image: url(../images/c2/08/08-01.jpg) !important; }

/***** chapter 03 ****/
.cover_gramps { background-image: url(../images/c3/05/05.jpg) !important; }
.cover_raw { background-image: url(../images/c3/04/02.jpg) !important; }
.cover_recro { background-image: url(../images/c3/03/01.jpg) !important; }
.cover_ficus { background-image: url(../images/c3/01/01.jpg) !important; }

.cover_metisse { background-image: url(../images/c3/06/06-01.jpg) !important; }

/***** chapter 04 ****/
.cover_kongsi { background-image: url(../images/c4/01/01.jpg) !important; }
.cover_junk { background-image: url(../images/c4/02/01.jpg) !important; }

.cover_gasket { background-image: url(../images/c4/03/03-01.jpg) !important; }
.cover_ratu { background-image: url(../images/c4/04/04-01.jpg) !important; }
.cover_row { background-image: url(../images/c4/05/05-01.jpg) !important; }
.cover_chowkit { background-image: url(../images/c4/06/06-01.jpg) !important; }

/***** chapter 05 ****/
.cover_gtx { background-image: url(../images/c5/05/01.jpg) !important; }
.cover_mimi { background-image: url(../images/c5/06/02.jpg) !important; }
.cover_mir { background-image: url(../images/c5/03/03.jpg) !important; }
.cover_aris { background-image: url(../images/c5/04/04.jpg) !important; }
.cover_kenneth { background-image: url(../images/c5/01/01.jpg) !important; }
.cover_kerol { background-image: url(../images/c5/02/02.jpg) !important; }

.cover_mikhail { background-image: url(../images/c5/07/07-01.jpg) !important; }

/***** chapter 06 ****/
.cover_cycleism { background-image: url(../images/c6/01/01.jpg) !important; }
.cover_fly { background-image: url(../images/c6/02/02.jpg) !important; }
.cover_dance { background-image: url(../images/c6/03/03.jpg) !important; }

/***** chapter 07 ****/
.cover_pops { background-image: url(../images/c7/06/01.jpg) !important; }
.cover_dapur { background-image: url(../images/c7/02/02.jpg) !important; }
.cover_sixth { background-image: url(../images/c7/03/03.jpg) !important; }
.cover_sunday { background-image: url(../images/c7/04/04.jpg) !important; }
.cover_pretty { background-image: url(../images/c7/05/05.jpg) !important; }
.cover_roxanne { background-image: url(../images/c7/01/01.jpg) !important; }

.cover_thurdvys { background-image: url(../images/c7/07/07-01.jpg) !important; }
.cover_wolf { background-image: url(../images/c7/08/08-01.jpg) !important; }
.cover_grill { background-image: url(../images/c7/09/09-01.jpg) !important; }
.cover_mak { background-image: url(../images/c7/10/10-01.jpg) !important; }
.cover_niko { background-image: url(../images/c7/11/11-01.jpg) !important; }


.story_01 { background-image: url(../images/c1/08/01_06.jpg) !important; }
.story_01_2 { background-image: url(../images/c1/08/01_10.jpg) !important; }
.story_03 { background-image: url(../images/c1/03/03_08.jpg) !important; }
.story_04 { background-image: url(../images/c1/04/04_06.jpg) !important; }
.story_07 { background-image: url(../images/c1/07/07_07.jpg) !important; }
.story_08 { background-image: url(../images/c2/04/01_04.jpg) !important; }
.story_08_2 { background-image: url(../images/c2/04/01_06.jpg) !important; }
.story_11 { background-image: url(../images/c3/03/01_06.jpg) !important; }
.story_14 { background-image: url(../images/c5/01/01_06.jpg) !important; }
.story_16 { background-image: url(../images/c5/02/02-12.jpg) !important; } 
.story_17 { background-image: url(../images/c7/01/01-08.jpg) !important; background-size: cover !important }
.story_18 { background-image: url(../images/c7/01/01_07.jpg) !important; }
.story_19 { background-image: url(../images/c7/05/05-08.jpg) !important; }
.story_20 { background-image: url(../images/c7/06/01_07.jpg) !important; }
.story_21 { background-image: url(../images/c5/05/01_06.jpg) !important; }
.story_22 { background-image: url(../images/c2/01/01-10.jpg) !important; }
.story_23 { background-image: url(../images/c6/01/01_06.jpg) !important; }
.story_24 { background-image: url(../images/c1/14/14-07.jpg) !important; } 
.story_25 { background-image: url(../images/c4/05/05-07.jpg) !important; }  

.story_26 {
    background-image: none;

}
.story_27 {
    background-image: url(../images/c4/06/06-06.jpg);
    background-position: center bottom;
    background-size: cover;
}

@media (min-width: 768px) {
.chap_list:hover  {
	border-bottom: 0 solid white;
}
.chap_list_2:hover  {
	border-bottom: 0 solid black;
}
.chap_div, .chap_div_2 {
	content:"|";
}
    
 
    
 .story_16 { background-image: url(../images/c5/02/02-06.jpg) !important; }  
 .story_17 { background-image: url(../images/c7/01/01-04.jpg) !important; }
 .story_19 { background-image: url(../images/c7/05/05-06.jpg) !important; }
 .story_22 { background-image: url(../images/c2/01/01-06.jpg) !important; }
 .story_24 { background-image: url(../images/c1/14/14-06.jpg) !important; } 
 .story_25 { background-image: url(../images/c4/05/05-06.jpg) !important; }  
    
    .story_26 {
    background-image: url(../images/c4/06/06-03.jpg);
    background-position: center center;
    background-size: cover;
}
}


body#fashion a#fashionnav,
body#knick a#knicknav,
body#home a#homenav,
body#places a#placesnav,
body#faces a#facesnav,
body#living a#livingnav, 
body#eats a#eatsnav {
	
	/****border-bottom: 1px solid #333;***/
	color: #f15a29 !important;
}


.h-94 {
  height: 94% !important;
}

/*****margin & padding extra*****/
.mt-6 {
  margin-top: 5rem !important;
}
.mt-7 {
  margin-top: 7rem !important;
}
.pt-6 {
  padding-top: 5rem !important;
}
.pt-7 {
  padding-top: 7rem !important;
}
.pb-6 {
  padding-bottom: 5rem !important;
}
.pb-7 {
  padding-bottom: 7rem !important;
}
.py-6 {
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
}
.py-7 {
 padding-top: 7rem !important;
 padding-bottom: 7rem !important;
}
.mt-150 {
	margin-top: 75px; }
.mt-200 {
	margin-top: 100px; }
.mt-250 {
	margin-top: 125px; }	
.mt-300 {
	margin-top: 150px; }

@media (min-width: 576px) {
.mt-sm-6 {
  margin-top: 5rem !important;
}
.mt-sm-7 {
  margin-top: 7rem !important;
}
.pt-sm-6 {
  padding-top: 5rem !important;
}
.pt-sm-7 {
  padding-top: 7rem !important;
}
.pb-sm-6 {
  padding-bottom: 5rem !important;
}
.pb-sm-7 {
  padding-bottom: 7rem !important;
}
.py-sm-6 {
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
}
.py-sm-7 {
 padding-top: 7rem !important;
 padding-bottom: 7rem !important;
}
.mt-150 {
	margin-top: 150px; }
.mt-200 {
	margin-top: 200px; }
.mt-250 {
	margin-top: 250px; }	
.mt-300 {
	margin-top: 300px; }
}
@media (min-width: 768px) {
.mt-md-6 {
  margin-top: 5rem !important;
}	
.mt-md-7 {
  margin-top: 7rem !important;
}
.pt-md-6 {
  padding-top: 5rem !important;
}	
.pt-md-7 {
  padding-top: 7rem !important;
}
.pb-md-6 {
  padding-bottom: 5rem !important;
}
.pb-md-7 {
  padding-bottom: 7rem !important;
}
.py-md-6 {
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
}
.py-md-7 {
 padding-top: 7rem !important;
 padding-bottom: 7rem !important;
}
.big_tp5 { min-height: 860px; }
}
@media (min-width: 992px) {
.mt-lg-6 {
  margin-top: 5rem !important;
}
.mt-lg-7 {
  margin-top: 7rem !important;
}
.pt-lg-6 {
  padding-top: 5rem !important;
}
.pt-lg-7 {
  padding-top: 7rem !important;
}
.pb-lg-6 {
  padding-bottom: 5rem !important;
}
.pb-lg-7 {
  padding-bottom: 7rem !important;
}
.py-lg-6 {
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
}
.py-lg-7 {
 padding-top: 7rem !important;
 padding-bottom: 7rem !important;
}
.pt-lg-chapter {
  padding-top: 2.75rem !important;
}

}
@media (min-width: 1200px) {
.mt-xl-6 {
  margin-top: 5rem !important;
}
.mt-xl-7 {
  margin-top: 7rem !important;
}
.pt-xl-6 {
  padding-top: 5rem !important;
}
.pt-xl-7 {
  padding-top: 7rem !important;
}
.pb-xl-6 {
  padding-bottom: 5rem !important;
}
.pb-xl-7 {
  padding-bottom: 7rem !important;
}
.py-xl-6 {
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
}
.py-xl-7 {
 padding-top: 7rem !important;
 padding-bottom: 7rem !important;
}
}


/* Side Menu */

#sidebar-wrapper {
    position: fixed;
    z-index: 1000;
    right: 0;
    overflow-y: auto;
    width: 350px;
    height: 100%;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    transform: translateX(350px);
    background: #222;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.125rem;
    line-height: 36px;
    text-indent: 20px;
}

.sidebar-nav li a {
	
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    line-height: 35px;
    height: 65px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 350px;
    width: 350px;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.toggle {
    font-size: 1em;
    margin: 5px 5px 0 0;
    padding: 15px 20px;
}