header{ background:#fff; position:relative; z-index:2}
.top{ padding:10px 0 15px}
.top .columns12{ padding-top:10px}
.top .columns12 .col-2{ text-align:right}
.company{ display:none; text-align:center}

.searchFull{ background:#fff; position:absolute; padding-right:30px; width:45px; display:inline-block;transition:all .3s ease-in-out; box-sizing:border-box; right:0; top:-5px; z-index:101; border-radius:2px }
.searchFull .input{ width:100%; box-sizing:border-box; padding:10px 10px 11px; background:none; border:none}
.searchFull .button{position:absolute; top:-1px; right:0; padding:15px; background:#1189ce;border:none; z-index:2; width:45px; height:43px; border-radius:2px; box-sizing:border-box; display:inline-block; border:0; cursor:pointer}
.searchFull .button:focus{outline:none}
.searchFull span{ position:absolute; top:12%; right:32px; z-index:222; color:#fff; cursor:pointer}
.searchFull span:before{position:absolute;font:20px/ 1.5em "Elusive-Icons";content:'\f1ee';}


.nav{background:#000 url(../images/bg_nav.png) 0 0 ; border-bottom:3px solid #1189ce; padding:12px 9px; position:relative; z-index:2222}
#tml{font:bold 14px/1em 'Oswald', sans-serif; text-transform:uppercase}
#tml > ul>li{float:left; position:relative;}
#tml > ul>li:hover>a,#tml > ul>li.on>a{ background:#1189ce; border-radius:0; color:#fff}
#tml > ul > li a {color: #eee;display:inline-block;padding:9px 12px}


#tml>ul .tml-tab1 >ul{position:absolute;width:1080px;display:none;background:#000;background:rgba(0,0,0,.9); text-transform:none; font-family:Arial, sans-serif; font-weight:normal; font-size:13px;  border:3px solid #1189ce; }
#tml .tml-tab1>ul{ left:-350px !important; padding:15px}
#tml .tml-tab1>ul>li{ width:20%; float:left; text-align:left; color:#999; border-left:1px dashed #444; padding:0 10px; b }
#tml .tml-tab1>ul>li a{ display:block; padding:5px 0; color:#999}
#tml .tml-tab1>ul>li:first-child{ border-left:0}
#tml .tml-tab1>ul>li a:hover{ color:#fff; background:#000}

#tml>ul .tml-tab2 >ul{position:absolute;width:1080px;display:none;background:#000;background:rgba(0,0,0,.9); text-transform:none; font-family:Arial, sans-serif; font-weight:normal; font-size:13px;  border:3px solid #1189ce; color:#999 }
#tml .tml-tab2>ul{ left:-420px !important; padding:15px}
.tml-tab2 #tabs ul{ display:block !important; width:30%; float:left; box-sizing:border-box; padding-right:30px}
.tml-tab2 #tabs>div{width:68% ; float:left; box-sizing:border-box; padding-left:10px}
.tml-tab2 #tabs>div a{ color:#999 ; display:block; padding:4px 0}
.tml-tab2 #tabs>div a:hover{ color:#fff}
.tml-tab2 #tabs>div p{ float:left; width:25%; box-sizing:border-box }
.tml-tab2 .ui-widget-header{ background:none}
.tml-tab2 #tabs ul a{ display:block; background:#183c50; text-transform:uppercase; font-size:14px; position:relative; border-bottom:1px solid rgba(0,0,0,.2) ; padding:12px 10px;}
.tml-tab2 #tabs .ui-tabs-active a{ background:#1189ce; position:relative}
.tml-tab2 #tabs .ui-tabs-active a:after{ position:absolute; content:""; border:20px solid transparent; border-left-color:#1189ce; display:table-cell; top:0; right:-40px}






.downarrowclass{position:absolute;left:44%;width:12px; height:8px; bottom:2px }
.downarrowclass:after{ content:'\f12d'; display:inline-block; position:absolute; font: 8px/1.5em 'Elusive-Icons'; color:#aac3f6;} 
.rightarrowclass{position:absolute;right:5%;width:12px; height:8px; top:30%}
.rightarrowclass:after{ content:'\f12f'; display:inline-block; position:absolute; font: 8px/1.5em 'Elusive-Icons'; color:#aac3f6;} 


.breadcrumd{color:#1189ce; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:20px }
.breadcrumd a{color:#666} .breadcrumd a:hover{ color:#333}
.rating-bg{ background:#1bbf48; color:#fff; border-radius:3px; padding:0 5px; box-sizing:border-box}
.review-table .head{ text-transform:uppercase; color:#111; font-size:22px; font-family:'Oswald', sans-serif; margin-bottom:10px; border-bottom:1px dashed #ddd; padding-bottom:7px ;margin-top:15px }
.review-table .head a{ color:#111;}
.review-table td{ padding:7px}
.review-table tr:nth-child(2n+1){ background:#fafafa;}
.review-table tr:hover{ background:#f3f3f3}
.review-table td:first-child{ width:25%}
.screen-size{ background:url(../images/screen-size.png) no-repeat top left; border:1px solid #ccc; width:82px; height:74px; display:inline-block; padding:25px 0 0; text-align:center; color:#1bbf48; font-weight:bold; font-size:20px}

.mem-log .col-3{ text-align:left}
.mem-log .col-3 h3{ border-bottom:3px solid #333; margin-bottom:10px ; font-size:22px; line-height:1.6em }
.mem-log .col-3 li{ border-bottom:1px dashed #ccc; padding:10px 0; line-height:1.5em; font-size:13px; color:#666 }
.mem-log .col-3 li:last-child{ border-bottom:0; padding-bottom:0}

.facebook{background:#3c55a2; padding:5px 0 }
.facebook  .el-facebook{ color:#3c55a2; line-height:.9em; font-size:35px}
.gplus{background:#d94d32; padding:5px }
.gplus  .el-googleplus{ color:#d94d32; line-height:.9em; font-size:35px}
.form-1 p{ padding:8px 0}
.form-1 p span{ width:75%; float:left}
.form-1 p span:first-child{ width:25%; text-align:right; padding-top:15px; padding-right:15px }
.social-reg{ border-right:1px solid #ccc; min-height:260px; padding-top:70px; position:relative}
.social-reg:after{ content:'OR'; position:absolute; width:40px; height:40px; border:1px solid #ccc; border-radius:50%; right:-20px; top:40%; background:#eee; padding:13px 7px; box-sizing:border-box; font-weight:bold; font-size:15px; color:#999}



.tab-box5{background:#ddd;color:#777;border:1px solid #ddd;border-width:3px 3px 0;}
.tab-box5 ul{font-weight:normal;font-size:1.33em;}
.tab-box5 > ul > li{float:left;position:relative;z-index:100;}
.tab-box5 > ul > li > a{padding:16px 14px;float:left;border-left:1px solid #ccc;border-right:1px solid #eee;color:#222;}
.tab-box5 > ul > li:first-child a:first-child{border-left:0;}
.tab-box5 > ul > li:last-child a:first-child{border-right:0;}
.tab-box5 > ul > li > a.on,.tab-box5 > ul > li > a:hover {background:#fff;color:#000;text-shadow:1px 1px #fff;border-left-color:transparent;}
.header_fixed {position:fixed;top:0px;padding:0px;z-index:999999; width:738px}


.tab-box6{background:#eee;color:#777;border:1px solid #ddd;}
.tab-box6 ul{font-weight:normal;font-size:1.1em;}
.tab-box6 > ul > li{position:relative;z-index:100; border-bottom:1px dashed #ddd}
.tab-box6 > ul > li > a{padding:5px 7px;color:#999; display:block}
.tab-box6 > ul > li > a.on,.tab-box6 > ul > li > a:hover {background:#fff;color:#000;text-shadow:1px 1px #fff;border-left-color:transparent;}
.header_fixed6 {position:fixed;top:25px;padding:0px;z-index:999999;width:188px }
.buying-guide .columns12  .col-1{ border-right:0; padding-right:0}
.buying-guide .col-2 section{ margin-bottom:30px; font-size:14px;}
.buying-guide h3{ font-size:22px}

/* #tml ul ul.nor-dd{position:absolute;width:200px;display:none;background:rgba(251,251,251,.92); padding:0 10px; text-transform:none; font-family:Arial, sans-serif; font-weight:normal; font-size:13px;  border:2px solid #1189ce} */
#tml ul ul.nor-dd{position:absolute;width:200px;display:none;background:rgba(251,251,251,.92); padding:0 0px; text-transform:none; font-family:Arial, sans-serif; font-weight:normal; font-size:13px;  border:2px solid #1189ce}
#tml ul ul.nor-dd li{border-bottom:1px solid #ddd;border-top:1px solid #fff;padding: 0px 0px;}
/* #tml ul ul.nor-dd li a{padding-left:0; padding-right:0; color:#555; text-transform:uppercase; display:block; transition:all .5s ease} */
#tml ul ul.nor-dd li a{padding: 9px 10px; color:#555; text-transform:uppercase; display:block; transition:all .5s ease}
/* #tml ul ul.nor-dd li a:hover{color:#069;} */
#tml ul ul.nor-dd li a:hover{background-color:#1189ce; color:#FFF;}
.col-3{ text-align:left} 

.num-list li{ margin-top:15px;min-height:60px}
.num-list span{ width:60px; height:60px; background:#eee; color:#333; float:left; display:inline-block; font-size:24px; text-align:center; line-height:60px; margin-right:10px}
.num-list1 img{ max-width:80px; height:80px; float:left; display:inline-block; margin-right:10px; border:1px solid #eee;}
.num-list h3,.num-list1 h3{ line-height:1.4em}
.num-list1 li{ margin-top:15px;min-height:80px}

.num-list2 .webruppe{ font-size:18px}
.num-list2 li p{ min-height:33px ; font-size:1em; margin-bottom:2px}
.num-list2 img{ max-height:120px}
.brand img{ border:1px solid #ddd; float:left; margin-right:8px; max-width:50px; height:40px}
.brand .tcl.float.three li{ border-bottom:1px solid #eee; padding:10px 0; margin-bottom:0; margin-top:0}
.brand .tcl.float.three li a{ color:#666}
.brand .tcl.float.three li a:hover{ color:#000}


.ribbon{position:absolute;top:0;left:0;z-index:2;}
.ribbon .banner{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff;-webkit-font-smoothing:antialiased;display:block;float:left;position:relative;left:-7px;top:16px;width:65px;}
.ribbon .banner:after, .ribbon .banner::before{content:'';display:block;height:6px;position:absolute;width:20px}
.ribbon .banner:before{-webkit-transform:skewY(-45deg) translate(50%, 15px);-ms-transform:skewY(-45deg) translate(50%, 15px);-webkit-transform-origin:100% center;-ms-transform-origin:100% center;top: -5px;left: -30px;}
.ribbon .banner:after{-webkit-transform:translate(100%, -100%) skewY(45deg) translateX(-58%);-ms-transform:translate(100%, -100%) skewY(45deg) translateX(-58%);  -webkit-transform-origin:0 center;-ms-transform-origin:0 center;  top:18px; right: -12px}
.ribbon .text{position:relative;padding:3px 0; font-size:10px;font-weight:bold;min-height:14px;line-height:14px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase; text-align:center;}
.ribbon .text:before, .ribbon .text:after{content:'';display:block;height:20px;position:absolute;top:0;width:100%;z-index: -1}
.ribbon .text:before{-webkit-transform:translateX(-15%) skewX(-45deg);-ms-transform:translateX(-15%) skewX(-45deg)}
.ribbon .text:after{-webkit-transform:translateX(15%) skewX(45deg);-ms-transform:translateX(15%) skewX(45deg);}
.ribbon .banner:after, .ribbon .banner::before, .ribbon .text::before, .ribbon .text:after{background-color:#c00;}