@import url("https://fonts.googleapis.com/css?family=Hind:400,600|Montserrat:600,700");
/*
font-family: "Hind", sans-serif;
font-family: "Montserrat", sans-serif;
 */

html, body { width: 100%; height: 100%; margin:0; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	color: #051829;
	margin: 0 0 0.4em;
}

p {
	font-family: "Hind", sans-serif;
	font-size: 15px;
	font-weight: 400;
}

small { font-family: "Hind", sans-serif; font-weight: 400; }

a {
	font-family: "Hind", sans-serif;
	text-decoration: none;
	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		  -o-transition: all 0.2s;
		 -ms-transition: all 0.2s;
			  transition: all 0.2s;
}
a:hover, a:focus { text-decoration: none; }
a:focus { outline: none !important; }

li {
	font-family: "Hind", sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 300;
}

label {
	font-family: "Hind", sans-serif;
	font-weight: 600;
	font-size: 12px;
	/* text-transform: uppercase; */
}



/* NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.nav-wrapper { position: relative; z-index: 9; }
.nav-UNISUN { border-radius: 10px; background-color: #FFF; min-height: 80px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.nav-UNISUN .navbar-nav .nav-link {
	font-size: 18px;
	color: rgba(0, 0, 0, 1);
	padding-left: 15px;
	padding-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.nav-UNISUN .navbar-nav .nav-link { font-size: 12px; padding-left: 8px; padding-right: 8px; }
}

.nav-UNISUN .navbar-nav .nav-link:focus, .nav-UNISUN .navbar-nav .nav-link:hover { color: rgba(56, 93, 138, 1) !important; }
.dropdown-header { color: #FFF; font-size: 12px; }
.nav-UNISUN .dropdown-menu { background-color: rgba(9, 112, 181, 1); }
.nav-UNISUN .dropdown-item { color: #FFF; }
.nav-UNISUN .dropdown-item:hover { color: #000; background-color: #fdc900; }

.nav-UNISUN .nav-item::after {
	content:'';
	display:block;
	width:0px;
	height:2px;
	background:#f2c105;
	transition: 0.2s;
}
.nav-UNISUN .nav-item:hover::after { width: 100%; }



/* CAROUSEL
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.homeCarousel { position: relative; margin-top: -171px; z-index: 7; }

.homeCarousel .carousel-item:before {
	content: "";
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	/* left: 0;
	top: 0; */
}

.homeCarousel .carousel-item {
	height: 100vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		  -o-background-size: cover;
			  background-size: cover;
}

.homeCarousel .carousel-caption { margin-bottom: 15%; }
.carousel-caption h2 { color: #FFF; }



/* HEADER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.jumbo-header {
	z-index: 7;
	position: relative;
	margin-top: -171px;
	background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.2)), url('../imgs/BGs/BG-2.jpg');
	background-size: cover;
	min-height: 150px;
}



/* FORM
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.form-control { font-family: "Hind", sans-serif; }
.btn { font-family: "Hind", sans-serif; }

.unisun-btn, .unisun-btn-outline {
	background-color: #fdc900;
	font-family: "Hind", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #051829;
	padding: 15px 25px 10px 25px;
	border: 2px solid #fdc900;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		  -o-border-radius: 3px;
		 -ms-border-radius: 3px;
			  border-radius: 3px;

  	-webkit-transition: all 0.5s;
  		-moz-transition: all 0.5s;
  		  -o-transition: all 0.5s;
  		 -ms-transition: all 0.5s;
  			  transition: all 0.5s;
}
.unisun-btn:hover, .unisun-btn-outline:hover { background-color: #020b12; color: #fff; }
.unisun-btn-outline { background-color: #020b12; color: #fff; }
.unisun-btn-outline:hover { background-color: #fdc900; color: #051829; }



/* IMAGE UL
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.index-img-ul { text-align: right; }
.index-img-ul ul {
	list-style: none;
	display: inline-block;
	padding-top: 10%;
	padding-left: 15px;
	vertical-align: top;
}
.index-img-ul ul:first-child { padding-top: 0; }
.index-img-ul ul li { padding: 0 0 10px 0; }
.index-img-ul ul li figure { overflow: hidden; }
.index-img-ul ul li figure img { max-width: 200px; }

@media only screen and (min-width: 840px) and (max-width: 1115px) { .index-img-ul ul { width: 49%; } }
@media only screen and (min-width: 768px) and (max-width: 840px)  { .index-img-ul ul { width: 45%; } }

@media only screen and (max-width: 767.95px) {
	.index-img-ul ul {
		display: block;
		width: 50%;
		float: left;
		padding-top: 0;
		padding-left: 0;
	}

	.index-img-ul ul li { padding-left: 0; }
	.index-img-ul ul li img { display: block; margin: 0 auto; width: 100%; }
}



/* IMAGE BOXED
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.img-boxed { padding: 40px 0 0 45px; position: relative; }
.img-boxed img { position: relative; z-index: 2; }

.img-boxed:after {
	content: "";
	width: 465px;
	height: 400px;
	border: 2px solid #fdc900;
	position: absolute;
	left: 120px;
	top: 10px;
}

@media (max-width: 1199.95px) {
	.img-boxed:after { content: ""; width: 400px; height: 330px; left: 10px; top: 10px; }
}
@media (max-width: 991.95px) {
	.img-boxed:after { content: ""; width: 300px; height: 250px; left: 0; top: 10px; }
}



/* OTHER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.view-title { margin-bottom: 0; font-size: 12px; }
.view-info  { margin-bottom: 0; font-size: 16px; }

.text-yellow { color: #fdc900; }



/* FOOTER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer {
	color: #FFF;
	background-color: #051829;
	padding: 40px 0 0 0;
}

.footer p { font-size: 14px; }
.footer a, .footer h2 { color: #FFF; }
.footer a:hover { color: #fdc900; }

.footer small {
	font-family: "Hind", sans-serif;
	font-size: 11px;
	font-weight: 400;
}