html{ min-height: 100.1%; margin:0; padding:0; overflow-x:hidden;}
body { font-family: arial, helvetica, sans-serif; font-size:14px; color:#555; height:100%; margin:0; padding:0; padding-top:100px;}
div, td, p {line-height:22px;}

* {box-sizing:border-box;}

table{width:100%; max-width: 100%; border-spacing:0; border-collapse:collapse; background-color: transparent;}

a, a:active, a:visited {text-decoration:none; color:#0066CC; }
a:hover {text-decoration:underline; color:#0066CC;}
a[href$=".pdf"]:before {/*add pdf icon for all links with pdf*/
    content: "\f1c1";
    color: #b9002f;
    margin-right: 4px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a[href="images/example_proof_gb.pdf"]:before{display:none;}/* a hack for http://www.flashbay.com/support/faq/virtual-proof-description */

img{border:none;}

h1, h2 {font-size:14px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 1px solid #efefef; }
h3 {font-size:14px; padding:0px; margin:30px 0 10px 0; font-weight:bold; clear:both;}
h4 {}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  margin-bottom: 5px;
  display: inline-block;
  /* height: 20px; */
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  border-radius: 2px;
}

input,
textarea,
.uneditable-input {
  width: 220px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select{
  height: 30px;
  line-height: 30px;
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

select:disabled,
input:disabled,
textarea:disabled {
    background-color: #f0f0f0;
}

ul {list-style: disc; list-style-type: disc;}
li {}
.label,
.badge {
  display: inline-block;
  padding:0 3px 1px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  border-radius: 2px;
  font-weight: normal;
}
.badge {
  padding-right: 9px;
  padding-left: 9px;
  border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

#why ul {margin: 0px; padding: 0 0 0 0px; list-style-type: none;}
#why li {margin: 0px; padding-left:7px }

/* .wrapper,.bottom{width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
.wrapper{position:relative; zoom: 1; background:#fff;} */

.container, .container-narrow, .wrapper{position:relative; margin-right:auto; margin-left:auto;}
.container:before, .container:after, .container-narrow:before, .container-narrow:after, .wrapper:before, .wrapper:after, .clearfix:before, .clearfix:after, .row:before, .row:after{display:table;content: " ";}
.container:after, .container-narrow:after, .wrapper:after, .clearfix:after, .row:after{clear:both;}
#pagebg { margin-top: 0px}

#header { position:fixed; top:0; right:0; left:0; z-index:99999; width:100%; min-height:100px; padding:30px 0; margin:0 auto; clear:both; background-color:#fff; transition:padding .5s ease;}
#inner_header { position:relative; float:right; height:40px; line-height:40px; font-size:14px}
#header.fix{padding:15px 0;min-height:inherit;box-shadow: 0 1px 3px rgba(0,0,0,.11);}
#header.fix #logo{top:-15px; height:70px;}
#header.fix #logo .logo-container{height:55px; overflow:hidden;}
#header.fix #logo .logo-image{height:80px; margin-top:3px;}

#header .btn_quote{float:right; margin-left:40px; border-radius:2px}
#header .btn_quote_home{display:none; float:right; margin-left:40px;}
#header.fix.done .btn_quote_home{display:block;}
#header .brand-image{vertical-align:top;height:90px;}
#header.fix .brand-image{height:55px;margin-top:8px;}
@media (max-width:1024px) {
    #header .brand-image{height:55px;margin-top:8px;}
}

#inner_header a, #inner_header a:active, #inner_header a:visited {text-decoration:none; color:#555; cursor:default;}
#inner_header a:hover {color:#555;}
#inner_header .phone-num-s{display:none;}
.header_img_container{line-height:0;width:100%; text-align: center; overflow:hidden;}
.header_image_l,.header_image,.header_image_r{text-align:left;display:inline-block;height:160px;position:relative;background-repeat:no-repeat}
.header_image_l{width:810px;left:-810px;background-size:810px 160px}
.header_image{width:980px;background-size:980px 160px}
.header_image_r{width:810px;left:1790px;background-size:810px 160px}

.factory_image_l,.factory_image,.factory_image_r{text-align:left;display:inline-block;height:550px;position:relative;background-repeat:no-repeat}
.factory_image_l{width:810px;left:-810px;background-size:810px 550px}
.factory_image{width:980px;background-size:980px 550px}
.factory_image_r{width:810px;left:1790px;background-size:810px 550px}

#headerimg{position:relative;width:100%;max-width:1300px;max-height:450px;margin:0px auto;background-size:100%;background-size:cover;}
#headerimg:after {
    padding-top: 34.61538%; /* we maintain aspect ratio of header 450px:1300px using this */
    display: block;
    content: '';
}

#header_note {
    position: absolute;
    text-align:center;
    top: 6%; bottom: 50%; right: 0%; left: 40%;  /* positions corners relative to parent */
    border:0;
}
#header_note h1 {
    line-height: normal;
    margin: 0.67em 0;
    font-size:28px;
    color:#555;
    border:none;
}
#header_note .header_get_quote{text-shadow:none;margin:0 10px;padding:14px 20px;letter-spacing:0.5px;}
#header_note .header_get_quote .btn_quote_text1{display:block;}
#header_note .header_get_quote .btn_quote_text2{display:none;}
.header_note_jobs{position:absolute;top:35px;left:30px;width:50%;color:#888;font-size:20px;line-height:28px;}

.login_note{padding:0 15px 30px;}
.login_box{float:left; width:40%; min-height:300px; background-color: #f2f6fb;border: 2px solid #dbe8f7; margin:0 5% 5%; padding:30px;border-radius:2px;}
.login_tip{width:400px; margin: 0px auto 50px auto;}

#watch_video{
cursor:pointer;position:absolute; top:-199px; left: 780px; border:4px solid #fff;border-radius:56px;width:156px;height:50px;color:#fff;
box-shadow: 0px 0px 1px #555;/*text-shadow:0px 0px 1px #555, 1px 1px 1px #555;*/
background-image: linear-gradient(to bottom, #62c462, #51a351)
}
#watch_video .play_arrow{
border:4px solid #fff;border-radius:50px;width:50px;height:48px;position:absolute;right:-4px;top:-4px;padding-top:2px
}
.play_arrow i{font-size:30px;margin-left:16px;color:#fff;line-height: 44px;}
/*
#watch_video:hover{color:#4EA44D}
#watch_video:hover .play_arrow{border-color:#4EA44D;color:#4EA44D}

#watch_video:hover .play_arrow i{color:#4EA44D}
*/
#phone_header { display:block; height:100%; right:2px; padding-left:50px;z-index:50;position:relative;}
#phone_header .fa{font-size:25px;color:#888;position:relative;top:5px;left:-1px}
#phone_box {display:none; position:absolute; line-height:18px; min-width: 280px; top:-30px; right:0px; z-index:500; padding: 20px 15px 15px 15px; text-align:center; cursor: default;
border:1px solid #ddd;border-width:0 0 1px 1px;border-radius:0 0 2px 2px;background:#fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}
#phone_box .fa-phone{left:37px;top:13px;position:absolute}

#logo {position:absolute; top:-22px; width:auto; height:90px; overflow:hidden; transition:all .5s ease;}
#logo .logo-container{display:inline-block; transition:all .5s ease;}
#logo .logo-image{margin-left:-19px; height:90px; -webkit-transition:all .5s ease; transition:all .5s ease;}
#right_column {position:absolute; top:0; right:0; width:240px; height:1571px; margin:0px; padding:0; float:right; background-color:#fff; text-align:left;overflow:hidden;}
#player{position:relative; float:right; width:170px; margin-left:30px; text-align:center;}
#watch{font-size:15px;display:block;background:#ddd;border-radius:2px 2px 0 0;}
#playerHolder_wrapper{z-index:99;margin-bottom:0; z-index:9;clear:both}

.navigation {position: relative; height:40px; margin:0 auto; z-index:999; background:#b10031;}
.navigation ul { margin:0; padding:0; list-style:none; position:static;}
.navigation ul li { display:block; width:auto; float:left; color:#555; height:40px;position:relative}
.navigation ul li a { display:block; width:auto; color:#fff; text-decoration:none; padding:9px 15px;}
.navigation ul li a:hover, .navigation ul li.active > a { color:#fff; background-color: #555; text-decoration:none;}
.navigation ul li .image_dropdown {display:none; position:absolute; top:40px; left:0; width:100%; padding:0; background:#f5f5f5; height:auto; z-index:4; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);border-bottom:1px solid #ccc;}
.navigation ul li .image_dropdown li a { background-image:none; margin-top:4px; padding:0px; position:relative; float:left;display:block; width:55px; height:59px; }
.navigation ul li .image_dropdown li a:hover { background-image:none; z-index:5; }
.navigation ul li:hover .image_dropdown, .navigation ul li:hover ul, .navigation ul li.over ul {display:block;}
.navigation ul li ul {display:none; position:absolute; width: auto; top:40px; background:#fff; height:auto; min-width:180px;padding:0px 0 7px; z-index:5;left:-2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);border-radius:0 0 2px 2px;border:1px solid #ccc;border-top:0}
.navigation ul li ul a { display:block; width:auto; color:#555; text-decoration:none; padding:0px 7px 0 0}
.navigation ul li ul li { float:none; background-image:none; height:auto; }
.navigation ul li ul li a img { position:absolute; top:2px; width:55px; height:59px; border:0; margin:0; padding:0; }
.navigation ul#MenuResponse li a:hover img, .navigation ul#MenuResponse li a:active img, .navigation ul#MenuResponse li a:focus img { width:55px; height:59px; left:0px; top:0px; z-index:5; border:0px;}
.navigation ul li ul li.overview {display:block; width:500px; padding:15px 10px 0 6px; float:left; }
.navigation ul li ul li.overview a {display:block; margin:0; color:#555; width:auto; height:auto; float:left;}
.navigation ul li ul li.overview a:hover {text-decoration:underline; color:#555;}
.navigation ul#MenuResponse li a:hover{background:transparent}
.navigation .fa{color:#fff;}
.navigation .lang{float:right;}
.navigation .menu-mobile{display:none;}
.navigation .container{position:static;}
.navigation .image_dropdown *{box-sizing:border-box;}
.navigation .image_dropdown a{float:left;padding:3px;position:relative;color:inherit;text-align:center;}
.navigation .image_dropdown a:hover{background:inherit;top:-2px;color:inherit;}
.navigation .image_dropdown_models{padding:15px;}
.navigation .image_dropdown_models a{padding-top:20px;}
.navigation .image_dropdown_models a>div{display:none;width:300px;position:absolute;top:0;right:0;left:50%;transform:translateX(-50%);text-align:center;}
.navigation .image_dropdown_models a:hover>div{display:block;}
.navigation .image_dropdown_services, .navigation .image_dropdown_accessories{width:50%;float:left;padding:15px;}
.navigation .image_dropdown_services>a, .navigation .image_dropdown_accessories>a{margin-right:20px;text-align:center;}
.navigation .image_dropdown_heading{margin-bottom:10px;font-weight:bold;font-size:18px;}
.navigation .image_dropdown_heading a{float:none;display:inline-block;font-size:14px;font-weight:bold;padding:0 5px!important;margin-left:5px;color:#0066CC;}
.navigation .image_dropdown_heading a:hover{top:0;text-decoration:none;color:#0066CC;}
.navigation .image_dropdown_heading a>span{margin-left:4px;}
.navigation .image_dropdown_heading a:hover>span{border-bottom:1px solid #0066CC;}
.navigation .image_dropdown_heading a .fa{color:inherit;}
.navigation .image_dropdown_heading sup{line-height:0;} /* fix sup cause wrong line-height */
.navigation .image_dropdown_vb .image_dropdown_models a{padding: 15px 10px 0;margin-bottom: -10px;}
.navigation .image_dropdown_audio .image_dropdown_models a{padding:6px;margin-bottom:-5px;}
@media (max-height:800px) {
    .navigation .image_dropdown_fb a>img{width:50px;height:auto;}
    .navigation .image_dropdown_audio a>img{width:75px;height:auto;}
    .navigation .image_dropdown_audio .image_dropdown_models a{padding-top:15px;}
    .navigation .image_dropdown_gift_set a>img{width:60px;height:auto;}
}

.sublevel {display:block; clear:both; padding:7px 7px 7px 14px;white-space: nowrap;}
#lang_list{right:0;left:auto}
#lang_list .sublevel{padding:1px 0 1px 14px}

.front_box {
  background: #eee;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  width: 215px; min-height: 140px; float:left; padding: 3px 4px 12px 12px;margin-right:20px; border-radius:2px}
.front_box_inner {float:left;}
.front_box_inner_bottom {padding:10px 15px 10px 5px}
.fp_col_top{width:100%; float:left; margin: 0 0 2%;}
.fp_col_left {width:48%; float:left; margin:0 2% 2% 0;}
.fp_col_right {width:48%; float:left; margin:0 2% 2% 0;}
.fp_col_img {width:130px; height:80px; margin: 15px auto 10px; text-align:center; position:relative;}
.fp_col_txt {overflow: hidden;line-height:22px;}
.fp_col_txt_ticks{padding: 10px 0;}
.fp_col_txt_ticks div{line-height:30px;font-size:14px;}
.fp_col_txt_ticks div i{font-size: 20px;}
.fp_col_txt_ticks .fp_col_txt_ticks_left{width:165px; float:left;}
.fp_col_txt_ticks .fp_col_txt_ticks_right{width:205px; float:right;}
.right_col_heading {width:100%; line-height:40px;  margin: 15px 0 15px 0; background-color: #efefef; border-bottom:1px solid #d4d7c5;}
.fp_col_right .fp_col_txt{padding-right:0}
.front_box .btn{ display: block; }
.fp_col_img > img{width:100%;height:100%;border:none;border-radius:2px}
.fp_col_img .fa.fa-key{font-size:50px;color: gray;}
.boxes{/* width:738px; */ margin-bottom: 30px; padding-right:240px; left: 18px; top: -50px; float:left;}
.fp_col_top .fp_col_left{ min-width:370px; margin-right:0px; margin-bottom:0;}
.fp_col_top .fp_col_right{ min-width:310px; width:46%; margin-left:2%; margin-bottom:0; padding-right:20px; padding-left:20px; text-align:center;}
/* .fp_col_top .fp_col_left .fp_col_txt{width:350px;} */

#product_menu {padding:20px 0; width:100%; position:relative; z-index:19; box-shadow:0 0 4px rgba(0, 0, 0, 0.3);}
#product_menu span {position:relative}
#product_menu .icon-caret-down {font-size:26px;position:absolute;top:-6px;left:-20px}
#product_menu a.product_button_l, #product_menu a.product_button_r {padding-top:30px;height:55px}
#product_menu a.product_button_l i, #product_menu a.product_button_r i{color:#428bca;font-size:26px}
#product_menu a.product_button_l:hover i,
#product_menu a.product_button_r:hover i{color:#0043A9;text-decoration:none}
#product_menu a.product_button{display:inline-block;min-width:100px;height:45px;line-height:45px;font-size:27px;font-weight:bold;margin:0 20px;text-decoration:none;color:#7a7a7a;text-transform:capitalize;}
#product-menu-toggle{display:none;}

.nav > li {  position: relative; display: block;margin-right:15px}
.nav > li > a {  position: relative;  display: block;  padding: 7px 15px;}
.nav > li > a:hover,
.nav > li > a:focus {  text-decoration: none;  background-color: #eeeeee;}

.nav-pills > li { float: left;}
.nav-pills > li > a { border-radius: 2px;}
.nav-pills > li + li {  margin-left: 2px;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {  color: #ffffff;  background-color: #428bca;}
.nav-pills > li.active > a .caret,
.nav-pills > li.active > a:hover .caret,
.nav-pills > li.active > a:focus .caret {  border-top-color: #ffffff;  border-bottom-color: #ffffff;}

#product_menu_arrow {float:left;padding-left:10px;text-align:center;}
#product_menu_arrow a{text-decoration:none}
#product_menu_nav {margin-top:4px;margin-bottom:0;text-align:center;float:left}
#product_menu_nav:before{display:none;position:absolute;top:-30px;left:50%;transform:translateX(-50%);content:'';width:0;height:0;line-height:0;border-width: 15px;border-style:solid;border-color: transparent transparent #fff;font-size:0;}
#product_menu_nav>li{margin-right:0;}

img.goo{background:url(images/loading.gif) no-repeat 50% 50%}

.twipsy{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:5px;font-size:12px;z-index:1000}
.twipsy .twipsy-arrow{position:absolute;width:0;height:0;}
.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aaa;}
.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #aaa;}
.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #aaa;}
.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #aaa;}
.twipsy .twipsy-inner{width:160px;padding:0 5px;background-color:#fff;color:#555;text-align:center;max-width:800px;text-decoration:none;border-radius:2px;border:1px solid #ccc;line-height:0;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);box-shadow: 0 0 4px rgba(0, 0, 0, 0.3)}
.twipsy .twipsy-inner img{margin:0;padding:0;float:none;}

.color-circle{width:16px;height:16px;border:1px solid #FFF;border-radius:50%;float:left;margin-right:10px;margin-bottom:5px;position:relative}
.color-clear:before{content: "";position: absolute;top:0;left:0;width: 14px;height: 14px;background:#FFF;border: 1px solid grey;border-radius: 50%;}
.color-black{background:#393939;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #141414 0%, #393939 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #141414, #393939);
    background-image: radial-gradient(6px 6px, circle cover, #141414 0%, #393939 100%);}
.color-blue{background:#1A2B7D;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #354698 0%, #1A2B7D 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #354698, #1A2B7D);
    background-image: radial-gradient(6px 6px, circle cover, #354698 0%, #1A2B7D 100%);}
.color-green{background:#7ABA3F;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #95D55A 0%, #7ABA3F 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #95D55A, #7ABA3F);
    background-image: radial-gradient(6px 6px, circle cover, #95D55A 0%, #7ABA3F 100%);}
.color-yellow{background:#DEBD04;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #F7D61D 0%, #DEBD04 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #F7D61D, #DEBD04);
    background-image: radial-gradient(6px 6px, circle cover, #F7D61D 0%, #DEBD04 100%);}
.color-orange{background:#D76304;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #F07C1D 0%, #D76304 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #F07C1D, #D76304);
    background-image: radial-gradient(6px 6px, circle cover, #F07C1D 0%, #D76304 100%);}
.color-red{background:#B4363A;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #DE0B00 0%, #B4363A 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #DE0B00, #B4363A);
    background-image: radial-gradient(6px 6px, circle cover, #DE0B00 0%, #B4363A 100%);}
.color-pink{background:#E204E4;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #FB1DFD 0%, #E204E4 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #FB1DFD, #E204E4);
    background-image: radial-gradient(6px 6px, circle cover, #FB1DFD 0%, #E204E4 100%);}
.color-white{background:#ddd;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #fff 0%, #ddd 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #fff, #ddd);
    background-image: radial-gradient(6px 6px, circle cover, #fff 0%, #ddd 100%);}
.color-gold{background:#E2CF64;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #FFEC81 0%, #E2CF64 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #FFEC81, #E2CF64);
    background-image: radial-gradient(6px 6px, circle cover, #FFEC81 0%, #E2CF64 100%);}
.color-rose_gold{background:#E6C0C4;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #FFDADE 0%, #E6C0C4 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #FFDADE, #E6C0C4);
    background-image: radial-gradient(6px 6px, circle cover, #FFDADE 0%, #E6C0C4 100%);}
.color-silver{background:silver;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #E3E3E3 0%, silver 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #E3E3E3, silver);
    background-image: radial-gradient(6px 6px, circle cover, #E3E3E3 0%, silver 100%);}
.color-chrome{background:silver;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #FFF 0%, silver 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #FFF, silver);
    background-image: radial-gradient(6px 6px, circle cover, #FFF 0%, silver 100%);}
.color-dark_chrome{background:#393939;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #BFBCBC 0%, #504F4F 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #BFBCBC, #504F4F);
    background-image: radial-gradient(6px 6px, circle cover, #BFBCBC 0%, #504F4F 100%);}
.color-pearl_silver{background:#E3E0D1;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #FFFFF3 0%, #E3E0D1 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #FFFFF3, #E3E0D1);
    background-image: radial-gradient(6px 6px, circle cover, #FFFFF3 0%, #E3E0D1 100%);}
.color-brown{background:#6E2820;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #99534B 0%, #6E2820 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #99534B, #6E2820);
    background-image: radial-gradient(6px 6px, circle cover, #99534B 0%, #6E2820 100%);
}
.color-lightwood{background:#DEB887;
    background-image: -moz-radial-gradient(6px 6px, circle cover, #F6D09F 0%, #DEB887 100%);
    background-image: -webkit-radial-gradient(6px 6px, circle cover, #F6D09F, #DEB887);
    background-image: radial-gradient(6px 6px, circle cover, #F6D09F 0%, #DEB887 100%);}
.color-blue_led{border-radius:0;width:24px;height:6px;margin-top:8px;
    background: -moz-linear-gradient(0deg, #2266B6 0%, #4EC6F2 28%, #59DEFF 50%, #4EC6F2 72%, #2266B6 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2266B6), color-stop(28%, #4EC6F2), color-stop(50%, #59DEFF), color-stop(72%, #4EC6F2), color-stop(100%, #2266B6)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #2266B6 0%, #4EC6F2 28%, #59DEFF 50%, #4EC6F2 72%, #2266B6 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #2266B6 0%, #4EC6F2 28%, #59DEFF 50%, #4EC6F2 72%, #2266B6 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #2266B6 0%, #4EC6F2 28%, #59DEFF 50%, #4EC6F2 72%, #2266B6 100%); /* ie10+ */
    background: linear-gradient(90deg, #2266B6 0%, #4EC6F2 28%, #59DEFF 50%, #4EC6F2 72%, #2266B6 100%); /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2266B6', endColorstr='#2266B6',GradientType=1 );*/
}
.color-green_led{border-radius:0;width:24px;height:6px;margin-top:8px;
    background: -moz-linear-gradient(0deg, #7ABA3F 0%, #9FEF1D 28%, #AEFF23 50%, #9FEF1D 72%, #7ABA3F 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7ABA3F), color-stop(28%, #9FEF1D), color-stop(50%, #AEFF23), color-stop(72%, #9FEF1D), color-stop(100%, #7ABA3F)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #7ABA3F 0%, #9FEF1D 28%, #AEFF23 50%, #9FEF1D 72%, #7ABA3F 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #7ABA3F 0%, #9FEF1D 28%, #AEFF23 50%, #9FEF1D 72%, #7ABA3F 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #7ABA3F 0%, #9FEF1D 28%, #AEFF23 50%, #9FEF1D 72%, #7ABA3F 100%); /* ie10+ */
    background: linear-gradient(90deg, #7ABA3F 0%, #9FEF1D 28%, #AEFF23 50%, #9FEF1D 72%, #7ABA3F 100%); /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ABA3F', endColorstr='#7ABA3F',GradientType=1 );*/
}
.color-red_led{border-radius:0;width:24px;height:6px;margin-top:8px;
    background: -moz-linear-gradient(0deg, #B4363A 0%, #E1826C 28%, #E09D94 50%, #E1826C 72%, #B4363A 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #B4363A), color-stop(28%, #E1826C), color-stop(50%, #E09D94), color-stop(72%, #E1826C), color-stop(100%, #B4363A)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #B4363A 0%, #E1826C 28%, #E09D94 50%, #E1826C 72%, #B4363A 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #B4363A 0%, #E1826C 28%, #E09D94 50%, #E1826C 72%, #B4363A 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #B4363A 0%, #E1826C 28%, #E09D94 50%, #E1826C 72%, #B4363A 100%); /* ie10+ */
    background: linear-gradient(90deg, #B4363A 0%, #E1826C 28%, #E09D94 50%, #E1826C 72%, #B4363A 100%); /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4363A', endColorstr='#B4363A',GradientType=1 );*/
}
.color-yellow_led{border-radius:0;width:24px;height:6px;margin-top:8px;
    background: -moz-linear-gradient(0deg, #DEBD04 0%, #FEE756 28%, #FFFC54 50%, #FEE756 72%, #DEBD04 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #DEBD04), color-stop(28%, #FEE756), color-stop(50%, #FFFC54), color-stop(72%, #FEE756), color-stop(100%, #DEBD04)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #DEBD04 0%, #FEE756 28%, #FFFC54 50%, #FEE756 72%, #DEBD04 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #DEBD04 0%, #FEE756 28%, #FFFC54 50%, #FEE756 72%, #DEBD04 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #DEBD04 0%, #FEE756 28%, #FFFC54 50%, #FEE756 72%, #DEBD04 100%); /* ie10+ */
    background: linear-gradient(90deg, #DEBD04 0%, #FEE756 28%, #FFFC54 50%, #FEE756 72%, #DEBD04 100%); /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEBD04', endColorstr='#DEBD04',GradientType=1 );*/
}
.color-white_led{border-radius:0;width:24px;height:6px;margin-top:8px;
    background: -moz-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c0c0c0), color-stop(28%, #eeeeee), color-stop(50%, #f8f8f8), color-stop(72%, #eeeeee), color-stop(100%, #c0c0c0)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* ie10+ */
    background: linear-gradient(90deg, #c0c0c0 0%, #eeeeee 28%, #f8f8f8 50%, #eeeeee 72%, #c0c0c0 100%); /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=1 );*/
}

.color-circle:hover .twipsy{display:block}

td .icons{box-shadow:none;} /*reset for http://www.flashbay.co.uk/support/faq/logo-format*/
.icons{display: inline-block;/*zoom:1;*/width:80px;height:80px;border-radius:2px;margin-right:10px;box-shadow:1px 1px 1px 0px #666;}
.icons .branding-box{border-radius:2px;color:#fff;height:80px;overflow:hidden;font-weight:normal;font-size:11px; line-height:14px;text-shadow: 1px 1px 1px #666}
.branding-box .strong {padding:4px 0px 2px 4px; font-weight:normal; text-transform:uppercase;min-height:34px;line-height:18px;text-align:left}
.icons .ico{
	/*padding-top:6px;*/
	height:90px;
	border-radius:45px 45px 0px 0px;
	text-align:center;
	line-height:40px;
}
.icons .fa{color:#fff;font-size:30px;font-weight:bold}
.enl{background: #609DB4;}
.spr{background: #B3C768;}
.emb {background: #d23f12;}
.dpr {background: #117bde;}
/*
.enl .ico{
	background-image: -moz-radial-gradient(50% 50%, ellipse contain, #37c6e6, #5592A9);
    background-image: -ms-radial-gradient(50% 50%, ellipse contain, #37c6e6, #5592A9);
    background-image: -webkit-radial-gradient(50% 50%, ellipse contain, #37c6e6, #5592A9);
    background-image: radial-gradient(50% 50%, ellipse contain, #37c6e6, #5592A9);
}
.spr .ico{
	background-image: -moz-radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    background-image: -ms-radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    background-image: -webkit-radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    background-image: radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    }

.emb .ico{
	background-image: -moz-radial-gradient(50% 50%, ellipse contain, #FF855B, #c53d13);
    background-image: -ms-radial-gradient(50% 50%, ellipse contain, #FF855B, #c53d13);
    background-image: -webkit-radial-gradient(50% 50%, ellipse contain, #FF855B, #c53d13);
    background-image: radial-gradient(50% 50%, ellipse contain, #FF855B, #c53d13);
}
.dpr .ico{
	background-image: -moz-radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    background-image: -ms-radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    background-image: -webkit-radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
    background-image: radial-gradient(50% 50%, ellipse contain, #ccf72b, #A8BC5D);
	}
*/
.photo_print {width:20px; height: 50px; float:left; margin-top:5px;}
.photo_print.s1{background-color:#1ed0c6}
.photo_print.s2{background-color:#f504d0}
.photo_print.s3{background-color:#fff32b}
.photo_print.s4{background-color:black}

.lead_cal{display:inline-block;width:32px;padding-top:16px}
.lead_cal .fa{font-size:32px;color:#af0031;position:static}
.lead_cal .ldd{position:relative;top:-24px;font-size:14px;color:#555;}

#lead_time { margin:10px 0 18px 0; vertical-align:top; border: 2px solid #efefef; border-radius:2px}
#lead_time td {vertical-align:middle; padding:7px; text-align:center;}
#lead_time .day_icon {text-align:center;}
#lead_time .working_days{width:175px;}
#lead_time .actual_days{width:175px;}

.faq-symbols .icons{margin-right:0}
.faq-symbols .capacity_list div{float:none;/*zoom: 1;*/}
.print_area { border-radius:2px; width:80px; height: 36px; line-height:36px; color:#fff; font-weight:bold;
background: repeating-linear-gradient(-55deg, #eee, #eee 3px, #ccc 3px, #ccc 7px); text-shadow: 1px 1px 0 #aaa;}

#product_big_button {position:absolute; top:5px;text-align:center;width:100%}
/* #product_big_button a.btn_quote{color:#fff} */

#lang_container {float: right; height: 40px; width:157px; border-top-right-radius: 7px;}
#lang_dropdown {float: right; margin: 7px 5px 0 0; font-family: arial, helvetica, sans-serif; font-size:12px; color:#555;width: 118px;}
#lang_flag {float: right; margin: 4px 10px 0 0}

.fa{position:relative;bottom:-1px}
.eco{color:#999}

#get_quote {position: absolute; width: 125px; height: 125px; left:750px; top:-20px; cursor:pointer;}
#get_quote img:hover {padding: 1px 0 0 1px;}
.form_choice select{width:100px;height:25px}

.navigation b{font-weight:normal}
/* .btn_quote b{font-weight:bold} */
.btn_dark{background:#8b8b8d!important;}

.product_lister_header {padding: 20px 20px 25px; text-align:justify; background:#F5F5F5;}
.product_lister_header *{box-sizing:border-box;}
.product_lister_header h1 {font-size:16px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 0px;}
.product_lister_header img{width:940px}
.product_lister_header>.container{padding-right:20px;padding-left:20px;}

.product_table {position: relative; clear:both; text-align:center; font-size:12px; margin-bottom:15px}
.product_table .color-circle{float:none;display: inline-block; margin:0 3px; width:16px; height:16px; border:none; border-radius:50%;}
.product_table .icons,.fp_col_img .icons{margin:0 2px;float:none;display:inline-block;box-shadow:none;border-color:#eee;}
.product_table .icons,.product_table .icons .branding-box,.fp_col_img .icons,.fp_col_img .icons .branding-box{height:32px;width:32px}
.product_table .ico,.fp_col_img .ico{margin-top:-5px}
.product_table .fa,.fp_col_img .fa{position:relative;top:7px;font-size:23px}
.product_table .photo_print,.fp_col_img .photo_print{width:8px;height:18px;margin-top:0}
.product_table .product_table_name{width:150px;}
.product_table .product_table_colors{width:100px;}
.product_table .product_table_material{width:100px;}
.product_table .product_table_capacities{width:200px;}
.product_table .product_table_lead_time{width:100px;}
.product_table .product_table_image{width:120px;position:relative;background:#0067D3;color:#FFF;}
.product_table .product_table_image:after{content:'';position:absolute;top:98%;left:50%;transform:translateX(-50%);border-style:solid;border-width:10px;border-color:#0067D3 transparent transparent transparent;}
.product_table .capacity_list {padding:0 30px}
.product_table .capacity_list div{float:none;}
.product_table .label-capacity{font-size:12px;padding:1px 3px;margin:3px;}
.product_table .product_swatch{width:80px; margin:10px auto 0;}
.product_table .product-more{position:relative;height:170px;}
.product_table td{padding:0;}
.product_table thead{font-weight:bold; height:65px; text-align:center; background-color:#F5F5F5;}
.product_table thead td{position:relative;}
.product_table thead td:before{position:absolute;top:0;left:-5000px;z-index:-1;width:625pc;height:100%;background-color:#f5f5f5;content:'';}
.product-img{width:170px;height:170px;display:block;}
.product-name{display:none;}
.product_swatch img {padding: 2px 5px 3px 0;}
.product_row {cursor:pointer; height:170px;}
.product_row .more{display:none}
.product_row_over {cursor:pointer; /* height:170px; */ background: #F2F6FB;}
.product_row_over .more{position:absolute;left:-28px; background:#0067D3; width:28px;height:170px;border-radius:2px 0 0 2px;}
.product_row_over .rotate{
    top: 0;
    left: -71px;
    width: 170px;
    height: 170px;
    line-height: 170px;
    color:#FFF;
    white-space:nowrap;
    position:absolute;
    font-weight:bold;
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
    -moz-transform: rotate(90deg);  /* FF3.5+ */
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);  /* Opera 10.5 */
    transform: rotate(90deg);
}


.content_head {/* width:100%; height:40px; */ margin-bottom:20px; padding-top:10px; padding-bottom:10px; clear:both; border-top:1px solid #dbe8f7; border-bottom:1px solid #dbe8f7; background-color: #f2f6fb;}
.content_head h2 {display: inline; line-height: 40px; background:none; color:#555; font-size: 16px; font-weight:bold; margin: 0 15px; float:left; border-bottom:none;}
.content_head .spacer {width:40px; height:40px; float:left; margin-top:1px;}
.content_head h2 a {float:left; line-height:40px; padding-right:30px;}
.content_head h2 a {float:left; line-height:40px; padding-right:30px; position: relative;}
.content_head h2 a:after {font-family: FontAwesome; content: "\f0da"; position:absolute; top: 0; right: 12px; font-size: 14px; color: #555;}
.content_head_nav a {line-height:40px; float:right; padding-right: 15px;}
.content_head .header_icon {display:inline; float:left; margin:0px -10px 0 10px; z-index:6; height:40px}
.content_head .btn {float:right; margin-right:30px;width: auto;margin-top: 10px;}

.content_main {min-height:300px; height:auto!important;}
.content_main * {box-sizing:border-box;}
.content_main a, #content_main a:link, #content_main a:active, #content_main a:visited {text-decoration:none; color:#0066CC;}
.content_main a:hover {text-decoration:underline;}
.content_main img[src="images/nand_flash.jpg"]{max-width:290px;} /* a hack for http://www.flashbay.co.uk/support/faq/NAND-flash */
.content_main .img_left {padding:10px 0;}
.content_main .img_left img{margin-right:10px;}
.content_main_detail{float:right; width:70%; margin-top:10px;}
.content_main_detail h2{height:36px; line-height:36px;}
.content_main_detail p:first-child{margin-top:0;}
.content_main_section{padding-top:20px; padding-bottom:20px;}
.stripe-white{background-color:#fff!important;}
.stripe-grey{background-color:#f5f5f5!important;}
.content_main_faq table img{max-width:none;}
.content_main_faq table .btn{color:#fff;}

.content_main a, #content_main a:link, #content_main a:active, #content_main a:visited {text-decoration:none; color:#0066CC;}
.content_main a:hover {text-decoration:underline;}
.content_main img{max-width:100%;height:auto;}
.content_main img[src="images/nand_flash.jpg"]{max-width:290px;} /* a hack for http://www.flashbay.co.uk/support/faq/NAND-flash */
.content_main .img_left {padding:10px 0;}
.content_main .img_left img{margin-right:10px;}
/* .content_main .container{padding-right:15px;padding-left:15px;} */
.content_main_detail{float:right; width:70%; margin-top:10px;}
.content_main_detail h2{height:36px; line-height:36px;}
.content_main_detail p:first-child{margin-top:0;}
.content_main_section{padding-top:20px;padding-bottom:20px;}
.content_main_section .spec_box{min-height:inherit;margin-bottom:10px;}
.content_main_section .spec_box h3{margin:0;}

a.learn_more {padding-right:12px; display:inline-block;}
a.learn_more:after{font-family:FontAwesome;font-weight:normal;font-style:normal;line-height:normal;content:" \f0da"}
.fa.fa-file-pdf-o { color:#b9002f }

.spec_box {width:50%; min-height:240px; float:left; margin:0 0 20px; padding:15px;}
/* .spec_box img {float:left; margin-right: 10px; max-width:100%;} */
.spec_box h1, .spec_box h2 {font-size:16px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: none; }
.spec_box h2{min-height:22px; border-bottom:none;}
.spec_box ul {padding:0 0 0 14px; margin:0px;}
.spec_box .spec_box_img{width:150px;float:left;margin-right:10px;max-width:100%;}
.spec_box .spec_box_text{overflow:auto;}
.spec_box .color-circle{width:28px;height:28px;margin-right:12px;}
.spec_box .color-clear:before{width:26px;height:26px;}
.spec_box .capacity_list div{margin-left:0; margin-right:4px; padding:4px; line-height:20px;}
.spec_box .icons{display:block; margin-bottom:10px;}
.spec_box .color-circles{}
.spec_box .pantone_img{float:left;margin-right:-20px;}
.spec_box .pantone_img_text{width:200px;margin-top:10px;overflow:auto;}
.spec_box .delivery-text{color:#555;font-weight:bold;font-size:16px;}
.spec_box .delivery-text .fa{color:#555;font-size:inherit;}
.spec_box_branding{padding-top:70px;}
.spec_box_full{width:100%;}
.branding-method-box{margin-right:6px;}

.article_box {display:block; clear:both; margin:0 0 30px 0;}
.article_box img {float:right; margin: 0 0 10px 10px;}
.article_box h1, .article_box h2 {font-size:14px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 1px solid #efefef; }
.article_box ul {padding:0 0 0 14px;}

.card {margin: 0 0 10px 10px; display: inline-block; position: relative;}
.card img {margin: 0;}
.card-label {position: absolute; top: 0; right: 0; background: #b10031; text-align: center; color: #fff; line-height: 25px; height: 25px; min-width: 90px; padding: 0 15px;}

.terNav {width: 238px;margin: 10px 0 0 -15px}
.terNav h3 {color:#0066CC;padding: 13px 18px; min-height:34px; height:auto !important; height:34px; margin: 0;}
.terNav .inner { border: 1px solid #eee;margin:0;padding:0;}
.terNav .icon {}
.terNav .icon a{padding-left:15px;height:35px;line-height:35px;overflow:hidden; display:block; color:#0066CC;text-decoration: none; border-bottom: 1px solid #eee}
.terNav .icon a:hover {background-color:#F6FAFF;text-decoration: none;}
.terNav .icon:first-child{border-radius:0 2px 0 0}
.terNav .icon:last-child{border-radius:0 0 2px 0;}
.terNav .icon:last-child a{border-bottom:0}
.terNav .icon i{line-height:35px;margin-right:10px;float:right;color:#0066CC}
.terNav .selected {background-color:#F2F6FB}
.terNav .selected i{font-size:30px;margin-right: 5px}
.terNav .selected a {color:#0066CC;	background:none;font-weight:bold;}
.terNav .selected a:hover {background-color: transparent;}

.capacity_list div {display:inline-block; min-width:40px; text-align:center; font-size:10px; line-height:19px; margin:2px; float:left; background:#F2F6FB; border:1px solid #C4C5C6; border-radius:2px}

.solution_item {float:left; clear:both;}
.solution_img {float:left; width:70px; height:70px; text-align:center;}
.solution_txt {float:left; width:700px; height:70px; padding: 0 15px 0 15px; text-align: justify;}

.faqs{padding-bottom:50px;}
.faq-side {width:200px;position:absolute;top:0;}
.faq-side.fixed{position:fixed;top:70px;}
.faq-side a{font-size:16px;display:block;padding:10px 15px;border-top:1px solid #EEE;text-transform:capitalize;background:#f5f5f5;}
.faq-side a:hover{background:#F6FAFF;text-decoration:none;}
.faq-side>h4{margin-top:15px;margin-bottom:15px;font-size:16px;}
.faq-main {padding-left:230px;}
.faq-main>h2{margin-top:15px;margin-bottom:15px;color:#b10031;font-size:16px;text-transform:capitalize;clear:none;border:none;}
.faq_item{font-size: 16px;font-weight:normal; margin:10px 0 0;border:1px solid #F5F5F5;position:relative;z-index:1;display:block;padding:20px;padding-right:40px;cursor:pointer;outline:0;text-decoration:none}
.faq_item:hover{color:#00aeef;text-decoration:none;}
.faq_item:after{font-family:FontAwesome;content:" \f054";position:absolute;top:20px;right:20px;}
.faq-main h1{margin-top:40px;margin-bottom:20px;font-size:20px;border:none;}
.faq-main h2{color:#b10031;font-size:16px;text-transform:capitalize;}
.faq-main h3{font-size: 16px;font-weight:normal; margin:10px 0 0;border:1px solid #F5F5F5;}
.faq-main article{display:none;padding:0 20px 20px;border:1px solid #F5F5F5;border-top:1px solid #FFF;margin-top:-1px;}
/* .faq-main ul{list-style:none;padding-left:20px;}
.faq-main li{text-indent:0;margin-top:10px}
.faq-main ul li:before{font-family:FontAwesome;content:" \f00c";font-size:20px;color:#4ea44d;margin-right:5px;} */
.faq-main a:hover{color:#00aeef}
.faq-main .topic{position:relative;z-index:1;display:block;padding:20px;padding-right:40px;cursor:pointer;outline:0;text-decoration:none}
.faq-main .topic:after{font-family:FontAwesome;content:" \f078";position:absolute;top:20px;right:20px;}
.faq-main .topic.active:after{content:" \f077";}
@media (max-width:1024px) {
    .faq-side{display:none;}
    .faq-main{padding-left:15px;padding-right:15px;}
}

.code {border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px; font-family: "courier new", helvetica, "times new roman", serif; font-size: 1.1em; margin: 3px;white-space: nowrap; overflow: auto;}
.small {font-size: 11px;}
.message {border:1px #ffb400 solid; background-color:#fbf5e5; padding :15px; margin:15px;clear:both}
.swatch {padding: 2px 5px 3px 0;}

.accessory_item {float:left; clear:both; margin-bottom:15px;}
.accessory_img {float:left; width:100px; height:70px; text-align:center;}
.accessory_txt {float:left; width:740px; height:70px; padding: 0 0 0 15px; text-align: justify;}

.slideshow_wrapper{position:relative; float:left;}
.slideshow *{box-sizing:border-box;}
.slideshow img{width:100%;height:100%;}
.slideshow ul,
.slideshow li {padding:0;margin:0;list-style:none;}
.slideshow .slideshow-images {display:block;overflow:hidden;position:relative;margin:0;width:695px;height:413px;float:left;border:1px solid #C5C5C5;}
.slideshow .slideshow-thumbnails {float:right;width:270px;}
.slideshow .slideshow-thumbnails a {position:relative;float:left; width:48%; margin: 0 0 2% 2%;line-height:0; cursor:pointer; text-align:center;}
.slideshow .slideshow-thumbnails img {border: 1px solid #c5c5c5;}
.slideshow .slideshow-thumbnails a:before{content:'';position: absolute;bottom: 0;left: 50%;right: 50%;background:#428BCA;height:4px;transition:all .3s;}
.slideshow .slideshow-thumbnails a:hover:before,
.slideshow .slideshow-thumbnails a:focus:before,
.slideshow .slideshow-thumbnails a:active:before{left:0;right:0;}

.slideshow .slideshow-thumbnails .thumb-holder{border: 1px solid #c5c5c5;background-size:780px 80px;width:130px;height:80px;margin: auto;}
.slideshow .slideshow-thumbnails a:nth-child(1) .thumb-holder{background-position:0 0;}
.slideshow .slideshow-thumbnails a:nth-child(2) .thumb-holder{background-position:-130px 0;}
.slideshow .slideshow-thumbnails a:nth-child(3) .thumb-holder{background-position:-260px 0;}
.slideshow .slideshow-thumbnails a:nth-child(4) .thumb-holder{background-position:-390px 0;}
.slideshow .slideshow-thumbnails a:nth-child(5) .thumb-holder{background-position:-520px 0;}
.slideshow .slideshow-thumbnails a:nth-child(6) .thumb-holder{background-position:-650px 0;}

/* adjustment for 8 thumbnails */
.slideshow-8 .slideshow-images{width:725px;height:442px;}
.slideshow-8 .slideshow-thumbnails{width:240px;}
.slideshow-8 .slideshow-thumbnails .thumb-holder{background-size:920px 71px;width:115px;height:71px;}
.slideshow-8 .slideshow-thumbnails a:nth-child(1) .thumb-holder{background-position:0 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(2) .thumb-holder{background-position:-115px 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(3) .thumb-holder{background-position:-230px 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(4) .thumb-holder{background-position:-345px 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(5) .thumb-holder{background-position:-460px 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(6) .thumb-holder{background-position:-575px 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(7) .thumb-holder{background-position:-690px 0;}
.slideshow-8 .slideshow-thumbnails a:nth-child(8) .thumb-holder{background-position:-805px 0;}

/* adjustment for 10 thumbnails */
.slideshow-10 .slideshow-images{width:755px;height:453px;}
.slideshow-10 .slideshow-thumbnails{width:210px;}
.slideshow-10 .slideshow-thumbnails .thumb-holder{background-size:1000px 62px;width:100px;height:62px;}
.slideshow-10 .slideshow-thumbnails a:nth-child(1) .thumb-holder{background-position:0 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(2) .thumb-holder{background-position:-100px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(3) .thumb-holder{background-position:-200px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(4) .thumb-holder{background-position:-300px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(5) .thumb-holder{background-position:-400px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(6) .thumb-holder{background-position:-500px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(7) .thumb-holder{background-position:-600px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(8) .thumb-holder{background-position:-700px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(9) .thumb-holder{background-position:-800px 0;}
.slideshow-10 .slideshow-thumbnails a:nth-child(10) .thumb-holder{background-position:-900px 0;}

@media (min-width:1025px) {
    .slideshow .slideshow-thumbnails .gallery360-thumbnails{width:98%;}
}

#gallery360{display:none; position:relative; width:100%;}
#accessory360{position: relative; float: left; padding-left:30px; width:100%;}

#footer-wrapper{background-color:#F5F5F5;border-top:1px solid #e2e2e2;}
#footer-wrapper a, #footer-wrapper a:visited {color: #666;}
#footer-wrapper a:hover, #footer-wrapper a:active {color: #333;text-decoration: underline;}
#footer-wrapper .bottom{padding-top:10px;border-bottom:1px solid #e3e3e3;}
#footer-wrapper >.container{padding:25px 0;}

.bottom {height:auto; z-index:5; font-size:12px; clear:both;}
.bottom *{box-sizing:border-box;}
.bottom ul {margin: 0px; padding: 0 0 0 0px; list-style-type: none;}
.bottom li {margin: 0px}
.bottom .columns {width:20%; padding:20px 10px; float: left;}
.bottom #customers_say {padding:7px 15px 15px 15px; font-size:12px; min-height:100px; height:auto !important; height:100px;}
.bottom #customers_say li {padding: 10px 0px 0px 0px;}
.bottom .badge-hiring{position:absolute;z-index:2;margin-left:15px;padding:0 6px;background:#b10031;color:#fff;}
.bottom .badge-hiring:before{position:absolute;right:100%;content:'';width:0;height:0;border-width:11px;border-style:solid;border-color:transparent #b10031 transparent transparent;}
#footerbar { clear:both; width:100%; height:18px }

.footer-cert{float:left;}
.footer-cert img{display:block;}
.footer-copyright{float:right; margin:30px 40px 0 0; text-align:right;}
#bbblink{float:right}

.bottom .columns ul {margin: 5px 0 0 0; padding: 0 0 0 0px; list-style-type: none;}
.bottom .columns li {margin: 0px; line-height:22px;}
.bottom .columns b {color:#333;font-weight:600;text-transform:uppercase;}
.fa.fa-rss-square{color:#FFA900}
.close {background:url('images/close.png')no-repeat top left; position:relative; left:6px; height:16px; width:16px; cursor:pointer; margin:3px 0 3px 0; float:right;}
.close:hover {background: url('images/close.png')no-repeat bottom left;}

.copyright {text-decoration:none; padding:10px; font-family: arial, helvetica, sans-serif; font-size:12px; color:#555; margin:0 auto}

#lockform {position: absolute; top:0; bottom: 0;left: 0;width: 100%;height: 100%;z-index:1006; background:url(images/opacity.png) repeat;}

/**
.comparision {border-collapse:collapse; text-align:left; margin:40px; line-height:24px;}
.comparision td {padding:10px; border-bottom: 1px solid #ccc; line-height:24px;}
.comparision .criteria {width:250px; font-weight:bold;}
.comparision .flashbay {width:236px; padding-right:15px; background:#ebfcc2 url(images/bg_compare_table.png) 0px 0px repeat-y;}
.comparision .competitor { width:300px; background-color: #f5ede3;}
.comparision img.tick_compare {margin:2px 2px 2px 2px; position:relative; top:4px;}
**/

/** New comparison table with corrected name. **/
.comparison {border-collapse:collapse; text-align:left; margin:40px; line-height:24px;}
.comparison td {padding:10px; border-bottom: 1px solid #ccc; line-height:24px;}
.comparison .criteria {width:250px; font-weight:bold;}
.comparison .flashbay {width:236px; padding: 10px 20px 10px 20px; background-color: #dff0d8;}
.comparison .flashbay .fb-tick {font-size: 18px; margin-right: 2px; vertical-align: top;}
.comparison .flashbay.fb-header {border-top-left-radius: 8px; border-top-right-radius: 8px;}
.comparison .flashbay.fb-footer {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.comparison .competitor { width:300px; background-color: #fcf8e3; padding: 10px 20px 10px 20px;}
.comparison img.tick_compare {margin:2px 2px 2px 2px; position:relative; top:4px;}

#tp-iframe-widget div,
#tp-iframe-widget span,
#tp-iframe-widget h1,
#tp-iframe-widget h2,
#tp-iframe-widget h3,
#tp-iframe-widget h4,
#tp-iframe-widget h5,
#tp-iframe-widget h6,
#tp-iframe-widget p,
#tp-iframe-widget a,
#tp-iframe-widget img {
  border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0;
}
#tp-iframe-widget {
  color:#555;
  font-family:'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  line-height:16px;
  display:block;
  width:100%;
  overflow: hidden;
  padding-top: 10px;
}
#tp-iframe-widget:hover {cursor:pointer;}

#tp-iframe-widget p:first-letter, #tp-iframe-widget h3:first-letter { text-transform: capitalize; }

#tp-iframe-widget p.r-l, #tp-iframe-widget p.r-s,#tp-iframe-footer .logo { background:url(/images/icon/sprite.png) no-repeat; }
#tp-iframe-widget p.r-l { display:inline-block; width:113px; height:21px; }
#tp-iframe-widget p.r-s { display:inline-block; width:64px; height:12px; float:left; }
#tp-iframe-widget p.l-s0 { background-position:-2px -2px; }
#tp-iframe-widget p.l-s1 { background-position:-2px -27px; }
#tp-iframe-widget p.l-s2 { background-position:-2px -52px; }
#tp-iframe-widget p.l-s3 { background-position:-2px -77px; }
#tp-iframe-widget p.l-s4 { background-position:-2px -102px; }
#tp-iframe-widget p.l-s5 { background-position:-2px -127px; }
#tp-iframe-widget p.s-s0 { background-position:-2px -151px; }
#tp-iframe-widget p.s-s1 { background-position:-2px -166px; }
#tp-iframe-widget p.s-s2 { background-position:-2px -181px; }
#tp-iframe-widget p.s-s3 { background-position:-2px -196px; }
#tp-iframe-widget p.s-s4 { background-position:-2px -211px; }
#tp-iframe-widget p.s-s5 { background-position:-2px -226px; }

#tp-iframe-widget header {
  text-align:center;
  padding:6px 10px 12px;
  display:block;
}

#tp-iframe-widget header h1 {
  text-align:center;
  font:bold 2.182em/1.255em sans-serif;
  margin:0;
}

#tp-iframe-widget header div.stars{
  margin:5px 0 0;
  text-align:center;
}

#tp-iframe-widget header p.review-count {
  margin:5px 0 0;
  text-align:center;
}

.trustpilot-logo{padding:0;}
.trustpilot-body{line-height: 18px;padding: 5px 0 10px;font-weight: 700;font-size: 16px;}
.trustpilot-body .read-all{margin-bottom: 0;}
.tp-iframe-heading{padding:5px 10px 0;margin-bottom:-4px;font-size:16px;font-weight:bold;color:#0066CC;text-align:center;}
.tp-iframe-heading>img{vertical-align:middle;}
#tp-iframe-heading.right_col_heading{margin:0;background:#fff;color:#4ea44d;font-size: 20px;line-height: 32px;padding-bottom: 7px;text-align: center;border-bottom-color:#DEE1CF;border-radius:2px 2px 0 0;}
#tp-iframe-heading.right_col_heading a{color:#777;font-size:12px;font-weight:normal}
#tp-iframe-heading.right_col_heading .trustpilot-body a{font-size: 14px;}
#tp-iframe-heading .fa{font-size:30px;margin: 0 2px;}

#tp-iframe-widget div.reviews {
  display:block;
  overflow:hidden;
  margin:0;
  padding:0 8px;
}
#right_column #tp-iframe-widget div.reviews {}

#tp-iframe-widget div.reviews div.article {
  display:block;
  border-top:1px solid #DDDDDD;
  padding:10px 0 10px;
  float:left;
  width:100%;
}

#tp-iframe-widget div.reviews div.article.first {
  border-top: none;
  padding-top: 0;
}

#tp-iframe-widget p.time {
  display:inline-block;
  float:right;
  -moz-opacity:0.6;
  opacity:0.6;
  margin-top:-3px;
}

#tp-iframe-widget h3 {
  clear:both;
  color:#555;
  font-size:1.091em;
  font-weight:700;
  padding:6px 6px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tp-iframe-widget p.desc {
  padding:0 0 8px;
  line-height: 20px;
}

#tp-iframe-widget img.user-img {
  float:left;
  padding:0 6px 0 0;
}

#tp-iframe-widget i.user {
  float:left;
  margin:-2px 6px 0 0;
  font-size:20px;
  color:#C7C7C7;
}

#tp-iframe-widget p.author {
  font-style:italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tp-iframe-widget div.clear {
  clear:both;
  font-size:1px;
  height:0;
}

#tp-iframe-footer {
  display:block;
  font-size:11px;
  font-weight:700;
  width:100%;
  padding:0 0 4px;
  text-transform:uppercase;
  text-decoration:none;
}

#tp-iframe-footer .trust, #tp-iframe-footer .pilot{
  position:relative;
  top:-1px;
}

#tp-iframe-footer .trust {
  color:#000;
  margin:0 0 0 4px;
}

#tp-iframe-footer .pilot {
  color:#555;
}

#tp-iframe-footer .logo{
  background-position: -2px -265px;
  height:12px;
  width:12px;
  margin:0 0 0 10px;
  display:inline-block
}

.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after {
    content: " ";
    display: table;
}
.clearfix:after,
.wrapper:after {
    clear: both;
}

/*Google Rating Rich Snippet Hidden Text Start*/
.RatingTextNoVisible {font-size: 0.1px; color:#efefef; display:none;}
/*Google Rating Rich Snippet Hidden Text End*/

.fa {color:#4ea44d;font-size:16px}
.fa-warning{color:#F5DB5A;}

/*IP redirect message*/
.notice-bar {position: relative;padding: 10px 40px 10px 10px;background-color: #E7F4FC;border-top: 1px solid #bdbfce;border-bottom: 1px solid #bdbed0;text-align: center;color: #555;}
.notice-bar .fa{position: absolute;top: 0;right: 0;color: #000;font-size: 30px;padding: 20px 10px;cursor: pointer;}
.notice-bar a {text-decoration: underline;color: #555;}

/**
 * New flashbay website 2015
 */
.fp_col_welcome{
    line-height: 20px;
}
.fp_col_welcome h1{
    margin-top: 20px;
    border: none;
}
.fp_col_panel{
    min-height: 250px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
    text-align: center;
}
.fp_col_title{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #b10031;
    border: none;
    text-align: center;
}
.fp_col_img.special{width:100%;line-height:80px;}
.fp_col_img .icons, .fp_col_img .branding-method-box {vertical-align:middle;}

.tk{padding:0 15px 500px;}
.tk-note{position:relative;font-size:32px;line-height:80px;color:#4FA14F;font-weight:700;}

/*moved from solutions.php*/
.compatibility { margin-top:15px; border-collapse:collapse; text-align:center;}
.compatibility td {border: 1px solid #666; padding:7px;}
.compatibility .fa{font-size:19px;}
.fa-check-circle{color:#4EA44D;}
.fa-exclamation-circle,.fa-exclamation,.text-warning{color:#F3D100;}
.fa-times-circle{color:#E6544A;}

/*moved from jobs.php*/
#gmap{width:545px;height:320px;margin:10px;padding:4px;float:right}
#job-list{margin-top:-20px}
#job-list dt{margin-top:20px;font-weight:700}
#job-list dd{margin:2px 0}

/*moved form bootstrap_datepicker.php*/
.datepicker.dropdown-menu{font-size:12px;color:#555;z-index:102!important}

/*moved from bootstrap_css.php*/
.bs-style .table>thead>tr>th{border-bottom:1px solid #efefef}
.bs-style .table-bordered{border:1px solid #efefef}
.bs-style .table-bordered>tbody>tr>td,.bs-style .table-bordered>tbody>tr>th,.bs-style .table-bordered>tfoot>tr>td,.bs-style .table-bordered>tfoot>tr>th,.bs-style .table-bordered>thead>tr>td,.bs-style .table-bordered>thead>tr>th{border:1px solid #efefef}
.bs-style .table>tbody>tr>td,.bs-style .table>tbody>tr>th,.bs-style .table>tfoot>tr>td,.bs-style .table>tfoot>tr>th,.bs-style .table>thead>tr>td,.bs-style .table>thead>tr>th{border-top:1px solid #efefef}

/*moved from factory.php*/
.bubble-container{position:relative; top:-766px; top:-680px;}
.bubble{width:88px;height:90px;position:absolute;background-color:#424445;border-left:5px solid #585c5e;border-radius:50%;border-right:5px solid #585c5e;display:table}
.bubble-string{border:solid #fff;border-width:1px 0 0;position:absolute}
.factory-label{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-family:Helvetica;font-size:13px;padding:5px}

/*moved from product_lister.php*/
.color-circle.color-pantone{padding:0;border:0;left:0;top:0;position:relative}
.color-pantone,.ptn,.umbrella{content:"";position:absolute;border-radius:50%;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;list-style:none}
.umbrella{position:relative;margin:0;padding:0;-webkit-filter:blur(.2px);-webkit-transform:scale(.99)}
.ptn,.ptn:nth-child(n+7):after{clip:rect(0,16px,16px,8px)}
.ptn:after,.ptn:nth-child(n+7){content:"";position:absolute;border-radius:50%;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;clip:rect(0,8px,16px,0)}
.ptn:nth-child(1):after{background-color:#9ED110;transform:rotate(30deg);z-index:12}
.ptn:nth-child(2):after{background-color:#50B517;transform:rotate(60deg);z-index:11}
.ptn:nth-child(3):after{background-color:#179067;transform:rotate(90deg);z-index:10}
.ptn:nth-child(4):after{background-color:#476EAF;transform:rotate(120deg);z-index:9}
.ptn:nth-child(5):after{background-color:#9f49ac;transform:rotate(150deg);z-index:8}
.ptn:nth-child(6):after{background-color:#CC42A2;transform:rotate(180deg);z-index:7}
.ptn:nth-child(7):after{background-color:#FF3BA7;transform:rotate(180deg)}
.ptn:nth-child(8):after{background-color:#FF5800;transform:rotate(210deg)}
.ptn:nth-child(9):after{background-color:#FF8100;transform:rotate(240deg)}
.ptn:nth-child(10):after{background-color:#FEAC00;transform:rotate(270deg)}
.ptn:nth-child(11):after{background-color:#FC0;transform:rotate(300deg)}
.ptn:nth-child(12):after{background-color:#EDE604;transform:rotate(330deg)}

/*moved from product_home.php*/
.minimun{border:5px solid #ddd;border-top:none;border-radius:0 0 2px 2px;overflow:hidden;height:85px}
.minimun .fa-youtube-play{color:#1f1f1f;cursor:pointer;opacity:.9;font-size:44px;background:#fff;height:20px;width:36px}
.minimun .fa-youtube-play:before{position:relative;top:-10px;left:-5px}
.minimun:hover .fa-youtube-play{opacity:1;color:#cc181e}
#headerimg.play{position:relative;z-index:9;display:block;text-align:center;line-height:0;height:450px;background:#000!important;}
#ytapiplayer{position:absolute;left:0;display:none}
.play #ytapiplayer{display:block}

/*case form*/
.case-form{position:relative;max-width:800px;margin:50px auto;color:#7a7a7a}
.case-form *{box-sizing:border-box}
.case-form img{max-width:100%}
.case-form textarea{width:100%}
.case-form input{width:100%;height:auto;padding:6px}
.form-group{margin-bottom:15px}

.col-half{float:left;width:48%}
.col-half:first-child{margin-right:4%}

.alert{padding:15px;margin-top:20px;border-radius:2px}
.alert-info{background:#d9edf7;color:#31708f}

.imagePlaceholder{background:#f7f7f7;background:#FFFDD1;padding:15px 0;font-size:12px;vertical-align:middle;text-align:center}
.btn-upload{position:relative;background:#737373;color:#fff;display:inline-block;padding:0 15px;white-space:nowrap;width:100%;height:36px;line-height:36px;border:none;text-align:center;text-decoration:none;font-size:13px;font-weight:700;border-radius:2px;overflow:hidden}
.upload-ghost{opacity:0;position:absolute;top:0;left:0;font-size:400px}

/*case study*/
.case{position:relative;margin-bottom:50px;padding-left:120px;color:#7a7a7a;}
.case *{box-sizing:border-box}
.case img{max-width:100%;}
.case textarea{width: 100%;}
.case input{height:auto;}
.case-date{position:absolute;top:0;left:0;width:100px;height:80px;line-height:80px;text-align:center;font-size:20px;font-weight:700;background:#fdf7f9;color:#a0192f}
.case-heading{padding-top:20px;padding-bottom:20px;color:#7a7a7a}
.case-logo{margin-right:20px;vertical-align:middle;max-width:100px;height:40px}
.case-title{font-size:30px;font-weight:700;vertical-align:middle}
.case-link{float:right;vertical-align:middle;color:#717171;padding-top:10px;font-size:20px;}
.case-link a, .case-link a:visited, .case-link .fa{color:inherit}
.case-body p{margin:0 0 15px;}
.case-info{position:relative;line-height:0}
.case-img, .case-detail{width:50%;height:480px;}
.case-detail{position:absolute;top:0;right:0;bottom:0;z-index:9;width:50%;background:#f1f1f1;padding:0 10%;text-align:right;}
.case-detail h3{font-size:26px;margin-bottom: 15px;}
.case-footer h3{margin-top:20px;margin-bottom:0}
.case-stars{float:left;width: 100px;}
.case-stars .fa{color:#fff000}
.case-feedback-txt{overflow: hidden;}

/**
 * @VoltbayMigration
 */
.form-control{background-color:#fff;background-image:none;border:1px solid #ccc;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555;display: block!important;font-size:14px;line-height: 1.42857!important;padding: 8px 12px!important;transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;width:100%;height: auto!important;height: inherit!important;}
.form-control:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);outline:0 none}
textarea.form-control{height:auto}

img{border:none;}
.hide,.hidden{display:none!important;}

.bg-gray{background:#f5f5f5;}
.bg-sky{background:#f0f8ff;}
.bg-green{background:#DBEDDB;}

.text-center{text-align:center;}

.label-capacity{position:relative;display:inline-block;padding:3px 6px;margin-right:7px;margin-bottom:5px;font-size:14px;border:1px solid #C4C5C6;background:#F2F6FB;border-radius:3px;text-align:center;}
.label-capacity:after{content:'';position:absolute;top:9px;right:-5px;width:5px;height:10px;background:#C4C5C6;}
.label-capacity .twipsy{width:220px;}
.label-capacity:hover .twipsy{display:block;}

.color-circle.color-pantone{padding:0;border:0;left:0;top:0;position:relative}
.color-pantone,.ptn,.umbrella{content:"";position:absolute;border-radius:50%;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;list-style:none}
.umbrella{position:relative;margin:0;padding:0;-webkit-filter:blur(.2px);-webkit-transform:scale(.99)}
.ptn,.ptn:nth-child(n+7):after{clip:rect(0,16px,16px,8px)}
.ptn:after,.ptn:nth-child(n+7){content:"";position:absolute;border-radius:50%;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;clip:rect(0,8px,16px,0)}
.ptn:nth-child(1):after{background-color:#9ED110;transform:rotate(30deg);z-index:12}
.ptn:nth-child(2):after{background-color:#50B517;transform:rotate(60deg);z-index:11}
.ptn:nth-child(3):after{background-color:#179067;transform:rotate(90deg);z-index:10}
.ptn:nth-child(4):after{background-color:#476EAF;transform:rotate(120deg);z-index:9}
.ptn:nth-child(5):after{background-color:#9f49ac;transform:rotate(150deg);z-index:8}
.ptn:nth-child(6):after{background-color:#CC42A2;transform:rotate(180deg);z-index:7}
.ptn:nth-child(7):after{background-color:#FF3BA7;transform:rotate(180deg)}
.ptn:nth-child(8):after{background-color:#FF5800;transform:rotate(210deg)}
.ptn:nth-child(9):after{background-color:#FF8100;transform:rotate(240deg)}
.ptn:nth-child(10):after{background-color:#FEAC00;transform:rotate(270deg)}
.ptn:nth-child(11):after{background-color:#FC0;transform:rotate(300deg)}
.ptn:nth-child(12):after{background-color:#EDE604;transform:rotate(330deg)}

.list-unstyled, .list-unstyled ul{list-style:none;padding-left:0;}
.list-tick, .list-tick ul{list-style:none;padding-left:0;}
.list-tick li:before{margin-right:5px;font-size:20px;color:#4ea44d;font-family:FontAwesome;font-weight:normal;font-style:normal;line-height:normal;content:" \f00c"}
.list-tick li>.fa-check{display:none;}
.list-tick .fa-check{font-size:20px;}

.leds{position:relative;}
.led{position:absolute;left:55%;padding-left:60px;}
.led1{top:18%;color:#56CA17;}
.led2{top:45%;color:#F3D100;}
.led3{top:72%;color:#DA1313;}
.led:before{content: '';position: absolute;left:0;top:-10px;width: 45px;height: 45px;border-radius: 100%;}
.led1:before{background:#56CA17;background-image: radial-gradient(circle farthest-corner at 6px 6px, #95D55A, #7ABA3F);}
.led2:before{background:#F3D100;background-image: radial-gradient(circle farthest-corner at 6px 6px, #F7D61D, #DEBD04);}
.led3:before{background:#DA1313;background-image: radial-gradient(circle farthest-corner at 6px 6px, #DE0B00, #B4363A);}

/** Charge Graph **/
.charge-graph{min-height:100px;padding:10px 10px 80px 50px;white-space:nowrap}
.charge-graph .graph{position:relative;display:inline-block;min-width:200px;border:2px solid #000;border-top:none;border-right:none;white-space:nowrap;font-size:0}
.charge-graph .graph-bar{position:relative;display:inline-block;width:50px;margin-bottom:-10px}
.charge-graph .graph-bar-inner{position:absolute;width:100%;bottom:0}
.charge-graph .graph-brick{font-size:12px;width:100%;text-align:center;line-height:24px}
.charge-graph .level-container{margin-left:-40px;margin-right:-5px}
.charge-graph .battery{text-align:center;height:24px;padding-top:4px}
.charge-graph .battery .battery-outline{display:inline-block;position:relative;height:16px;width:30px;border-radius:2px;border:2px solid #333;padding:1px}
.charge-graph .battery .battery-outline .battery-cap{position:absolute;width:4px;height:8px;right:-4px;top:2px;border:none;border-radius:3px;background-color:#333}
.charge-graph .battery .battery-outline .battery-level{width:100%;height:10px;background-color:#333}
.charge-graph .x-label{width:50px;height:50px;line-height:50px;padding-left:10px;margin-bottom:-50px;font-size:12px;text-align:center;transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.charge-graph .y-label{font-size:12px;position:absolute;top:50%;left:-120px;width:160px;height:80px;line-height:80px;margin-top:-40px;text-align:center;transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
/** Colors, starting from 3 **/
.charge-graph .charge-times-container:nth-of-type(3) .battery-outline{border-color:green!important}
.charge-graph .charge-times-container:nth-of-type(3) .battery-cap{background-color:green!important}
.charge-graph .charge-times-container:nth-of-type(3) .battery-level{background-color:green!important}
.charge-graph .charge-times-container:nth-of-type(4) .battery-outline{border-color:purple!important}
.charge-graph .charge-times-container:nth-of-type(4) .battery-cap{background-color:purple!important}
.charge-graph .charge-times-container:nth-of-type(4) .battery-level{background-color:purple!important}
.charge-graph .charge-times-container:nth-of-type(5) .battery-outline{border-color:#3251A2!important}
.charge-graph .charge-times-container:nth-of-type(5) .battery-cap{background-color:#3251A2!important}
.charge-graph .charge-times-container:nth-of-type(5) .battery-level{background-color:#3251A2!important}
.charge-graph .charge-times-container:nth-of-type(6) .battery-outline{border-color:#f90!important}
.charge-graph .charge-times-container:nth-of-type(6) .battery-cap{background-color:#f90!important}
.charge-graph .charge-times-container:nth-of-type(6) .battery-level{background-color:#f90!important}
.charge-graph .charge-times-container:nth-of-type(7) .battery-outline{border-color:#189DE1!important}
.charge-graph .charge-times-container:nth-of-type(7) .battery-cap{background-color:#189DE1!important}
.charge-graph .charge-times-container:nth-of-type(7) .battery-level{background-color:#189DE1!important}
.charge-graph .charge-times-container:nth-of-type(8) .battery-outline{border-color:#05B0FF!important}
.charge-graph .charge-times-container:nth-of-type(8) .battery-cap{background-color:#05B0FF!important}
.charge-graph .charge-times-container:nth-of-type(8) .battery-level{background-color:#05B0FF!important}
.charge-graph .charge-times-container:nth-of-type(9) .battery-outline{border-color:#0075C1!important}
.charge-graph .charge-times-container:nth-of-type(9) .battery-cap{background-color:#0075C1!important}
.charge-graph .charge-times-container:nth-of-type(9) .battery-level{background-color:#0075C1!important}
.charge-graph .charge-times-container:nth-of-type(10) .battery-outline{border-color:#265a88!important}
.charge-graph .charge-times-container:nth-of-type(10) .battery-cap{background-color:#265a88!important}
.charge-graph .charge-times-container:nth-of-type(10) .battery-level{background-color:#265a88!important}
.charge-graph .charge-times-container:nth-of-type(11) .battery-outline{border-color:#15c!important}
.charge-graph .charge-times-container:nth-of-type(11) .battery-cap{background-color:#15c!important}
.charge-graph .charge-times-container:nth-of-type(11) .battery-level{background-color:#15c!important}
.charge-graph .charge-times-container:nth-of-type(12) .battery-outline{border-color:#125A92!important}
.charge-graph .charge-times-container:nth-of-type(12) .battery-cap{background-color:#125A92!important}
.charge-graph .charge-times-container:nth-of-type(12) .battery-level{background-color:#125A92!important}
/** Charge times level **/
.charge-graph.max-4 .graph-bar{height:96px}
.charge-graph.max-5 .graph-bar{height:120px}
.charge-graph.max-6 .graph-bar{height:144px}
/** Hack in twispy to put arrow at correct point **/
.twipsy.charge-graph-twipsy{width:auto!important;}
.twipsy.charge-graph-twipsy *{box-sizing:border-box;}
.twipsy.charge-graph-twipsy .twipsy-inner{padding-top:10px;width:auto!important}

/* Enquiry form */
#flashbox *{box-sizing:border-box;}
#flashbox { position:absolute; top:90px;left:0px; z-index: 999999; text-align: left;}
#flashbox .popup{position:relative; border:0 solid rgba(0,0,0,0); -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);-moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4);}
#flashbox .content { width:670px;background: #fff;overflow:hidden}
#flashbox .content > p:first-child{ margin-top:0;}
#flashbox .content > p:last-child{ margin-bottom:0;}
#flashbox .image { text-align: center;}
#flashbox img { border: 0; margin: 0;}
#flashbox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%;padding:0;margin:0}
.flashbox_hide {z-index:-100;}
.flashbox_overlayBG { background-color:#000; z-index: 999998;}
#flashbox .form-group{margin-bottom:15px}
#flashbox .lg-box{clear:both}
#flashbox .sm-box{float:left;width:48%}

.product_choice {margin:0 0 10px}
.product_choice input {margin-right:3px}
.product_choice label{display:inline-block;margin-bottom:5px;position:relative;font-weight:normal;cursor:pointer;text-align:center;}
.product_choice div {float:left; width:90px; height:110px}
.product_choice div input{margin-right:0;border:1px solid #eee;}
.product_choice div label img{position:relative;margin:0 auto!important;display:block;}
.product_choice .fa{display:none;position:absolute;left:-18px;top:80px;font-size:18px}

#quote_box_title{position:relative;font-weight:bold; line-height:38px; font-size:24px; background-color:#4FA14F; color:#fff; padding:10px 20px; border-bottom:1px solid #ccc}
#quote_box_title .fa-times-circle{color:#eee;margin-top:7px;opacity:.7;font-size:26px;}
#quote_box_title .fa-times-circle:hover{text-decoration:none;color:#bbb;opacity:1}

#quoteform{position:relative;padding:20px 20px 0}
#quoteform #address{ bottom: 58px; padding: 5px 0 0 15px; position: absolute; right:0;font-size: 13px;}
#quoteform #address p{margin-bottom:5px}
#quoteform .error .form-control:focus{border-color:#b10031;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(177,0,49,0.5);}
.fa.form-control-feedback{display:none;font-size:20px}
.has-feedback .fa.form-control-feedback{display:block}


@media (min-width:1025px) {
    .fb-zoom-in{transition:all .5s ease;}
    .fb-zoom-in:hover{-webkit-transform:scale(1.02);transform:scale(1.02);}
    .fb-fade-out{transition:all .5s ease;}
    .fb-fade-out:hover{opacity:.8;}

    .container,.wrapper{width:980px;}
    .product_row_over .product-img{transform:scale(1.05); transition:all .5s ease;}
    #right_column{height:1403px;}
    .content-section-gallery .spec_box_full{padding-right:0;}
}
@media (max-height:800px) {
    #headerimg{max-width:980px;}
    #product_menu{padding-top:10px;padding-bottom:10px;}
}
@media (min-width:1221px) and (min-height:800px) {
    .container,.wrapper{width:1200px;}
    .container-narrow{width:980px;}
    .boxes{padding-right:260px;}
    #right_column{width:260px;height:1510px;}
    #tp-iframe-widget div.reviews{padding:0 15px;}
    #headerimg{max-width:1500px;max-height:520px;}
    .content-section-gallery .spec_box_full{padding-right:0;}
    .product_row_over .product-img{transform:scale(1.05); transition:all .5s ease;}

    .slideshow .slideshow-images{width:840px;height:524px;}
    .slideshow .slideshow-thumbnails{width:345px;}
    .slideshow .slideshow-thumbnails .thumb-holder{width:165px;height:101px;background-size:990px 101px;}
    .slideshow .slideshow-thumbnails a:nth-child(1) .thumb-holder{background-position:0 0;}
    .slideshow .slideshow-thumbnails a:nth-child(2) .thumb-holder{background-position:-165px 0;}
    .slideshow .slideshow-thumbnails a:nth-child(3) .thumb-holder{background-position:-330px 0;}
    .slideshow .slideshow-thumbnails a:nth-child(4) .thumb-holder{background-position:-495px 0;}
    .slideshow .slideshow-thumbnails a:nth-child(5) .thumb-holder{background-position:-660px 0;}
    .slideshow .slideshow-thumbnails a:nth-child(6) .thumb-holder{background-position:-825px 0;}

    /* adjustment for 8 thumbnails */
    .slideshow-8 .slideshow-images{width:885px;height:550px;}
    .slideshow-8 .slideshow-thumbnails{width:300px;}
    .slideshow-8 .slideshow-thumbnails .thumb-holder{width:144px;height:88px;background-size:1152px 88px;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(1) .thumb-holder{background-position:0 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(2) .thumb-holder{background-position:-144px 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(3) .thumb-holder{background-position:-288px 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(4) .thumb-holder{background-position:-432px 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(5) .thumb-holder{background-position:-576px 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(6) .thumb-holder{background-position:-720px 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(7) .thumb-holder{background-position:-864px 0;}
    .slideshow-8 .slideshow-thumbnails a:nth-child(8) .thumb-holder{background-position:-1008px 0;}

    /* adjustment for 10 thumbnails */
    .slideshow-10 .slideshow-images{width:925px;height:562px;}
    .slideshow-10 .slideshow-thumbnails{width:260px;}
    .slideshow-10 .slideshow-thumbnails .thumb-holder{width:125px;height:77px;background-size:1250px 77px;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(1) .thumb-holder{background-position:0 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(2) .thumb-holder{background-position:-125px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(3) .thumb-holder{background-position:-250px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(4) .thumb-holder{background-position:-375px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(5) .thumb-holder{background-position:-500px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(6) .thumb-holder{background-position:-625px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(7) .thumb-holder{background-position:-750px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(8) .thumb-holder{background-position:-875px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(9) .thumb-holder{background-position:-1000px 0;}
    .slideshow-10 .slideshow-thumbnails a:nth-child(10) .thumb-holder{background-position:-1125px 0;}
}

@media (max-width:1024px) {
    body{min-width:600px;padding-top:70px}
    .container{width:600px;padding-right:0;padding-left:0;}

    /*hidden on middle device*/
    .hidden-mb,.hidden-md{display:none!important;}

    /*make images responsive*/
    .chart_responsive, .img_responsive, .content_main img{max-width: 100%!important;height: auto;margin-right: 0;margin-left: 0;}

    .content_main .img_left img{
        max-width: inherit!important;
    }

    /*make tables responsive*/
    .table_responsive, .content_main table{
        width: 100%!important;
        max-width: 100%!important;
    }
    .table_responsive td, .content_main table td{
        padding-right: 0!important;
        padding-left: 0!important;
        word-break: break-word;
    }

    .lang img {
        max-width: none;
    }

    .wrapper,.copyright,.container{
        width: 600px;
        padding-right: 0;
        padding-left: 0;
    }

    #phone_box{display:none!important;}
    .product_table{width: 600px;}
    .product_table .color-circle{margin-right:3px;}
    .product_table_lead_time{border-radius:0 2px 2px 0;}
    .product-img{width:100px;height:100px;}

    #product_menu{padding-top:10px;padding-bottom:10px;}
    .product-menu{position:relative;display:inline-block;margin-left:30px;}
    .product-menu:hover #product_menu_nav, .product-menu.hover #product_menu_nav{display:block;}
    #product-menu-toggle{display:inline-block;font-size:26px;padding:10px;color:#428bca;}
    #product_menu_nav{display:none;min-width:180px;position:absolute;top:55px;left:50%;transform:translateX(-50%);background:#fff;margin:0;padding:15px;box-shadow:0 0 50px rgba(0, 0, 0, 0.3);border-radius:2px;}
    #product_menu_nav:before{display:inline-block;}
    #product_menu_nav > li{float:none;}
    #product_menu_nav > li > a{padding:7px 10px;}

    .content_main_section.stripe-white{padding-top:20px; padding-bottom:20px;}

    .bottom .badge-hiring{display:none;}

    /*use small header on mobile*/
    #header{padding:15px 0;min-height:inherit;}
    #header #logo{top:-15px; left:10px; height:70px;}
    #header #logo .logo-container{height:55px; overflow:hidden;}
    #header #logo .logo-image{height:80px; margin-top:3px;}
    #header .btn_quote{margin-right:10px;margin-left:0;}
    #inner_header{right:10px;}
    #phone_header .fa, #phone_header .phone-text{display:none;}

    #header_note {right: 0%; left: 32%;}
    #header_note h1 {font-size:24px; line-height:25px;}
    #header_note .header_get_quote {margin:0 15px; padding:10px 17px; line-height:15px; letter-spacing:0;}
    #header_note .header_get_quote .btn_quote_text1{display:none;}
    #header_note .header_get_quote .btn_quote_text2{display:block;}

    .boxes{width:600px;padding-right:0;}
    .homepage #right_column{position:relative;padding:15px;height:auto!important;width:49%;margin:0 0 2%;}
    .homepage #tp-iframe-heading{border:none;}
    .homepage #tp-iframe-widget{display:none;}

    .front_box{
        width: 170px;
        min-height: 144px;
        margin-right: 0;
        margin-left: 10px;
        padding-right: 0px;
    }
    .front_box:first-child{margin-left: 0;}
    .front_box_inner_bottom{padding:10px 10px 10px 0;}
    .fp_col_panel,.fp_col_top{min-height:270px;}
    .fp_col_top{width:49%;padding:15px;border:1px solid #e2e2e2;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.11);}
    .fp_col_left{width:49%;}
    .fp_col_right{width:49%;margin:0 0 2%;}
    .fp_col_top .fp_col_left{width:100%;min-width:auto;margin:0;max-height:210px;overflow:hidden;}
    .fp_col_top .fp_col_left .fp_col_title{margin-top:12px;}
    .fp_col_top .fp_col_left .fp_col_txt{display:none;}
    .fp_col_top .fp_col_right{display:none;width:200px;padding:0;margin-right:15px;margin-left:0;}
    .fp_col_txt_ticks .fp_col_txt_ticks_right{float:left;}
    .fp_col_title{font-size:18px;}

    .footer-cert{width:280px;}
    .footer-copyright{margin:20px 15px;font-size:12px;}

    .terNav{display:none !important;}
    #product_big_button{right:10px;width:auto}
    .content_main_detail{width:100%;}

    /*product page*/
    .spec_box {width:270px; margin:0; padding:15px;}
    .spec_box_full {width:100%;}

    .slideshow_wrapper {width:100%;}
    .slideshow .slideshow-images{width:100%;height:330px;margin:0 0 10px;}
    .slideshow .slideshow-thumbnails{width:100%;}
    .slideshow .slideshow-thumbnails a{width:23%;margin:1% 1%;}
    .slideshow .slideshow-thumbnails a:before{display:none;}
    .slideshow .slideshow-thumbnails img{width:130px;height:80px;}
    .slideshow-8 .slideshow-thumbnails img{width:115px;height:71px;}
    .slideshow-10 .slideshow-thumbnails a{width:18%;}
    .slideshow-10 .slideshow-thumbnails img{width:100px;height:62px;}

    #accessory360{width:100%;padding:10px 0;}

    .case{padding:15px}
    .case-date{display:none}
    .case-img, .case-detail{height:380px;}
    .case-link{float:none;display:inline-block;}
    .case-detail{padding:15px;}
    .case-detail h3{margin:0 0 15px;}

    /*capaity symbols and colour symbols*/
    .spec_box .capacity_list div{padding:0;}
    .spec_box .color-circle{width:21px;height:21px;margin-right:5px;}
    .spec_box .pantone_img img{margin-bottom:0;}
    .spec_box .pantone_img_text{width:auto;}
    .spec_box img{float:none;max-width:100%;height:auto;}

    /*header size for 600px site width*/
    .header_image_l,.header_image,.header_image_r{height:98px;}
    .header_image_l, .header_image_r {width:496px;left:-496px;background-size:496px 98px}
    .header_image{width:600px;background-size:600px 98px}
    .header_note_jobs{width:60%;top:10px;left:10px;font-size:14px;}
    .header_image_r{left:1096px;}
    .factory_image_l,.factory_image,.factory_image_r{display:none;}

    /*login page*/
    .login_note{padding:0 10px 30px;}
    .login_box{width:46%;min-height:260px;margin:0 2% 5%;padding:15px;}
    .login_box_r{float:right;}

    /*FAQ pages*/
    .content_head{height:auto;}
    .content_head:before, .content_head:after{content:" ";display:table;}
    .content_head:after{clear:both;}
    .content_head h2{line-height:inherit;}
    .content_head h2 a{line-height:inherit;}
    .content_head_nav{margin-left:15px;}
    .content_head_nav a{line-height:inherit;}
    .content_main .compare{left:0;padding-left:20px;}
    .content_main .compare span{float:right;padding-left:0;margin-right:20px;}

    /*Hamburger menu*/
    .navigation{transition:inherit;}
    .navigation ul li a{padding:9px 12px;}
    .navigation ul li a:hover{background:inherit;color:inherit;}/* reset */
    .navigation ul li .image_dropdown{display:none!important;}
    .navigation .menu-mobile{display:block;}
    .navigation .menu-mobile>ul:before{position:absolute;top:-16px;left:15px;content:'';width:0;height:0;line-height:0;border-width:8px;border-style:solid;border-color:transparent transparent #fff;font-size:0;}
    .navigation .menu-mobile>ul>li>ul{padding-left:15px;position:relative;left:0;top:0;border:none;box-shadow:none;}
    .navigation .menu-mobile>ul>li>a>.sublevel{font-weight:700;}
    .navigation .menu-mobile>ul>li>ul{display:block;}
    .navigation .menu-mobile .fa-bars{font-size:21px;}
    .navigation .lang a{padding-right:15px;}

    /*lead form*/
    .tk{padding:0 15px;}
    .tk-note{font-size:24px;line-height:26px;padding:30px 0;}
    #lead_time td{padding:0;}
    #lead_time .working_days{width:80px;}
    #lead_time .actual_days{width:150px;}

    .twipsy.charge-graph-twipsy{display:none!important;}
}

@media (max-width:800px) {
    #header_note {top: 5%; left: 38%;}
    #header_note h1 {font-size:22px; line-height:20px;}
    #header_note .header_get_quote {padding:9px 15px; line-height:14px;}
}

@media (max-width:600px) {
    /*hidden on small device*/
    .hidden-mobile,.hidden-xs{display:none!important;}

    body *{
        box-sizing:border-box;
        -webkit-text-size-adjust: 100% !important;
    }

    body{
        min-width: 450px;
        padding-top:70px;
    }

    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{height:30px;}

    .wrapper, .copyright, .container, .product_table{width:450px;}

    .homepage .header_image_l, .homepage .header_image_r {display:none;}

    .twipsy{display:none!important;}

    /*use small header on mobile*/
    #header{height:70px;}
    #header #logo{width:190px;}
    #header #logo .logo-container, #header.fix #logo .logo-container{height:50px;}
    #header #logo .logo-image, #header.fix #logo .logo-image{height:60px; margin-top:10px; margin-left:-14px;}
    #inner_header a{color:#428bca;}
    #inner_header .phone-num{display:none;}
    #inner_header .phone-num-s{display:block;line-height:45px;font-size:18px;font-weight:bold;}

    .homepage #headerimg:after{display:none;}
    .homepage #headerimg{background:none!important;padding:20px 0;}
    .homepage #header_note{position:relative;top:0;right:0;left:0;padding:0;margin-bottom:20px;}
    .homepage #header_note h1{margin-bottom:20px;font-size:26px;line-height:30px;}
    .homepage #header_note .header_get_quote{display:inline-block;padding:15px 20px;}
    .homepage #header.fix.done .btn_quote_home{display:block;}

    .homepage .boxes{width:100%;margin-bottom:0;}
    .homepage .fp_col_panel, .homepage .fp_col_top{min-height:200px;box-shadow:none;border:none;border-radius:0;}
    .homepage .fp_col_top{width:100%;margin:0;padding:0;box-shadow:none;border:none;border-radius:0;}
    .homepage .fp_col_top .fp_col_left{width:100%;}
    .homepage .fp_col_top .fp_col_left .fp_col_txt{display:none;}
    .homepage .fp_col_2, .homepage .fp_col_6, .homepage .fp_col_7, .homepage .fp_col_9, .homepage .fp_col_10{display:none;}
    .homepage .fp_col_left, .homepage .fp_col_right{width:100%;max-height:inherit;margin:0;padding:25px 15px;border-top:1px solid #ccc;}
    .homepage .fp_col_txt_ticks .fp_col_txt_ticks_left{width:50%;}
    .homepage .fp_col_txt_ticks .fp_col_txt_ticks_right{width:50%;}
    .trustpilot-body{padding:0;}
    .trustpilot-body .trustpilot-text{display:none;}

    .homepage #right_column{position:relative;display:block;width:100%;height:auto;margin:0;border-top:1px solid #ccc;}
    .homepage #tp-iframe-heading.right_col_heading{max-width:300px;margin: 0 auto;border:none;}
    .homepage #tp-iframe-widget{display:none;}

    .footer-copyright{width:100%;margin:0;padding:0 10px;text-align:center;}
    .bottom .columns{width:120px;padding:20px 15px;}
    .bottom .columns.products{display:none;}
    .bottom .columns.solutions{width:150px;}
    .bottom .columns.support{width:140px;}
    .bottom .columns.about{display:none;}
    .bottom .columns.advice{display:none;}
    .bottom .columns.follow_us{width:130px;}

    /*hide submenu for mobile*/
    #products:hover ul{display:none;}

    .spec_box{width:100%;min-height:initial;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #ccc;text-align:center;}
    .spec_box_branding{padding-top:15px;}

    /*product table*/
    .product_lister_header{display:none;}
    .product_table{margin-top:20px;}
    .product_table .product_row{height:100px;}
    .product_table .product_row td{position:relative;}
    .product_table .product-more{position:relative;height:100px;}
    .product_table .product_table_image{width:120px;}
    .product_table .product_table_name{display:none;}
    .product_table .product_table_colors{width:90px;}
    .product_table .product_table_capacities{width:100px;}
    .product_table .product_table_lead_time{width:60px;}
    .product_table .product_table_lead_time span{display:none;}
    .product_table .product-img{width:100px;height:100px;display:inline-block;}
    .product_table .product-name{display:block;position:relative;top:60px;left:-70px;font-weight:700;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
    .product_table .product-name .label{display:none;}
    .product_table .capacity_list{width:100px;padding:0;margin:0 auto;}
    .product_table .capacity_list div{line-height:16px;font-size:9px;width:35px;}
    .product_table .product_row_over{background:inherit;}
    .product_table .product_row_over .product-more{display:none;}

    /*product page*/
    .case-body p{margin:0 0 5px;}
    .case-img, .case-detail{height:280px;}
    .case-detail{padding:10px;font-size:12px;}
    .case-detail h3{margin:0 0 5px;}
    #player{margin-left:2px;}
    .spec_box .color-circles{margin-top: 0;}
    .content_main_section.stripe-grey, .content_main_section.stripe-white{padding-top:0;padding-bottom:0;}
    .content_main_section .spec_box{padding-top:15px!important;padding-bottom:15px;text-align:left;border:none;}

    .slideshow .slideshow-images{width:100%;height:auto;border:none;}
    .slideshow .slideshow-thumbnails a{width: 31%;}
    .slideshow-10 .slideshow-thumbnails a{width: 23%;}

    /*login page*/
    .login_box{margin:0 auto 20px;width:430px;height:auto;float:none;text-align:center;}
    .login_box_r{float:none;}
    .login_box h1{border:none;}

    /*FAQ pages*/
    .content_main .compare{left:0;padding-left:20px;}
    .content_main .compare span{float:right;padding-left:0;margin-right:20px;}

    /*lead form*/
    .tk-note{font-size:20px;line-height:22px;padding:20px 0;}

    /*jobs*/
    #gmap{float:none;width:auto;margin:0}

    #flashbox .content {width:450px;}
    #flashbox .content .product_choice div{width:100px;}
}

@media (max-width:450px) {
    #flashbox{left:0!important;}
}

.hide-me{
    display: none!important;
}

.align-center{
    text-align: center;
}

.tm-registered:after {
    content: '®';
    vertical-align: super;
    font-size: 75%;
}

/**
 * sticky header of product detail
 */
.product-header .product-header-inner{display:none;}
@media (min-width:1024px) {
    .product-header.fix #logo{display:none;}
    .product-header.fix .product-header-inner{display:inline-block;height:40px;margin-top:-15px;margin-left:-70px;}
    .product-header.fix .product-header-inner .product-image{display:inline-block;vertical-align:middle;height:70px;margin-right:10px;}
    .product-header.fix .product-header-inner .product-title{display:inline-block;vertical-align:middle;font-weight:bold;font-size:16px;}
}

/**
 * how they come stylesheet
 */
.fb-package{position:relative;max-width:980px;height:280px;margin:0 auto;text-align:center;}
.fb-package .fb-package-text{width:200px;display:table;position:absolute;bottom:-10px;height:44px;}
.fb-package .fb-package-text>span{display:table-cell;vertical-align:middle;}

.fb-package-2 .text1{left:0;}
.fb-package-2 .text2{left:230px;}

.fb-package-3 .text1{left:-20px;}
.fb-package-3 .text2{left:200px;}
.fb-package-3 .text3{left:450px;}

.fb-package-4 .text1{left:50px;}
.fb-package-4 .text2{left:300px;}
.fb-package-4 .text3{left:500px;}
.fb-package-4 .text4{left:750px;}

.fb-package-5 .text1{left:20px;}
.fb-package-5 .text2{left:350px;}
.fb-package-5 .text3{left:500px;}
.fb-package-5 .text4{left:750px;}
.fb-package-5 .text5{left:200px;}

.fb-package-travel-charger .text1{left:-20px;}
.fb-package-travel-charger .text2{left:200px;}
.fb-package-travel-charger .text3{left:450px;}
.fb-package-travel-charger .text4{left:700px;}

.fb-package-inductive-charger .text1{left:0;}
.fb-package-inductive-charger .text2{left:250px;}

.fb-package-headphone .text1{left:40px;}
.fb-package-headphone .text2{left:350px;}
.fb-package-headphone .text3{left:550px;}
.fb-package-headphone .text4{left:750px;}

.fb-package-speaker .text1{left:0;}
.fb-package-speaker .text2{left:250px;}
.fb-package-speaker .text3{left:450px;}
.fb-package-speaker .text4{left:700px;}

.fb-package-gift-set .text1{left:-30px;width:400px;}
.fb-package-gift-set .text2{left:360px;}
.fb-package-gift-set .text3{left:520px;}
.fb-package-gift-set .text4{left:720px;}

@media (max-width:1024px) {
    .fb-package{width:100%;height:auto;}
    .fb-package .fb-package-text{display:none!important;}
}
@media (min-width:1221px) and (min-height:800px) {
    .fb-package{position:relative;max-width:1200px;height:310px;margin:0 auto;text-align:center;}

    .fb-package-2 .text1{left:0;}
    .fb-package-2 .text2{left:230px;}

    .fb-package-3 .text1{left:-10px;}
    .fb-package-3 .text2{left:250px;}
    .fb-package-3 .text3{left:570px;}

    .fb-package-4 .text1{left:50px;}
    .fb-package-4 .text2{left:300px;}
    .fb-package-4 .text3{left:580px;}
    .fb-package-4 .text4{left:900px;}

    .fb-package-5 .text1{left:40px;}
    .fb-package-5 .text2{left:400px;}
    .fb-package-5 .text3{left:600px;}
    .fb-package-5 .text4{left:900px;}
    .fb-package-5 .text5{left:250px;}

    .fb-package-travel-charger .text1{left:-20px;}
    .fb-package-travel-charger .text2{left:250px;}

    .fb-package-inductive-charger .text1{left:10px;}

    .fb-package-headphone .text1{left:80px;}
    .fb-package-headphone .text2{left:400px;}
    .fb-package-headphone .text3{left:650px;}
    .fb-package-headphone .text4{left:900px;}

    .fb-package-speaker .text1{left:0;}
    .fb-package-speaker .text2{left:320px;}
    .fb-package-speaker .text3{left:570px;}
    .fb-package-speaker .text4{left:900px;}

    /* .fb-package-gift-set .text1{left:30px;} */
    .fb-package-gift-set .text2{left:500px;}
    .fb-package-gift-set .text3{left:660px;}
    .fb-package-gift-set .text4{left:900px;}
}


/**
 * panel stylesheet
 */
.fb-panel{
    min-height:auto; /* for reset */
    position:relative; /* for sticky use */
    display:block; /* for <a> */
    padding:0; /* for reset */
    overflow:hidden;
    background-color: #FFF;
    border: 1px solid #D4D4D4;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
    text-align: center;
    text-decoration: none!important; /* for <a> */
}
.fb-panel-heading{padding:5px 10px;margin-bottom:0;font-size:18px;font-weight:bold;border:none;}
.fb-panel-heading.fb-sticky-bottom{position:absolute;bottom:0;right:0;left:0;z-index:3;margin:0;background:rgba(128, 128, 128, .75);color:#FFF;transition:all .5s ease;}
.fb-panel:hover .fb-sticky-bottom{background:gray;}
.fb-panel-body{}
@media (max-width:600px) {
    .fb-panel{border:none!important;}
}

/**
 * common stylesheet
 */
.btn {
    display: inline-block;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    border: 1px solid transparent;
    padding: 10px 20px;
    /* font-size: 1rem; */
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
.btn:visited{color:#FFF;}
.btn:focus, .btn:hover {
    text-decoration: none;
}
.btn:focus, .btn.focus {
    outline: 0;
/*   -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
        box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); */
}
.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65;
}
.btn:active, .btn.active {
    background-image: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-basic{background:#5FBF5F;color:#FFF;border-color:#5FBF5F;}
.btn-basic:hover{background:#51a351;color:#FFF;border-color:#51a351;}
/* .btn-basic:focus, .btn-basic.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
          box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
} */
/* .btn-basic.disabled, .btn-basic:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
} */
.btn-warning{background:#faa732;color:#FFF;border-color:#faa732;}
.btn-warning:hover{background:#f89406;color:#FFF;border-color:#f89406;}

/**
 * remove this part after btn-basic is ready for the whole site
 */
.btn_quote,.btn_quote:visited{ display:inline-block; padding:10px 20px; line-height:20px; font-size:14px; font-weight:bold; background-color:#5FBF5F; color:#fff; border-radius:2px; transition:all .3s ease-in-out;}
.btn_quote:hover,
.btn_quote:focus {
    background-color: #51a351!important;
    text-decoration: none!important;
    color: #fff;
}
.btn_quote:focus {
    outline: 0;
}
.btn_quote.active,
.btn_quote:active {
    background-image: none;
    color: #FFF;
}

.w3w {
    background: url(/images/w3w.png) no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
}
a.w3w {color:inherit;text-decoration: none!important;}
a.w3w:hover {color:inherit;}