
/* NAVBAR START */

.navbar {
	background-color: #09262f;
	margin: 0;
	border-radius: 0;
	padding: 20px;
	padding-left: 40px;
}

.navbar-brand {
	line-height: inherit;
}

.nav-link {
	display: inline;
	color: rgb(255 255 255 / 50%);
}

.nav-item {
	padding: 5px;
}

.navbar-collapse {
	padding: 20px;
}

.dropdown-menu {
	border: 0;
	background-color: #16313A;
}

.dropdown-item {
	color: rgb(255 255 255 / 50%);
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #16313a;
	color: white;
}

	/* TOGGLER COLOR */

	.custom-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}

	.custom-toggler .navbar-toggler {
		border-color: white;
	}
	
	/* */


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.navbar { padding: 50px; }
}	
/* ============ desktop view .end// ============ */

/* NAVBAR END */


/* CAROUSEL START */

/* Make the image fully responsive */
	.carousel-inner img {
		width: 100%;
	}

	.carousel-inner {
		width: 100%;

	}

	.carousel {
		padding-bottom: 40px;
		background: #09262f;
	}

	p.carousel-title {
		font-size: 26px;
		font-weight: bold;
		line-height: 16px;
	}
	  
	p.carousel-description {
		font-size: 16px;
		line-height: 16px;
	}
	  
	p.btn-break {
		margin-bottom: 0;
	}
	  
	.carousel-caption {
	  position: relative;
	  left: 0;
	  top: 0;
	  text-align: left;
	  margin-left: 200px;
	}
	  
	.btn, .btn-info {
	  color: black;
	  background-color: #2cbcec;
	}
	  
	.btn:hover, .btn-info:hover {
	  color: black;
	  background-color: #30b1dc;
	}
	
	.carousel-control-next-icon {
	 filter: invert(70%);
	}
	
	.carousel-control-prev-icon {
	 filter: invert(70%);
	}
	
	
		/* DEVICE WIDTH 2560 */
	@media only screen 
	  and (min-device-width: 2560px) {
		.carousel-inner {
		width: 100%;
		height: 900px !important;
	}
		
		.carousel {
			margin-bottom: 60px;
		}
		
		.carousel-inner {

		}
		
		.carousel-caption {
			margin-left: 200px;
		}
			
		p.carousel-title {
			font-size: 26px;
			font-weight: bold;
			line-height: 14px;
		}
		  
		p.carousel-description {
			font-size: 16px;
			line-height: 14px;
		}	

		.btn, .btn-info {	
			font-size: 16px;
		}
	}
	
	
	
	/* DEVICE WIDTH 1600 */
	@media screen 
	  and (min-device-width: 1600px) { 
		.carousel-inner {
		width: 100%;
		
	}
		
		.carousel-caption {
			margin-left: 200px;
		}
			
		p.carousel-title {
			text-transform: uppercase;
			font-size: 26px;
			font-weight: bold;
			line-height: 16px;
		}
		  
		p.carousel-description {
			font-size: 16px;
			line-height: 16px;
		}
	}
	
	/* DEVICE WIDTH 1400 */
	@media only screen 
	  and (min-device-width: 1400px)
	  {
		.carousel-inner {
			
		} 
		  
	  }
	
	/* DEVICE WIDTH 1280 */
	@media only screen 
	  and (max-device-width: 1280px)
	  {
		.carousel-inner {
			height: 700px !important;
		} 
		  
	  }
	
	/* DEVICE WIDTH 1024 */
	@media only screen 
	  and (max-device-width: 1024px) {
		.carousel {
			margin-bottom: 60px;
		}
		
		.carousel-inner {
			height: 570px !important;
		}
		
		.carousel-caption {
			margin-left: 100px;
		}
			
		p.carousel-title {
			font-size: 20px;
			font-weight: bold;
			line-height: 14px;
		}
		  
		p.carousel-description {
			font-size: 14px;
			line-height: 14px;
		}	

		.btn, .btn-info {	
			font-size: 14px;
		}
	}
	
	/* DEVICE WIDTH 800 */
	@media only screen 
	  and (max-device-width: 800px) {
		.carousel {
			margin-bottom: 60px;
		}
		
		.carousel-inner {
			height: 720px !important;
		}
		
		.carousel-caption {
			margin-left: 100px;
		}
			
		p.carousel-title {
			font-size: 20px;
			font-weight: bold;
			line-height: 14px;
		}
		  
		p.carousel-description {
			font-size: 14px;
			line-height: 14px;
		}	

		.btn, .btn-info {	
			font-size: 14px;
		}
	 }
	
	/* DEVICE WIDTH 540 */
	@media only screen 
	  and (max-device-width: 540px) {
		.carousel {
			margin-bottom: 60px;
		}
		
		.carousel-inner {
			height: 790px !important;
		}
		
		.carousel-caption {
			margin-left: 100px;
			}
			
		p.carousel-title {
			font-size: 20px;
			font-weight: bold;
			line-height: 14px;
			}
		  
		p.carousel-description {
			font-size: 14px;
			line-height: 14px;
			}	

		.btn, .btn-info {	
			font-size: 14px;
		}
	}
		
	/* DEVICE WIDTH 420 */
	@media only screen 
	  and (max-device-width: 420px){
		.carousel {
			margin-bottom: 60px;
		}
		
		.carousel-caption {
			margin-left: 50px;
		}
		
		.carousel-inner {
			height: 660px !important;
		}
		
		p.carousel-title {
			font-size: 16px;
			font-weight: bold;
			line-height: 14px;
		}
		  
		p.carousel-description {
			font-size: 14px;
			line-height: 14px;
		}	

		.btn, .btn-info {	
			font-size: 14px;
		}
	}
	
	/* DEVICE WIDTH 380 */
	@media only screen 
	  and (max-device-width: 380px){
		.carousel {
			margin-bottom: 60px;
		}
		
		.carousel-caption {
			margin-left: 50px;
			}
		
		.carousel-inner {
			height: 610px !important;
		}
		
		p.carousel-title {
			font-size: 16px;
			font-weight: bold;
			line-height: 14px;
			}
		  
		p.carousel-description {
			font-size: 14px;
			line-height: 14px;
			}	

		.btn, .btn-info {	
			font-size: 14px;
		}	
	}
	
	/* DEVICE WIDTH 320 */
	@media only screen 
	  and (max-device-width: 320px){
		.carousel-inner {
			height: 560px !important;
		} 
		  
	  }
	
	/* DEVICE WIDTH 280 */
	@media only screen 
	  and (max-device-width: 280px){
		.carousel-inner {
			height: 520px !important;
		} 
		  
	  }

/* CAROUSEL END */


/* HEADER START */

img.page-header {
	width: 100%;
	margin: auto;
}

/* HEADER END */


body {
	font-size: 16px;
	color: #65696B;
	background-color: white;
}

a.link {
	color: #2cbcec;
}

a.link:hover {
	text-decoration: underline;
}

a.collapsed {
	display: block;
}

a:hover {
	text-decoration: none;
}

.container-fluid {
	text-align: center;
	margin-bottom: 40px;
}
	
p.subtitle {
	font-size: 18px;
	color: #65696B;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

p.subtitle-first {
	font-size: 18px;
	color: #65696B;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
	margin-top: 25px;
}

p.subtitle-bold {
	font-size: 18px;
	color: #65696B;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
	font-weight: bold;
}

p.subtitle-list {
	font-size: 18px;
	color: #65696B;
	text-align: justify;
	padding-left: 30px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}
	
i.fa.fa {
	color: #ddf1ef;
	float: left;
	padding-right: 20px;
}

ul.nitrisens {
	text-align: left;
	padding-left: 60px;
	list-style-type: square;
	font-size: 18px;
}

ul.nitrisens-results {
	text-align: left;
	padding-left: 60px;
	list-style-type: decimal;
	font-size: 18px;
	font-style: italic;
	margin: 20px 0;
}

.jumbotron {
	background-color: #09262f; /* Green */
	padding: 20px 60px 60px 60px;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 50px;
}

.underline {
	padding: 20px 70px;
	border-bottom: 1px solid #D2DBDF;
	display: inline-block;
}

.underline2 {
	border-bottom: 1px solid #D2DBDF;
	display: inline-block;
}

h2.subtitle {
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
}

div#footer-row.row {
	line-height: 0px;
}

div#footer-arrow.row {
	padding-bottom: 30px;
	font-size: 50px;
}

hr {
	display: block;
    margin-top: 0;
    margin-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
	color: #ddf1ef;
}

img.manunet {
	max-width: 250px
}

.glyphicon {
	color: #ddf1ef;
}

.thumbnail img{
	width: 100%;
    height: auto;
    display: block;
}

.middle-title {
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
}

a.pdf-link {
	font-weight: bold;
}

div.pdf-download {
	text-align: left;
	padding-left: 30px;
	padding-top: 30px;
	font-size: 20px;
}

@media (max-width: 480px) {
	.underline {
		padding: 20px 30px;
	}
	div.pdf-download {
		padding-left: 0px !important;
		font-size: 16px;
	}
	img.icon-pdf {
		display: block;
		float: none !important;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	a.pdf-link {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
}


/* START GALLERY */



/* START GALLERY */

/* START FOOTER */

p#footer {
	font-size: 12px;
	color: #ddf1ef;
	display: inline-block
}

p#footer-title {
	font-size: 14px;
	font-weight: bold;
	color: #ddf1ef;
	display: inline-block;
	line-height: 0px;
}

p#footer-name {
	font-size: 12px;
	font-weight: bold;
	color: #ddf1ef;
	display: inline;
	line-height: 0px;
}

p#footer-sm {
	margin-top: 40px;
	font-size: 10px;
	color: #ddf1ef;
	display: inline-block
}

/* END FOOTER */
