@charset "utf-8";

@font-face { font-family: 'Dlight'; src: url('fonts/dinlight.eot?') format('eot'), url('fonts/dinlight.woff') format('woff'), url('fonts/dinlight.ttf')  format('truetype'), url('fonts/dinlight.svg#Dlight') format('svg'); }
@font-face { font-family: 'Dmedium'; src: url('fonts/dinmedium.eot?') format('eot'), url('fonts/dinmedium.woff') format('woff'), url('fonts/dinmedium.ttf')  format('truetype'), url('fonts/dinmedium.svg#Dmedium') format('svg'); }
@font-face { font-family: 'Dreg'; src: url('fonts/dinregular.eot?') format('eot'), url('fonts/dinregular.woff') format('woff'), url('fonts/dinregular.ttf')  format('truetype'), url('fonts/dinregular.svg#Dreg') format('svg'); }
@font-face { font-family: 'Dthin'; src: url('fonts/dinthin.eot?') format('eot'), url('fonts/dinthin.woff') format('woff'), url('fonts/dinthin.ttf')  format('truetype'), url('fonts/dinthin.svg#Dthin') format('svg'); }

/*************************     COMMON STYLES     *************************/

html, body { width: 100%; height: 100%; margin:0; padding:0; }
body { font-family: 'Dreg'; color: #333333; font-size: 16px; line-height: 140%; background: #FFFFFF; overflow-y: scroll; }
.all { position: relative; height: auto; min-height: 100%; }
.clear { clear: both; height: 0px; padding: 0; margin: 0; line-height: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
.wrapper { width: 1000px; margin: 0 auto; }
.wrapper_products { width: 1000px; margin: 0 auto; }
.path { width: 100%; margin: 0; padding: 64px 0 0; text-align: left; font-size: 12px; color: #333333; line-height: 160%; }
.path a { text-decoration: underline; color: #999999; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
.path a:hover { text-decoration: none; color: #333333; }
.path span { padding: 0 8px; color: #999999; }

/*************************     HEADER     *************************/

header { width: 100%; padding: 0; margin: 0; height: 70px; }
header .col1 { float: left; width: 300px; text-align: left; margin: 0 60px 0 0; padding: 0; position: relative; }
header .logo { width: 150px; height: 102px; padding: 23px 0 0; text-align: center; background: #002060; top: 0; left: 0; margin: 0; position: absolute; z-index: 1111; }
header .logo img { border: 0px; }
header .logo_mobile { display: none; }
header .col2 { float: right; width: 600px; margin: 0; padding: 26px 0 0; text-align: right; }
header ul { width: 100%; padding: 0; margin: 0; list-style: none; }
header ul li { display: inline-block; font-family: 'Dlight'; font-size: 16px; padding: 0 20px; }
header ul li a { text-decoration: none; color: #CCCCCC; text-transform: uppercase; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
header ul li a:hover { color: #FFFFFF; }
header ul li a.active { color: #FFFFFF; text-decoration: none; }
header .first { padding: 0 20px 0 0; }
header .last { padding: 0 0 0 20px; }
.pmain { background: url(images/bg_header.png) repeat; z-index: 999; position: absolute; top: 0; left: 0; }
.pnmain { background: #111111; }
.menu_mobile_link { display: none; }
.menu_button { text-decoration: none; width: 70px; height: 20px; padding: 25px 0; display: block; float: right; text-align: right; }
.menu_button img { border: 0px; }
#menu_mobile { background: #333333; display: block; position: absolute; top: 70px; left: 0; width: 100%; z-index: 999; }
	
/*************************     MAIN PAGE     *************************/

#main_page { width: 100%; padding: 0; margin: 0; }
#main_page .slogan { width: 100%; height: 934px; background: url(images/bg_top.jpg) no-repeat center bottom; padding: 0; margin: 0; }
#main_page .slogan .title { padding: 35% 0 60px; text-align: center; color: #FFFFFF; font-family: 'Dlight'; font-size: 40px; line-height: 160%; text-transform: uppercase; }
#main_page .slogan .title span { font-family: 'Dreg'; font-size: 60px; color: #FFFFFF; }
#main_page .slogan .more { display: block; width: 160px; height: 35px; margin: 0 auto; text-align: center; padding: 15px 0 0; text-decoration: none; color: #FFFFFF; text-transform: uppercase; background: none; border: 1px solid #FFFFFF; font-size: 20px; font-family: 'Dlight'; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#main_page .slogan .more:hover { border: 1px solid transparent; background: #EC4444; }
#main_page .products { width: 100%; margin: 0; padding: 0; }
#main_page .products .item { float: left; width: 50%; min-height: 220px; display: block; text-decoration: none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#main_page .products .item .inner { border: 1px solid #DDDDDD; background: #EEEEEE; padding: 72px 40px; margin: 2px 1px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; min-height: 74px; }
#main_page .products .item:hover .inner { background: #EC4444; border: 1px solid transparent; }
#main_page .products .item .left { float: left; width: 40%; padding: 0 5% 0 0; border-right: 1px solid #BBBBBB; text-align: left; min-height: 76px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#main_page .products .item:hover .left { border-right: 1px solid #FFFFFF; }
#main_page .products .item .right { float: right; width: 49.5%; padding: 0 0 0 5%; text-align: justify; min-height: 76px; color: #666666; font-size: 14px; line-height: 140%; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#main_page .products .item .right p { margin: 0; padding: 0; }
#main_page .products .item:hover .right { color: #FFFFFF; }
#main_page .products .item .lg1 { background: url(../images/lg1a.png) no-repeat left top; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#main_page .products .item:hover .lg1 { background: url(../images/lg1h.png) no-repeat left top; }
#main_page .products .item .lg2 { background: url(../images/lg2a.png) no-repeat left top; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#main_page .products .item:hover .lg2 { background: url(../images/lg2h.png) no-repeat left top; }

/*************************     PAGES     *************************/

#pages { width: 100%; padding: 30px 0 100px; margin: 0; }
#pages h1 { font-family: 'Dlight'; color: #000000; font-size: 30px; padding: 0 0 40px; text-align: center; margin: 0; }
#pages h2 { text-align: center; font-family: 'Dlight'; font-size: 18px; color: #002060; margin: 0; padding: 0 0 25px; line-height: 120%; }
#pages p { margin: 0; padding: 0 0 25px; text-align: justify; }
#pages p strong { font-family: 'Dmedium'; }
#pages ul { margin: 0; padding: 0 0 18px 20px; list-style: square; text-align: left; }
#pages ul li { padding: 0 0 7px; line-height: 140%; }
#pages a { color: #0084B6; text-decoration: underline; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
#pages a:hover { color: #333333; text-decoration: none; }
#pages .information { padding: 80px 0; text-align: center; font-size: 16px; color: #999999; }

/*************************     PRODUCTS     *************************/

#products { width: 100%; padding: 30px 0 100px; margin: 0; }
#products h1 { font-family: 'Dlight'; color: #000000; font-size: 30px; padding: 0 0 60px; text-align: center; margin: 0; }
#products h2 { text-align: left; font-family: 'Dlight'; font-size: 20px; color: #0084B6; margin: 0; padding: 10px 0 35px; line-height: 120%; }
#products .item { float: left; width: 48%; padding: 0; margin: 0 0.5% 1%; min-height: 240px; text-decoration: none; display: block; background: #FFFFFF; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; border: 1px solid #F0F0F0; }
#products .item .pic { padding: 20px 20px 25px; text-align: center; }
#products .item .pic img { border: 0px; max-width: 100%; }
#products .item .pre { font-size: 16px; text-align: justify; padding: 0 20px 20px; color: #454545; line-height: 140%; }
#products .item .pre p { margin: 0; padding: 0; }
#products .item:hover { background: #F9F9F9; border: 1px solid #EEEEEE; }
#products .left { float: left; width: 20%; margin: 0 5% 0 0; padding: 0; }
#products .left ul { width: 100%; margin: 0; padding: 0 0 50px; list-style: none; }
#products .left ul li { padding: 0; margin: 0 0 14px; text-align: left; font-size: 18px; font-family: 'Dmedium'; line-height: 120%; }
#products .left ul li a { display: block; text-decoration: none; color: #858585; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#products .left ul li a:hover { color: #151515; }
#products .left ul li a.active { color: #151515; text-decoration: none; display: block; }
#products .right { float: right; width: 75%; text-align: justify; }
#products .right img { border: 0px; margin: 0 25px 20px 0; max-width: 100%; float: left; }
#products .right p { margin: 0; padding: 0 0 25px; text-align: justify; }
#products .right p strong { font-family: 'Rbold'; font-weight: normal; }
#products .right ul { margin: 0; padding: 0 0 18px 20px; list-style: square; text-align: left; }
#products .right ul li { padding: 0 0 7px; line-height: 140%; }
#products .right a.link { color: #0084B6; text-decoration: underline; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
#products .right a.link:hover { color: #333333; text-decoration: none; }
#products .right a.learn { float: right; color: #EC4444; font-size: 18px; text-decoration: none; border-bottom: 1px dashed #EC4444; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#products .right a.learn:hover { color: #333333; text-decoration: none; border: none; }

/*************************     FEEDBACK     *************************/

#feedback { width: 100%; padding: 30px 0 100px; margin: 0; background: #FFFFFF; }
#feedback h1 { text-align: center; font-size: 30px; font-family: 'Dlight'; color: #535353; margin: 0; padding: 0 0 50px; }
#feedback h2 { text-align: left; font-size: 24px; font-family: 'Dreg'; color: #333333; margin: 0; padding: 0 0 25px; }
#feedback .left { float: left; width: 45%; margin: 0 5% 0 0; }
#feedback form { width: 100%; margin: 0; padding: 0; }
#feedback .left .sent { font-size: 14px; color: #1974B8; padding: 0 0 30px; }
#feedback .left .notsent { font-size: 14px; color: #D90000; padding: 0 0 30px; }
#feedback .left .dbox { margin: 0 0 25px; }
#feedback .left .feedfield { width: 94%; height: 22px; border: 1px solid #CCCCCC; background: #FFFFFF; font-size: 14px; color: #666666; font-family: 'Dreg'; padding: 3%; margin: 0; }
#feedback .left .feedarea { width: 94%; height: 118px; border: 1px solid #CCCCCC; background: #FFFFFF; font-size: 14px; color: #666666; font-family: 'Dreg'; padding: 3%; margin: 0; }
#feedback .left .cap { padding: 0 0 25px; text-align: center; }
#feedback .left .cap img { border: 0px; }
#feedback .left .dbutton { text-align: center; }
#feedback .left .sendrequest { font-family: 'Dreg'; width: 230px; height: 46px; text-align: center; padding: 11px 0; color: #FFFFFF; font-size: 14px; text-transform: uppercase; cursor: pointer; border: none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; background: #EC4444; margin: 0 auto; border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; }
#feedback .left .sendrequest:hover { background: #870E0E; }	
#feedback .right { float: right; width: 45%; margin: 0 0 0 5%; text-align: left; }	
#feedback .right p { margin: 0; padding: 0 0 25px; color: #333333; font-size: 20px; line-height: 140%; }
#feedback .right span { font-size: 14px; color: #999999; }
#feedback .right a { color: #EC4444; text-decoration: none; border-bottom: 1px dashed #EC4444; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
#feedback .right a:hover { color: #333333; text-decoration: none; border: none; }
	
/*************************     FOOTER     *************************/

.prefoot { height: 90px; }
footer { width: 100%; padding: 30px 0; height: 30px; position: absolute; bottom: 0; background: #FFFFFF; font-size: 12px; color: #777777; text-align: center; line-height: 140%; }
.topborder { border-top: 1px solid #D7D7D7; }