@import url("../elements/central.css");
@import url("../forms/central.css");
@import url("../tables/central.css");
@import url("../social/central.css");
@import url("../errors/central.css"); 
@import url("../profile/central.css");
@import url("../../../notifications/css/central.css");
@import url("../../../user/css/central.css");
@import url("../../../search/css/central.css");
@import url("../../../cart/css/central.css");
@import url("../../../slider/css/central.css");
@import url("../../../effects/css/central.css");
@import url("../../../popup/css/central.css");
@import url("../../../shop/css/central.css");
@import url("../../../ads/css/central.css");
@import url("../../../products/css/central.css");
@import url("../../../comments/css/central.css");
@import url("../../../faqs/css/central.css");
@import url("../blog/central.css");
@import url("../../../feedback/css/central.css");
@import url("../../../reviews/css/central.css");
@import url("../../../notes/css/central.css");

 

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* ---------------------------------- overall ---------------------------------- */



 
#overall {
    display: block;
    padding: 0;
    position: relative;
	z-index: 2;
    background: #c9c9c9;
    min-height: 100vh;
    color: #777;
}


#overallcover {
    display: block;
    padding: 0;
    position: relative;
	z-index: 2;
    background: #FFF;
    min-height: 100vh;
    color: #777;
}

#overallx {
    display: block;
    padding: 1em 0;
    position: relative;
	z-index: 2;
    background: #FFF;
    min-height: 100px;
    color: #777;
}






/* ---------------------------------- top ---------------------------------- */
 
#topmast {

    display: block;
    background: #efefef;
    min-height: 100px;
    width: 82%;
    margin: 0 auto;
    padding: 2em 0 0 0;
    background: -webkit-linear-gradient(to bottom, #c9c9c9, #e4e3e3, #e4e3e3);
    background: -moz-linear-gradient(to bottom, #c9c9c9, #e4e3e3, #e4e3e3);
    background: linear-gradient(to bottom, #c9c9c9, #e4e3e3, #e4e3e3);

}



 
#topmast2 {

    display: block;
    min-height: 100px;
    width: 49%;
    margin: 0 auto;
    padding: 1em 0 0 0;
    position: relative;

}


/* logo holder */
#topmast2 > span:nth-child(1),
#topmast > span:nth-child(1) {
    display: flex;
    justify-content: space-between;
    min-height: 50px;
    padding: 0 1em 1em 1em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

 


 


/* 1st topmast */
#topmast2 > span:nth-child(1) > span:nth-child(1) > a,
#topmast2 > span:nth-child(1) > span:nth-child(1),
#topmast > span:nth-child(1) > span:nth-child(1) > a,
#topmast > span:nth-child(1) > span:nth-child(1) {
    display: block;
    height: 50px;
    padding: 1px 0 0 0;
    width: 220px;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#topmast2 > span:nth-child(1) > span:nth-child(1) > a > img,
#topmast > span:nth-child(1) > span:nth-child(1) > a > img {

    display: block;
    padding: 0;
    width: 100%;
    height: auto;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



/* phone */
#topmast > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    text-align: right;
    font-size: 23px;
    color: #333;
    position: relative;
    top: -15px;
    font-family: 'interbold';
    font-family: 'GraphikLCG-Bold';
    letter-spacing: -1px;
}


#topmast > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > a {
    display: block;
    min-height: 10px;
    text-align: right;
    font-size: 23px;
    color: #10387c;
    font-family: 'interbold';
    font-family: 'GraphikLCG-Bold';
    letter-spacing: -1px;
}







#topmast2 > span:nth-child(1) > span:nth-child(2),
#topmast > span:nth-child(1) > span:nth-child(2) {

    display:  block;
    min-height: 10px;
    width: 30%;
    padding: 0;
    max-height: 30px;

    /*  */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



 

 
#topmast2 > span:nth-child(1) > span:nth-child(1) > a,
#topmast2 > span:nth-child(1) > span:nth-child(1){
    width: 180px;
}

/* xxxxxxxxxxxxxxxxxx */



#menu {
    display: flex;
    justify-content: space-between;
    min-height: 20px;
    padding: 0 1em;

    /*  */
    -webkit-border-top: 1px dotted #5897df;
    -moz-border-top: 1px dotted #5897df;
    border-top: 1px dotted #5897df;

}


#menu > span:nth-child(1) {

    display: flex;
    justify-content: flex-start;
    min-height: 10px;
    padding: 0;

}





#menu > span:nth-child(1) > a {

    display: grid;
	place-items: center;
    min-height: 10px;
    padding: 0;
    margin-right: 2em;
    font-size: 14px;
    font-family: 'intermedium';
    font-weight: 900;
    color: #656877;
	-webkit-border-bottom: 4px solid transparent;
	-moz-border-bottom: 4px solid transparent;
	border-bottom: 4px solid transparent;

}





#menu > span:nth-child(1) > a:hover {
    -webkit-border-bottom: 4px solid #0fac86;
	-moz-border-bottom: 4px solid #0fac86;
	border-bottom: 4px solid #0fac86;
	/* -------------------------- */
    color: #0fac86;
    font-weight: 800;

}










/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */







#menu > span:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    min-height: 10px;
    padding: 0.3em 0;
    width: 35%;

}



#menu > span:nth-child(2) > span:nth-child(1) {

    display: flex;
    justify-content: flex-end;
    min-height: 10px;
    padding: 0.3em 0;
    
}

 



#menu > span:nth-child(2) > span:nth-child(1) > a {
    display: grid;
    place-items: center;
    min-height: 30px;
    width: 40px;
    padding: 0;
    color: #0041a8;
    font-size: 15px;

}


#menu > span:nth-child(2) > span:nth-child(1) > a:hover {
    color: var(--green1);
}

.up {
	color: #0046c7;
	font-weight: 800;
	/* ------------------- */
	-webkit-border-bottom: 4px solid #0046c7;
	-moz-border-bottom: 4px solid #0046c7;
	border-bottom: 4px solid #0046c7;
}

/* xxxxxxxxxxxxxxxxx */




#maincontent > span > main:nth-child(2) {
    display: block;
    min-height: 10px;
    padding: 20px 0;
    margin: 0 auto;
    width: 20%;
    
}



#maincontent > span > main:nth-child(2) > a {
    display: grid;
    place-items: center;
    min-height: 50px;
    padding: 0 1em;
    margin: 0;
    width: 100%;
    background: #099871;
    color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#maincontent > span > main:nth-child(2) > a:hover {
    background: #c2a257;
}






#menu > span:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    padding: 0.3em 0 0.3em 1em;
    width: 30%;

}

/* xxxxxxxxxxxxxxxxx */





#menu > span:nth-child(2) > span:nth-child(2) > a {

    display: grid;
    place-items: center;
    min-height: 35px;
    padding: 0;
    width: 100%;
    color: #FFF;
    font-size: 17px;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    border-top: #6fbcfb 2px solid;
    border-bottom: #0e6ebd 2px solid;
    /*  */
    background: -webkit-linear-gradient(to right, #0711d5, #0b94bd);
    background: -moz-linear-gradient(to right, #0711d5, #0b94bd);
    background: linear-gradient(to right, #0711d5, #0b94bd);

}


#menu > span:nth-child(2) > span:nth-child(2) > a:hover {
    background: var(--good);
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





 

 
 

 


 


 

/* ---------------------------------- top ---------------------------------- */





























/* ---------------------------------- Body ---------------------------------- */

 

#pgimg {

	display: block;  
	background: #2935a5;
	height: 30vh;
	overflow: hidden;
	position: relative;
  
  }
  
  
  
  #pgimg > span {  
	display: block;  
	width: 100%;
	height: 30vh;
	overflow: hidden;
	position: relative
  }
  
  
  
  #pimg {
  
	display: block;
	width: 100%;
	height: 30vh;
  }



  
#pimg > img {
	display: block;
	width: 100%;
	height: auto;
		/*  */
	  -webkit-mask-image: linear-gradient(to bottom, transparent, #FFF);
	-moz-mask-image: linear-gradient(to bottom, transparent, #FFF);
	mask-image: linear-gradient(to bottom, transparent, #FFF);
  
  
  }
  
  
  
  .ptxt {
	  display: block;
	  min-height: 100px;
	  width: 40%;
	  min-width: 50vw !important;
	  overflow: hidden;
	  position: absolute;
	  top: 30px;
	  left: 30px;
	  right: 0;
	  z-index: 4;
	  margin: 0;
	  color: #dfeef5;
	  font-family: 'cal';
	  font-size: 26px;
  
  }
  
  
  
  
  
  .ptxt > span:nth-child(1) {
	display: block;
	min-height: 10px;
	margin: 0;
	color: #dfeef5;
	font-family: 'cal';
	font-size: 33px;
	font-weight: 700;
  
  }
  
  
  
  
  
  .ptxt > span:nth-child(2) {
	display: block;
	min-height: 10px;
	margin: 0;
	color: #dfeef5;
	font-family: 'cal';
	font-size: 17px;

  }
  
  
  
  /* xxxxxxxxxxxxxxxxxxxxxx */
  /* botomlinks */
  /* xxxxxxxxxxxxxxxxxxxxxx */
  





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#maincontent {

    display: block;
    margin: 0 auto;
    width: 82%;
    position: relative;
    z-index: 1;
    min-height: 10px;
    padding: 0;
    background: #efefef;
    font-family: 'cal';
    font-size: 17px;
    color: #555;

    -webkit-border-top: 1px dotted #5261c6;
    -moz-border-top: 1px dotted #5261c6;
    border-top: 1px dotted #5261c6;

}






#maincontent2 {

    display: block;
    margin: 0 auto;
    width: 52%;
    position: relative;
    z-index: 1;
    min-height: 10px;
    padding: 0;
    font-family: 'cal';
    font-size: 17px;
    color: #555;
    -webkit-border-top: 1px dotted #EEE;
    -moz-border-top: 1px dotted #EEE;
    border-top: 1px dotted #EEE;

}


#maincontent2 > div {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    min-height: 20px;
    width: 100%;
    margin: 0;
    padding: 2em 0;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}


#maincontent2 > div > span {
    display: block;
    min-height: 10px;

}



#maincontent2 > div > span > a {
    display: block;
    min-height: 10px;
}




#maincontent2 > div > span > a > span:nth-child(1) {
    display: block;
    min-height: 10px;
    font-size: 13px;
    font-family: 'interLightbeta';
    padding: 0 0 10px 0;
    color: #4653be;
}


#maincontent2 > div > span > a > span:nth-child(2) {
    display: block;
    min-height: 10px;
    font-size: 33px;
    font-family: 'GraphikLCG-Bold';
    text-transform: uppercase;
    padding: 0 0 10px 0;
    letter-spacing: -2px;
    color: #5d6a72;
}


#maincontent2 > div > span > a > span:nth-child(3) {
    display: block;
    min-height: 500px;
    max-height: 500px;
    background: #EEE;
    overflow: hidden;
    /* ---------------- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


#maincontent2 > div > span > a > span:nth-child(3) > img {
    display: block;
    width: 100%;
    height: auto;
}

#maincontent2 > div > span > a > span:nth-child(4) {
    display: block;
    min-height: 90px;
    padding: 1em 0;
    color: #444;
    font-size: 13px;
    font-family: 'interLightbeta';
    line-height: 18px;
}


#maincontent2 > div > span > a > span:nth-child(5) {
    display: block;
    min-height: 10px;
    width: 10%;
    font-size: 13px;
    font-family: 'interLightbeta';
    line-height: 18px;
    background: #EEE;
    /* ------------------ */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


#maincontent2 > div > span > a:hover > span:nth-child(5) {
    background: #11e9a4;
}

/* -------------------------- */

#maincontent2 > div > span:nth-child(2) {
    -webkit-border-left: 1px dotted #CCC;
    -moz-border-left: 1px dotted #CCC;
    border-left: 1px dotted #CCC;
}



#maincontent > div {

    display: flex;
    justify-content: space-between;
    min-height: 20px;
    width: 100%;
    margin: 0;
    padding: 2em 2em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}


#maincontent > span {

    display: block;
    min-height: 20px;
    width: 100%;
    margin: 0;
    padding: 2em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}





#maincontent > section {

    display: block;
    min-height: 20px;
    width: 100%;
    margin: 0;
    padding: 2em 2em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

 



#maincontent > div > span:nth-child(2) {

    display: block;
    min-height: 20px;
    padding: 0 ;
    width: 25%;
    margin: 0;
    text-align: right;
    border-right: 1px dotted #bebebe;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}







.border-top {

    -webkit-border-top: 1px dotted #1164c3;
	-moz-border-top: 1px dotted #1164c3;
	border-top: 1px dotted #1164c3;

}


#maincontent > div > span:nth-child(1) > h6,
#maincontent > div > span:nth-child(1) > h5 {

    display: block;
    min-height: 10px;
    padding: 0 0 0.3em 0;
    margin: 0;
    font-family: 'hightlight-1';
    font-size: 30px;
    color: #444;
    line-height: 30px;
    letter-spacing: -1px;

}





#maincontent > div > span:nth-child(1) {

    display: block;
    min-height: 20px;
    padding: 0;
    margin: 0;
    width: 72%;

    /*  */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}





#maincontent > div > span:nth-child(2) {

    display: block;
    min-height: 20px;
    padding: 0 ;
    width: 25%;
    margin: 0;
    text-align: right;
	/* ----------------- */
    -webkit-border-right: 1px dotted #bebebe;
	-moz-border-right: 1px dotted #bebebe;
	border-right: 1px dotted #bebebe;
	/* ----------------- */
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



















.border-top {
    border-top: 1px dotted #1164c3;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */










/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
/* -------------  about us ---------------  */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */

.imprtsector {
	display: block;
	min-height: 100px;
	padding: 1em 2em 1em 2em !important;
	width: 98%;
	font-family: 'cal';
	background: #EEE;
	margin-top: 2em;
    font-size: 15px;
    font-family: 'interLightbeta';
    font-weight: 700;
    line-height: 26px;
    color: #777;
  }
  
  
 
  
  
  .imprtsector > div > strong,
  .imprtsector > strong {
	display: inline-block;
	color: #111;
	font-size: 18px;
    padding: 0 6px;
    line-height: 16px;
    font-size: 15px;
    font-family: 'interbold';
    font-weight: 700;
  
  }
  
  

  .imprtsector > div > p > strong:first-child ,
  .imprtsector > p > strong:first-child {
	display: block;
	color: #111;
    padding: 0;
    font-size: 22px;
    font-family: 'interbold';
    font-weight: 700;
  
  }
  
  
  
  .imprtsector2 {
	display: block;
	min-height: 10px;
	padding: 0 !important;
	width: 100%;
	font-family: 'cal';
	background: #EEE;
	margin-top: 1em;
  }
  
  
  
  
  
  .imprtsector2 > span:nth-child(1) {
  
	display: block;
	height: 300px;
	padding: 0 !important;
	width: 100%;
	font-family: 'cal';
	background: #9eb5df;
	overflow: hidden;
	margin: 0;
  
	/*  */
  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  
  }
  
  
  
  
  
  .imprtsector2 > span:nth-child(1) > img {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'cal';
	background: #9eb5df;
	margin: 0;
  
	/*  */
  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  
  }
  
  
  
  
  
  
  
  
  
  
  
  .imprtsector2 > span:nth-child(2) {
  
	display: block;
	min-height: 10px;
	padding: 1em !important;
	width: 100%;
	font-family: 'cal';
	background: #EEE;
	margin-top: 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  
  }
  
  
  
  


  .grided2 {

	display: grid;
	
	grid-template-columns: 1fr 1fr;
	
	grid-gap: 1.5em;
	
	min-height: 100px;
	
	padding: 2em 0;
	
	
	
	}
	
	
	
	.grided > span > img,
	.grided2 > span > img {

		display: block;
		width: 100%;
		height: auto;
		padding: 0 0 1.5em 0;
	
	}
	
	
	
	.grided2 > span > span {
	
		display: block;
		min-height: 100px;
	}
	
	
	
	
	
	.grided2 > span > a {
	
	display: inline-block;
	
	padding: .5em 0;
	
	border-bottom: 1px solid #CCC;
	
	font-size: 18px;
	
	color: #999;
	
	margin-bottom: 2em;
	
	
	
	}
	
	
	
	
	
	.grided2 > span > a:hover {
	
	border-bottom: 1px solid rgb(1, 181, 236);
	
	color: rgb(59, 81, 206);
	
	
	
	}
	
	
	
	
	
	
	
	.thesignups {
		display: block;
		padding: 0.5em 0;
	}
	
	
	
	.grided2 > span > strong, .grided > span > strong {
	
	  display: block;
	  color: #222;
	  font-size: 17px;
	  padding: 0 0 0.6em 0;
	
	}
	
	
	
	#keycontents > section > div.grided2 > span:nth-child(1) > span > ul {
	
	  display: block;
	  margin: 0;
	  padding: 0 0 1em 1.8em;
	
	}
	

	









	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





#fleet {

    display: block;
    background: #2f3033;

    /*  */

    background: -webkit-linear-gradient(to bottom, #4e4e4e, #181818);

    background: -moz-linear-gradient(to bottom, #4e4e4e, #181818);

    background: linear-gradient(to bottom, #4e4e4e, #181818);

     /*  */

    min-height: 70vh;
    overflow: hidden;
    position: relative;

  } 








/* holder grid */
#fleet > span {

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    height: 70vh;
    overflow: hidden;
    position: relative;

  } 






  /* column  */
  #fleet > span > span {

    display: block;
    overflow: hidden;
    border-right: 1px dotted #2a3b4e;
    position: relative;

  }

  /* column  */





  /* column  */

  #fleet > span > span:hover {

    background: -webkit-linear-gradient(to bottom, #05193b, #204380, #051736);
    background: -moz-linear-gradient(to bottom, #05193b, #204380, #051736);
    background: linear-gradient(to bottom, #05193b, #204380, #051736);

  }

  /* column  */









/* text */

#fleet > span > span > span:nth-child(1) {

    display: block;
    font-family: 'cal';
    position: absolute;
    top: 25%;
    left: 40px;
    width: 70%;
    min-height: 20px;
    /* background: #4067c9; */

} 



    



/* no in text */

#fleet > span > span > span:nth-child(1) > span:nth-child(1) {

    display: block;
    min-height: 10px;
    font-size: 60px !important;
    font-family: 'cal';
    color: #777777;
    font-family: 'shoulders';

} 





#fleet > span > span > span:nth-child(1) > span:nth-child(2) {

    display: block;
    min-height: 10px;
    font-size: 11px;
    font-family: 'cal';
    color: #a2abad;
    font-family: 'cal';

} 





#fleet > span > span > span:nth-child(1) > span:nth-child(2) > strong {

    display: inline-block;
    min-height: 10px;
    font-size: 11px;
    font-family: 'cal';
    color: #62b1c9;
    font-family: 'cal';
    padding: 0 0.9em 0 0;

} 

/* xxxxxxxxxxxxxxxxxxxxxx */





#fleet > span > span > span:nth-child(1) > span:nth-child(3) {

    display: block;
    min-height: 55px;
    font-size: 22px;
    font-family: 'cal';
    color: #a2abad;
    font-family: 'cal';
    font-weight: 700;
    padding: 0.4em 0;

} 



#fleet > span > span > span:nth-child(1) > span:nth-child(4) {

    display: block;
    min-height: 10px;
    font-size: 14px;
    font-family: 'cal';
    color: #828690;
    font-weight: 100;
    padding: 2em 0;

} 



/* img */

#fleet > span > span > span:nth-child(2)  {

    display: block;
    min-height: 10px;
    font-size: 13px;
    font-family: 'cal';
    position: absolute;
    top: 55%;
    right: 0;
    /* background: #67c940; */
    width: 92%;

} 



  /* xxxxxxxxxxxxxxxxxxxxxxxx */



 



  #fleet > span > span > span:nth-child(2) > img {

    display: block;
    min-height: 20px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    height: auto;
    width: 100%;
    opacity: 0.90;
	filter: alpha(opacity=90);
  } 







  #fleet > span > span > a {

      display: block;
      width: 40%;
      position: absolute;
      bottom: -40px;
      background: #10387c;
      left: 0;
      right: 0;
      min-height: 20px;
      margin: 0 auto;
      padding: 0.5em 0;
      color: #99b2dd;
      font-family: 'cal';
      font-size: 15px;
      text-align: center;
      z-index: 100;
        /*  */
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        /*  */

  }







#fleet > span > span > a:hover {

    background: -webkit-linear-gradient(to bottom, #e2b110, #e7d95a);
    background: -moz-linear-gradient(to bottom, #e2b110, #e7d95a);
    background: linear-gradient(to bottom, #e2b110, #e7d95a);
    color: #333;

}









/* ------------------------------------ */
#driverconnect {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
}

#driverconnect > span:nth-child(1) {
    display: block;
    width: 40%;
    min-height: 10px;
    position: relative;
    z-index: 1;
    padding: 2em;
}

#driverconnect > span:nth-child(1) > span:nth-child(1) {
    display: block;
    width: 20px;   
    color: #9ebeff;

    /* ------------------------ */
    -webkit-border-bottom: 3px solid #EEE;
    -moz-border-bottom: 3px solid #EEE;
    border-bottom: 3px solid #EEE;
    /* ------------------------ */
    min-height: 10px;
    padding: 0 0 0.4em 0;
    font-family: 'shoulders';
    font-size: 22px;
}


#driverconnect > span:nth-child(1) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    font-family: 'GraphikMedium';
    font-size: 22px;
    padding: 0.5em 0 0 0;
    color: #DDD;
}

#driverconnect > span:nth-child(1) > span:nth-child(3) {
    display: flex;
    justify-content: flex-start;
    min-height: 10px;
    font-family: 'GraphikMedium';
    font-size: 12px;
    padding: 0.6em 0;
    color: #999;
}

#driverconnect > span:nth-child(1) > span:nth-child(3) > span:nth-child(1) {
    display: block;
    color: #b499ff;
    padding: 0 0.5em 0 0;
}

#driverconnect > span:nth-child(1) > span:nth-child(3) > span:nth-child(2) {
    display: block;
    color:#d9d9d9;
    padding: 0;
    text-transform: uppercase;
}


#driverconnect > span:nth-child(1) > span:nth-child(4) {
    display: block;
    min-height: 10px;
    font-family: 'interLightbeta';
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 2em 0;
    color: #b6badd;
}

#driverconnect > span:nth-child(1) > span:nth-child(5) {
    display: inline-block;
    min-height: 10px;
    font-family: 'interLightbeta';
    font-size: 13px;
    line-height: 22px;
    color: #999;

}


#driverconnect > span:nth-child(1) > span:nth-child(5) > span {
    display: block;
    min-height: 10px;
    font-family: 'interLightbeta';
    font-size: 13px;
    line-height: 22px;
    color: #999;
    padding: 5px 0;
}

#driverconnect > span:nth-child(1) > span:nth-child(5) > span:not(:last-child) {
    -webkit-border-bottom: 1px dotted #685e5e;
    -moz-border-bottom: 1px dotted #685e5e;
    border-bottom: 1px dotted #685e5e;
}


#driverconnect > span:nth-child(1) > span:nth-child(6) {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    min-height: 10px;
    padding: 1em 0 0 0;
}

#driverconnect > span:nth-child(1) > span:nth-child(6) > span:nth-child(1) {
    display: grid;
    place-items: center;
    width: 150px;
    min-height: 40px;
}

#driverconnect > span:nth-child(1) > span:nth-child(6) > span:nth-child(1) > a {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 40px;
    color: #FFF;
    padding: 0 1em;
    white-space: nowrap;
    /* ------------------------------ */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* ------------------------------ */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /* ------------------------------ */
    background: -webkit-linear-gradient(to bottom right, #350a80, #305bea);
    background: -moz-linear-gradient(to bottom right, #350a80, #305bea);
    background: linear-gradient(to bottom right, #350a80, #305bea);
}



#driverconnect > span:nth-child(1) > span:nth-child(6) > span:nth-child(2) {
    display: flex;
    place-items: center;
    width: 70%;
    min-height: 40px;
    padding: 0 0 0 1em;
}

/* --------------------------------- */




#driverconnect > span:nth-child(2) {
    display: block;
    width: 60%;
    height: 70vh;
    position: relative;
    z-index: 2;
    overflow: hidden;
}




#driverconnect > span:nth-child(2) > img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: 60px;
 
}


/* ------------------------------------ */







  /* #fleet > span > span:nth-child(1) > a */

#fleet > span > span:hover > a {
	bottom: 35px;
}


#umodule {
    display: none;
}



.imprtsector2 > span:nth-child(2) > a {
    display: block;
    padding: 1em;
    margin-top: 1em;
    background: #555;
    color: #CCC;
    width: 120px;
    text-align: center;
    font-family: 'cal';

}







#cov {

    display: block;
    min-height: 1px;
    border-top: 1px dotted #e6e6e6;
    padding: 0;


}





/* shuttle */

#schmenu {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	width: 100;
}



#schmenu > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 20px;
	width: 30%;
}


#schmenu > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	min-height: 20px;
	width: 50%;
    padding: 0 2em 0 0;
}


#schmenu > span:nth-child(2) > a {
	display: block;
	min-height: 10px;
	font-family: 'oswaldnormal';
	font-size: 17px;
	color: #EEE;
	padding: 1.5em 1em 0 1em;

}


#schmenu > span:nth-child(2) > a:hover {
	color: #6affe4;
}


#schmenu > span:nth-child(2) > a:not(:first-child) {
    -webkit-border-left: 1px dotted #999;
    -moz-border-left: 1px dotted #999;
    border-left: 1px dotted #999;
}


.stack {
	display: block;
	min-height: 60vh;
	position: relative;
	z-index: 1;

}



.greeens {
	background: #305795;
}




.sects > span {
    display: block;
    min-height: 10px;
    padding: 0 0 0.2em 0;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */








#shuttlemain {
	display: block;
	min-height: 10px;
	position: relative;
	/* background: #444; */
}


#shuttlemain > div:nth-child(1){
	display: block;
	min-height: 700px;
    /* max-height: 800px; */
	position: relative;
	z-index: 1;
    overflow: hidden;
    /* ---------------- */
    background: -webkit-linear-gradient(to bottom, #020f40, #3c4c85, #FFF);
    background: -moz-linear-gradient(to bottom, #020f40, #3c4c85, #FFF);
    background: linear-gradient(to bottom, #020f40, #3c4c85, #FFF);
}


#shuttlemain > div:nth-child(1) > img {
	display: block;
    width: 100%;
    height: auto;
    -webkit-mask-image: -webkit-linear-gradient(to bottom, #000, #000, transparent);
    -moz-mask-image: -moz-linear-gradient(to bottom, #000, #000, transparent);
    mask-image: linear-gradient(to bottom, #000, #000, transparent);
}



#shuttlemain > div:nth-child(2) {
	display: block;
	min-height: 10px;
	position: absolute;
    z-index: 10;
	top: 35%;
	left: 10%;
	color: #FFF;
	width: 40%;
}



#shuttlemain > div:nth-child(2) > span:nth-child(1) {
	display: block;
	font-family: 'interLightbeta';
	font-size: 20px;
	padding: 0 0 10px 0;

}


#shuttlemain > div:nth-child(2) > span:nth-child(2) {
	display: block;
	font-family: 'interbold';
	font-size: 50px;
	padding: 0;
	letter-spacing: -2px;
	line-height: 49px;

}


#shuttlemain > div:nth-child(2) > span:nth-child(3) {
	display: block;
	font-family: 'interLightbeta';
	font-size: 14px;
	line-height: 22px;
	padding: 10px 0 0 0;

}


#shuttlemain > div:nth-child(2) > span:nth-child(4) {
	display: block;
	min-height: 10px;
	padding: 20px 0;
	width: 30%;
}


#shuttlemain > div:nth-child(2) > span:nth-child(4) > a {
	display: grid;
	place-items: center;
	height: 55px;
	background: #0e2faf;
	font-family: 'interbold';
	font-size: 14px;
	color: #fff;

}


#shuttlemain > div:nth-child(2) > span:nth-child(4) > a:hover {
    background: var(--good);
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#threegrid {
	display: block;
	min-height: 10px;
}


#threegrid > div {
	display: block;
	min-height: 19px;
}

#threegrid > div:nth-child(1) {
    display: block;
    min-height: 10px;
    padding: 3em 0;
    text-align: center;
}


#threegrid > div:nth-child(1) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    padding: 3em 0 0.4em 9;
    text-align: center;
    font-family: 'protest';
    font-size: 45px;
    color: #333;
}


#threegrid > div:nth-child(1) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    padding: 10px 0;
    text-align: center;
    font-family: 'interLightbeta';
    font-weight: 700;
    font-size: 16px;
    color: #333;
}


/* --------------------------------- */


#threegrid > div:nth-child(2) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1em;
	min-height: 10px;
}




#threegrid > div:nth-child(2) > span {
	display: block;
	min-height: 10px;
    padding: 3em 0;
    /* ------------------ */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


#threegrid > div:nth-child(2) > span > span:nth-child(1) {
	display: flex;
    width: 309px;
    height: 300px;
    margin: 0 auto;
    padding: 1em;
    /* ------------------ */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* ------------------ */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* ------------------ */
    -webkit-border: 3px dotted #EEE;
    -moz-border: 3px dotted #EEE;
    border: 3px dotted #EEE;

}



#threegrid > div:nth-child(2) > span > span:nth-child(1) > span {
    display: block;
    overflow: hidden;
    background: #444;
    width: 100%;
      /* ------------------ */
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
}
 
#threegrid > div:nth-child(2) > span > span:nth-child(1) > span > img {
    display: block;
    width: 100%;
    height: auto;
}

#threegrid > div:nth-child(2) > span > span:nth-child(2) {
    display: block;
    padding: 1em 0;
    text-align: center;
    color: #FFF;
    font-family: 'protest';
    font-size: 25px;
    width: 90%;
    margin: 0 auto;
}



#threegrid > div:nth-child(2) > span > span:nth-child(3) {
    display: block;
    padding: 0;
    text-align: center;
    color: #FFF;
    font-family: 'interLightbeta';
    font-size: 15px;
    width: 80%;
    margin: 0 auto;
    line-height: 20px;
}


/* ---------------------------------------- */
#threegrid > div:nth-child(2) > span:nth-child(1) {
    background: var(--orang);
}

#threegrid > div:nth-child(2) > span:nth-child(2) {
    background: var(--greenery);
}

#threegrid > div:nth-child(2) > span:nth-child(3) {
    background: var(--lightorange);
}

#threegrid > div:nth-child(2) > span:nth-child(4) {
    background: var(--deepgreen);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



	
	
/* ---------------------------------- Body ---------------------------------- */



























/* ---------------------------------- Bottom ---------------------------------- */

 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#footers {

    display: block;
    background: #efefef;
    min-height: 30px;
	position: relative;
	z-index: 5;

}



#footers > div:nth-child(1) {
	display: grid;
	place-items: center;
	width: 150px;
	background: #3578a9;
	color: #EEE;
	height: 30px;
	font-size: 12px;
	font-family: 'interLightbeta';
	position: absolute;
	z-index: 10;
	transform: translate(0, -17px);
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-box-shadow: rgba(17, 17, 26, 0.08) 0px 0px 16px;
	-moz-box-shadow: rgba(17, 17, 26, 0.08) 0px 0px 16px;
	box-shadow: rgba(17, 17, 26, 0.08) 0px 0px 16px;
}



#brand {

    display: block;
    padding: 0;
    min-height: 50px;
    background: #ebebeb;
    border-bottom: 1px dotted #CCC;

}



#brand > span {

    display: flex;
    justify-content: space-between;
    padding: 1em;
    height: 70px;
    width: 70%;
    margin: 0 auto;

}





#brand > span > span {

    display: grid;
    place-items: center;
    padding: 0;
    width: 60px;
    height: 70px;

}





#brand > span > span > img {

    display: block;
    padding: 0;
    width: 60px;
    height: auto;

}


#brand > span > span:nth-child(4) > img {

    display: block;
    padding: 0;
    width: 170px;
    height: auto;
    transform: translateX(-26%)

}


#brand > span > span:nth-child(5) > img {

    display: block;
    padding: 0;
    width: 80px;
    height: auto;

}



/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */








/* xxxxxxxxxxxxxxxxxxxxxx */



#foots {

    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 82%;
	min-height: 200px;
    position: relative;

    /* ------------------ */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* ------------------- */

    z-index: 1;
    padding: 3em 2em;
    background: -webkit-linear-gradient(to bottom, #e4e3e3, #c9c9c9);
    background: -moz-linear-gradient(to bottom, #e4e3e3, #c9c9c9);
    background: linear-gradient(to bottom, #e4e3e3, #c9c9c9);

}




#foots2 {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    margin: 0 auto;
    width: 52%;
	min-height: 500px;
    position: relative;

    /* ------------------ */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* ------------------- */

    z-index: 1;
    padding: 3em 0;
}



#foots2 > div:nth-child(1) {
    display: block;
    font-size: 12px;
    font-family: 'interLightbeta';
    line-height: 19px;
}



#foots2 > div:nth-child(1) > span:nth-child(2) {
    width: 95% !important;
}


#foots2 > div:nth-child(1) > span:nth-child(2) > div {
    width: 100% !important;
}

#foots2 > div:nth-child(1) > span:nth-child(2) > div > a {
    padding: 14px;
    background: linear-gradient(to bottom right, #EEE, #FFF);
    /* ---------------------------------- */
    -webkit-border: 1px dotted #CCC;
    -moz-border: 1px dotted #CCC;
    border: 1px dotted #CCC;
    /* ------------------------------ */
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


#foots2 > div:nth-child(1) > span:nth-child(2) > div > a > span:nth-child(2) {
    line-height: 15px;
}


#foots2 > div:nth-child(1) > span:nth-child(2) > div > a > span:nth-child(2) > span {
   
    white-space: nowrap;
    font-family: 'interbold';
    color: #222;
}

#foots2 > div:nth-child(2) {
    padding: 0 0 0 1em;
}


#foots2 > div:nth-child(2) > span:nth-child(1) > span:nth-child(1)  {
    font-family: 'intermedium';
    font-size: 12px;
}



/* --------------------------- */


#foots > div:nth-child(1) {
    display: block;
    margin: 0;
    min-height: 10px;
    width: 50%;
}





#foots > div:nth-child(2) {

    display: block;
    margin: 0;
    min-height: 250px;
    width: 30%;
    text-align: right;

}









#foots > div > span:nth-child(1){

    display: block;
    margin: 0 auto;
    min-height: 10px;
    /* text-align: left; */
    font-family: 'cal';
    /* width: 50%; */
    font-size: 14px;
	line-height: 20px;

}





#foots > div > span:nth-child(1) > strong {

    display: block;
    font-weight: 800;
    font-family: 'cal';
    color: #444;
    font-weight: 700;
    padding: 0 0 0.4em 0;
    font-size: 15px;



}



/* xxxxxxxxxxxxxxxxxxxxxx */



#foots > div > span:nth-child(2){

    display: block;
    margin: 0;
    min-height: 10px;
    padding: 0;
    text-align: right;

}





#nl {

    display: block;
    text-align: right;

}

 

#nl > span:nth-child(1) {

    display: block;
    text-align: right;

}

 

#nl > span:nth-child(2) {

    display: block;
    text-align: right;
    padding: 1em 0 0 0;

}

 

#nl > span:nth-child(2) > form {

    display: flex;
    justify-content: flex-end;
    padding: 1em 0;
    min-height: 10px;
    background: #6c5782;
	/* --------------------- */
	background: -webkit-linear-gradient(to bottom, #2b6bb9, #0f3574);
	background: -moz-linear-gradient(to bottom, #2b6bb9, #0f3574);
	background: linear-gradient(to bottom, #2b6bb9, #0f3574);
	/* --------------------- */
    padding: 0.3em;
    border-bottom: 1px solid #3d3725;
    border-top: 1px solid #8d846d;
	/* --------------------- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
    -moz-box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px;

}







#nl > span:nth-child(2) > form:hover {

    background: -webkit-linear-gradient(to bottom, #9a68c3, #2c146d);
    background: -moz-linear-gradient(to bottom, #9a68c3, #2c146d);
    background: linear-gradient(to bottom, #9a68c3, #2c146d);

}







#nl > span:nth-child(2) > form > input[type='email'] {

    display: flex;

    justify-content: flex-end;

    padding: 0.5em;

    min-height: 10px;
    outline: none;
	/*  */
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* ------- */
    border: none;
    width: 70%;
    padding: 0.9em;
    margin-right: 1em;
    background: none;
    color: #dfdfdf;
    font-family: 'cal';
    font-size: 17px;

}



#nl > span:nth-child(2) > form > input[type='submit'] {

    display: grid;
    place-items: center;
    padding: 0 0.7em;
    height: 33px;
    outline: none;
	/* ------------- */
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* ------------ */
    border: none;

    /* width: 70%; */

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	/*  */
    margin-right: 0.5em;
    margin-top: 0.5em;
    background: none;
    color: #c3c3c3;
    font-family: 'cal';
    font-size: 15px;
    border: 1px solid #c7c7c7;

}



#nl > span:nth-child(2) > form > input[type='submit']:hover {

    background: -webkit-linear-gradient(to bottom, #fdbf38, #f1d13f);
    background: -moz-linear-gradient(to bottom, #fdbf38, #f1d13f);
    background: linear-gradient(to bottom, #fdbf38, #f1d13f);
    border: 1px solid #a58e10;
    color: #232424;
    font-weight: 700;

}




#triggers {
    display: none;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */









#botomlinks {

	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;

	grid-gap: 1em;
	min-height: 100px;
	padding: 3em 0.4em 0 0;

}




#botomlinks > span {
  display:  block;
  min-height: 10px;
}



#botomlinks > span > a {

  display:  block;
  min-height: 5px;
  padding: 0.2em 0;
  text-align: right;
  color: #566476;
  font-family: 'intermedium';
  font-size: 12px;
  line-height: 21px;

}





#botomlinks > span > a:hover {

  color: #315be6;
  font-weight: 800;
  text-decoration: underline;

}



/* xxxxxxxxxxxxxxxxxxxxxx */
/* botomlinks */
/* xxxxxxxxxxxxxxxxxxxxxx */



/* ---------------------------------- Bottom ---------------------------------- */



#numberchild {
    display: flex;
    flex-wrap: wrap; /* Allow children to wrap into the next line */
    justify-content: flex-start; /* Align children to the start */
    gap: 1em;
    padding: 1em 0;
    min-height: 10px;
    width: 80%;

}


#numberchild > a {
    display: grid;
    place-items: center;
    font-size: 14px;
    font-family: 'intermedium';
    padding: 0;
    height: 40px;
    width: 40px;
    max-height: 40px;
    max-width: 40px;
 
    color: #222;
    font-weight: 900;
/* ------------------ */
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
/* ------------------ */
    -webkit-border: 2px solid #777;
    -moz-border: 2px solid #777;
    border: 2px solid #777;
    
}



#numberchild > a:hover {
    background: #0068f9;
    color: #FFF;
    -webkit-border: 1px solid #0068f9;
    -moz-border: 1px solid #0068f9;
    border: 1px solid #0068f9;
}




#dotmenu {
    display: none;
}



/* ------------------------------ */
.greenbiege {
    background: var(--orangebiege)
}



.sectiontitle {
    display: block;
    min-height: 5px;
    font-family: 'interbold';
    font-size: 16px;
    color: #111;
    padding: 0 0 10px 0;
}



.sects {
    color: #111;
    /* background: #CCC; */
    padding: 10px 10px 0 10px;
    margin: 0 0 16px 0;
    width: 100%;
    position: relative;
    /* ------------------- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
}


.labelholder {
    display: block;
    position: relative;
    height: 15px;

}


.labelholder > label{
    display: block;
    position: absolute;
    right: 0;
    color: #777;
    font-weight: 800;
    font-size: 12px;
    font-family: 'interLightbeta';
    transform: translate(-18px, -24px);


}



.sects > span {
    display: block;
    position: relative;
    height: 1px;
}

.labelicons {
    display: grid;
    place-items: center;
    position: absolute;
    right: 0;
    height: 25px;
    width: 25px;
    padding: 0.2em 0.7em;
    color: #FFF;
    font-size: 12px;
     /* ---------------------------------- */
    -webkit-transform: translate(-10px, -55px);
    -moz-transform: translate(-10px, -55px);
    transform: translate(-10px, -55px);
     /* ---------------------------------- */
    background: -webkit-linear-gradient(to bottom right, #142ba7, #2a6dea);
    background: -moz-linear-gradient(to bottom right, #142ba7, #2a6dea);
    background: linear-gradient(to bottom right, #142ba7, #2a6dea);
    font-family: 'intermedium';
    /* ---------------------------------- */
    -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
    border-radius: 7px;
}




#startchild {
    display: block;
    padding: 0 0 2em 0;
    min-height: 10px;
    width: 100% !important;
}


#startchild > form {
    display: block;
    padding: 0;
    min-height: 10px;
}


#startchild > form > div#childnames {
    display: grid;
    grid-template-columns: 10fr 10fr 3fr;
    gap: 0.5em;
    padding: 0.6em 1em 1em 1em;
    min-height: 10px;
    width: 100% !important;
    margin: 0 0 16px 0;
    background: #DDD;
    /* ------------------- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

#startchild > form > div#childnames > span {
    display: block;
    font-size: 13px;
    font-family: 'interLightbeta';
    color: #555;
}


#startchild > form > span,
#startchild > form > div,
#startchild > form > input,
#startchild > form > span > input,
#startchild > form > div > input,
#startchild > form > div > span > input {
        
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



#startchild > form > input,
#startchild > form > span > input,
#startchild > form > div > input,
#startchild > form > div > span > input {
    margin-bottom: unset !important;
    padding: 0.7em 1em
}



.formpre {
    display: block;
    font-size: 13px;
    font-family: 'interLightbeta';
    color: #444;
    padding: 0 0 2em 0;
}


.formpre > strong {
    display: inline-block;
    padding: 0 0.3em;
    color: #222;
    font-weight: 800;
    font-family: 'intermedium';
}




#map {
    display: block;
    width: 100%;
    height: 80vh;
    position: relative;
    z-index: 1;
  }




  #mapoverlay {
    display: block;
    width: 100%;
    height: 80vh;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(16, 16, 16, 0.77);
    z-index: 100;
    
 
  }



  #maplabel {
    display: block;
    width: 90%;
    height: 67vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: 0;
    margin: 0 auto;
    color: #EEE;

  }


  #maplabel > main:nth-child(1) {
    display: block;
    width: 30%;
  }

  #maplabel > main:nth-child(1) > span:nth-child(1) {
    display: block;
    font-size: 24px;
    font-family: 'GraphikLCG-Bold';

  }

  #maplabel > main:nth-child(1) > span:nth-child(2) {
    display: block;
    font-size: 12px;
    font-family: 'interLightbeta';
    padding: 10px 0 0 0;
    line-height: 20px;

  }




  #maplabel > main:nth-child(2) {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
  }

  #maplabel > main:nth-child(2) > a {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: #FFF;
    font-size: 14px;
    /* ------------------------ */
    background: -webkit-linear-gradient(to bottom right,#870b1e, #aa3f44);
    background: -moz-linear-gradient(to bottom right,#870b1e, #aa3f44);
    background: linear-gradient(to bottom right,#870b1e, #aa3f44);
  }



  #controlwidget {
    display: block;
    background: #1d2941;
    width: 320px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1em;
    min-height: 100px;
    /* ---------------- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* ------------------ */
    -webkit-box-shadow: rgba(0, 0, 0, 0.22) -7px 8px 24px;
    -moz-box-shadow: rgba(0, 0, 0, 0.22) -7px 8px 24px;
    box-shadow: rgba(0, 0, 0, 0.22) -7px 8px 24px;

  }

  #controlwidget > div:nth-child(1) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    min-height: 10px;
  }

  #controlwidget > div:nth-child(1) > span:nth-child(1) {
        display: block;
        min-height: 10px;
  }

  #controlwidget > div:nth-child(1) > span > span:nth-child(1) {
    display: block;
    min-height: 35px;
    padding: 10px;
    font-family: 'khand';
    font-size: 30px;
    line-height: 40px;
    /* ---------------- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* ------------------ */
    -webkit-box-shadow: inset rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -moz-box-shadow: inset rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: inset rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


#controlwidget > div:nth-child(1) > span > span:nth-child(2) {
    display: block;
    padding: 0.9em 0;
    font-size: 12px;
    color:rgb(117, 153, 189);
}


#controlwidget > div:nth-child(2) {
    display: block;
    min-height: 10px;
    padding: 0.5em 0;
    color:#b1bdc4;
    -webkit-border-top: 1px dotted #1a5c9f;
    -moz-border-top: 1px dotted #1a5c9f;
    border-top: 1px dotted #1a5c9f;

    -webkit-border-bottom: 1px dotted #1a5c9f;
    -moz-border-bottom: 1px dotted #1a5c9f;
    border-bottom: 1px dotted #1a5c9f;
}

#controlwidget > div:nth-child(2) {
    display: block;
    min-height: 10px;
    padding: 0.4em 0;
}


#controlwidget > div:nth-child(3) {
    display: block;
    padding: 0.6em 0 0 0;
}


#controlwidget > div:nth-child(3) > a {
    display: grid;
    place-items: center;
    color: #FFF;
    min-height: 40px;
    /* ------------------ */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /* ------------------ */
    background: -webkit-linear-gradient(to bottom, #142f55, #004d9b);
    background: -moz-linear-gradient(to bottom, #142f55, #004d9b);
    background: linear-gradient(to bottom, #142f55, #004d9b);
}



#controlwidget > div:nth-child(3) > a:hover {
    background: -webkit-linear-gradient(to bottom, #2ab159, #68b46e);
    background: -moz-linear-gradient(to bottom, #2ab159, #68b46e);
    background: linear-gradient(to bottom, #2ab159, #68b46e);
}



#maplabel > main:nth-child(2) {
    top: -10px;
}

#maplabel > main:nth-child(2) > a {
    background: none;
    font-size: 24px;
}





/* Medium Screens (2 items per row) */
@media (max-width: 940px) and (orientation: landscape) {

    #topmast {
        width: 93% !important;
    }

 
    #movecover {
        width: 97%;
    }


    #menu > span:nth-child(2) {
        width: 50%;
    }


    #menu > span:nth-child(2) > span:nth-child(2) > a {
        font-size: 14px;
    }


    
#movs > div:nth-child(2) {
    display: block;
    position: absolute;
    height: unset;
    min-height: unset;
    max-height: 240px;
  
    top: unset;
    bottom: 180px;
    left: 60px;
    width: 60%;
    padding: 0;
    background: none;
}

#movs > div:nth-child(1) {
    width: 100%;
}



#movs > div:nth-child(1) > span:nth-child(1) > picture,
#movs > div:nth-child(1) > span:nth-child(1),
#movs > div:nth-child(1),
#movs {
    display: block;
    height: 600px;

}



#movs > div:nth-child(1) > span:nth-child(1) > picture > img {
    width: 100%;
}


#movs > div:nth-child(2) {
    display: block;
    position: absolute;
    height: unset;
    min-height: unset;
    max-height: 240px;
    top: 30px;
    bottom: unset;
    left: 60px;
    width: 40%;
    padding: 0;
    background: none;
}


.mtxt2 > small {
    font-size: 15px;
    line-height: 23px;
    color: #e7f0f7;
}
 
.undermtxt > span > a > span:nth-child(1) {
    color: #e7f0f7;
}



#foots {

    width: 92%;
    z-index: 1;
    padding: 3em 1.5em;
    min-height: 300px;
 
}


#foots > div:nth-child(2) {
    width: 45%;
}


#maincontent > div > span:nth-child(1) {
    width: 55%;
}


#maincontent > div > span:nth-child(2) {
    width: 45%;
}  /* Media */


#maincontent {
    display: block;
    margin: 0 auto;
    width: 93%;
 
}



.flexbtw {
    display: block;
    min-height: 50px;
    padding: 0 0 2em 0;
}

.support > span:nth-child(2), 
.support > span:nth-child(3),
.support > span:nth-child(1) {
    display: block;
    width: 100%;
}


#map2sides {
    grid-template-columns: 1fr;
}


.sentini > span:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    gap: 1em;
    min-height: 10px;
    padding: 1em 0;
    overflow: hidden;
    overflow-x: scroll;
} 



#shuttlemain > div:nth-child(2) {
    width: 70%;
}


.subheader {
    width: 40%;
 
}


.flexspace > div:nth-child(1) {
    display: flex;
    width: 320px;
    height: 320px;
    min-height: 320px;
    min-width: 320px;
}


.flexspace > div:nth-child(2) > span:nth-child(4) {
    width: 60%;
}


.mybullets {
    width: 84%;
 
}


.mybullets > span {
    padding: 1em;
}


#maplabel {
    display: block;
    width: 94%;
 
}




#map {
    height: 500px;
}


#mapoverlay {
    display: block;
    width: 100%;
    height: 500px;
  
}


#maplabel {
    height: 450px;
}


#maplabel > main:nth-child(1) {
    width: 50%;
}


/* ------------------------- */
} /* Media */