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

/* 
Z-INDEX  

*/

*:not(ul):not(ol)  {
	margin:0;
	padding:0;
}
/*ul, ol {
	padding-left:18px;
}*/
html, 
body {
	height: 100%;
}

body:before
{
content: url(../images/logo.png), url(../images/header-bg.jpg), url(../images/home-about.png), url(../images/homebanner1.jpg), url(../images/home-contact.png), url(../images/home-services.png);
display: none;
}

body {
	background-color:#fff;
	height:100%; 
	font-family:'Open Sans', Verdana;
	color:#3f3f3f;
	font-size:16px;
} 

#wrapper {
	min-height:100%;
	position:relative;
}
header {
	background-color:#ffffff;
	height:140px;
}
#contents {
	padding-top:40px;
	padding-bottom:90px;   /* Height of the footer element */
}
footer {
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#233c98;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
}

.max_width {
	width:1200px;
	max-width:1200px;
	margin:0 auto;
}

/** LINKS **/

a:link,
a:visited,
a:hover,
a:active{
	text-decoration: underline;
	color:#1c417e;
}

a:hover {
	text-decoration:none;
}

/** HEADER / MENU / NAVIGATIONS **/

header a {
	text-decoration:none !important;
}

header .logo,
header ul#menu,  
header .lang {
	display:inline-block;
	vertical-align:bottom;
}

header .logo {
	margin-right:50px;
}

header .lang {
	font-size:14px; 
	text-align:right; 
}

header .lang, 
header .lang a {
	color:#233c98;
	cursor:pointer;
}

header ul#menu img {
	display:inline-block; 
	vertical-align:middle;
}

header ul#menu {
	font-size:18px;
	margin-top:20px; /* for mobile */
}

ul#menu, 
ul#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	//margin:0 auto;
	//display:block;
}

ul#menu > li {
	display:inline-block;
	position:relative;
}

ul#menu li a {
	display:block;
	text-transform:uppercase;
}

ul#menu > li > a,
ul#menu > li > a:visited {
	margin-left:15px;
	margin-right:15px;
	color:#233c98;
}

ul#menu > li > a, 
header .lang {
	padding-bottom:5px;
}

ul#menu > li > a:hover, 
ul#menu > li > a:active {
	color:#000000;
}

/** SUB MENU / DROP DOWN MENU **/

ul#menu ul, 
ul#menu ul li {    
    background-color:#e5e5e5;
}

ul#menu > li > ul {    
    position:absolute;
    left:0;
    top:25px; 
    width:370px;
}
ul#menu > li:hover > ul  {
	z-index:1;
}
ul#menu li li ul {
    /*position:absolute;
    top:0;
    left:370px;*/ /* make this equal to the width of the sub nav above */
    margin:0;
}
/* hide sub menu links */
ul#menu ul.sub-menu {
    display:none;
}

ul#menu > li > ul > li > ul > li > a {
	margin-left:15px;
}

ul#menu li li a {
	padding:6px 15px 6px 15px;
	color:#666;
}
ul#menu li li:hover, 
ul#menu li li:hover li {
	background-color:#233c98;
}
ul#menu li li:hover a, 
ul#menu li li a:hover {
	color:#ffffff;
}

/** HOME PAGE **/

/*.fotorama .caption {
	position:absolute; 
	top:50%; 
	left:50%;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.fotorama .caption img {
	margin:0 auto;
}

.homeboxes {
	position:absolute; 
	bottom:110px; 
	text-align:center;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	border-collapse: separate;
	border-spacing:50px 0;
}

.homebox {
	padding-top:15px;
	vertical-align:bottom !important;
	position:relative;
}

.homebox .contents {
	position:absolute;
	bottom:165px;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	visibility:hidden;
	padding:0;
	margin:0;
	color:#000000;
	font-weight:600;
	font-size:14px;
	min-width:266px;
	max-width:266px;
	height:0px;
	-webkit-transition: height 1s; 
    transition: height 1s;
}
.homebox:hover .contents {
	visibility:visible;
	height:220px;
	max-height:220px;
}

.homebox .contents .align {
	position:relative;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:center;
	width:80%;
}

.homebox .contents .button {
	width:130px; 
	display:inline-block;
}

#contact-homebox {
	background-image:url(../images/home-contact-contentsbg.png);
	background-repeat:no-repeat;
}
#about-homebox {
	background-image:url(../images/home-about-contentsbg.png);
	background-repeat:no-repeat;
}
#services-homebox {
	background-image:url(../images/home-services-contentsbg.png);
	background-repeat:no-repeat;
}*/

.homebox {
	width:350px;
	vertical-align:top;
}

.homebox .heading {
	font-size:18px; 
	font-weight:600;
	text-transform:uppercase;
}

.homebox .desc {
	font-size:14px;
}

/** BREADCRUMBS **/

.breadcrumbs {
	font-weight:600;
	font-size:14px;
	padding-bottom:20px;
}

.breadcrumbs a {
	text-decoration:none;
}

.breadcrumbs img {
	display:inline-block;
	padding-left:2px;
	padding-right:2px;
}

.breadcrumbs .category {
	color:#595959;
	text-decoration:underline;
}

.breadcrumbs .sub-category {
	text-transform:uppercase;
	color:#000;
}

.breadcrumbs .active {
	text-transform:uppercase;
	font-weight:800;
	color:#022158;
}

/** HEADINGS **/

.heading {
	font-size:18px;
	color:#001c54;
	text-transform:uppercase;
	font-weight:600;
}

.subheading {
	color:#3f3f3f;
	font-weight:600;
}

/** INNER PAGES **/

.banner {
	width:100%; 
	max-width:100%; 
	height:350px; 
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover; 
}

.products .listing img {
	display:inline-block;
	vertical-align:top;
}

.products .listing .item a {
	text-decoration:none;
}

.products .listing .item .subheading {
	text-align:center;
	font-size:15px;
}

.products .listing .product-thumbnail,
.product .product-img, 
.product .product-thumbnail {
	padding:10px;
	border-color:#8c8c8c; 
	border-style:solid; 
	border-width:1px; 
}

.product .product-img {
	margin-right:30px;
}

.product .product-caption {
	text-transform:uppercase;
}

.products .listing .item, 
.product .product-thumbnail {
	display:inline-block;
	vertical-align:top;
	width:260px;
	margin-right:10px;
	margin-bottom:10px;
}

.product .product-thumbnail a {
	cursor:pointer;
}

.product .product-name {
	color:#000000;
	font-weight:600;
}

/*.product .cell {
	width:50%;
}*/

/** CONTACT PAGE **/

.contact .item {
	display:inline-block;
	vertical-align:top;
	width:560px;
	margin-bottom:40px;
}

/** FOOTER **/

.footer-contact {
	height:125px; 
	background-image:url(../images/footer-contact-bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#2dc4fe;
	text-align:center;
}

.footer-contact a {
	color:#2dc4fe;
}

.footer-contact .box {
	border-color:#2dc4fe;
	border-width:2px;
	border-style:solid;
	display:inline-block;
	padding:10px;
}

footer #menu {
	float:left;
}

footer #menu a {
	color:#FFF; 
	text-decoration:none;
}

footer .copyright {
	float:right;
}

/** FORM **/

/** DEFAULTS **/

select::-ms-expand { /* Removes default arrow for IE */
    display: none;
} 
::-webkit-input-placeholder { color:#878787; opacity: 1 !important; font-family:'GeosansLight'; font-size:18px; }
:-moz-placeholder { color:#878787; opacity: 1 !important; font-family:'GeosansLight'; font-size:18px; } /* Firefox 18- */
::-moz-placeholder { color:#878787; opacity: 1 !important; font-family:'GeosansLight'; font-size:18px; } /* firefox 19+ */
:-ms-input-placeholder { color:#878787; opacity: 1 !important; font-family:'GeosansLight'; font-size:18px; } /* ie */
input:-moz-placeholder { color:#878787; opacity: 1 !important; font-family:'GeosansLight'; font-size:18px; }

/** MISC **/

.tbl {
	display:table; 
	/*width:100%;*/
}

.tbl .row {
	display:table-row;
}

.tbl .row .cell {
	display:table-cell;
	vertical-align:top;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 1200px){

.max_width {
	width:auto;
	max-width:none;
	padding-left:0.5em; 
	padding-right:0.5em;
}

}