/* 																*/
/* www.solimaco.ao 												*/
/* website concept, design, translation, programming and		*/
/* photography by Tiago Borges - tigochi@me.com 				*/
/* tigochi.com													*/
/* 																*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

@keyframes flashArrow {
  0% {opacity: 1;}
  50% {opacity: 0.4;}
  100% {opacity: 1;}
}
@keyframes rotateArrow {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(180);
	}
}

body {
	margin: 0px;
	background: #000000;
    -webkit-font-smoothing: antialiased;
}
main {
	position: absolute;
	top: 0px; 
	left: 0px;
}
p, h1, h3, h4 {
    font-family: 'Quicksand', sans-serif;
	/* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    /* -webkit-hyphens: auto; */
    /* -moz-hyphens: auto; */
    /* hyphens: auto; */
}
p {
	font-size: 1.8em !important; 
	font-weight: 500;
}
h1 {
	font-size: 54px;
	font-weight: 900;
	color: #000B05;
}
h2 {
    font-family: 'Quicksand', sans-serif;
	text-transform: uppercase; 
    padding-bottom: 20px;
	font-size: 26px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #000B05;
}
h3 {
	font-size: 1.2em;  /* 22px; */
	font-weight: 500;
	line-height: 1.3em;
}
h4 {
	color: #FFFFFF !important;
	font-size: 1.3em; 
	font-weight: 500;
    color: #FFFFFF;
}
h4 a:link {
	font-family: 'Quicksand', sans-serif !important;
	color: #FFFFFF !important;
	font-size: 1em !important;
	font-weight: 500;
    color: #FFFFFF;
}
h5 {
	font-family: 'Quicksand', sans-serif;
	color: #000000 !important;
	font-size: 11px; 
	font-weight: 400;
    color: #D0D3D4 !important;
    text-align: center;
}
h5 a:link {
	cursor: pointer;
}
h5 a {
	font-size: 11px; 
	font-weight: 400;
    color: #D0D3D4 !important;
    text-align: center;
}
a {
	color:  #000000;
	text-decoration: none;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.gradient_bg {
	background: #E8F5FF;
	background: -webkit-linear-gradient(#E8F5FF, #FFFFFF);
    background:    -moz-linear-gradient(#E8F5FF, #FFFFFF);
    background:         linear-gradient(#E8F5FF, #FFFFFF);
}
.gradient_bg_paleblue {
    background: #FFFFFF;
}
.gradient_bg_palegreen {
    background: #FFFFFF;
}
.gradient_bg_palelightgreen {
    background: #FFFFFF;
}
.gradient_bg_paleorange {
    background: #FFFFFF;
}
.gradient_bg_palered {
    background: #FFFFFF;
}
.gradient_bg_palepetrol {
    background: #FFFFFF;
}
.gradient_bg_paleyellow {
    background: #FFFFFF;
}
.gradient_bg_paleviolet {
    background: #FFFFFF;
}
#page_upper_shadow {
	position: fixed;
	width: 100%;
	height: 10px;
	top:-12px;
	z-index: 999;
	box-shadow: 0px 0px 20px #000B05;
}
#moto_holder {
	position: fixed;
	bottom: 65px;
	left: 9.6%;
	padding: 0px;
}
.white_shadow {
	color: #FFF !important;
	font-size: 26px !important;
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	background: transparent;
}
.box_shadow {
	border-bottom: 1px solid #000B05; 
	box-shadow: 0px 0px 20px #000B05;
}
.bigger_text {
	font-size: 6em !important;
}
.tables {
	vertical-align: middle;
	color: #FFFFFF;
}
.center_text {
	text-align: center !important;
}
.justify_text {
	text-align: justify;
}
.right_text {
	text-align: right;
}
.left_text {
	text-align: left;
}
#centering {
    display: table;
	margin: 0 auto;
	height: 100%;
}
#centering span {
    vertical-align:middle;
    display: table-cell;
}
#justifying {
	display: table;
	margin: 0 auto;
	height:100%;
    width: 100%;
}
#justifying span {
	text-align: justify !important;
    vertical-align:middle;
    display: table-cell;
}
#header {
	z-index: 999; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	padding-top: 15px;
	padding-left: 0px;
	top: 0px; 
	height: 45px; 
	width: 100vw;
	opacity: 1;
	vertical-align: bottom;
	align-content: center;
}
#header_holder {
	padding-top: 14px;
	margin: 0 auto;
	width: 81%;
	position: relative;
}
#logo_holder {
	height: 32px;
	position: fixed;
	top: 40px;
	left: 9.6%;
	padding: 0px;
	z-index: 999999;
}
.image_logo {
	height: 32px;
}

/* ******************************* drop down menu ******************************* */
#menu_box {
	position: fixed;
	float: right;
	right: 9.7%;
	top: 43px;
	display: block;
	margin: 0px;
	padding: 0px;
	width:81%;
	height: 100px;
	align-content: left;
}
#menu_bar {
	padding-top: 12px;
	position: relative;
	float: left;
	top: 0px;
	right: 0px;
	padding-right: 0px;
	padding-left: 4px;
	margin-right: 0px;
	margin-left: 0px;
	height: 70px;
}
#menu_bar {
    display: none;
} 
label {
	position: relative;
	float: right;
	background: linear-gradient(
      to bottom, 
      #000, #000 18%, 
      transparent 18%, transparent 41%, 
      #000 41%, #000 58%, 
      transparent 58%, transparent 82%, 
      #000 82%, #000 100%
    );
	display: block;
	width: 20px;
    height: 20px;
    border: none;
	margin: 0px;
	padding: 0px;
}
label:hover {
	/* background: linear-gradient(
      to bottom, 
      #000, #000 16%, 
      transparent 16%, transparent 42%, 
      #000 42%, #000 57%, 
      transparent 57%, transparent 84%, 
      #000 84%, #000 100%
    ); */
	cursor: pointer;
	transition: all 0.1s ease-out;
}
#burger-input{
	margin: 0px;
	padding: 0px;
	display: none;
}
#burger-input:checked ~ .control-me {
	display: block;
}
.menu {
	position: relative;
	left: -5px;
	text-align: left;
	padding-left: 0px;
	list-style: none;
	width: 100%;
	display: block;
	font-weight: 500;
	font-family: "Quicksand", sans-serif;
	font-size: 22px !important;
	transition: all 0.1s ease-out;
}
.menu li ul{
	list-style: none;
	display: none;
	padding-left:0px; /* change this with @media for differentited sub-menu in vertical menu output */
	position: absolute; /* delete this for vertical menu output */
}
.menu ul li a{
	display: block;
}
.menu li:hover ul{
	display: block;
}
.menu li ul li{
	display: block;
}
ul.menu li {
	display: inline-block; /* delete this for vertical menu output */
}
.left_space {
	padding: 4px;
}
.social_icons {
	padding-top: 12px;
	height: 22px; 
	/* filter: invert(0%) sepia(5%) saturate(7481%) hue-rotate(290deg) brightness(95%) contrast(98%); */
	filter: brightness(0) invert(1);
}
.lang_hover {
    transition: all 0.1s ease-out;
    background: transparent;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
}
.lang_hover:hover {
	
}
.lang_size {
	font-size: 18px;
}
/* ******************************* end of drop down menu ******************************* */

#arrow_down {
    font-size: 26px !important;
	position: fixed; 
	bottom: 120px;
	right: 9.6%;
	height: 20px; 
	text-align: center; 
	width: 100%;
	color: #FFA7A7;
	animation-name: flashArrow;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.d_arrow {
    width: 20px;
    filter: invert(85%) sepia(14%) saturate(120%) hue-rotate(145deg) brightness(0%) contrast(105%);
}
.box_width {
	position: relative;
	width: 81%;
	padding-top: 24px;
}
pop {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 14px;
    margin: 2px;
}
pop span {
	border-radius: 2px;
	font-weight: 600 !important;
}
pop1 {
	justify-content: left !important;
    padding-right: 14px;
}
pop1 span {
	border-radius: 2px;
    font-weight: 500;
}
pop2, pop2 span, pop2 a {
	font-weight: 600 !important;
	padding-right: 0px !important;
	margin-right: 0px !important;
}
#first {
	z-index: 100; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	background: #FFFFFF;
	background-image: url('../images/luanda.1.JPG');
	background-repeat: no-repeat;
    background-size: cover;
  	background-position: center;
	color: #FFFFFF; 
	height: 100vh; 
	width: 100vw;
}
#second {
	z-index: 90; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#secondA {
	z-index: 85; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#third {
	z-index: 80; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#thirdA {
	z-index: 75; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#fourth {
	z-index: 70; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#fourthA {
	z-index: 65; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#fifth {
	z-index: 60; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#fifthA {
	z-index: 55; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#sixth {
	z-index: 50; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#sixthA {
	z-index: 45; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#seventh {
	z-index: 40; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: -25vh;
	color: #000B05; 
	height: 125vh; 
	width: 100vw;
}
#seventhA {
	z-index: 35; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px;
	color: #000B05; 
	height: 100vh;
	width: 100vw;
}
#eighth {
	z-index: 30; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: -30px; 
	color: #000B05; 
	height: 105vh; 
	width: 100vw;
}
#eighthA {
	z-index: 25; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#nineth {
	z-index: 20; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#ninethA {
	z-index: 15; 
	position: -webkit-sticky;
	position: sticky; 
	display: block;
	bottom: 0px; 
	color: #000B05; 
	height: 100vh; 
	width: 100vw;
}
#footer {
	z-index: 1; 
	position: -webkit-sticky;
	position: sticky; 
	bottom: 0px; 
	background: #000B05;
	background-image: url('../images/solimaco.bg_01.png');
    
    /* background: -webkit-linear-gradient(#A7D9FF, #000B05);
    background:    -moz-linear-gradient(#A7D9FF, #000B05);
    background:         linear-gradient(#A7D9FF, #000B05);
*/
	color: #FFFFFF;
	height: 100vh; 
	width: 100vw;
}
#secondA_content {
	background-image: url('../images/luanda.4.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; 
    height: 100%; 
    z-index: 75;
}
#thirdA_content {
	background-image: url('../images/luanda.3.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; 
    height: 100%; 
    z-index: 75;
}
#fourthA_content {
	background-image: url('../images/luanda.9.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; 
    height: 100%; 
    z-index: 75;
}
#fifthA_content {
	background-image: url('../images/luanda.2.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; height: 100%; z-index: 75;
}
#sixthA_content {
	background-image: url('../images/luanda.6.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; 
    height: 100%; 
    z-index: 75;
}
#seventhA_content {
	background-image: url('../images/luanda.8.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; 
    height: 100%; 
    z-index: 75;
}
#eighthA_content {
	background-image: url('../images/acacias.JPG');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    width: 100%; 
    height: 100%; 
    z-index: 75;
}
.padding_left_15 {
	padding-left: 15%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* @media (max-width:480px)  { */
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
    
    #logo_holder {
		height: 40px;
	}
	.image_logo {
		height:  32px;
	}
	h1 {
		font-size: 2em;
	}
	h2 {
        padding-top: 180px;
		font-size: 1.4em;
	}
	h3 {
		font-size: 1em;
	}
	h4 {
		font-size: 1em;
	}
	.logo_hide {
		/* display: none; */
	}
	.lang_size {
		font-size: 14px;
	}
	#menu_bar {
		padding-top: 0px;
	}
	#moto_holder {
		bottom: 5px;
	}
	.white_shadow {
		font-size: 1.2em !important;
	}
	#arrow_down {
		font-size: 2em;
		bottom: 50px;
	}
    .justify_text {
	    /* text-align: justify; */
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    #sixth {
		bottom: -30vh; 
		height: 130vh;
	}
	#seventh {
		bottom: -70vh;
		height: 170vh;
	}
	#eighth {
		bottom: -30vh;
		height: 130vh;
	}
}