/* Font & Awesome CSS */
	@import url('../font-awesome/css/font-awesome.css');
	@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
	@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Oswald:200,300,400,500,600,700&display=swap');
	@import url('../css/Oswald.css');
	@import url('../css/Lato.css');
	@import url('../css/table.css');
	@import url('../css/animate.css');
	@import url('../css/ionicons.min.css');
	@import url('../css/linearicons.css');
	@import url('../css/animsition.css');
	@import url('../css/magnific-popup.css');
	@import url('../css/owl.carousel.css');
	@import url('../css/jquery-ui.css');
	@import url('../stellarNav/css/stellarnav.css');
	@import url('../bootstrap/4.5.0/css/bootstrap.min.css');
	@import url('../bootstrap/4.5.0/css/bootstrap-grid.min.css');
	@import url('../css/btn-custom.css');

	html, body {
    overflow-x:hidden;
    margin:0;
    padding:0;
	}

	body{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	}

.homemessage {
    width:70%;
    font-size:2.7vmax;
    color:rgba(6,255,243,1.00); 
    letter-spacing: 2px; 
}

/* @@@@@@  jQSlickWrap @@@@@@ */
	.wrap.right {
    padding: 0px;
    float: right;
	}

	.wrap.left {
	float: left;
	padding: 0px;
	}

	.divTableCell .container-fluid table {
	background-color:rgba(255,255,255,0.95)
	}

/* @@@@@@ End jQSlickWrap @@@@@@ */


	.divTableCell .container-fluid span{
	 display:block;
	 padding:55px;
	}
	.divTableCell .container-fluid {
		font-size:1.2em;
	}

	.layers .container-fluid  {
    padding-left: 60px;
	}

	dl,dt,dd,ul,ol,li,pre,
	form,fieldset,input,textarea,blockquote {
		padding: 0;
		margin: 0;

	}

	h1,h2,h3,h4,h5,h6 {
	 font-weight:800;
	}

.h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6 {

}
.h4, h4 {
	font-size:inherit;
}
	a, a:active{
		text-decoration:none;
		outline: 0;
		color:#084476;
	}

	a:hover {
		color:#0074FF
	}

	table {
		border-spacing: 0;
	}
	fieldset,img {
		border: 0;
	}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-weight: normal;
		font-style: normal;
	}
	strong{
		font-weight: bold;
	}

	ol,ul {

	}

.divTableCell .container-fluid li {
    list-style: square outside;
	}

.divTableCell .container-fluid ol, .divTableCell .container-fluid ul {
    margin: 0px 0px 0px 24px !important;
    padding: 0px !important;
    display: flow-root;
	}

	caption,th {
		text-align: left;

	}

	q:before,q:after {
		content:'';
	}
	abbr,acronym { border: 0;
	}


	h1.welcome {
		color:#BE7B00 !important;
		font-size:calc(14px + 4vmax) !important;
		font-weight: 300;
		line-height: 1.2;
		font-family: 'Oswald', sans-serif;
		animation-duration: 20s;
		animation-name: faceInLeft;
		animation-iteration-count: infinite;
		text-transform:capitalize;
		font-variant:small-caps;     
	}

	h1.welcome-2 {
		font-size:calc(14px + 6vmax) !important;
		font-weight: 600;
		line-height: 1.2;
		font-family: 'Oswald', sans-serif;
		text-transform:capitalize;
		font-variant:small-caps;           
	}

	a.btn-book.btn.btn-light {
		poistion:relative;
		z-index: 99999;
		font-size:calc(10px + 0.7vmax) !important;
		font-weight: 600;
		font-family: 'Oswald', sans-serif !important;
		font-size:3.1vh !important;
		color: rgba(255,255,255,1.00) !important;
		background-color: rgba(219,230,240,0.68)!important;
		border-color: rgba(248,249,250,0.82) !important;
		font-weight: 800 !important;
		text-shadow: 1px 1px 3px #000000;
		margin-top:25px;
	}

	a.btn-book.btn.btn-light:hover {
    color: #FFA600 !important;
	}


	a.btn-book2.btn.btn-light {
    position: absolute;
    top: 130px;
    right: 10vw;
    z-index: 2;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: calc(10px + 1.5vmin);
    background-color: rgba(219,230,240,0.68) !important;
    border-color: rgba(248,249,250,0.82) !important;
    margin-top: 25px;
    letter-spacing: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: 2px 2px 4px #000;
}

	a.btn-book2.btn.btn-light:hover {
    color: #010101 !important;
    background-color: rgba(219,230,240,1.0) !important;
    border-color: rgba(248,249,250,1.0) !important;
    text-shadow: 1px 1px 1px #000;
	}



/* ======= BTN Custom Buttons =======   */
	.info-box-wht .btn.btn-primary {
		position:absolute; left:-140px; top:0px; white-space:nowrap; font-size:1.1rem	
	}
	.btn-float-right {
		position: relative; float:right; padding:12px;
	}

	#read-more {
        -webkit-animation: action 1s infinite  alternate;
        animation: action 1s infinite  alternate;
    }
    @-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }

	}
/* ======= End BTN Custom Buttons =======   */
	.popup-youtube{
	  position:absolute;
	  left:15%;
	  bottom:10%;
	  display:inline-block;
	  color:#fff;
	  font-size:2vmin !important;
	  white-space:nowrap;
	}

	.popup-youtube a, .popup-youtube:visited{
	  text-decoration: none;
	  color:#fff;
	}

	.popup-youtube:hover{
	  text-decoration: none;
	  color:#BE7B00;
	}
	
	
/* 1.5 Icons */
.copy-bottom{
  display: block;
  position: absolute;
  z-index: 110;
  left:0;
  bottom:2.4rem;
  color: #000;
}

.copy-bottom.white, .copy-bottom.white a {
  color: #fff;
  font-size:1rem;
  padding:12px;
}

.icon1 {
  display: block;
  position: absolute;
  z-index: 110;
  right:8vw;
  bottom:2.4rem;
  color: #fff; 
}


.icon1.white, .icon1.white a {
  color: #fff;
  font-size:1rem;
  padding:1.5vw;
  margin-right:2vw;
}

.iconsS-tweet, .iconsS-facebook, .iconsS-instagram, .iconsS-youtube {
	display:block;
    width: 2.5vmax;
    height: 2.5vmax;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin:.5vmax;
	white-space: nowrap;
}

.iconsS-tweet {
    background-image: url(../imgs/icons/iconsS-tweet.svg);
}

.iconsS-tweet:hover {
    background-image: url(../imgs/icons/iconsS-tweet-hover.svg);
}

.iconsS-facebook{
    background-image: url(../imgs/icons/iconsS-f-book.svg);
}

.iconsS-facebook:hover {
	background-image: url(../imgs/icons/iconsS-f-book-hover.svg);
}

.iconsS-instagram{
    background-image: url(../imgs/icons/iconsS-instagram.svg);
}

.iconsS-instagram:hover {
    background-image: url(../imgs/icons/iconsS-instagram-hover.svg);
}

.iconsS-youtube{
    background-image: url(../imgs/icons/iconsS-youtube.svg);
}

.iconsS-youtube:hover {
    background-image: url(../imgs/icons/iconsS-youtube-hover.svg);
}

.icon{
  display: inline-block;
}

.ion-ios-play{
    position: relative;
    padding-top: 12px;
    padding-right: 3.5vw;
    padding-left: 3.5vw;
    padding-bottom: 12px;
	margin-right: 12px;
    line-height: 6vmax;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 1.5rem;
    margin-top: 4rem;
    color: #fff;
    transition: all .3s ease-out;
}

.ion-ios-play:hover{
  color: #BE7B00;
  border: 1px solid #BE7B00;
}

.ion-ios-play:after {
  content: '';
  position: absolute;
  right: 100%;
  top:50%;
  height: 1px;
  width: 9999rem;
  background: #fff;

}

/* 1.6 Preloader */

.animsition{
  position:absolute;
  z-index: 1000;
  left: 0;
  width: 100%;
  top:0;
  height: 100%;
}

.loader{
  position: fixed;
  overflow: hidden;
  z-index: 1500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:#1b1b1b;
  color:#4b4b4b;
  text-align: center;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #BE7B00;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* 1.7 Helpers */

.text-muted{
  color: #999!important;
}

.text-white{
  color: #fff;
}

.text-primary{
  color:#BE7B00!important;
}

.masked{
  position: relative;
}

.masked:before,
.masked-03:before{
  content:'';
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
}

.masked-03:before{
  opacity: 0.3;
}


.section h1, .section h2, .section h3, .section h4 {
	font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.section h2 {font-size:3vmax !important;}

.info-box-wht p {
	font-size:1.6vmax;
}

.info-box-btn-rel {
	position:relative;
	float:right;

}
.info-box-btn-abso {
	position:absolute;
	right:-100px;
	z-index:300;
}


.info-box-btn-abso .btn {
    border-radius: 8%;
	font-size: 1em !important;
	color: rgba(255,255,255,1.00) !important;
	background-color: #355D8E !important;
	border-color: rgba(248,249,250,0.82) !important;
	font-weight: 800 !important;
	text-shadow: 1px 1px 3px #000000;
	white-space: nowrap;
}

.info-box-btn-abso .btn:hover {
	color: #BE7B00 !important;
	text-decoration: none;
}


a.play-link,
a.play-link:hover {
    background-color: #B33F46;
}
    

a.play-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 1vh;
	padding:12px;
	max-width:9vmax;
    border-radius: 50%;
    background-color: #355D8E;
    color: #fff;
    font-size: 1.8vmax;
	line-height:1.2vh;
	white-space: nowrap;
}

a.play-link:hover {
    background-color: #254267;
}

/* Revealer text effect */


a.play-link {
    transition: width .25s , border-radius .25s;
}

a.play-link {
    width: 200px;
    border-radius: 3px;
    transition: width .25s;
}
/*  end of revealer text effect */


/* Section 1
 * --------------------------------------- */
.section.section-1 .welcome, .section.section-1 .welcome-2 {
	position:relative;
	top:-6vmin;
}


/* Section 2
 * --------------------------------------- */

/* Section 3
 * --------------------------------------- */

/* Section 4
 * --------------------------------------- */

/* Section 5
 * --------------------------------------- */


	/* Defining each section background and styles
	* --------------------------------------- */
	#section1{
        background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('../imgs/bg/home1.jpg');
	}
	#section2{
    background-image: url(../imgs/bg/page2.jpg);
    background-position: 200px 124px !important;
	}
	#section3{
		background-image: url(../imgs/bg/page3.jpg);
		padding: 6% 0 0 0;
	}

	#section4{
		background-image: url(../imgs/bg/page4.jpg);
		padding: 6% 0 0 0;
		backgrounc-color:#fff;
	}

	#section5{
		background-image: url(../imgs/bg/page5.jpg);
		padding: 0 0 0 0;
	}

	#section6{
		background-image: url(../imgs/bg/page5.jpg);
		padding: 0 0 0 0;
	}
	#section-abouts{
    background-image: url(../imgs/bg/subpage-bckg-about.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
	}

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6
	{
    background-size: cover !important;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
	}

	#section2 .intro{
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 30px;
	}
	
	#section3 h1{

	}

	#section1 h1{
		margin: 0 auto;
	}	
	
	#section2 h1,
	#section2 p{

	}

	#section3 h1,
	#section3 p{

	}

	#section4 h1,
	#section4 p{

	}

	.section-bar { position:absolute; top:0; background-color: rgba(8,18,22,0.70); height:70px; width:100%; }

	#infoMenu li a{
			color: #fff;
	}
	#section1 {
		text-align:center;
		overflow: hidden;
	}
	#section1 h1{
		color:#fff;
	}

	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */

/*-------------------------------------------------------------------------------
  2. Navbar
-------------------------------------------------------------------------------*/
#navigation {
  background:rgb(0, 0, 0, 0.6);
}

.navbar { 
  position: absolute;
  display:block;
  z-index: 101;
  left:0;
  top:0;
  width:100%;
  color: #fff;
  margin:0;
  border-radius: 0;
  padding:0 !important;
}

.navbar-bg {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  width: 100%;
  height: 0;
  background: #272727;
  z-index: -1;
  box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -o-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.navbar-fixed{
  position: fixed;
}

.navbar-fixed .navbar-bg{
  height: 100%;
  
  box-shadow: 0 0 35px rgba(0,0,0,0.2);
}

.navbar .brand{
  float: left;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}


/* #################    ###################### */


.navbar-fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}

.navbar-fixed-top.scrolled .nav-link {
  color:#555;
}

/* #################    ###################### */

/* 2.1 Navbar elements */

.brand{
  color: #fff;
  display:block;
}

a.brand:hover,
a.brand:focus{
  text-decoration: none;
  color: #fff;
}

.brand img{
  display: inline-block;
  vertical-align:middle;
  margin-right: 0.65rem;
  margin-left: 4rem;
  width:150px;
  height:auto;
  z-index: 100;
}

.brand-info{
  display: inline-block;
  vertical-align: middle;
}

.brand-name{
  font-weight: 600;
  font-size: 1.714rem;
  line-height: 1;
}

.brand-text{
  font-size: 0.857rem;
  font-weight: 300;
  margin-top: -0.3rem; 
}

.navbar-toggle{
  float: right;
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  border: 0;
  margin-top:0.8rem;
}

.navbar-toggle:focus{
  outline:none;
}

.navbar-toggle .icon-bar{
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-toggle:hover .icon-bar{
  background-color:  #BE7B00;
}

.navbar .social-list {
  float: right;
  margin-right: 10%;
}


.social-list {
  /*overflow:hidden; */
	
}

.social-list-bottom {
  display: block;
  position: absolute;
  z-index: 110;
  right:1px;
  bottom:2.4rem;
  color: #000;

}

.social-list a{
  float: left;
  font-size: 1.428rem;
  line-height: 1;
  color:#3498db;
  margin-left: 2rem;
}

.social-list a:first-child{
  margin-left: 0;
}

.social-list a:hover{
  color:#BE7B00;
  text-decoration: none;
}

.navbar-spacer{
  float: right;
  margin:-1rem 4.5rem 0;
  width: 1px;
  height: 3.3rem;
  background-color: #3c3c3c;
}

.navbar-address{
  float: right;
  font-weight: 600;
  text-transform: uppercase;
}

.contacts{
  float: left;
  margin-left: 9rem;
  margin-top:0.5rem;
}

.contacts .contact-item{
  display: inline-block;
/*  color: #fff;  */
  margin-right:2rem;
}

.contacts .contact-item a{
/* color: #fff;  */
}


.contacts .contact-item.spacer{
  opacity: 0.3;
}

.contact-address{
  margin-top:5rem;
}

#success,
#error{
  display:none;
}

.form-group-message{
  display:none;
}



/* ----------------- Menu Right Coloration ----------------------- */

#pp-nav{
  z-index: 9999 !important;
  width: 2.1428rem;
  margin-top:0!important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#pp-nav.right{
  right:0;
}

#pp-nav .pp-nav-up,
#pp-nav .pp-nav-down{
  display: none;
  font-size: 1.3428rem;
  cursor: pointer;
  color: #000;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#pp-nav .pp-nav-up{
  margin-bottom: 3.5rem;
}

#pp-nav .pp-nav-down{
  margin-top: 3.5rem;
}

#pp-nav li, .pp-slidesNav li{
  margin:1.928rem auto;
  width: 10px;
  height: 10px;
}

#pp-nav span, .pp-slidesNav span {
    left: 0;
    top: 0;
    cursor: pointer;
    width: 8px;
    height: 8px;
    background: #000;
    border: thin solid rgba(164,164,164,0.30) !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(2);
}

#pp-nav .pp-nav-up:hover,
#pp-nav .pp-nav-down:hover,
#pp-nav.white .pp-nav-up:hover,
#pp-nav.white .pp-nav-down:hover{
  color: #BE7B00;
}

#pp-nav.white .pp-nav-up,
#pp-nav.white .pp-nav-down{
  color: #BE7B00;
}

#pp-nav.white span, .pp-slidesNav span{
  background: #fff;
}

#pp-nav li .active span, .pp-slidesNav .active span,
#pp-nav span:hover, .pp-slidesNav span:hover{
  opacity: 1;
}

#pp-nav li .active span, .pp-slidesNav .active span{
  opacity: 1;
  background: #BE7B00;
  transform:scale(2);
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip{
	color: #BE7B00 ;
}

/* ================ VIDEO ================ */

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(8,18,22,0.90);
    /* opacity: .7; */
    z-index: 1;
		}

	#Video{
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
		background-color: black; /* in case the video doesn't fit the whole page*/
		/*background-image: ; */
		background-position: center center;
		background-size: contain;
		object-fit: cover; /*cover video background */
	}
	
/***********************************/
/*         CSS FROM ORIG           */
/**********************************/
  #logo {
	z-index: 300;
	position:absolute;
	left:0px;
	width:15vw;
	max-width:200px;
	min-width:140px;
	padding: 1% 0 0 24px;
  }

  #logo2 img{
	display:none;
  }

.header .btn {
	font-size: .8em !important;
	color: rgba(255,255,255,1.00) !important;
	background-color: rgba(219,230,240,0.68)!important;
	border-color: rgba(248,249,250,0.82) !important;
	font-weight: 800 !important;
	text-shadow: 1px 1px 3px #000000;
}
/*********************************************/
/* footer styles */
/*********************************************/


#footer {
	background-color: #212629;
	padding: 0px 50px 50px 50px;
	color: #eeeeee;
    text-align:center;
}

#footer-section {
	width: 100%;
	background-color: rgba(55,71,79,0.00);
	padding: 0px 50px 50px 50px;
	color: #eeeeee;
    font-size: 1.4em;
}


#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color: #eeeeee;
}

#footer h4 {
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

#footer ul {
	padding-left: 0;
	list-style: none;
}

#footer ul a, #footer-section  ul a{
	color: #fff;
}

#footer-section ul {
    list-style-type: none;
}

#footer ul a:hover, #footer-section  ul a:hover {
	color: #00ABFF;
	text-decoration: none;
}

#footer .btn {
	font-size: .8em !important;
	color: rgba(255,255,255,1.00) !important;
	background-color: rgba(219,230,240,0.68)!important;
	border-color: rgba(248,249,250,0.82) !important;
	font-weight: 800 !important;
	text-shadow: 1px 1px 3px #000000;
}

#footer .btn:hover {
	color: #000000 !important;
	text-decoration: none;
	text-shadow: 0px 0px 0px #000;
}

#footer-section a.btn-light {
	color: rgba(255,255,255,1.00) !important;
	background-color: rgba(219,230,240,0.68)!important;
	border-color: rgba(248,249,250,0.82) !important;
	font-weight: 800 !important;
	text-shadow: 1px 1px 3px #000000;
	font-size:1.3vmax;
}

#footer-section a.btn-light:hover {
    color: #00ABFF !important;
}

#footer-section ul {
	margin-bottom:14px;
}


.footer-inner {

}

.fcol1 {
    display:inline-block; padding:4px; vertical-align: text-top; text-align: left; width:260px;
}
.fcol2 {
    display:inline-block; padding:4px; vertical-align: text-top; text-align: left; width:260px;
}
.fcol3 {
    display:inline-block; padding:4px; vertical-align: text-top; text-align: left; width:260px;
}
.fcol4 {
    display:inline-block; padding:4px; vertical-align: text-top; text-align: left; width:260px;
}
/* ==================== End Footer ==================== */



/*********************************************/
				/* DivTable */
/*********************************************/
.divTableCell .container-fluid {

/*	height:190vh; */
}

.divTable{
	display: table;
	width:100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
/*	border: 1px solid #999999; */
	display: table-cell;
/*	padding: 3px 10px; */
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.sub_div {
	color:#fff;
	width:50vw;
	min-width:400px;
	line-height:10vh;
	font-size:calc(10px + .8vw);
	margin-bottom:4.5vw;
	position: absolute; 
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 1rem 1rem 1rem 1rem;
}


/* ==================== End DivTable ==================== */

/* ==================== banner  ==================== */

div.subpage-banner .fixed-top {
	position: relative;
	top:0;
}

div.subpage-banner .title {
	font-family: "Oswald"; 
	font-weight: 400; 
	font-style: normal;
	padding-top:55px;
	padding-left:50px;
	font-size: 2.5rem;
	/* white-space:nowrap; */
}

div.subpage-banner { 
  position: relative;
  background-color: black;
  height: 250px;
  max-height:300px;
  min-height:200px;
/*   overflow: hidden; */
}


div.subpage-banner h1, div.subpage-banner h2, div.subpage-banner h3, div.subpage-banner h4,
	div.subpage-banner h5 {
	display: block;
	color: #fff;
}


div.subpage-request .subpage-banner {
    background-image: url(../imgs/pages/subpage-banner-request.jpg);
    background-position: left -226px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.subpage-facts .subpage-banner {
    background-image: url('../imgs/pages/subpage-banner-facts-drk.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.subpage-history .subpage-banner {
    background-image: url('../imgs/pages/subpage-banner-history-drk.jpg');
    background-position: left center;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div.subpage-links .subpage-banner {
	background-image: url('../imgs/pages/subpage-banner-related-links-drk.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div.subpage-contact .subpage-banner {
	background-image: url('../imgs/pages/subpage-banner-contact-drk.jpg');
	background-position: left -90px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/***********************************/
/* SIDEBAR STYLES */
/**********************************/


.list-group-item.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    text-shadow: 0 -1px 0 #2c3e50;
    background-image: -webkit-linear-gradient(270deg,rgba(44,62,80,1.00) 0%,rgba(44,62,80,1.00) 99.48%);
    background-image: -o-linear-gradient(270deg,rgba(44,62,80,1.00) 0%,rgba(44,62,80,1.00) 99.48%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2c3e50), to(#2c3e50));
    background-image: -moz-linear-gradient(270deg,rgba(44,62,80,1.00) 0%,rgba(44,62,80,1.00) 99.48%);
    background-image: linear-gradient(180deg,rgba(44,62,80,1.00) 0%,rgba(44,62,80,1.00) 99.48%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #888888;
    border-style: solid;
}

#sidebar {
	width:280px;
	margin-right:50px;
}

#sidebar a {
	text-decoration: none;
	color: #1E1E1E;
	cursor: pointer;
}

#sidebar a:hover {
	text-decoration: none !important;
	color: rgba(53, 53, 53, 1.00) !important;
	background-color: #E1E1E1;
}

#sidebar a:visited {
	text-decoration: none;
	color: #0e86c2;
}

#sidebar a:focus {
	outline: thin dotted;
}

#sidebar h3 {
	font-size: 13px !important;
	font-size: 1.3rem;
	font-weight: 600;
	margin: 20px 0 5px 20px;
	color: #000;
	letter-spacing: .39mm;
	text-transform: uppercase;
}

#sidebar ul.list {
	list-style: none;
	margin-left: 5px;
}

#sidebar  ul li {
	font-size: 13px;
	font-size: 1.002rem !important;
	padding: 5px 10px;
	border-top: dotted 1px #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	line-height: 30px;
}

#sidebar  li:hover {
	margin-left: 0px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #fbfbfb; /* Old */
}

#sidebar ul li.first {
	padding-top: 5px;
	border-top: 1px dotted #e6e6e6;
}

#sidebar ul li.first:hover {
	padding-top: 5px;
	border-top: 1px solid #e6e6e6;
}

#sidebar ul li.last {
	padding-top: 5px;
	border-bottom: 1px dotted #e6e6e6;
}

#sidebar small {
	font-size: 10px;
	font-size: 0.825rem;
	color: #a3a3a2;
}
/* Sidebar styles ~~ Animation */
#sidebar .iconDesc {
	font-size: .78em;
	color: #1295a3;
	font-type: normal;
	width: 200px !important;
	line-height: 1.3em !important;
	display: block;
}

.signuppanel {
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
	color: #fff;
}

.signuppanel a {
	color: #fff !important;
}

.signuppanel p {
	color: #000 !important;
}

.signuppanel h3 {
	color: #000 !important;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 26px;
	font-weight: bold;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}


blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 18px;
	font-style: italic;
    border-left: 5px solid #38a7bb;
}
blockquote, q {
    quotes: "" "";
}

cite {
text-align: right;
display: block;
padding: 0;
margin: 0;
font-size: 1rem;
position: relative;
top: -30px;
}

/* ================ ARROW SLIDER UP DOWN ================ */
.scroll-down {
    position: absolute;
    text-align: center;
    width: 32px;
    height: 32px;
    border-style: solid;
    border-color: #fff;
    border-width: 0px 8px 8px 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 10%;
    right: 0;
    margin: 0 auto;
    bottom: 40px;
    z-index: 200;
    -webkit-animation: up-down 0.5s ease-in-out infinite alternate;
    animation: up-down 0.5s ease-in-out infinite alternate;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #000000;
}

.scroll-down.black {
  border-color: #000 !important;
  border-style: solid;
  border-color: #fff;
  border-width: 0 3px 3px 0;
}


@-webkit-keyframes up-down {
  0% {
    -webkit-transform: translateY(0) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(5px) rotate(45deg);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  100% {
    transform: translateY(5px) rotate(45deg);
  }
}



/* ********************************************** */
/* ================ MEDIA SCREEN ================ */
/* ********************************************** */

@media only screen and (max-width:1400px) {
	
#rap{
 display:none !important;
	
}
	
.divTableCell .container-fluid span {
	background-color:rgba(255,255,255,0.89);
	padding:15px;
	min-height:45vh;
}
}

@media only screen and (max-width:1187px) {

	#section5 .pp-tableCell {
	    vertical-align:text-top;
		padding-top:130px;
	}
	
  #logo {
	display:none;
  }
  #logo2 img {
	display:block;
	z-index: 300;
	position:absolute;
	left:0px;
	width:15vw;
	max-width:200px;
	min-width:140px;
	padding: 1% 0 0 24px;
  }
	
	div.subpage-banner .title {
	padding-top:90px;
	font-size: 1.8rem;
    width:50%;
	}
    
	.navbar.navbar-fixed-top {
		padding-bottom: 18px !important;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 4px !important;
		height:auto !important;
	}
	
	div.subpage-request .subpage-banner {
    background-image: url('../imgs/pages/subpage-banner-request.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
	div.subpage-facts .subpage-banner {
    background-image: url('../imgs/pages/subpage-banner-facts-drk.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
	div.subpage-history .subpage-banner {
    background-image: url('../imgs/pages/subpage-banner-history-drk.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
	div.subpage-links .subpage-banner {
		background-image: url('../imgs/pages/subpage-banner-related-links-drk.jpg');
		background-position: left center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	div.subpage-contact .subpage-banner {
		background-image: url('../imgs/pages/subpage-banner-contact-drk.jpg');
		background-position: 0% 0px;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#sidebar, .container-fluid .col-3 {
		display:none;
	}
	
	.container-fluid .col-md-9 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}


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

	.section h1, .section h2, .section h3, .section h4 {
	}
	
	.section h2 {font-size:3vmax !important;}
	
	.section p{font-size:2.6vmax;
	}
	
	#section2{
		background-position: -100vmax 0vmax !important;
		padding: 6% 0 0 0;
	}
	
	#section3{
		background-position: -40vmax 0vmax ;
		padding: 6% 0 0 0;
	}
	
	#section4{
		background-position: -40vmax 0vmax ;
		padding: 6% 0 0 0;
		background-color:#fff;
	}

    
	#footer ul a, #footer-section ul a {
	
	}
	
	#footer ul a:hover, #footer-section ul a:hover {
		color: #BE7B00 !important;
		text-decoration: none;
	}
    
	#pp-nav {
		display: none;
	}

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section2 .info-box-wht,
	#section3 .info-box-wht,
	#section4 .info-box-wht {
    padding: 2vmax;
    background-color: rgba(255,255,255,0.95);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.53);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.53);
	}
	
	#section2 .info-box-wht h2, 
	#section3 .info-box-wht h2, 
	#section4 .info-box-wht h2, 
	#section5 .info-box-wht h2, 
	#section6 .info-box-wht h2{
	font-size: 4vmax;
	line-height:normal;
	}
	
	#section2 .info-box-wht p,
	#section3 .info-box-wht p,
	#section4 .info-box-wht p{
	font-size: 2.5vmax;
	line-height:normal;
	}

	#section6 .container-fluid {
	padding-top:9vh;
	}

}


@media screen and (max-width: 531px) {
	
	#section5 .pp-tableCell {
	    vertical-align:text-top;
	}	

	div.subpage-banner .title {
	padding-top:90px;
	font-size: 1.8rem;
	width:200px;
	}
	
	div.subpage-request .subpage-banner {
    background-image: url('../imgs/pages/subpage-banner-request.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	}
	div.subpage-facts .subpage-banner {
		background-image: url('../imgs/pages/subpage-banner-facts-drk.jpg');
		background-position: left top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	div.subpage-history .subpage-banner {
		background-image: url('../imgs/pages/subpage-banner-history-drk.jpg');
		background-position: left top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
    
    div.subpage-links .subpage-banner {
        background-image: url('../imgs/pages/subpage-banner-related-links-drk.jpg');
        background-position: left top;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
	div.subpage-contact .subpage-banner {
		background-image: url('../imgs/pages/subpage-banner-contact-drk.jpg');
		background-position: left top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}	
}


@media screen and (max-width: 480px) {
	
	.layers .container-fluid  {
    padding-left: 20px;
    padding-right: 20px;
	}
	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section2 .info-box-wht,
	#section3 .info-box-wht,
	#section4 .info-box-wht {
    padding: 2vmax;
    background-color: rgba(255,255,255,0.95);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.53);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.53);
	}
	
	#section6 .container-fluid {
	padding-top:10vh;
	}

	#section2{
    background-position: -80vmax 0vmax !important;
	}
	#section3{
     background-position: -40vmax 0vmax !important;
	}
	#section4{
     background-position: -114vmax 0vmax !important;
	}
		
	img {
	  width: 100% !important;
	  height: auto !important;
	}
    
    div.subpage-banner .title {
        padding-top:100px;
        padding-left:15px;
        font-size: 1.6rem;
    }
    
    .divTableCell .container-fluid h3 {
    font-size:1em;
    }
    
    .divTableCell .container-fluid h4 {
    font-size:1.3em;
    }
    
	.divTableCell .container-fluid span{
    font-size:.9em;
     display:block !important;
     padding:15px !important;
	}
    
    #footer-section {font-size:.9em}

/* ================ ARROW SLIDER UP DOWN ================ */
	#section6 .scroll-down {
		left:-35px !important;
		bottom: 30px;
	}
	.scroll-down.black {

	}
	
}

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


}
/*  =================  End @media  =================  */