/* ----------------------------------------------
 * Generated by Animista on 2021-10-6 8:31:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes scale-in-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 1;
  }
}

/*-------------------------------------------------------------
					ANIMISTA (END)
---------------------------------------------------------------*/

body
{
	/*background-color: #17202A;*/
	font-family: 'Montserrat', 'sans-serif';

	/*background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;*/
}

/*-------------------------------------------------------------
				NAVBAR LOGO (GSAT LOGO)
---------------------------------------------------------------*/
.navbar .navbar-logo
{
	z-index: 10;
	width: 100px;
	height: 70px;

	align-items: center;
}

.navbar .navbar-logo img
{
	width: 120px;
	height: 70px;
}

/*-------------------------------------------------------------
				NAVBAR (MAIN CSS)
---------------------------------------------------------------*/
.navbar
{
	position: fixed;
	top: 0px;
	
	width: 100%;
	z-index: 1;

	display: flex;
	flex-wrap: wrap;
	/*background-color: #191A19;*/
	background-color: #239B56;
	justify-content: space-between;
}

.main-navbar, .quick-links
{
	display: flex;
	margin-top: 10px;
	list-style-type: none;
}

.navbar ul li
{
	display: inline-block;
}

.navbar ul li a
{
	/*color: #27AE60;*/
	/*color: #114F4A;*/
	color: #fff;
	padding: 10px;
	font-size: 14px;
	/*font-weight: bold;*/
}

.navbar ul li a:hover
{
	text-decoration: none;
	/*background-color: #27AE60;*/
	background-color: #166036;
	/*color: #17202A;*/
	/*color: #219082;*/
	color: #fff;
	font-weight: bold;
	border-radius: 3rem;
}

.navbar ul li #separate-btn
{
	background-color: #FFF;
	border-radius: 3rem;
	padding: 10px;
	font-weight: bold;
	/*color: #17202A;*/
	color: #239B56;
}

.navbar ul li #separate-btn:hover
{
	background-color: #166036;
	border-radius: 3rem;
	padding: 10px;
	font-weight: bold;
	/*color: #17202A;*/
	color: #FFF;
}

/*-------------------------------------------------------------
					NAVBAR DROPDOWNS
---------------------------------------------------------------*/

.dropdown .dropdown-menu
{
	/*background-color: #17202A;
	background:  linear-gradient(to bottom right, #FFF848, #CFEA7F, #DDF7C8, #7EB863, #13524A);*/
	background-color: #239B56;
	position: absolute;

	margin: 0;
	padding: 0;
}

.dropdown .dropdown-menu li:hover
{
	/*background-color: #27AE60;*/
	background-color: #166036;
}

.dropdown .dropdown-menu li a
{
	display: block;
	padding: 3px;

	font-size: 16px;
}

.dropdown .dropdown-menu li a:hover
{
	/*color: #17202A;*/
	color: #fff;
	border-radius: 0;
	background-color: transparent;
	font-weight: bold;
}

.dropdown:hover .dropdown-menu
{
	display: block;
	margin-top: 0;
}

/*-------------------------------------------------------------
				DARK/LIGHT MODE TOGGLE
---------------------------------------------------------------*/
#toggle-dark
{
	z-index: 1;
	position: fixed;
	bottom: 0px;
	right: 0px;

	margin: 3rem;

	border-radius: 5rem;

	font-size: 28px;

	background-color: #B3B6B7;
	color: #1C2833;
}

/*-------------------------------------------------------------
				HAMBURGER MENU
---------------------------------------------------------------*/
.hamburger-menu
{
	background-color: transparent;
	border: 0;
	color: #13524A;
	font-size: 24px;
	cursor: pointer;

	display: none;
}

/*-------------------------------------------------------------
				FOOTER SECTION
---------------------------------------------------------------*/
footer
{
	/*background-color: #191A19;*/
	/*background:  linear-gradient(to top left, #FFF848, #CFEA7F, #DDF7C8, #7EB863, #13524A);*/
	background-color: #239B56;
}

footer
{
	margin-top: -1%;
	padding-top: 1rem;
}

footer i, footer h5
{
	display: inline-block;
	/*color: #27AE60;*/
	color: #fff;
}

footer p
{
	line-height: 10px;
	font-size: 14px;
	/*color: #27AE60;*/
	color: #fff;
}

footer i
{
	font-size: 28px;
	/*color: #27AE60;*/
	color: #fff;
}

footer #contact-info, footer #social-links
{
	margin-top: 20px;
}

footer #social-links a
{
	padding: 20px;
}

footer #social-links a:hover
{
	text-decoration: none;
}

/*footer #icon-facebook
{
	color: #3B5998;
}

footer #icon-instagram
{
	background: linear-gradient(to bottom left, #833AB4, #C13584, #E1306C, #FCAF45);

	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer #icon-youtube
{
	color: #FF0000;
}*/

footer #copyright-section
{
	border-top: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.3);
	padding-top: 10px;
	padding-bottom: 5px;
}

footer #newsletter-section
{
	margin-top: 2rem;
}

footer #newsletter-section button
{
	/*background-color: #27AE60;*/
	background-color: #FFF;
	border-radius: 3rem;
	padding: 10px;
	font-weight: bold;
	/*color: #17202A;*/
	color: #239B56;
}

footer #newsletter-section button:hover
{
	/*background-color: #52BE80;*/
	background-color: #239B56;
	color: #fff;
	border-color: #fff;
	border-width: 3px;
	border-radius: 3rem;
	padding: 10px;
	font-weight: bold;
}

/*-------------------------------------------------------------
				FOOTER SECTION
---------------------------------------------------------------*/
#subscribe-now .modal-body p
{
	color: #000;
}


/*-------------------------------------------------------------
				MEDIA QUERIES (RESPONSIVENESS)
---------------------------------------------------------------*/
@media screen and (max-width: 768px)
{
	/*.navbar .navbar-logo
	{
		display: none;
	}*/

	.navbar ul
	{
		display: none;
		flex-direction: column;
		width: 100%;
		float: right;
	}

	.navbar ul.show
	{
		display: flex;

		-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	  	-webkit-animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
				animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}

	.navbar ul li a
	{
		display: block;
	}

	.hamburger-menu
	{
		display: block;
	}

	#main-navbar
	{
		z-index: 3;
	}

	#main-navbar .dropdown .dropdown-menu
	{
		z-index: 2;
	}

	#quick-links
	{
		z-index: 1;
	}
}