*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
#commonHeader *,#newtopheader *,.sec-pTB *,.btmBar *{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
.clearfix:before,.clearfix:after{content:' ';display:table}
.clearfix:after{clear:both}
a,a:hover{text-decoration:none;cursor:pointer}
figure{margin:0}
img{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}
::selection{background:transparent;color:#3f8ed9}
::-moz-selection{background:transparent;color:#3f8ed9}

html,body{width:100%;height:auto;padding:0;margin:0}
.opmPlus{width:100%;height:auto;text-align:center}
.opmPlus .section{width:100%;max-width:1155px;margin:0 auto;transition:all .2s ease-in 0s;display:inline-block}
.opmPlusBanner{background:#f0f2f0;float:left;width:100%;}
.opmPlusBanner .h2,.opmPlusSlider .h2,.opmPlusSlider-2 .h2,.opmPlusUserExp .h2{font:100 31px/120% Roboto Slab;color:#0b4c5d;margin:60px 0 10px}
.opmPlusBanner .h2{font-size:47px}
.opmPlusBanner span{font:100 27px Roboto Slab;color:#ababab;display:block}
.opmPlusBanner a{background:#e03860;width:213px;height:58px;font:400 19px/35px Roboto Slab;color:#fff;padding:10px 20px;margin:33px auto 37px;border-radius:4px;display:inline-block}
.opmPlusBanner img{float:left;width:100%;height:auto}
.opmPlusSlider .h2{margin:60px 0 5px}
.opmPlusSlider,.opmPlusSlider-2,.opmPlusUserExp{background:#fff;width:100%;height:auto;padding:0 0 40px;box-shadow:0 -7px 6px rgba(0,0,0,.05);-moz-box-shadow:0 -7px 6px rgba(0,0,0,.05);-webkit-box-shadow:0 -7px 6px rgba(0,0,0,.05)}
.opmPlusSlider{padding:0 0 100px}
.opmPlusSlider span,.opmPlusSlider-2 span,.opmPlusUserExp span{font:300 16px/120% Lato;color:#ababab}
.opmPlusSliderContainer,.opmPlusSliderContainer2,.opmPlusContainer,.opmPlusPopUpSliderContainer{float:left;width:100%;height:auto;margin:40px 0 0;position:relative}
.opmPlusSliderContainer,.opmPlusContainer{margin:60px 0 0}
.opmPlusSliderContainer > a{float:left;width:30%;height:auto;text-align:left;margin:0 0 40px;cursor:pointer}
.opmPlusSliderContainer > a:nth-child(2),.opmPlusSliderContainer > a:nth-child(5),.opmPlusSliderContainer > a:nth-child(8){margin:0 4.6665%}
.opmPlusSliderContainer > a img{float:left;width:100%;height:auto;margin:0 0 10px;transition:all 0.2s ease-in 0s}
.opmPlusSliderContainer > a .h4,.opmPlusUserExpData > div .h4{float:left;font:300 25px Roboto Slab;color:#0b4c5d;margin:10px 0;display:block}
.opmPlusSliderContainer > a span{float:left;min-height:55px;font:300 16px Lato;color:#ababab;display:block;transition:all 0.2s ease-in 0s}
.opmPlusSliderContainer > a:hover img{;filter:gray;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%)}
.opmPlusSliderContainer > a:hover span{color:#868686}
.opmPlusPriceInfo{background:#ffc200;float:left;width:100%;height:auto}
.opmPlusPriceInfo .section{max-width:100%;height:295px;box-shadow:3px 6px 7px rgba(0,0,0,.15) inset;-moz-box-shadow:3px 6px 7px rgba(0,0,0,.15) inset;-webkit-box-shadow:3px 6px 7px rgba(0,0,0,.15) inset}
.opmPlusPriceInfo .row1{width:100%;max-width:1155px;text-align:left;margin:auto;position:relative;display:inline-block}
.opmPlusPriceInfo .h2{height:92px;font:100 31px/92px Roboto Slab;color:#000;padding:0;margin:0;display:inline-block}
.opmPlusPriceInfo .opmPlusDeviceCount{background:#ffce2d;float:left;width:100%;height:203px;padding:30px 0 25px}
.opmPlusPriceInfo .opmPlusDeviceCount > div{width:100%;max-width:1155px;margin:auto;position:relative;display:inline-block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div{float:left;width:16.666%;text-align:left;position:relative}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div *{font:100 17px/100% Roboto Slab;color:#000;display:block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div strong{font:100 18px Roboto Slab;color:#000}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div b{font-weight:300;font-size:60px;line-height:120%}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div b span{font:300 27px Roboto Slab;display:inline-block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div i{font-size:18px}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child{background:#fff;width:236px;height:236px;text-align:center;border-radius:50%;position:absolute;top:-50px;right:0;display:table;box-shadow:1px 1px 4px rgba(0,0,0,.4);-moz-box-shadow:1px 1px 4px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.4)}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span{vertical-align:middle;display:table-cell}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span i{line-height:23px;margin:-16px 0 0}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child b{font-family:Roboto Slab;position:relative;top:1px}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span a{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;display:block}
.opmPlusPriceInfo .opmPlusDeviceCount > div > div:last-child span a:before{content:attr(data-content);margin:auto;position:absolute;right:0;bottom:50px;left:0}
.opmPlusDeviceCount span.plusicon{font-size:30px!important;position:absolute;right:30px;top:70px;}
.opmPlusSliderContainer2{margin:20px 0 0}
.opmPlusSlider-2{background:#f0f2f0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.opmPlusSlider2,.opmPlusPopUpSlider{float:left;width:100%;height:auto;padding:0 50px;position:relative}
.opmPlusSlider2 li,.opmPlusPopUpSlider li{float:left;width:100%;height:auto;text-align:center}
.opmPlusSlider2 li img,.opmPlusPopUpSlider img{float:none;width:auto;max-height:450px;margin:auto;display:inline-block}
.opmPlusSlider2 span{width:80%;min-height:60px;color:#000;margin:20px 0 0;display:inline-block}
.opmPlusSlider2-arrow,.opmPlusPopUpSlider-arrow{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}
.opmPlusSlider2-arrow li,.opmPlusPopUpSlider-arrow li{width:30px;height:50px;margin:auto;position:absolute;top:0;bottom:0;display:block;cursor:pointer}
.opmPlusSlider2-arrow li:first-child,.opmPlusPopUpSlider-arrow li:first-child{left:0}
.opmPlusSlider2-arrow li:last-child,.opmPlusPopUpSlider-arrow li:last-child{right:0}
.opmPlusSlider2-arrow li:before,.opmPlusPopUpSlider-arrow li:before{width:30px;height:30px;content:'';border:1px solid #000;border-right:transparent;border-bottom:transparent;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.2s ease-in 0s}
.opmPlusSlider2-arrow li:first-child:before,.opmPlusPopUpSlider-arrow li:first-child:before{left:10px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.opmPlusSlider2-arrow li:last-child:before,.opmPlusPopUpSlider-arrow li:last-child:before{left:-18px;transform:rotate(-225deg);-ms-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-o-transform:rotate(-225deg)}
.opmPlusSlider2-arrow li:hover:before{border-color:#000}
.hide{display:none;transition:all 0.2s ease-in 0s}
.show{display:block;transition:all 0.2s ease-in 0s}
/*.opmPlusUserExpData > div{float:left;width:30%;height:auto;text-align:left;padding:0 4px 0 0}
.opmPlusUserExpData > div:nth-child(2) .h4{float:right}
.opmPlusUserExpData > div:not(:first-child) .h4{margin:10px}
.opmPlusUserExpData > div:last-child{width:40%}
.opmPlusUserExpData > div > div{float:left;width:100%;font:300 16px/30px Lato}
.opmPlusUserExpData > div:nth-child(2) > div{text-align:right}
.opmPlusUserExpData > div > div i{font-style:normal;padding:0 5px}
.opmPlusUserExpData > div > div i + i{background:#A5C1DC;height:20px;padding:0;display:inline-block;position:relative;top:4px}
.opmPlusUserExpData > div:nth-child(2) > div i + i{background:#EB7F2E}
.opmPlusUserExpData > div:last-child > div{direction:rtl}*/

.opmPlusUserExpData > div{float:left;width:30%;height:auto;text-align:left;padding:0 4px 0 0}
.opmPlusUserExpData > div:nth-child(2) .h4{float:right}
.opmPlusUserExpData > div:not(:first-child) .h4{margin:10px}
.opmPlusUserExpData > div:last-child{width:40%}
.opmPlusUserExpData > div > div{float:left;width:100%;font:300 16px/30px Lato}
.opmPlusUserExpData > div:nth-child(2) > div{text-align:right}
.opmPlusUserExpData > div > div i{font-style:normal;padding:0 5px}
.opmPlusUserExpData > div > div i + i{background:#A5C1DC;height:20px;padding:0;display:inline-block;position:relative;top:4px}
.opmPlusUserExpData > div:last-child > div i{background:#A5C1DC;height:20px;padding:0;display:inline-block;position:relative;top:4px}
.opmPlusUserExpData > div:last-child > div i:last-child{background:none;top:0;left:5px}
.opmPlusUserExpData > div:nth-child(2) > div i + i{background:#EB7F2E}

#popUpSlider{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}
#popUpSlider.active{background:rgba(0,0,0,.4);display:block !important}
#popUpSlider .opmPlusPopUpSliderContainer,.opmPlusPopUpSlider,.opmPlusPopUpSlider li{height:100%;margin:0}
.opmPlusPopUpSliderContainer i.close{width:50px;height:50px;position:absolute;top:0;right:0;z-index:999;cursor:pointer}
.opmPlusPopUpSliderContainer i.close:before,.opmPlusPopUpSliderContainer i.close:after{background:#dadcda;width:1px;height:25px;content:'';margin:0;display:block;position:absolute;top:10px;right:0;bottom:0;left:25px;transform:rotate(45deg);transition:all 0.2s ease-in 0s}
.opmPlusPopUpSliderContainer i.close:after{transform:rotate(135deg)}
.opmPlusPopUpSliderContainer i.close:hover:before,.opmPlusPopUpSliderContainer i.close:hover:after{background:#fff}

.opmPlusPopUpSlider{padding:50px}
.opmPlusPopUpSlider li > div{width:100%;height:100%;display:table}
.opmPlusPopUpSlider li > div > div{width:100%;height:100%;vertical-align:middle;display:table-cell}
.opmPlusPopUpSlider li > div > div > div{display:block}
.opmPlusPopUpSlider li > div > div > div > div{background:rgba(0,0,0,.8);width:848px;padding:10px 20px 20px;border-radius:5px;display:inline-block}
.opmPlusPopUpSlider li > div > div > div .h4{font:300 25px Roboto Slab;color:#fbfbfb;margin:0;display:block}
.opmPlusPopUpSlider li > div > div > div span{font:300 16px Lato;color:#ababab;display:block;transition:all 0.2s ease-in 0s}
.opmPlusPopUpSlider-arrow{top:10px;right:10px;bottom:10px;left:10px}
.opmPlusPopUpSlider-arrow li:before{transition:all 0.2s ease-in 0s}
.opmPlusPopUpSlider-arrow li:hover:before{border-color:#fff}

.opmPlusDatasheet{background:#e5e5e5;color:#333;font-size:22px;line-height:30px;padding:15px 0;text-align:center;margin-top:40px}
.opmPlusDatasheet a{color:#333}
.opmPlusDatasheet a:hover{text-decoration:underline}
.opmPlusslideshare{background:#97c2fc;box-shadow:0 -7px 6px rgba(0, 0, 0, 0.05);font:100 31px/120% Roboto Slab;color:#fff;}
.opmPlusslideshare p{padding:40px 0;margin:0;}
.opmPlusslideshare .section{position:relative;text-align:left;max-width:1000px}
.opmPlusslideshareImg{position:absolute;top:-20px;right:0}
.roboto{font-family:Roboto Slab;font-weight:300}
.roboto h1,.roboto h2,.roboto h3{font-weight:300}

.opmPlusPriceInfo .opmDeviceCount{width:auto;height:33px;font:300 18px Roboto Slab;text-align:left;margin:0 0 0 10px;position:relative;top:8px;z-index:9;cursor:pointer;display:inline-block}
.opmPlusPriceInfo .opmDeviceCount span{background:#ffce2d;float:left;width:auto;height:100%;padding:3px 35px 5px 10px;border:1px solid #EFB804;position:relative}
.opmPlusPriceInfo .opmDeviceCount span:before{width:0;height:0;content:'';margin:auto;border:1px solid transparent;border-width:4px 4px 0 5px;border-top-color:#000;position:absolute;top:2px;right:8px;bottom:0}
.opmPlusPriceInfo .opmDeviceCount span:after{background:#EFB804;width:1px;height:100%;content:'';position:absolute;top:0;right:25px}
.opmPlusPriceInfo .opmDeviceCount ul{background:#ffce2d;width:155px;height:auto;list-style:none;padding:0;margin:0;position:absolute;top:33px}
.opmPlusPriceInfo .opmDeviceCount ul li{padding:5px 10px;border:1px solid #EFB804;border-top:0;transition:all .3s ease-in 0s}
.opmPlusPriceInfo .opmDeviceCount ul li:hover,.opmPlusPriceInfo .opmDeviceCount ul li.active{background:#FBC513}
.opmPlusPriceInfo .opmDeviceCount.active,.opmPlusPriceInfo .opmDeviceCount.active span{width:155px}
.opmPlusPriceInfo .opmDeviceCount.active ul{display:block !important}