@charset "utf-8";
/* CSS Document */

/* Mobile Layout: 480px and below. */

#maindiv {
}
#topbar {
	background: #1B3A56;
	height: 27px;
	display:none;
}

#sticker {
  background:#FFF;	
}


#logocontact_container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#sticker {

	margin: 0 auto;
	position:inherit;
	background:#FFFFFF;	
	}




#logo {

	margin: 0 auto;
	margin-top:10px;
}
#contactcontainer {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-right:6px;
	display: flex;
	justify-content: space-between;
	margin-top:0px;
}
#homecontact {
	display: none;
	width:auto;
	text-align: center;
	padding:10px;
	border-radius:10px;
}
#homemail {
	display: none;
	width:auto;
	text-align: center;
	padding:10px;
	border-radius:10px;
}
#nav {
	width:auto;
	margin: 0 auto;
	padding-top: 3px;
	float:right;

}

#navcontainer {
	background: #5C9AD3;
	height: 40px;
	
}

#navholder {
	width:100%;
	max-width:1200px;
	margin:0 auto;	
}

#nav {
	width:auto;
	margin: 0 auto;
	padding-top: 3px;
	float:right;
	z-index:200;
}
#callusicon {
	width: 80px;
	margin: 0 auto;
}
#mailusicon {
	width: 90px;
	margin: 0 auto;
}
#homepic {
	display: inherit;
}
#paracontainer {
	display: none;
}
.headblue1 {
	font-weight: 800;
	color: #5B99D2;
	font-size: 20px;
}
.headblue2 {
	font-weight: 800;
	color: #193954;
	font-size: 20px;
}
#content {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 15px;
}
#header {
	margin-bottom: 20px;
}
#hometext {
	text-align: justify;
}
#shortcutsholder {
	margin-top: 30px;
	text-align: center;
}
#shortcuts {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	text-align: justify;
}
#enderline {
	margin-top: 20px;
	height: 40px;
	background: #193954;
}
#copyr {
	color: #fff;
	padding-top: 12px;
	font-size: 12px;
}
#csds {
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contacts{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	box-shadow: 0px 0px 10px 2px #CCC;
	margin: 13px;
	padding: 10px;
	text-align: left;
}

.txtfield {
width: 100%;	

}

#homeproducts {
	width:180px;
	display:inline-block;
	margin:9px;
	box-shadow:0px 0px 20px 5px #ccc;
	padding:5px;
	overflow:hidden;	
}


#contactform {
	width:100%;
	display:inline-block;
	text-align:left;
	margin:10px;
	box-shadow:0px 0px 15px 5px #ccc;
	margin-bottom:20px;
}
#maps {
	width:98%;
	margin-top:20px;
	box-shadow:0px 0px 15px 5px #ccc;
	border: solid 1px #FFF;
}


#contactdetails {
	width:49%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-top:10px;
	margin:10px;
	width:100%;
	box-shadow:0px 0px 15px 5px #CCCCCC;
	
}

.txtfield {
	width:98%;	
	padding:4px;
	margin:5px;
	vertical-align:top;
}

.icon {
	padding:5px;	
}

#button{
margin-left:46%;
}

#vmholder {
overflow:hidden;	
}

#vission {
	width:92%;
	display:inline-block;
	text-align:left;
	margin:10px;
	border: solid 1px #CCCCCC;
	padding:10px;
}

#mission {
	width:92%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin:10px;
	border: solid 1px #CCCCCC;
		padding:10px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	
#vission {
	width:98%;
	display:inline-block;
	text-align:left;
	margin:10px;
	border: solid 1px #CCCCCC;
	padding:10px;
}

#mission {
	width:98%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin:10px;
	border: solid 1px #CCCCCC;
		padding:10px;
}
#sliderspace {

}
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {


#sticker {
	width: 100%;
	margin: 0% auto; /* Will not center vertically and won't work in IE6/7. */
	left: 0;
	right: 0;
	position:fixed;
	background:#FFFFFF;
	 z-index:1;
}


#homepic {
	display: none;
}
#paracontainer {
	display: inherit;
}

#shortcutsholder {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	vertical-align: bottom;
}
#shortcuts {
	display: inline-block;
	vertical-align: bottom;
	width: 170px;
	text-align: justify;
}

#contactcontainer {
	float: right;
	width: 100%;
	max-width: 350px;
	vertical-align: top;
	margin-top: 30px;
	
}

#homecontact {
	display: inline-block;
	width:auto;
	text-align: center;
	box-shadow:none;

}
#homemail {
	display: inline-block;
	width:auto;
	text-align: center;
	box-shadow:none;

}

#topbar {
	background: #1B3A56;
	height: 27px;
	display:inherit;
}
	#contacts{
	display: inline-block;
	width: 100%;
	max-width: 350px;
	vertical-align: top;
	box-shadow: 0px 0px 10px 2px #CCC;
	margin: 10px;
	padding: 10px;
	text-align: left;
}
#navholder {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

#logo {

	display: inline-block;
	margin-top:20px;
	margin-bottom:20px;

}

#nav {
	display: inline-block;
	width:auto;
	margin-top:40px;

}

#contactholder {
	width:99%;
	white-space: nowrap;	
}

#contactform {
	width:49%;
	display:inline-block;
	text-align:left;
	margin-right:10px;
}


#contactdetails {
	width:49%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-top:10px;
	
}

.txtfield {
	width:98%;	
	padding:4px;
	margin:5px;
	vertical-align:top;
}

.icon {
	padding:5px;	
}

#button{
margin-left:46%;
}
	#vission {
	width:47%;
	display:inline-block;
	text-align:left;
	margin:10px;
	border: solid 1px #CCCCCC;
	padding:10px;
}

#mission {
	width:47%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin:10px;
	border: solid 1px #CCCCCC;
		padding:10px;
}
#sliderspace {

}

}