html,body{position:relative;height:100%}
body{width:100%;min-width:320px;font-family:'Open Sans',sans-serif;font-weight:300;/*font-size:14px*/;color:#222;margin:0;padding:0;background-color:#eef2f5}
p,ul li,ol li{line-height:1.6em;font-size:14px;font-weight:400;margin-block-start: 0.7em}
body{-webkit-animation:bugfix infinite 1s}
@-webkit-keyframes bugfix {
from{padding:0}
to{padding:0}
}
b{font-weight:600}
sub,sup{font-size:.6em}
a{color:#034798;text-decoration:none;transition:text-decoration .2s,color .2s;-webkit-transition:text-decoration .2s,color .2s;-moz-transition:text-decoration .2s,color .2s;-o-transition:text-decoration .2s,color .2s;-ms-transition:text-decoration .2s,color .2s;cursor:pointer}
a:hover{color:#70c0fb;text-decoration:underline}
a.square-4{color:#222;text-decoration:none;cursor:pointer}
a.square-4:hover{color:#222;text-decoration:none;cursor:pointer}
a:focus,textarea:focus,input:focus{outline:none}
.topMenu input[type=checkbox],.subTopMenu input[type=checkbox]{position:absolute;top:-9999px;left:-9999px}
label.menu{display:none;cursor:pointer;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}
h1{font-size:3.2em;font-weight:300;margin:0 0 15px;padding:0;position:relative;line-height:1.2em}
h1.top{margin-top: -20px;margin-bottom: 46px;}
h2{font-size:1.5em;font-weight:300;margin:5px 0 10px;padding:0;position:relative;line-height:1.2em}
h2.top{margin-top: 26px;margin-left:30px;margin-bottom:28px}
h3{font-size:1.5em;font-weight:300;margin:20px 0 15px;padding:0;position:relative}
Sl1{font-size:1.3em;font-weight:400;margin:0 0 25px;padding:0;position:relative;line-height:1.2em}
Sl2{font-size:1.0em;font-weight:300;color:#008FD4;margin:0 0 15px;padding:0;position:relative;line-height:1.2em}
.topMessage p{color:#222;font-size:24px;line-height:1.1em;font-weight:300;margin:0}
a.home,a.home:hover,a.home:active{color:inherit;text-decoration:none}
.topMessageBlue{color:#069DD9;font-size:0.74em}
.square-text{font-size:18px;font-weight:300}
.h2_top{margin-bottom:20px}
.h3_top{width:70%;margin:0 auto 30px}
.bottom-space{margin-bottom:30px}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.width-70{width:70%}
.width-100{width:100%}
ul,ol{margin:0;padding:0;padding-left:15px;line-height:1.75em;list-style:none}
img.logo{height:30px}
div.wm_logo{position:absolute;right:30px;top:5px}
img.vision_logo{height:23px}
div.logo{position:absolute;left:30px;top:4px}
span.reg{font-size:.4em;vertical-align:1em}
.subMwrap,.menufooter{position:relative;margin:0 30px auto}
.content{position:relative;max-width:1920px;min-height:500px;margin:0 auto;padding:0 30px}
.left-0,.left-0-xs{margin-left:-30px!important}
.right-0,.right-0-xs{margin-right:-30px!important}
.padding-top-bottom-50{padding-top:50px;padding-bottom:50px}
.margin-left-50{margin-left:50px}
.margin-right-50{margin-left:50px}
.margin-center{margin:0 auto}
.no-bullets{list-style:none;padding-left:0}
.topMenu{position:fixed;left:0;top:0;width:100%;height:40px;z-index:5;background-color:rgba(255,255,255,.8);-webkit-font-smoothing:subpixel-antialiased}
.hasScrolled{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.subTopMenu{max-width:960px;/*font-size:1.5em;*/min-height:100px;z-index:5;background-color:#eef2f5;-webkit-font-smoothing:subpixel-antialiased}
.subTopMenu p{font-size:18px;font-weight:300;margin:-20px 0 20px 30px}
.topSpacer{height:40px}
.topMenuCurr{line-height:38px;font-weight:300;padding-right:20px}
.menuList{float:right}
li.mitem{padding:8px 10px 0}
li.mitem:hover > a:before,li.mitem.selected > a:before{bottom:-12px}
.hasScrolled{-moz-box-shadow:0 0 5px rgba(0,0,0,.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4)}
#nav{margin:0;padding:0;list-style:none;text-align:left;width:100%}
#nav li ul{margin:0;padding:0;list-style:none;text-align:left;width:250px}
#nav > li{float:left}
li.mitem{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin-top:0;text-align:center;padding:7px 15px 5px}
.mitem.last{margin-right:35px}
li.mitem a,li.subMitem a{position:relative;color:#222;text-decoration:none}
li.subMitem{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;margin-top:0;text-align:center;padding:17px 30px 0 0}
.subMitem.last{margin-right:35px}
li.mitem.selected a,li.subMitem.selected a{color:#4494cf}
li.mitem a:hover,li.mitem a:active,li.subMitem a:hover,li.subMitem a:active{color:#70c0fb}
#nav li ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0}
#nav li ul li{float:none;width:250px}
#nav li ul a{line-height:120%;padding:7px 15px}
#nav li.dropdown-parent{position:relative;cursor:pointer}
#nav li.dropdown-parent:hover > ul{display:block}
ul.lng-dropdown{width:100px}
ul.products-dropdown{width:150px}
.chevron-bottom:before{border-style:solid;border-width:2px 2px 0 0;content:'';display:inline-block;height:6px;left:2px;position:relative;bottom:4px;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);vertical-align:baseline;width:6px}
.certificate{display:inline-block;margin-right:30px}
.footer{width:100%;background-color:#4494cf;padding-top:25px;/*font-size:16px*/}
.footerFont{font-size:14px}
.footer-title{font-size:18px;font-weight:300;margin-top:0}
.menufooter{position:relative;list-style-type:none;text-align:left;padding:0 0 30px}
.item_foot_parent{width:27%;vertical-align:top;padding-right:5%;float:left;color:#fafafa;line-height:1.6em;font-weight:300}
.item_foot_form{width:32%;vertical-align:top;float:left;color:#fafafa;font-size:1em;line-height:1.2em;font-weight:300}
.menufooter>li a{color:#fafafa;font-weight:300;text-decoration:underline}
.menufooter>li a:hover{color:#70c0fb}
.copyright{font-size:.8em;clear:both;padding:30px;position:relative;color:#fafafa}
.br_bottom{display:none}
table.specifications{width:100%;color:#333;font-weight:400;border-spacing:0;border-collapse:collapse}
table.specifications td{padding:5px 0;border:0;text-align:left;vertical-align:top}
.videoThumbnail{width:100%;text-align:center;position:relative;margin:30px auto}
.videoThumbnail.small{width:60%}
.videoThumbnail img{width:100%}
.videoTitle{position:absolute;top:40%;width:100%;text-align:center;color:#fff;font-size:4em;line-height:.8em;cursor:pointer}
.bright{color:#70c0fb}
.videoTitle .bright{font-size:.35em;text-decoration:underline}
.videoTag{display:none;width:100%!important;height:auto!important}
img.play{width:18px;margin-left:8px;margin-bottom:-2px}
img.arrow{width:22px;margin-left:2px;margin-bottom:-4px}
iframe{max-width:100%!important}
.request_table{border:0;border-spacing:0;border-collapse:collapse}
.request_table td{padding:0;padding-bottom:.5em;vertical-align:top}
.request_table label{color:#fafafa;line-height:1.5em;font-weight:300}
.request_page_table{border:0;border-spacing:0;border-collapse:collapse}
.request_page_table td{padding:0;padding-bottom:.5em;vertical-align:top}
.request_page_table label{color:#000000;line-height:1.5em;font-weight:300}
.oem_table label{color:#222;line-height:1.5em;font-weight:300}
.request_table input,.request_table textarea{width:90%;line-height:1.5em;font-weight:400;border:1px solid #aaa;padding:0;margin:0;border-radius:0;outline:none;background-color:#fff;color:#000;margin-left:30px}
.request_page_table input,.request_page_table textarea{width:80%;line-height:1.5em;font-weight:400;border:1px solid #aaa;padding:0;margin:0;border-radius:0;outline:none;background-color:#fff;color:#000;margin-left:30px}
.button{background:#fff;border:1px solid #4494cf;color:#4494cf}
.button:hover{background:#4494cf;border:1px solid #4494cf;color:#fff}
.buttonWhite{background:#4494cf;border:1px solid #fff;color:#fff}
.buttonWhite:hover:enabled{background:#fff;border:1px solid #fff;color:#4494cf}
.buttonTransparent{background:transparent;border:1px solid #4494cf;color:#4494cf}
.buttonTransparent:hover{background:#4494cf;border:1px solid #4494cf;color:#fff}
.button,.buttonWhite,.buttonTransparent{font-size:1em;text-decoration:none !important;padding:.7em 1.125em;text-align:center;white-space:nowrap;cursor:pointer;line-height:1em;font-weight:300;-webkit-transition:border .3s,color .3s,background-color .3s;-moz-transition:border .3s,color .3s,background-color .3s;-o-transition:border .3s,color .3s,background-color .3s;-ms-transition:border .3s,color .3s,background-color .3s;transition:border .3s,color .3s,background-color .3s;-webkit-appearance:none}
.noJs{display:none}
#lngBox,#imprint_data{padding:40px 50px 40px 20px}
#lngSelect label{font-weight:400;cursor:pointer}
.region{margin-top:30px}
.region:after,.row:after{content:'';display:block;clear:both}
.region > span{border-bottom:1px dashed #000;cursor:pointer}
.country_block{float:left;width:100%;margin-bottom:50px}
.country{float:left;width:215px;margin-top:15px;margin-left:10px;list-style:none}
.country.lastcol{clear:left}
.country > span{cursor:pointer;color:#4494cf;text-decoration:underline}
.supportRow{padding:0;padding-bottom:20px;margin:0 auto;clear:both}
.supportItem{display:block;vertical-align:top;text-align:left;margin:15px 0}
.supportCat{border-bottom:1px dashed #000;cursor:pointer}
.supportCat img{margin-bottom:15px;cursor:pointer}
.row{vertical-align:baseline;position:relative;/*padding-bottom:120px*/}
.col-2{float:left;width:60%;line-height:1.6em}
.margin-0{margin-bottom:0}
.padding-0{padding-bottom:0}
.as-table{display:table;width:100%;border-collapse:separate;border-spacing:0}
.as-table>.col-2,.as-table>.col-4{display:table-cell}
.col-5{position:relative;display:inline-block;width:50%;line-height:1.6em;vertical-align:top;float:left;}
.col-2.col-narrow{width:28%}
.col-2.col-wide{width:68%}
.col-2:nth-child(even){padding-left:4%}
.col-2 img{max-width:100%;vertical-align:top}
.col-3{position:relative;display:inline-block;width:30%;line-height:1.6em;vertical-align:top;margin-right:4%}
.col-3:last-child{margin-right:0}
.col-4{position:relative;display:inline-block;width:22%;line-height:1.6em;vertical-align:top;margin-right:1%;padding:30px 20px;border-right:30px solid #eef2f5}
.col-23{position:relative;display:inline-block;width:60%;line-height:1.6em;vertical-align:top;float:left}
.col-13{position:relative;display:inline-block;width:30%;line-height:1.6em;vertical-align:top;float:left}
.center-narrow{display:inline-block;margin:0 auto}
.center-narrow p{text-align:left}
.center-narrow>ul{display:inline-block;text-align:left;padding-left:20px}
#cellsBgWrapper{width:100%;height:405px;margin-bottom:2.5em;overflow:hidden;text-align:left;position:relative}
#cellsBg{position:absolute;height:405px;width:120%;max-width:2500px;margin:0;margin-left:2%!important;padding:0;list-style:none;overflow:hidden;cursor:pointer}
.cell_img{float:left;height:75px;margin:3px;display:none}
.cell_img img{width:75px;height:75px;border:0}
.product_big_img{text-align:center}
.product_big_img img{width:90%;max-width:960px}
.product_normal_img{display: block;margin-left: auto;margin-right: auto;width:100%;max-width:960px}
.ico{text-align:center;vertical-align:bottom}
.comparison{width:100%;border:none;border-collapse:collapse}
.comparison.small{display:none}
.comparison td{border:1px solid #bebebe;padding:0px 15px;vertical-align:top}
.comparison tr td:first-child{border-left:none}
.comparison tr td:last-child{border-right:none}
.comparison td.title{text-align:center;border:none;border-bottom:1px solid #bebebe}
.comparison td.title p{font-size: 1.2em;margin:10px 0 15px;padding:0;font-weight:300}
.comparison td.title img{max-width:256px}
.comparison td ul li{margin-left:15px}
.copy {padding-top: 25px}
.bullet{text-align:center;font-size:1.5em;line-height:.8em}
.select_link{color:#fff;text-decoration:underline}
.gray-bg{background-color:#fafafa}
.white-bg{background-color:#fff}
.img-shadow{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.2)}
.support-list{line-height:1.5em}
.support-list li{padding-top:.5em}
.support-list li:first-child{padding-top:0}
.square-col-4{padding-bottom:5%}
.absolute-center{position:absolute;top:35%;left:0;width:100%;text-align:center}
label + p,input + p{margin-top:20px}
p > input{padding:0;margin:0;height:16px;width:16px;float:left;position:absolute;left:0;opacity:0}
p > label{line-height:16px;padding:0 0 0 20px;cursor:pointer}
p:not(#foo) > input + label{background:url(/img/custom-inputs.png) 0 0 no-repeat;height:16px}
p:not(#foo) > input[type=radio] + label{background-position:0 -157px}
p:not(#foo) > input[type=radio]:checked + label{background-position:0 -237px}
p:not(#foo) > input[type=checkbox]:checked + label{background-position:0 -77px}
p:not(#foo) > input[type=checkbox]:hover:checked + label,p:not(#foo) > input[type=checkbox]:focus:checked + label,p:not(#foo) > input[type=checkbox]:checked + label:hover,p:not(#foo) > input[type=checkbox]:focus:checked + label{background-position:0 -97px}
p:not(#foo) > input[type=radio]:hover:checked + label,p:not(#foo) > input[type=radio]:focus:checked + label,p:not(#foo) > input[type=radio]:checked + label:hover,p:not(#foo) > input[type=radio]:focus:checked + label{background-position:0 -257px}
p:not(#foo) > input[type=checkbox]:hover + label,p:not(#foo) > input[type=checkbox]:focus + label,p:not(#foo) > input[type=checkbox] + label:hover{background-position:0 -17px}
p:not(#foo) > input[type=radio]:hover + label,p:not(#foo) > input[type=radio]:focus + label,p:not(#foo) > input[type=radio] + label:hover{background-position:0 -177px}
p:not(#foo) > input[type=checkbox]:active + label,p:not(#foo) > input[type=checkbox] + label:hover:active{background-position:0 -37px}
p:not(#foo) > input[type=radio]:active + label,p:not(#foo) > input[type=radio] + label:hover:active{background-position:0 -197px}
p:not(#foo) > input[type=checkbox]:active:checked + label,p:not(#foo) > input[type=checkbox]:checked + label:hover:active{background-position:0 -117px}
p:not(#foo) > input[type=radio]:active:checked + label,p:not(#foo) > input[type=radio]:checked + label:hover:active{background-position:0 -277px}
p:not(#foo) > input[type=checkbox]:disabled + label,p:not(#foo) > input[type=checkbox]:hover:disabled + label,p:not(#foo) > input[type=checkbox]:focus:disabled + label,p:not(#foo) > input[type=checkbox]:disabled + label:hover,p:not(#foo) > input[type=checkbox]:disabled + label:hover:active{background-position:0 -57px}
p:not(#foo) > input[type=radio]:disabled + label,p:not(#foo) > input[type=radio]:hover:disabled + label,p:not(#foo) > input[type=radio]:focus:disabled + label,p:not(#foo) > input[type=radio]:disabled + label:hover,p:not(#foo) > input[type=radio]:disabled + label:hover:active{background-position:0 -217px}
p:not(#foo) > input[type=checkbox]:disabled:checked + label,p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active{background-position:0 -137px}
p:not(#foo) > input[type=radio]:disabled:checked + label,p:not(#foo) > input[type=radio]:hover:disabled:checked + label,p:not(#foo) > input[type=radio]:focus:disabled:checked + label,p:not(#foo) > input[type=radio]:disabled:checked + label:hover,p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active{background-position:0 -297px}
input,select,textarea{font-family:'Open Sans',sans-serif;font-size:1em}
.select_custom_pico select{width:130%;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:.01px;cursor:pointer}
.select_custom_pico select:focus{outline:none}
.select_custom_pico{padding:0;margin-right:20px;padding:5px 8px;border:1px solid #aaa;border-radius:4px;width:32px;overflow:hidden;background-color:#fff;background:#fff url(/img/arrowdown.gif) no-repeat 95% 50%;float:right;cursor:pointer}
select#goto{font-size:1em;font-weight:400;outline:none}
#form .error_strings,#form_oem .error_strings{font-size:.9em;line-height:1em;font-weight:400;color:#f16565;margin-left:30px}
.tabs-menu-main,.tabs-menu-add,.tabs-menu-net{display:table;height:50px;margin:20px 0px;padding:0;border:1px solid #bebebe;border-radius:4px;list-style:none;overflow:hidden}
.tabs-menu-main li,.tabs-menu-add li,.tabs-menu-net li{display:table-cell;height:50px;width:200px;line-height:1.25em;text-align:center;border-left:1px solid #bebebe;vertical-align:middle;cursor:pointer}
.tabs-menu-main li:first-child,.tabs-menu-add li:first-child,.tabs-menu-net li:first-child{border:0}
.tabs-menu-main li.current,.tabs-menu-add li.current,.tabs-menu-net li.current{position:relative;background-color:#999}
.tabs-menu-main li a,.tabs-menu-add li a,.tabs-menu-net li a{color:#333;text-decoration:none;font-size:1.5em}
.tabs-menu-main .current a,.tabs-menu-add .current a,.tabs-menu-net .current a{color:#fff}
.tab{margin-bottom:20px;width:auto}
.tab-main-content,.tab-add-content,.tab-net-content{width:100%;display:none}
.page-wrapper,.footer{width:100%;margin:0 auto;max-width:1020px;min-width:320px}
.topHeader{height:100px;position:relative;background-color:white}
.content{background-color:white;padding:30px 30px 0 30px}
.topMessage{position:absolute;right:30px;top:20px;}
/*.topMessage{padding-top:13px;padding-left:20px}*/
/*.topMessageImg{height:35px;}*/
.topLogo{position:absolute;left:30px;top:17px;}
.topLogoImg{height:50px;min-height:1px;width:auto;min-width:1px}
.tile-container{width:100%}
.tile-container:after{content:'';display:block;clear:both}
.titlecell{display:block;width: 330px}
.icon{display: block;position: absolute;top: 13px;left: 386px;}
.square,.square-3,.square-4{cursor:pointer;float:left;position:relative;margin:0;overflow:hidden}
.square-2{cursor:pointer;float:none;position:relative;margin:0;overflow:hidden}
.square.nolink,.square-2.nolink,.square-3.nolink,.square-4.nolink{cursor:default}
.square{width:25%;padding-bottom:140px}
.square-2{width:510px;height: 70px;padding-bottom:140px}
.square-3{width:510px;height: 70px;padding-bottom:140px}
.square-4{width:510px;padding-bottom:150px}
.square,.square-2,.square-3,.square-4{box-shadow:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}
.square:hover,.square-2:hover,.square-3:hover,.square-4:hover{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);z-index:10}
.square-content{position:absolute;height:90%;width:93%;padding:20px 30px}
.square-2-content{position:absolute;height:90%;width:93%;padding:20px 30px}
.square-3-content{position:absolute;height:90%;width:93%;padding:20px 30px}
.square-4-content{position:absolute;height:90%;padding:20px 30px}
.table{display:table;width:100%;height:100%}
.table-cell{display:table-cell}
.white-tile{background-color:#fff}
.blue-tile{background-color:#7cc3e6}
.lblue-tile{background-color:#afd3e8}
.gray-tile{background-color:#f0f0f0}
.footer{margin-top:10px}
.topMenu{position:relative}
.tab img{display:block;margin-left: auto;margin-right: auto;border: 1px solid;border-color:#bebebe;width:100%}
.data-rules{padding-left:0}
.data-rules li{text-align:left;width: 13.4%;display: inline-block;vertical-align:top;padding-right:1%}
.data-rules li:last-child{padding-right:0}
.remote-rules{padding-left:0;list-style:none}
.remote-rules li{text-align:left;width: 23%;display: inline-block;vertical-align:top;padding-right:2%}
.remote-rules li:last-child{padding-right:0}
/*TILES*/
.titlecell{display:table-cell;position:relative;width:380px;padding: 10px 0 0 0;}
.titlecell-2{display:table-cell;position:relative;width:204px;top: 10px;}
.titlecell-3{display:table-cell;position:relative;width:895px;padding: 10px 0 0 0;}
.icon{display: table;}
.icon-2{display: table-cell; position: absolute;padding: 12px 30px 0 30px;}
.pic{width:64px}
.productImg{width:501px;height:218.5px}
.productImg-2{width:328px;height:218.5px}
.productImg-3{width:1020px;height:218.5px}
.cellBox{margin: -3px 0 0 -3px;}
.square-text{margin-block-start: -0.2em;}
.square {height:210px;width:1020px;margin-top:18px;padding-bottom:140px}
.square-2 {height:210px;width:328px;margin-right:18px;margin-top:18px;padding-bottom:140px}
.square-3 {height:210px;width:501px;margin-right:18px;margin-top:18px;padding-bottom:140px}
.square-4 {height:210px;width:501px;margin-top:18px;padding-bottom:140px}
a.square-4,a.square-3,a.square-2,a.square{color:#222;text-decoration:none;cursor:pointer}
a.square-4,a.square-3,a.square-2,a.square:hover{color:#222;text-decoration:none;cursor:pointer}
.square,.square-2,.square-3,.square-4{cursor:pointer;float:left;position:relative;overflow:hidden}
.square.nolink,.square-2.nolink,.square-3.nolink,.square-4.nolink{cursor:default}
.square-content{position:absolute;width:328px;padding:0px 0px;}
.square-2-content{position:absolute;width:501px;padding:0px 0px; }
.square-3-content{position:absolute;width:501px;padding:0px 0px;}
.square-4-content{position:absolute;width:1020px;padding:0px 0px;}
.clearfix:after{content:"";display:table;clear:both}
.blue-ribbon{width:100%;margin:20px -30px 0 -30px;display:block;background-color:#afd3e8;padding:30px}
.blue-ribbon-title{font-size:1.5em;font-weight:300;margin:20px 0 15px;padding:0;position:relative}
.blue-ribbon-ico{width:64px;height:64px;padding-right:15px;float:left}
.language-select{margin-left:37px}
.table-scroller{width:100%;overflow-x:auto}
.even{height:60px}
img.play{height:32px;width:32px;float:left;padding-right:10px}
.bt{line-height:32px;color:#034798;text-decoration:none;transition:text-decoration .2s,color .2s;-webkit-transition:text-decoration .2s,color .2s;-moz-transition:text-decoration .2s,color .2s;-o-transition:text-decoration .2s,color .2s;-ms-transition:text-decoration .2s,color .2s;cursor:pointer}
.bt:hover{color:#70c0fb;text-decoration:underline}
.download-ico{padding-bottom:30px}
.soon{display:block;position:absolute;z-index:99999999;top:-110px;right:30px}
.colored-sperm-plate{border-radius:15px;color:#ffffff;padding:10px;font-size:20px;margin-right:10px;display:inline-block}
.sperm-plate-title{display:inline-block;vertical-align:middle;width:65%}
.grid-tile-container{display:block;width:100%}
.grid-tile-container:after{content:"";display:table;clear:both}
.grid-tile{display:inline-block;float:left;height:350px;margin-top:18px;box-shadow:none;transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:white}
a.grid-tile,a.grid-tile:hover{color:#222;text-decoration:none;cursor:pointer}
.grid-tile:hover{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);z-index:10}
.grid-tile-span-2{width:33.3%}/*1/3-width*/
.grid-tile-span-3{width:50%}/*halfwidth*/
.grid-tile-span-6{width:100%} /*fullwidth*/
.grid-tile-span-7{width:100%} /*fullwidth*/
#cookie-notice{width:100%;position:fixed;display:none;bottom:0;left:0;background-color:transparent;z-index:50}
.cookie-container{width:100%;max-width:1020px;min-width:320px;background-color:rgba(255,255,255,.92);margin:30px auto 0;padding: 15px 30px;display:flex;align-items:center;box-sizing: border-box;box-shadow: 0 5px 23px -3px rgb(0 0 0 / 30%)}
.cookie-text{padding-right:20px}
.cookie-close{}
.language-select-top{font-size:0.8em;background-color:#4494cf;padding: 5px 0px 5px 30px;color:#fff}
.language-select-top a{color:#fff;text-decoration:underline}
@media (max-width: 1000px) {
.data-rules li,.remote-rules li{width:100%;display:block;padding-right:0}
}
@media (max-width: 950px) and (min-width: 895px) {
.grid-tile-span-2 .square-text-title{font-size:1.2em}
}
@media (min-width: 894px) {
#tile-remote{background:url('/img/RemoteProduct.png') center center no-repeat !important}
#tile-gram{background:url('/img/GramProduct.png') center center no-repeat !important}
#tile-edu{background:url('/img/EduProduct.png') center center no-repeat !important}
#tile-path{background:url('/img/PathProduct.png') center center no-repeat !important}
#tile-slideviewer{background:url('/img/slideViewerProduct.png') center center no-repeat !important}
#tile-vchromer{background:url('/img/vChromerProduct.png') center center no-repeat !important}
}
@media (max-width: 894px) {
.grid-tile-span-2,.mid-grid-tile-span-3{width:50%} /*halfwidth*/
.tabs-menu-add li,.tabs-menu-main li,.tabs-menu-net li{font-size:10px}
}
@media (max-width: 850px) {
.grid-tile{height:320px}
.hide-small{display:none}
.square-text-title{line-height:1em}
.col-23{width:100%;display:block;float:none}
.col-13{width:100%;display:block;float:none}
.language-select{margin-left:0;margin-right:0;width:100%}
}
@media (max-width: 850px) and (min-width: 600px){
.tile-pic{display:none}
}
@media (min-width: 600px) {
#tile-pap{background:url('/img/PapProduct.png') center center no-repeat !important}
#tile-gram{background:url('/img/GramProduct.png') center center no-repeat !important}
#tile-edu{background:url('/img/EduProduct.png') center center no-repeat !important}
#tile-path{background:url('/img/PathProduct.png') center center no-repeat !important}
#tile-vchromer{background:url('/img/vChromerProduct.png') center center no-repeat !important}
}
/* For small screens */
@media (max-width: 600px) {
.grid-tile{width:100%} /*fullwidth*/
.square-text-title{line-height:1.6em}
.col-3{margin-right:2%}
.col-3.small-fw,.col-5.small-fw{display:block;width:100%;margin-right:0;margin-bottom:30px}
.gram-subheader{width:49%}
.colored-sperm-plate{display:none}
.sperm-plate-title p{margin-bottom:0}
.cookie-container{display:block}
}
@media (max-width: 440px) {
.blue-ribbon-title{margin-top:0;font-size:1.3em}
.square-text-title{font-size:1.3em !important}
}
@media (max-width: 425px) {
.soon{top:-130px}
.download-ico{padding-bottom:70px !important}
}
@media (max-width: 360px) {
.topMessage{right:45px; text-align:right}
.topLogo{left:10px !important;}
.topLogoImg{height: 30px !important;}
.topMessage p {font-size: 12px !important;}
.language-select-top{padding-left:15px}
h2.top,.subMwrap,.menufooter,.subTopMenu p{margin-left:15px}
.content,.copyright{padding:30px 15px}
.g-recaptcha{transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0}
.blue-ribbon{margin:20px -15px 0 -15px;padding:30px 15px}
}
@supports (display: grid) {
.grid-tile-container{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,minmax(130px, 1fr));grid-template-rows:repeat(9,350px);grid-gap:20px}
.grid-tile{display:block;float:none}
.grid-tile-span-2{width:auto;grid-column:span 2} /*1/3-width*/
.grid-tile-span-3{width:auto;grid-column:span 3} /*halfwidth*/
.grid-tile-span-6{width:auto;grid-column:span 6} /*fullwidth*/
.grid-tile-span-7{width:auto;grid-column:span 7} /*fullwidth*/
@media (max-width: 894px) {
.grid-tile-container{grid-template-columns:repeat(6,minmax(80px, 1fr))}
.grid-tile-span-2,.mid-grid-tile-span-3{grid-column:span 3} /*halfwidth*/
}
@media (max-width: 850px) {
.grid-tile-container{grid-template-rows:repeat(6,320px)}
}
/* For small screens */
@media (max-width: 600px) {
.grid-tile-container{grid-template-columns:repeat(auto-fit,minmax(50px, 1fr))}
.grid-tile{grid-column:1/-1} /*fullwidth*/
}
}
.big-square-2{width:50%}
.big-square-2:nth-child(even),big-square-3:nth-child(3n){padding-right:0}
.big-square-3{width:33.33%}
.square-fw{width:100%}
.tile-img{width:100%;height:218.5px}
.tile-pic{width:64px;float:left;padding-right:30px;padding-bottom:30px}
.square-text-title{font-size:1.5em;font-weight:300;line-height:1.6em}
.tile-text{padding:18px 10px 0 30px}
.tile-text p{font-size:18px;font-weight:300;margin-top:0}
@media screen and (max-width:850px) {
.std {position: relative;top: 0px;margin-bottom: 0px}
.footerFont{/*font-size:10px*/}
.changed-col-5{width:90%}
.item_foot_parent{font-size:12px}
.menufooter{font-size:12px}
.page-wrapper{width:100%}
.tile-container {width:328px;margin:auto}
.footer{margin:0 auto}
.topMessage{width:328px;top:12px;text-align:right}
.topMessageImg{width:200px}
.topMessage p{width:328px;top:12px;font-size:17px}
.topHeader{height:60px;margin: 0px auto}
.topLogo{top:8px}
.topLogoImg{height:36px}
.item_foot_form{display:block;width:100%}
.item_foot_parent {width:44%}
.col-2{float:unset;width:100%}
.h2{width:204px}
.icon{display:table-cell;position: unset;padding: 12px 30px 0 30px;}
.icon-2{display:table-cell;position: unset;padding: 12px 30px 0 30px;}
.square-2,a.square-3,a.square-4,a.square{height:210px;width:328px; padding-bottom:140px}
.titlecell,.titlecell-2,.titlecell-3{display:table-cell;position:relative;width:204px;padding: 10px 0 0 0;}
.titlecell-3{display:table-cell;position:relative;width:204px;padding: 10px 0 0 0;padding: 0 170px 0 0;}
.productImg-3{width:1020px;height:218.5px;margin:0 -270px}
.productImg{width:501px;height:218.5px;margin:0 -100px}
.square-content,.square-2-content,.square-3-content,.square-4-content{position:absolute;width:501px;padding:0px 0px;}
.square-text{display:none}
}
.outer {
display: table;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.wrapper {
position: relative;
margin: 0 10%;
}
.center {
text-align: center;
}
.mask {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
#caption{
text-align: center;
color: #000;
font-size: 1.35em;
font-weight: 400;
font-size:14px;
line-height: 1.6em;
margin: 1em 0px 30px 0px;
padding-top: 25px;
position: relative;
}
.sliderWrap {
position: absolute;
left: 12.2%;
right: 12.2%;
top: -1%;
overflow: hidden;
}
ul.images {
position: relative;
padding: 0;
top: 0px;
left: 0px;
border: 1px solid #E5E0E1;
}
.col-2 ul, .col-21 ul, .col-1 ul, .col-3 ul, .col-31 ul, .col-32 ul, .wrapper ul {
margin: 0;
list-style: none;
text-indent: 0px;
display: inline-block;
text-align: left;
}
.prev {
left: 20px;
}
.control {
position: absolute;
top: -0%;
color: #888;
cursor: pointer;
font-size: 5em;
}
.next {
right: 20px;
}s
ul.images li {
float: left;
}
.col-2 li, .col-21 li, .col-3 li, .col-31 li, .col-32 li, .wrapper li {
line-height: 2.5em;
font-weight: 400;
}
ul.images li img {
float: left;
}
.greyborder {
border: 1px solid #E5E0E1;
}
.control {
position: absolute;
top: 10%;
color: #888;
cursor: pointer;
font-size: 5em;
}
.control {
display: none;
}
#imgframe {
width: 760px;
height: 430px;
/* margin-bottom: 50px; */
}
@media (max-width: 992px)
{#imgframe{height: 345px;}
}
@media (max-width: 767px){
#imgframe {height: 290px;
}}
@media screen and (max-width: 550px){
#imgframe {
height: 300px;
width: 250px;
}}
@media screen and (max-width: 550px){
.control {
display: block;
}}
@media screen and (max-width: 550px){
ul.triggers {
display: none;
}}
.slide {
position: relative;
padding: 0px 0px;
z-index: 0;
background-color: white;
}
.slide-container{
margin-bottom: 40px;
margin-right: auto;
margin-left: auto;
overflow: hidden;}
ul.triggers {
position: relative;
padding: 0px;
}
ul.triggers li.curr {
background-color: #4292CD;
}
ul.triggers li {
float: left;
margin: 0 5px;
cursor: pointer;
width: 10px;
height: 10px;
outline: none;
border-radius: 50%;
background-color: #888;
}
@media screen and (max-width: 550px){
ul.triggers {
display: none;
}}
@media screen and (max-width: 550px){
#caption {
display: none;
}}
@media (min-width: 768px){
.slide-container {
width: 750px;
}}
@media (max-width: 767px){
.mask {
max-width: 650px;
}}
@media (min-width: 992px){
.slide-container {
width: 930px;
}}
.actBtn{border-radius: 0px;width:25%;font-size: 1.3em;background-color:#4494cf;color:#fff;font-weight: 700;}
.actBtn:hover{
box-shadow: 1px 0px 15px rgb(256 256 256 / 50%);
color:#4494cf;
background-color: #fff;
}