* {margin:0; padding:0; border:0; resize:none; outline:none; font-family:'Arial'; }
body { font-size:10pt}

h1,h2,h3,h4,h5,h6 { font-weight:400; font-family:'Open Sans'; margin-bottom:10px; }

h1 { font-size:22px; text-transform: uppercase; font-weight:600 }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:15px; }

h1 span { display:block; font-family:Arial; color:#666; margin-top:3px; padding-bottom:3px; font-size:12px; border-bottom:1px solid #0b82b9 }

a { text-decoration:none; font-weight:bold; color:#333 }
p, li, td {line-height:18px;  }
.wrap{ margin:0px auto;padding:0px; width:1000px;  }
.stretch { width:100%; min-height:100%; }
.more { font-weight:bold; display:inline-block; margin-left:8px; }

.top { width:100%; height:150px; background:url('images/top-bg.gif') repeat-x top left transparent; position: relative; z-index: 500; margin-bottom:-27px  }
.footer { width:100%; background:url('images/footer-border.gif') repeat-x top left #2C3690;  position: relative; z-index: 1000; }
.footer .content { height:300px; width:100%; position:relative; background:url('images/footer-logo.png') no-repeat bottom right;  position: relative; z-index: 1000; }
.footer-top { background-color:#111; width:100%;  position: relative; z-index: 1000; }
.footer-top a { color:white; font-weight: bold }

.copyright { width:100%; background-color:#111; overflow:hidden; padding:10px 0;  position: relative; z-index: 1000; }
.body { overflow:hidden; width:100%; position: relative; z-index: 500; background-color:#FFF; padding:30px 0; min-height:500px; }
.banner { position: relative; z-index: 500; pointer-events:none; border-bottom:5px solid #333 }
.banner-bottom { width:100%; background-color:#1b1825; padding:5px 0; position:relative; z-index: 1000; }


.page-left { width:700px; float:left; }
.page-right { width:280px; float:right }

.top .wrap, .footer .wrap{ position:relative; }
.footer .wrap:after { z-index: 1; width:210px; height:32px; position:absolute; right:0; top:59px; content:" "; background-image:url('images/wave.png') }
.footer .wrap { padding:33px 0; }
.footer .wrap:after { top:0; background-image:url('images/wave.png') }
.logo { height:150px; margin-bottom:-150px; width:426px; text-align:center; position:relative ; margin-left:-100px; background: transparent url('images/logo-back.png') no-repeat scroll center top   }
.mainmenu { float:right; width:600px; float:right; position:relative; z-index: 100; margin-top:33px}
.mainmenu > ul { float:right; margin:0 }
.mainmenu > ul > li { list-style-type:none; float:left; position:relative; }
.mainmenu > ul > li > a {display:block; line-height:59px; position: relative; color:#FFF; font-family:'Open Sans'; font-size:13px; font-weight:400; padding:0 15px; text-transform: uppercase; }
.mainmenu > ul > li > a.active, .mainmenu > ul > li:hover  a { background-color:#6A6FB3; color:#fff}
.mainmenu .has-sub:before { -webkit-transition:background-position .1s ease-in;  -moz-transition:background-position .1s ease-in; -o-transition:background-position .1s ease-in; transition:background-position .1s ease-in; z-index: 2000; position:absolute; content:" "; height:7px; width:14px; background-image: url('images/menu-more.png'); top:43px; left:50%; margin-left:-7px }
.mainmenu .has-sub:hover:before { background-position: 0 -7px }
.mainmenu ul.sub-menu { display:none; position:absolute; z-index: 5000; top:60px; width:200px; background-color:#6A6FB3; margin:0;  }
.mainmenu ul.sub-menu > li { list-style-type:none; }
.mainmenu ul.sub-menu > li a { display:block; color:#fff; padding:10px; border-bottom:1px dotted #CCC; font-family:Arial; font-size:12px; }
.mainmenu ul.sub-menu > li a:hover { background-color:#8487C2; color:#FFF; }
 

.mainmenu .has-sub:hover > ul { display:block; } 

.top-menu {  ; z-index: 10010; position: absolute ; width:100% ; text-align:right; line-height:20px; margin-top:6px ; text-transform: uppercase ; font-size:10px }
.top-menu >div { float:right }

.top-menu a { display:block ; float:left ; padding:0px 0px 0px 10px; margin-left:10px; border-left:1px #333 solid ; }
.top-menu a:first-child { border-left-width: 0px }
.top-menu a:hover {color:#2C3690}


.footer-top p { padding:15px 0; width:100%; text-align:center; font-family:'Open Sans'; color:#FFF; font-size:16px; font-weight:400 }
.copyright p, .copyright a { font-size:11px; color:#CCC;  }
.copyright .right { float:right; }
.copyright .left { float:left; }
.copyright .left ul { float:left; margin:0 }
.copyright .left ul li { line-height:13px; float:left; list-style-type:none; }
.copyright .left ul li:first-child { border:0 }
.copyright .left ul li a { padding:0 5px;  }

.copyright .left ul.social i { line-height:14px; width:14px; text-align:center; background-color:#CCC; color:#333; border-radius:50%; }

 

.footer .section-i {width:250px; float:left; margin-right: 50px  } 
.footer .section-s { float:left; width:230px; margin-right:10px }
.footer .section-l { float:left; width:305px; }
.footer .section-ss { float:left; width:135px; }
.footer h2 { font-weight:300; color:#EEE; font-size:16px; text-transform:uppercase; margin-bottom:15px; }

.footer dl { width:100%; }
.footer dd, .footer dt { float:left; color:#EEE; }
.footer dd { width:20px }
.footer dt { width:270px; margin-bottom:10px; }

.footer a, .footer p { color:#FFF }
.footer .menu { margin:0 15px 0 0 }
.footer .menu li { list-style-type: none; }
.footer .menu a { font-weight:normal; padding:3px 0; display:block }

.footer .news { color:#FFF; margin:0; border:0 }
.footer .news li { list-style-type:none; border-bottom:1px dotted #CCC; padding: 5px 0;}

.footer   * { box-sizing: border-box; outline-style:    }
.footer form { margin-top:10px}

.footer form input[type=text],.footer form input[type=tel],.footer form input[type=email], .footer form textarea { width: 100%; padding: 8px; height:30px; border: 1px solid #CCC; font-size: 12px; border-radius: 3px; margin-bottom: 6px; }
.footer form textarea { float: left; width: 100%; height: 80px; }
.footer form input[type=submit] {  width: 100%; background-color: #353535;  padding:54px 0 9px 0; margin-left:5px; color: #FFF; text-align: center;  }
.footer form table{width:100%; border-collapse:collapse}


.full-screen { z-index:0; position: fixed;top:0; width:100%; height:100%; }
.banner .centered { box-sizing: border-box; margin: 0px auto; max-width: 756px; overflow: hidden; }
.banner .centered .icon { width:252px; float:left; display:table; position: relative; z-index: 1000;} 
.banner .centered .icon * { pointer-events: all }

.a1 { position: relative; margin: 0 auto; display: block; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.a1 span { font: 600 10px/26px 'Open Sans', sans-serif; color: #FFF; width: 26px; height: 26px; background: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #312e3a; position: absolute; top: -50px; left: 50%; margin-left: -13px; display: inline-block; text-align: center; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.a1 span .bg1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #61a1db; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.a1 div { margin-top: 15px;   font: 600 14px/30px 'Open Sans'; text-decoration: none; text-transform: uppercase; color: #000; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none !important; }
.a1:after { content: ''; position: absolute; top: -22px; left: 50%; height: 22px; width: 1px; display: inline-block; background: url(images/line1.jpg) 0 0 repeat-y; }
.a1:hover { text-decoration: none; }
.a1:hover span { color: #ffffff; }
.a1:hover span .bg1 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.a1:hover div { color: #ffffff; }
.a1 img { display: inline-block; position: relative; z-index: 1500; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.a1:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }

.banner .direct { pointer-events:all; cursor: pointer; position:absolute; height:70px; width:29px; top:50%; margin-top:-35px; background-image:url("images/home-arrow.png"); }
.banner #next { right:50px!important; background-position:-29px 0 }
.banner #prev { left:50px!important; }
.banner .item, .banner .item * { pointer-events:all!important; } 


.banner-bottom ul { margin:0; overflow:hidden; margin:0 auto; display:table; }
.banner-bottom ul li { float:left; list-style-type:none; display:inline-block; margin:0 5px}

.banner .item { width:100%; height:400px; background-position: center; }

.home-wrap { overflow:hidden; margin-bottom: 18px; }

.home-wrap .left, .home-wrap .right { float:left; }
.home-wrap .left { width:400px; margin-right:10px; }
.home-wrap .right { width:578px; border-left: 2px solid #0076A2; padding-left:10px; }

.body .tip { padding: 40px 44px 0 86px; font-family: "Open Sans"; font-size: 19px; color: #333; background: url("images/glass-of-water.jpg") no-repeat left center; height: 132px; line-height: 30px; text-transform: uppercase; }
.body .human {  height:153px; padding:10px 0; background-color: #e7f6fd; float:right }
.body .human img{ height:156px; border-right:1px solid #FFF; padding:0 5px }
.body .human h2 { float: left; width: 200px; padding: 7px 25px; text-transform: uppercase; line-height: 35px; font-size: 25px; color: #666; }
.body .human h2 span { font-weight:600; color:#5cccf4 }

.awards { position:relative; display:table; width:100%;}
.awards ul { margin:0; overflow:hidden; width:100%; height:68px; display:table;  }
.awards ul li { overflow:hidden; float:left; width:380px; xdisplay:none; padding:4px 10px; }
.awards img { float:left; padding:3px; border: 1px solid #CCC; margin-right:10px; }
.awards h3 { font-weight:400; padding-top:16px; color: #333;}
.awards h3 span { text-transform:uppercase; display:block; font-family:Arial; font-size:12px; font-weight:bold }
.awards .list { position:absolute; bottom:5px; right:5px; margin:0; }
.awards .list li { list-style-type: none; float:left; margin-left:3px; }
.awards .list li a { display:block; height:8px; width:8px; border-radius:50%; background-color:#00a3bb; cursor: pointer;}
.awards .list li a.active { background-color:#333 }

.home-news {  }
.home-news .date { border:1px solid #CCC; float:left; margin-right:10px; border-radius:5px; width:54px; height:54px; color:#FFF; text-align:center; background-color:#008bcc; overflow:hidden; }
.home-news .date .day { display:block; font-size:18px; text-align:center; background-color:#FFF; color:#333; line-height:37px }
.home-news .date .month { color:#FFF; display:block; font-size:13px; text-align:center; }
.home-news h3 { margin-bottom:6px; }

.hp { border:1px solid #CCC; border-left:0; border-right:0; overflow: hidden; position:relative; height:250px; }
.hp .nav { position:absolute; width:23px; height: 75px; background-image:url("images/home-products-arrow.png"); display:block; top:50%; margin-top:-60px; cursor: pointer; }
.hp .nav#next { right:0; background-position: -23px  0 }
.hp .list { width:100%; background-color:#F0F0F0; position:absolute; bottom:0; display:table; }
.hp .list ul { margin:0; border-right:1px solid #CCC; margin:0 auto; display:table; }
.hp .list li { list-style-type:none; border-left:1px solid #CCC; float:left; display:inline-block; }
.hp .list li a { display: block; padding:12px 8px; cursor: pointer; font-size:11px; }
.hp .list li a.active { background-color:#008bcc; color:#FFF; }
.hp .bottles { display:none; padding:10px; text-align: center; position:relative }
.hp .bottles .vol { position: absolute; left: 65px; top: 60px; font-size: 37px; font-family: "Open Sans"; font-weight: 400; text-transform: uppercase; text-align: left; line-height: 42px; }
.hp .bottles .vol span { display: block; color: #008BCC; font-size: 50px; }
.hp ul.cert { position: absolute; top:60px; right: 65px; }
.hp ul.cert li { float:left; list-style-type:none; margin-left:5px; }

.readmore-box { max-height: 90px; position: relative; overflow: hidden;  }
.readmore-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding-top:25px; font-weight:bold; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 99%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 99%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 99%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 99%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 99%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.readmore-box p { margin: 0; }

.news { padding-left: 4px; border-left:3px solid #CCC; overflow:hidden; }
.news .space { width: 100%; display:block; margin: 5px; border-top:1px solid #CCC; }
.news .date { width: 100%; font-size: 11px; text-transform: uppercase; color: #666; line-height: 28px; position: relative; padding-left: 5px }
.news .category { padding-left: 5px; font-weight: bold; }
.news .date:before, .news .arch:before  { height: 10px; width: 10px; position: absolute; left: -10px; top: 0; display: block; background-color: #ce0000; border-radius:50%; content: " " }
.news .archive { margin-top: 15px; }
.news .title { width:200px; float:left }
.news .desc { width:500px; float:left }
.news .archive a { display:block; margin: 0 4px 4px 4px; padding: 5px; background-color: #f7f7f7; border-radius: 5px; border:1px solid #CCC; font-weight: bold; }
.news .archive a span { float: right; color: #666; font-size: 10px; }
.news .news-item { }
.news h2 { border:0!important }
.news p { margin:0!important }
.news .archive ul { width:100%; margin:0 }
.news .archive ul li { list-style-type:none; float:left; width:50%;  }


 .contact .cms-popup table  {background-color: transparent;padding: 20px;border: 0px none  transparent;}

#contact #mapDiv { width:100%; height: 350px; } 
.mask { height:470px; width:100%; position:absolute; top:70px; right:0; bottom:0; left:0; z-index:50;  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(43,23,23,0.39) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(43,23,23,0.39)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(43,23,23,0.39) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(43,23,23,0.39) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(43,23,23,0.39) 100%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(43,23,23,0.39) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#632b1717',GradientType=1 );
 }

ul.t-tabs { width:100%; display:table; margin: 8px 0 0 0;}
ul.t-tabs li { float: left; list-style-type: none; width:auto!important; margin: 0!important; border: 0!important; }
ul.t-tabs li a { cursor: pointer; font-weight: bold; display: block; background-color: #004049; color: #FFF; padding: 8px 18px; margin-right: 3px; }
ul.t-tabs li a.active { background-color: #FFF; color: #333; }

.contact { padding: 10px 0; }
.contact .form {  border: 1px solid #CCC; padding:5px; background-color: #EEEEEE; }
.contact table { background-color: #FFF; padding: 5px; border: 1px solid #CCC; }
.contact td { padding:4px; vertical-align: top; border-top: 1px solid #EEE }
.contact table tr td:first-child { width:250px; padding-top:8px; }
.contact input[type=text], .contact textarea { padding:8px; border: 1px solid #CCC; width:400px; font-size:12px; }
.contact textarea { height:100px; font-size: 12px; }
.contact .button,  { float:right; padding: 8px; background-color: #263BAE; color: #FFF; }

.contact-right { float: right }
.contact-right h4 ,.contact-right b { font-weight: 600; text-transform:uppercase  ;color:#000; margin-bottom:5px} 
.contact-right .idea { line-height: 18px; border: 1px solid #CCC; background: url("images/icons/bulb.png") no-repeat scroll 0 0 #FFFFFF; color: #333333; display: table; font: 12px Arial,serif; margin-bottom: 15px; padding: 8px 8px 8px 40px; }
.contact-right a { font-weight:bold; color:#333 }

.contact-right li:before {display:inline-block; width:20px; text-align:center; font:normal normal normal 16px/1 FontAwesome; position:absolute; margin-left:-30px}
.contact-right li { display:block ; color: #333333; list-style:none;font: 12px Arial,serif; margin:0px 0px 10px 10px}

#awards ul { margin:0 }
#awards ul li { list-style-type:none; padding:15px 0; overflow:hidden }
#awards h2 { text-transform:uppercase; font-size:16px; font-weight:600 }
#awards img { float:right; height:150px }
#awards div { float:left; width:570px; }
#awards h2 span { display:inline-block; padding:3px 10px; font-size:12px; color:#FFF; background-color:#00959a; font-weight:bold; margin-right:15px ; display:none }



.page-left { width:700px; float:left; }
.page-left p { margin-bottom:10px; }
.page-left h2 { border-bottom:2px solid #008bcc; padding-bottom:4px }

#about-orzone li p { margin:0 0 15px 20px; border-left:2px solid #004667; background-color:#EEE; padding:5px; padding-left:8px; }

.page-right { width:280px; float:right }
.page-right .orzone { margin:0 }
.page-right .orzone li { list-style-type:none }
.page-right .orzone li span { margin:0 10px 10px 0; display:inline-block; padding:16px 21px; color:#FFF; font-size:16px; font-weight:600; font-family: 'Open Sans'; }
.page-right .orzone a { font-family:'Open Sans'; font-size:13px }


.news-section { margin:0; overflow:hidden; }
.news-section li { list-style-type:none; padding:5px 0; border-bottom:1px dotted #00afe9; overflow: hidden; }
.news-section li h2 { font-size:14px; font-weight:600; margin:0; color:#0088b4; }
.news-section li span { display: block; margin-left: 19px; font-size: 11px; font-weight: bold; }
.news-section li p { margin-left: 19px; font-weight:normal; }
.news-section li i { color:#333 }
.news-section li a:hover { color:#009297 }


#products ul { margin:0 }
#products li { list-style-type:none }
#products > ul > li { list-style-type:none; width:221px; float:left; border-bottom:1px solid #CCC; margin:5px; padding-bottom:10px; height:310px; }
#products .volume { font-weight:bold; width:100%; display:block; color:#333; font-size:16px; margin-bottom:8px; text-align: center; text-transform:uppercase;}
#products li p { line-height:20px; width:90px; margin:0; font-size:11px; float:right } 
#products li strong { line-height:20px; font-size:11px; color:#666; width:120px; float:left; text-align:right }

 .submit{ ; padding: 8px 20px; background-color: #263BAE; color: #FFF; }