@font-face {
  font-family: GEDinkum;
  src: url(../fonts/GEDinkum-Bold-1.ttf);
}


* {
  box-sizing: border-box;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e8ecf2;
	position: relative;
}

body.en-page {
	font-family: Helvetica, serif;
	border-color: rgba(0,0,0,0);
}



.row {
	margin-right:auto;
	margin-left: auto;
	vertical-align: center;
	position:relative;
}


#backdrop {
 padding: 0px;
 background-size: cover;
 margin:0px;
 padding: 0px;
}

#backdrop.large {
 padding: 0px;
/* background:url('../images/bkgnd-lg.jpg')center;*/
 background-size: cover;
 margin:0px;
 padding: 0px;
}


nav{
	height: 100px;
	border:0px;
}

header {
	background-color: rgb(0,0,0);
	position: relative;
}

a.navbar-brand img 
{
	padding-left:200px;
}



div#navbarSupportedContent.collapse.navbar-collapse {
	clear: both;
	float: left;
	width: 100%;
}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #f2f4f7;
}

ul.nav.navbar-nav {
  width: 100%;
  padding:10px 25px 10px 25px;
  white-space: nowrap;
}

div#navbarSupportedContent.collapse.navbar-collapse li {
	border:none;
	padding: none;
	width: 100%;
}

div#navbarSupportedContent.collapse.navbar-collapse li a {
    color: black;
	min-width:120px;
	font-weight:bold;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

div#navbarSupportedContent.collapse.navbar-collapse li a:hover, div#menu-items.collapse.navbar-collapse li a:focus,
 div#navbarSupportedContent.collapse.navbar-collapse li a.active  {
	color: #b56300;
}


div#jumbo-about
{
	color:white;
	background-color:#b56300;
	padding-top:30px;
	padding-bottom:60px;
}	

div.carousel-indicators
{
	border-radius:15px;
	padding-left:10px;
	padding-right:10px;
	background-color:#3b3732;
	width:10%;
}

div.carousel-indicators button.rounded-btn
{
	height:15px;
	width:15px;
	border-radius:50%;
}


div.carousel-caption
{
	font-family: GEDinkum;
	top:65%;
}

div.carousel-caption.btn-caption
{
	top:80%;
	width:auto;
	left:-45%;
}



div.carousel-caption h1
{
	font-size:3em;
	font-weight:bold;
	border-radius:20px;
	padding:0px;
	margin-left:20%;
	margin-right:20%;
	background-color:rgba(207,207,204,.4);
}

div.img-container
{
	padding:10px;
}


div.section-title-bar
{
	margin-top: 80px;
	border-top: 1px solid #584a42;
}

div.section-title-inline
{
	color: #b56300;
	height:50px;
	margin-top: -25px;
	margin-bottom:30px;
}

h1.section-title-inline
{
	margin-left: 40%;
	margin-right: 40%;
	background-color:white;
	padding-left:5px;
	padding-right:5px;
}

div.image-caption
{
	margin-top:20px;
}

h3.caption-text
{
	background-color: #928177;
	color:white;
}

h3.prod-sub-title
{
	color:#b56300;
	float:left;
}


button.btn-reg
{
	background-color: #b56300;
	color:white;
	border-color:#b56300;
	float:left;
}

button.btn-reg:hover
{
	background-color:white;
	color:#b56300;
	border-color:#b56300;
}

div.row.content {
	padding-bottom: 30px;
}

h1.heading{
	color: #b56300;
	padding-bottom: 20px;
}

div#tiles
{
  padding-top : 30px;
  padding-bottom : 30px;
  background-image: url("../images/Tiles.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

div.tile-card-container
{
	padding:5px;
}

div.tile-card
{
	background-color:rgba(0,0,0,0);
	padding:7px;
	padding-left:50px;
	padding-right:50px;
	border-radius:15px;
}

div.tile-card-outer
{
	background-color:rgba(0,0,0,0);
	border-radius:15px;
}

span.tile-card-text
{
	font-size:12px;
	font-weight:bold;
}


/* div#contactus */
/* { */
	/* padding:0px; */
	/* background-color:#cfcfcc; */
	/* margin-bottom:0px; */
	/* background: url('/images/contactus-back.png') no-repeat center; */
/* } */

div#contactus-overlay
{
	padding-top:100px;
	margin:0px;
	background-color:rgba(207,207,204,.8);
}

form#contactus-form input
{
	background-color: rgba(255,255,255,.3);
}

form#contactus-form label
{
	color:white;
	font-size : 16px;
	text-align : left;
	font-weight:light;
}

form#contactus-form input:hover
{
	background-color: white;
}

div.form-section
{
	margin-top: 10px;
	margin-bottom : 20px;
}

form#contactus-form button
{
	background-color : rgba(0,0,0,0);
	border-color:white;
	border-width: 2px;
	font-size: 18px;
	font-weight:bold;
}	

form#contactus-form button:hover
{
	background-color : white;
	color:#b56300;
}	

div#contactus div h1
{
	margin-top:20px;
}

div.social-span
{
	padding:5px;
}

/* div#email-form
{
	padding-top:100px;
	padding-bottom:300px;
	margin-bottom:0px;
}
 */


footer.panel-footer{
	padding-top:20px;
	background-color: #b56300;
	border-color: #b56300;
}

footer.panel-footer div {
	text-align: center;
	font-weight: bold; 
}
footer.panel-footer div.row, footer.panel-footer div.row a {
	margin-top: 20px;
	font-size: 11px;
	color: white;
	position: relative;
}

footer.panel-footer div.footer-head {
	margin-bottom: 20px;
	font-size: 13px;
	color: white;
}

div#copy-contact {
	margin-top: 0px;
}


/* Go from zero to full opacity 
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}*/



/* For Large devices*/
@media (min-width: 992px) and (max-width: 1439px) 
{
	div.carousel-indicators button.rounded-btn
	{
		height:10px;
		width:10px;
		border-radius:50%;
	}


	div.carousel-caption h1
	{
		font-size:2.5em;
	}
	
	div.tile-card
	{
		padding : 20px;
	}
	
	div.social-span
	{
		padding:10px;
	}
	
	div.social-span span
	{
		font-size:1.2em;
	}

}


/* For tablet view */
@media (min-width: 768px) and (max-width: 991px) 
{
	
	a.navbar-brand img 
	{
		padding-left:100px;
	}
	
	button.navbar-toggler
	{
		border:2px solid #b56300;
	}
	
	button.navbar-toggler:hover, button.navbar-toggler:focus
	{
		box-shadow: 0 0 0 0.15rem  #b56300;
	}
	
	div#navbarSupportedContent.collapse.navbar-collapse li a 
	{
		color: white;
		background-color: #b56300;
	}

	div#navbarSupportedContent.collapse.navbar-collapse li a:hover, div#menu-items.collapse.navbar-collapse li a:focus,
	div#navbarSupportedContent.collapse.navbar-collapse li a.active  
	{
		color: #928177;
		background-color: #cba342;
	}
	
	div.carousel-indicators button.rounded-btn
	{
		height:5px;
		width:5px;
		border-radius:50%;
	}


	div.carousel-caption h1
	{
		font-size:1.5em;
	}
	
	div.carousel-caption.btn-caption
	{
		top:75%;
		width:auto;
		left:-45%;
	}

	div#jumbo-about
	{
		padding-bottom:10px;
	}
	
	div#jumbo-about h1
	{
		font-size:1.4em;
	}
	
	div#jumbo-about p
	{
		font-size:0.9em;
	}
	
	h1.section-title-inline
	{
		margin-left: 35%;
		margin-right: 35%;
	}
	
	h3.prod-sub-title
	{
		font-size:1.2em;
	}


	button.btn-reg
	{
		font-size:0.8em;
	}

	div.tile-card
	{
		background-color:rgba(0,0,0,0);
		padding:10px;
		border-radius:15px;
	}

	span.tile-card-text
	{
		font-size:10px;
	}
}


@media (min-width: 321px) and (max-width: 767px) 
 {
 	a.navbar-brand img 
	{
		padding-left:0px;
	}
	
	nav
	{
		height: 55px;
		border:0px;
	}
	
	nav div a img
	{
		height: 35px;
	}
	
	button.navbar-toggler
	{
		border:2px solid #b56300;
	}
	
	button.navbar-toggler:hover, button.navbar-toggler:focus
	{
		box-shadow: 0 0 0 0.15rem  #b56300;
	}
	
	div#navbarSupportedContent.collapse.navbar-collapse li a 
	{
		color: white;
		background-color: #b56300;
	}

	div#navbarSupportedContent.collapse.navbar-collapse li a:hover, div#menu-items.collapse.navbar-collapse li a:focus,
	div#navbarSupportedContent.collapse.navbar-collapse li a.active  
	{
		color: #928177;
		background-color: #cba342;
	}
	
	
	div.carousel-indicators 
	{
		width:80px;
		margin-left:20px;
	}
	
	div.carousel-indicators button.rounded-btn
	{
		height:5px;
		width:5px;
		border-radius:50%;
	}


	div.carousel-caption.btn-caption
	{
		top:75%;
		width:auto;
		left:-45%;
	}
	
	div#jumbo-about
	{
		padding-bottom:10px;
	}
	
	div#jumbo-about h1
	{
		font-size:0.9em;
	}
	
	div#jumbo-about p
	{
		font-size:0.5em;
	}
	
	h3.caption-text
	{
		font-size:0.7em;
	}
	
	h1.section-title-inline
	{
		margin-left: 20%;
		margin-right: 20%;
	}
	
	h3.prod-sub-title
	{
		font-size:1.2em;
	}


	button.btn-reg
	{
		font-size:0.8em;
	}
	
	button.btn-reg.block-btn
	{
		font-size:1.2em;
	}

	div.tile-card
	{
		background-color:rgba(0,0,0,0);
		padding:5px;
		padding-left:30px;
		padding-right:30px;
		border-radius:15px;
	}

	span.tile-card-text
	{
		font-size:10px;
	}
	
	div.supp-logo
	{
		margin:1px;
	}
	
	div#email-form
	{
		padding-top:60px;
		padding-bottom:150px;
		margin-bottom:0px;
	}
	
	footer.panel-footer div.row, footer.panel-footer div.row a 
	{
		margin-top: 20px;
		font-size: 8px;
		color: white;
		position: relative;
	}

	footer.panel-footer div.footer-head {
		margin-bottom: 20px;
		font-size: 10px;
		color: white;
	}
}

@media (max-width: 320px)
{
	a.navbar-brand img 
	{
		padding-left:0px;
	}
	
	nav
	{
		height: 55px;
		border:0px;
	}
	
	nav div a img
	{
		height: 35px;
	}
	
	button.navbar-toggler
	{
		border:2px solid #b56300;
		padding:3px;
	}
	
	button.navbar-toggler:hover, button.navbar-toggler:focus
	{
		box-shadow: 0 0 0 0.15rem  #b56300;
	}
	
	div#navbarSupportedContent.collapse.navbar-collapse li a 
	{
		color: white;
		background-color: #b56300;
	}

	div#navbarSupportedContent.collapse.navbar-collapse li a:hover, div#menu-items.collapse.navbar-collapse li a:focus,
	div#navbarSupportedContent.collapse.navbar-collapse li a.active  
	{
		color: #928177;
		background-color: #cba342;
	}
	
	
	div.carousel-indicators 
	{
		width:80px;
		margin-left:20px;
	}
	
	div.carousel-indicators button.rounded-btn
	{
		height:5px;
		width:5px;
		border-radius:50%;
	}


	div.carousel-caption.btn-caption
	{
		top:75%;
		width:auto;
		left:-45%;
	}
	
	div#jumbo-about
	{
		padding-bottom:2px;
	}
	
	div#jumbo-about h1
	{
		font-size:0.9em;
	}
	
	div#jumbo-about p
	{
		font-size:0.5em;
	}
	
	h3.caption-text
	{
		font-size:0.7em;
	}
	
	div.section-title-bar
	{
		margin-top: 50px;
		border-top: 1px solid #584a42;
	}

	
	h1.section-title-inline
	{
		margin-left: 20%;
		margin-right: 20%;
	}
	
	h3.prod-sub-title
	{
		font-size:1.1em;
	}


	button.btn-reg
	{
		font-size:0.8em;
	}

	div.tile-card
	{
		background-color:rgba(0,0,0,0);
		padding:5px;
		padding-left:15px;
		padding-right:15px;
		border-radius:15px;
	}

	span.tile-card-text
	{
		font-size:8px;
	}
	
	div.supp-logo
	{
		margin:1px;
	}
	
	div#email-form
	{
		padding-top:60px;
		padding-bottom:150px;
		margin-bottom:0px;
	}
	
	footer.panel-footer div.row, footer.panel-footer div.row a 
	{
		margin-top: 20px;
		font-size: 8px;
		color: white;
		position: relative;
	}

	footer.panel-footer div.footer-head {
		margin-bottom: 20px;
		font-size: 10px;
		color: white;
	}
}