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

*
{
	margin: 0px;
	padding: 0px;	
	font-family: 'Open Sans', sans-serif;
}

#sitemap
{
	background: #272c4c;
	padding-top: 15px;
	padding-bottom: 15px;	
}

#sitemap p
{
	display: inline-block;
	margin: 0px;
	font-size: 12px;
	color: #ffffff;	
	padding-left: 15px;
}

#sitemap a 
{
	color: #ffffff;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

#sitemap a:hover {color: #8a99f7; text-decoration: none;}

#sitemap .col-md-8 i
{
	font-size: 14px;
	margin-right: 3px;	
}

#sitemap .col-md-4 
{
	text-align: right;	
}

#sitemap .col-md-4 i
{
	color: #ffffff;	
	margin-left: 10px;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

#sitemap .col-md-4 i:hover {color: #8a99f7;}

#header
{
	padding-top: 20px;
	padding-bottom: 20px;
}

#header img
{
	text-align: center;
	margin: 0px auto;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

#header img:hover {opacity: 0.7;}

.navbar
{
	text-align: center;	
	margin: 0px;
	min-height: auto;	
	border: none;
	border-radius: 0px;
	background: #ffffff;
}

.navbar li a
{
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #272c4c !important;
	font-weight: 700;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 5px;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

.navbar li a.active,
.navbar li a:hover
{
	background: #e9e9e9 !important;	
}

.navbar .navbar-nav
{
	display: inline-block;
	float: none;
	color: #ffffff;
	vertical-align: top;
}

#usp
{
	background: #e7e7e7;
	padding-bottom: 50px;	
}

#usp .container
{
	position: relative;
	background: #272c4c;
	z-index: 999;
	margin-top: -110px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;	
}

.img-container
{
	width: 43%;	
}

.image-wrap
{
	border: 2px solid #ffffff;
	position: relative;
	width: 150px;
	height: 148px;
	margin
}

.image-wrap img
{
	position: absolute;
	border: 2px solid #ffffff;
}

.text-container
{
	width: 50%;	
	color: #ffffff;
	position: relative;
}

.text-container h3
{
	margin: 0px;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;	
}

.text-container p
{
	margin: 0px;
	font-size: 11px;
	padding-bottom: 10px;	
}

.text-container a
{
	position: absolute;
	background: #ffffff;
	color: #292929;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	bottom: 0px;
	border: 2px solid #ffffff;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

.text-container a:hover
{
	text-decoration: none;
	background: #272c4c;
	color: #ffffff;	
}

#usp1
{
	display: flex;
	justify-content: space-between;	
}

#usp1 img
{
	top: -10px;
	left: -10px;	
}

#usp2
{
	display: flex;
	justify-content: space-between;	
}

#usp2 img
{
	bottom: -10px;
	left: -10px;	
}

#usp3
{
	display: flex;
	justify-content: space-between;	
}

#usp3 img
{
	top: -10px;
	right: -10px;
		
}


#content
{
	background: #e7e7e7;	
}

#content .container
{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background: #ffffff;	
}

#content h1
{
	font-size: 30px;
	color: #272c4c;
	margin: 0px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 10px;
}

#content h2
{
	font-size: 14px;
	color: #292929;	
	margin: 0px;
	text-align: center;
	padding-bottom: 20px;
}

#content h3
{
	font-size: 20px;
	color: #272c4c;
	margin: 0px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 10px;
}

#hr
{
	width: 100%;
	max-width: 300px;
	height: 4px;
	background: #cacaca;
	margin: 0px auto;
	margin-bottom: 20px;	
}

#content p
{
	text-align: center;	
	color: #292929;
}

#content ul
{
	text-align: center;
	list-style-position: inside; 	
}

#content #left p
{
	text-align: right !important;	
}

#content #left p:last-child {margin-bottom: 0px;}

#content #left ul {direction: rtl; list-style-position: inside;}

#content #left ul li
{
	color: #272c4c;
	text-transform: uppercase;
	font-weight: 700;
	text-align: right;	
}

#content #right p
{
	text-align: left !important;	
}

#content #right ul li
{
	color: #272c4c;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;	
}

#content #right ul {list-style-position: inside;}

#content #right p:last-child {margin-bottom: 0px;}

#logos
{
	background: #dcdcdc;	
}

#image-logos
{
	display: flex;
	background: #d2d2d2;
	justify-content: space-around;
	padding-top: 30px;
	padding-bottom: 30px;
	flex-wrap: wrap;
}

#content-bottom
{
	background: #e7e7e7;	
}

#content-bottom p {color: #292929;}

#content-bottom .container
{
	background: #ffffff;
	padding-right: 32px;
	padding-left: 32px;	
}

#bottom-left h2
{
	color: #272c4c;	
	font-size: 25px;
	font-weight: 600;
	text-align: right; 
	text-transform: uppercase;
}

#bottom-left p
{
	text-align: right;	
}

#bottom-right h2
{
	color: #272c4c;	
	font-size: 25px;
	font-weight: 600;
	text-align: left; 
	text-transform: uppercase;
}

#bottom-right p
{
	text-align: left;	
}

#map
{
	background: #e7e7e7;	
}

#map iframe
{
	width: 100%;
	height: 400px;
	background: #ffffff;
	margin: 0px;	
}

form#form
{
	padding: 20px 20px 20px;
	background: #e7e7e7 !important;
	margin: 0px auto;
	margin-bottom: 15px;
	max-width: 800px;
}

label
{
	font-size: 16px;
	color: #ffffff;
	line-height: 50px;
	position: relative;
	font-weight: bolder;
	text-transform: uppercase;
	margin: 0px 0px 10px;
}

input[type=text],
input[type=number]
{
	padding: 10px;
	width: 100%;
	height: 46px;
	border: 0px;
	font-size: 16px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bolder;
	text-transform: uppercase;
	border-bottom: 2px solid #222222;
}

select
{
	padding: 10px;
	width: 100%;
	height: 46px;
	border: 0px;
	font-size: 16px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bolder;
	text-transform: uppercase;
}

textarea
{
	padding: 10px;
	width: 100%;
	height: 320px;
	border: 0px;
	font-size: 16px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bolder;
	text-transform: uppercase;
}

input[type=file]
{
	width: 100%;
	height: 46px;
	border: 0px;
	font-size: 16px;
	color: #a9a9a9;
	margin-bottom: 10px;
	font-weight: bolder;
	text-transform: uppercase;
}
input[type=file] button {color: #a9a9a9;}

input[type=submit]
{
	padding: 10px;
	width: 100%;
	height: 46px;
	border: 0px;
	font-size: 16px;
	color: #1b1b1b;
	background: #a8a8a8;
	margin-bottom: 10px;
	font-weight: bolder;
	text-transform: uppercase;
	border: 0px;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;	
}

input[type=submit]:hover
{
	background: #ffffff;
}

.dob .col-md-4 {display: inline-block; padding: 0px 1px; margin: 0px;}

.error, .red
{
	color: #ff0000;
	float: none;
	text-align: center;
	margin: 0px auto;
}

.green
{
	color: #3cff00;
	float: none;
	text-align: center;
	margin: 0px auto;
}

#footer-top
{
	background: #e7e7e7;	
}

#footer-top .container
{
	background: #4454b8;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;	
}

#footer-top p
{
	text-align: right;
	color: #c5c9e3;
	font-size: 12px;
	margin-bottom: 0px;
	line-height: 15px;
}

#footer-top a
{
	color: #c5c9e3;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;	
}

#footer-top a:hover
{
	text-decoration: none;
	color: #ffffff;	
}

#footer-top img
{
	margin-top: 15px;	
}

#footer-bottom
{
	background: #d2d2d2;	
}

#footer-bottom .container
{
	background: #272c4c;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;	
}

#footer-bottom p
{
	color: #646b96;
	font-size: 12px;
	margin-bottom: 0px;	
}

#footer-bottom a
{
	color: #646b96;	
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out
}

#footer-bottom a:hover
{
	color: #ffffff;
	text-decoration: none;	
}

#footer-bottom .top
{
	color: #6f6f6f;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	line-height: 25px;
	text-decoration: none;
	background-color: #171717;
	text-align: right;
	float: right;
	cursor: pointer;
	font-size: 30px;
	-moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s  ease-in-out;
}

#footer-bottom .top:hover
{
	color: #ffffff;
	background-color: #4454b8;
}

/*Gallery*/

.filter-button
{
	text-transform: uppercase;
	color: #272c4c;
	font-weight: 700;
    font-size: 18px;
    text-align: center;
	border-radius: 0px;
    margin-bottom: 30px;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;

}
.filter-button:hover
{
    text-align: center;
    background: #e9e9e9;

}
.btn-default:active .filter-button:active
{
    background: #e9e9e9;
}

.gallery_product
{
    margin-bottom: 30px;
}

.gallery_product img
{
	border: 5px solid #e7e7e7;
	margin: 0px auto !important;
}

#gallery
{
	text-align: center;
	margin: 0px auto;
	min-height: 780px;	
}

@media screen and (max-width: 990px){
	#sitemap {text-align: center; !important}
	#sitemap .col-md-8 {padding-bottom: 10px;}
	#sitemap .col-md-4 {text-align: center !important;}
	.navbar li a {margin-right: 0px;}
	.navbar-nav {width: 100%;}
	.navbar-collapse {padding: 0px;}
	.navbar-toggle {position: absolute; top: -75px; right: 0px;}
	#usp {display: none;}
	#content {padding-top: 50px;}
	#content #left p {text-align: center !important;}
	#content #left p:last-child {margin-bottom: 10px;}
	#content #left ul li {text-align: center;}
	#content #right p {text-align: center !important;}
	#content #right ul li {text-align: center;}
	#image-logos img {padding-bottom: 20px;}
	#bottom-left h2 {text-align: center !important;}
	#bottom-left p {text-align: center !important;}
	#bottom-right h2 {text-align: center !important;}
	#bottom-right p {text-align: center !important;}
	#footer-top img{text-align: center; margin: 15px auto;}
	#footer-top p{text-align: center;}	
	#footer-bottom {text-align: center;}
	#footer-bottom .col-md-5 .top {float: none; text-align: center; display: inline-block; margin-top: 15px !important;}
}

@media screen and (max-width: 320px){
	#header img	{width: 50%; max-width: 202px;}
	.navbar-toggle {position: absolute; top: -70px; right: 0px;}
}