/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body{font-family: "Droid Sans", Verdana, Arial;}
a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
.box img{-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; transition: all 1.5s ease;}
b{font-weight: bold;}

.fixed{width: 1200px; position: relative; margin: 0 auto;}
.clear{clear: both;}
hr{margin: 10px 0px; margin: 0px; border-top: solid 1px #fff; border-bottom: solid 1px #ccc; border-right: 0px; border-left: 0px;}

.banner_place{width: 100%; height: 462px;}
.inner .banner_place{width: 100%; height: 402px;}

.header {width: 100%; height: 113px; background: #02264d; position: relative;}
.header {
   overflow: hidden;
}
.header-menu {width: 100%; background: #b0e75d; height: 40px;}

.logo {float: left;}
.certificate {float: right; position: relative;}
.certificate a{height: 48px; background: url(../images/certificates.png); display: block; float: left; margin-right: 3px;}
.certificate .sgs{width: 57px; background-position: -31px 0px;}
.certificate .oek{width: 65px; background-position: -90px 0px;}
.certificate .bsc{width: 98px; background-position: -156px 0px;}
.certificate .wrap{width: 50px; background-position: -257px 0px;}
.certificate .sgs:hover{background-position: -31px -48px;}
.certificate .oek:hover{background-position: -90px -48px;}
.certificate .bsc:hover{background-position: -156px -48px;}
.certificate .wrap:hover{background-position: -257px -48px;}

.certificate .slog{position: absolute; top: 60px; width: 400px; text-align: right; left: -168px;}
.certificate .slog h1{font-size: 14px; color: #b0e75d; padding-bottom: 10px;}
.certificate .slog h2{font-size: 14px; color: #ededef;}


.nav { height: 40px;}
.nav > ul > li > a{border-right: 1px solid #000000; padding: 0px 50px; line-height: 40px; height: 20px; position: relative; left: 1px;}
.nav > ul > li:last-child a{border-right: none;}
.nav ul li{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav ul { padding: 0; margin: 0; height: 40px; margin-left: 100px;}
.nav ul li { float: left; list-style: none; height: 40px; line-height: 40px; position: relative;}
.nav ul li:hover {background: #02264d;}
.nav > ul > li:hover > a{color: #fff; border-right: solid 1px #b0e75d; }
.nav ul li.active{background: #02264d;}
.nav > ul > li.active > a{color: #fff; border-right: solid 1px #b0e75d;}
.nav ul li a { text-decoration: none; font-size: 14px; font-weight: 400; color: #071520; text-transform:  uppercase; text-align: center; }

.nav ul li ul{display: none; position: absolute; width: 100%; background: #02264d; margin: 0px; left: 0; top: 40px; height: auto; z-index: 5000; border-top: solid 1px #b0e75d;}
.nav ul li ul li{float: none; border: 0px; line-height: 30px; height: auto; position: relative; height: 30px; padding: 0px 10px; }
.nav ul li ul li:hover{background: #b0e75d;}
.nav ul li ul li:hover a{color: #071520;}
.nav ul li ul li a{color: #fff;}

.nav ul li ul li ul{display: none; position: absolute; width: 100%; background: #02264d; box-shadow: 2px 2px 5px #000; margin: 0px; left: 100%; top: 0px; height: auto; z-index: 5000;}
.nav ul li ul li ul li{float: none; border: 0px; line-height: 30px; height: 30px;}

/*.nav ul > li:hover > ul{display: block;}
.nav ul > li > ul > li:hover > ul{display: block;}*/
.nicescroll-rails{background: #000;}

.in{position: fixed; width: 37% !important; height: 100%; top: 0; right: 0; z-index: 0; background: url(../images/bgr2.png) repeat;}
.in .content_text{margin: 95px 20px 110px 20px; padding-right:  30px;}


.content{background: #022b58; padding: 20px 0px}
.content .fixed{width: 950px;}

.content_text{padding: 0px 15px;}
.content_text h1{font-size: 22px; padding: 10px 0px; margin: 0px; color: #b0e75d; font-weight: normal;}
.content_text h1 a{font-size: 22px; padding: 10px 0px; margin: 0px; color: #b0e75d; font-weight: normal;}
.content_text h1 a:hover{color: #736161;}
.content_text h1 font{font-size: 14px;}
.content_text h2{font-size: 20px; padding: 10px 0px; margin: 0px; color: #b0e75d; font-weight: normal;}
.content_text h3{font-size: 18px; padding: 10px 0px; margin: 0px; color: #b0e75d; font-weight: normal;}
.content_text h4{font-size: 16px; padding: 10px 0px; margin: 0px; color: #b0e75d; font-weight: normal;}
.content_text h5{font-size: 14px; padding: 10px 0px; margin: 0px; color: #b0e75d; font-weight: 700;}
.content_text p{font-size: 14px; padding: 5px 0px; margin: 0px; color: #fff; text-align: justify; line-height: 20px;}

.content_text .cont td{font-size: 14px; padding: 5px 0px; color: #fff; text-align: justify; }
.content_text td{vertical-align: top;}
.content_text div{}
strong{color: #b0e75d; font-weight: bold;}

b{font-weight: bold;}
.textbox{border: solid 1px #ccc; padding: 3px 5px; width: 95%;}
.textarea {border: solid 1px #ccc; padding: 3px 5px; width: 95%; height: 50px;}
.button{}

		
.features {overflow: hidden; padding: 20px 0; background: #022b58;}
.features .fixed{width: 952px;}
.features .box {position: relative; text-align: center;	float: left; width: 191px; margin-right: 60px;}
.features .box:last-child{margin-right: 0px;}
.features h1 {text-align: center; font-size: 14px; color: #fff; font-weight: bold;}
.features p {font-size: 12px; text-align: justify; height: 175px; line-height: 14px; color: #a8bed6;}
.features .f-icon {
	padding: 10px 0;
}

.features .box:hover img{
	-webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;

	-webkit-transform: rotateY(180deg); 
	   -moz-transform: rotateY(180deg); 
	     -o-transform: rotateY(180deg); 
	    -ms-transform: rotateY(180deg);
	    
}
.features .box-left{position: absolute;left: -130px; top: 0;}
.features .box-right{position: absolute; right: -130px; top: 0;}


.peoples .box .flip {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;

	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 
}

/* START: Accommodating for IE */
.peoples .box .flip:hover .back, .peoples .box .flip.hover .front {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.peoples .box .flip:hover .front, .peoples .box .flip:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* END: Accommodating for IE */

.peoples .box .flip, .front, .back {
	width: 141px;
	height: 194px;
}

.peoples .box .flip a {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;

	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	display: block;
	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

    	-webkit-transition: 0.6s;
	  -webkit-transform-style: preserve-3d;
	    -webkit-transform: rotateY(0deg);
	
	    -moz-transition: 0.6s;
	    -moz-transform-style: preserve-3d;
	    -moz-transform: rotateY(0deg);
	
	    -o-transition: 0.6s;
	    -o-transform-style: preserve-3d;
	    -o-transform: rotateY(0deg);
	
	    -ms-transition: 0.6s;
	    -ms-transform-style: preserve-3d;
	    -ms-transform: rotateY(0deg);
	
	    transition: 0.6s;
	    transform-style: preserve-3d;
	    transform: rotateY(0deg);

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	
	z-index: 2;
}

.back {
	
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}



.features .readmore{display: block;	float: right; width: 92px; height: 28px; background: url(../images/readmore.png); background-position: 0px 0px;}
.features .readmore:hover{background-position: 0px -28px;}

.peoples {overflow: hidden; padding: 20px 0; background: #094281;}
.peoples .fixed{width: 860px;}
.peoples .box:last-child{margin-right: 0px;}
.peoples .box{position: relative; text-align: center; float: left; width: 135px; margin-right: 35px;}
.peoples .box h1 {padding: 10px 0px; margin: 0px; text-align: center; font-family: "Impact", Arial, Verdana; color: #bbdc89; font-size: 24px;}
.peoples h1{font-size: 28px; font-family: 'Lato', sans-serif; font-weight: normal; color: #fff; text-align: right; padding: 25px 0px; margin-right: 40px;}



.footer { width: 100%; background: #022b58; height: 155px; bottom: 0px; }
.footer .copyright {width: 550px;float: left; padding: 44px 0 0 40px;}
.footer .copyright p{color: #b7a6a6; font-size: 10px; text-align: left; line-height: 10px; width: 395px; float: left; padding-top: 8px;}
.footer .copyright a{color: #fff;}
.footer .copyright a:hover{color: #b7a6a6;}

.social{float: right; margin-top: 50px;padding-right: 40px;}
.social a{height: 51px; width: 36px; background-image: url(../images/social.png); background-repeat: no-repeat; float: left; display: block;}
.social a.gp{background-position: 0px 0px;}
.social a.tw{background-position: -36px 0px;}
.social a.fb{background-position: -72px 0px;}
.social a.pi{background-position: -108px 0px;}
.social a.li{background-position: -144px 0px;}
.social a.gp:hover{background-position: 0px -55px;}
.social a.tw:hover{background-position: -36px -55px;}
.social a.fb:hover{background-position: -72px -55px;}
.social a.pi:hover{background-position: -108px -55px;}
.social a.li:hover{background-position: -144px -55px;}
.social p{color: #004c7b; font-size: 12px; margin-top: 8px;}

/* Tiny Carousel */
.products .prods .viewport { float: left; width: 118px; height: 381px; overflow: hidden; position: relative; }
.products .prods .disable { visibility: hidden; }
.products .prods .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 118px; left: 0 top: 0; }
.products .prods .overview li{ float: left; margin: 0 0 5px 0; padding: 1px; height: 127px; width: 118px;}

label.error{color: red; font-weight: bold; position: absolute;}

#slider1,#slider2,#slider3{padding: 0px 10px 0px 10px;}


/*** Slider ***/
.innerbanner{
	height: 378px;
	width: 597px;
	position: absolute;
	z-index: -1;
	overflow: hidden;
	margin-top: 82px;
}

.banner{
	height: 462px;
	width: 100%;
	position: absolute;
	z-index: -1;
	margin-top: 153px;
}


.aviaslider{ 
	height:462px; 	/*this changes the height of the image slider*/
	width:100%;
	overflow: hidden;
	position: relative;
}

.inner .banner{height: 402px;}
.inner .aviaslider{height: 402px;}

.aviaslider li, .aviaslider .featured{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
	display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
	border:none;
	text-decoration: none;
}

.slidecontrolls{
	display: none;

	margin:20px auto 0 auto;
	position: relative;
	float:left;

	top: -50px;
	z-index: 5000;
}

.slidecontrolls a{
	height:20px;
	width:18px;
	display:block;
	cursor: pointer;
	background: transparent url(../images/controlls.gif) center bottom no-repeat;
	float:left;
	outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
	background: transparent url(../images/controlls.gif) center top no-repeat;
}
.feature_excerpt {
	display: none;
	width: auto;
	white-space: nowrap;
	position: absolute;
	display: block;
	top: 150px;
	right: 0;
	margin-right: 50px;
	z-index: 2;
	padding: 14px 15px;
	font-size: 34px;
	line-height: 1.5em;
	cursor: pointer;
	color: #02264d;
	text-align: right;
	text-shadow: 2px 2px 3px #000;
	background: rgba(243,243,243,0.2);
	font-family: "Droid Sans", Verdana, Arial;
	
}


.imagethumb {
	float: left;
	position: relative;
	left: -6px;
	padding: 4px 4px 4px 4px;
	background: #fff;
	border: solid 1px #ccc;
	margin: 10px;
}
.imagethumb a{display: block;}

input[type="text"].error{border: solid 1px red; background: rgba(255,0,0,0.2)}
label.error{display: none !important;}