/* FONTS AND COLORS */
* {
font-family: ‘Lato’, sans-serif;
}

html {
font-family: ‘Lato’, sans-serif;
}
body {
font-family: ‘Lato’, sans-serif;
font-size: 16px;
line-height: 1.428571429;
color: #333;
background-color: white;
}

p {
font-family: ‘Lato’, sans-serif;
color: #333;
}
#seqbpdescription {
font-family: ‘Lato’, sans-serif;
color: #333;
}

h1, h2, h3, h4, h5, h6 {
color: black;
font-family: ‘Lato’, sans-serif;
}
.navbar a, .navbar a:active, .navbar a:hover, .navbar a:visited {
color: #333;
}

.product-specs {
background-color: #f1f1f1;
padding: 1em;
}
.product-specs td {
font-size:12px;
}
.attr-left {
min-width:6em;
font-weight:bold;
vertical-align:top;
}
.attr-right {
vertical-align:top;
}

div.footer {
background-color: #1a1a1a;
border-top: 1px solid #1a1a1a;
color: #ffffff;
}

.navaccept {
list-style: none outside none;
margin: 13px 0 0 30px;
overflow: auto;
padding: 0;
position: relative;
}

.navaccept li {
display: inline-block;
float: left;
list-style-image: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}

.navaccept li a {
color: #000000;
display: block;
padding: 0;
text-align: left;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
}

.linkbtn{
float:left;
display:block;
text-align:right;
cursor: pointer;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
}

.fb {
background: url(“”) no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
height: 20px;
width: 20px;
}
.fb:hover { background: url(“”) no-repeat 0 -2px; }

/******************************************************************************/
.inn {
background: url(“”) no-repeat scroll -22px 0px rgba(0, 0, 0, 0);
height: 20px;
width: 33px;
}
.inn:hover { background: url(“”) no-repeat scroll -22px 0px rgba(0, 0, 0, 0); }

/*******************************************************************************/
.g {
background: url(“”) no-repeat scroll -57px -1px rgba(0, 0, 0, 0);
height: 20px;
width: 30px;
}

.g:hover { background: url(“”) no-repeat scroll -57px -1px rgba(0, 0, 0, 0); }

/******************************************************************************/
.yt {
background: url(“”) no-repeat scroll -87px -1px rgba(0, 0, 0, 0);
height: 20px;
width: 30px;
}

.yt:hover { background: url(“”) no-repeat scroll -87px -1px rgba(0, 0, 0, 0); }

/***************************************/

/*************************************************************************************************************/
/******************************************** OTHER INFO TABs CSS *******************************************/
/*************************************************************************************************************/
.tabbed_area {
margin-left: 0;
margin-top: 50px;
width: 100%;
}
ul.tabs {
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
border-left: none;
border-right: none;
height: 55px;
margin: 5px 0 0;
padding: 0;
width: 100%;
}
ul.tabs li {
display: inline;
float: left;
font-family: arial,helvetica,verdana,sans-serif;
font-size: 12px;
list-style-type: none;
}
ul.tabs li a {
border-bottom: 3px solid transparent;
color: #000;
cursor: pointer;
display: inline-block;
float: left;
font-family: “PT Sans Narrow”,sans-serif;
font-size: 1.4em;
font-weight: 700;
height: 55px;
line-height: 57px;
margin: 0;
position: relative;
text-align: center;
text-decoration: none;
width: 88px;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}
ul.tabs li a:hover {
color: #1096c8;
}
ul.tabs li a.active {
color: #000;
border-bottom: 3px solid #000;
}
.content-tabs {
background: #FFFFFF;
color: #707070;
font-family: arial;
font-size: 13px;
line-height: 20px;
padding: 10px;
position: relative;
width: 100%;
z-index: 0;
}
#content_2, #content_3, #content_4, #content_5{ display:none; }
ul.tabs {
margin: 0px;
padding: 0px;
margin-top: 5px;
margin-bottom: 6px;
}
/****************************** END TABS ********************************/

.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}

/* LAYOUT – CHANGING THESE WILL AFFECT THE SIZE AND LAYOUT OF YOUR AD TEMPLATE */

/* Responsive Columns */
.col-md-6{width:100%;}
.col-md-12{width:100%;}
.container{margin:auto;width:100%;}

@media (min-width:768px){
.container{width:750px;}
.col-md-12, .col-md-6{float:left;}
.col-md-6{width:48%; margin:1%;}
}
@media (min-width:992px){
.container{width:970px;}
.col-md-12,.col-md-6{float:left;}
.col-md-6{width:48%; margin:1%;}
}
@media (min-width:1200px){
.container{width:1170px;}
.col-md-12,.col-md-6{float:left;}
.col-md-6{width:48%; margin:1%;}
}
.img-responsive{display:block;height:auto;max-width:100%;}

/* Responsive Navigation Bar */
.nav{padding-left:0;margin-bottom:0;list-style:none;}
.nav:before, .nav:after{display:table;content:” “;}
.nav:after{clear:both;}
.nav:before, .nav:after{display:table;content:” “;}
.nav:after{clear:both;}
.nav > li{position:relative;display:block;}
.nav > li > a {
position:relative;
display:block;
padding:10px 15px;
font-family:’PT Sans Narrow’,sans-serif;
text-decoration: none;
font-weight: 700;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}
.nav > li > a:hover, .nav > li > a:focus {text-decoration:none;color:#1096c8;}
.nav > li > a > img{max-width:none;}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;}
@media (min-width:768px){.navbar{border-radius:4px;}
}
.navbar-header:before, .navbar-header:after{display:table;content:” “;}
.navbar-header:after{clear:both;}
.navbar-header:before, .navbar-header:after{display:table;content:” “;}
.navbar-header:after{clear:both;}
@media (min-width:768px){.navbar-header{float:left;}
}
.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch;}
.navbar-collapse:before, .navbar-collapse:after{display:table;content:” “;}
.navbar-collapse:after{clear:both;}
.navbar-collapse:before, .navbar-collapse:after{display:table;content:” “;}
.navbar-collapse:after{clear:both;}
.navbar-collapse.in{overflow-y:auto;}
@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;}
.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;}
.navbar-collapse.in{overflow-y:visible;}
}
@media (min-width:768px){.container > .navbar-header, container > .navbar-collapse{margin-right:0;margin-left:0;}
}
.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;}
.navbar-brand:hover, .navbar-brand:focus{text-decoration:none;}
@media (min-width:768px){.navbar > .container .navbar-brand{margin-left:-15px;}
}
.navbar-nav{margin:7.5px -15px;}
.navbar-nav > li > a {
border-bottom: 2px solid #000;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 8px;
padding-top: 5px;
}
@media (min-width:768px){.navbar-nav{float:left;margin:0;}
.navbar-nav > li{float:left;}
.navbar-nav > li > a{padding-top:15px;padding-bottom:15px;}
.navbar-nav.navbar-right:last-child{margin-right:-15px;}
}
@media (min-width:768px){.navbar-left{float:left !important;}
.navbar-right{float:right !important;}
}

.tab-area {
border-top: 1px solid #ddd;
min-width: 280px;
margin: 0 auto;
background: #fff;
border-left: none;
border-right: none;
margin: 5px 0px 25px;
padding: 0;
width: 100%;
}

.tab-area section {
display: none;
padding: 20px;
border-top: 1px solid #ddd;
}
.tab-area input {
display: none;
}

.tab-area label {
display: inline-block;
margin: 0 -2.5px -1px;
padding: 15px 0;
width: 88px;
font-weight: 600;
text-align: center;
color: #bbb;
position: relative;
border: 1px solid transparent;
}

.tab-area label:hover {
color: #888;
cursor: pointer;
}

.tab-area input:checked + label {
position: relative;
color: #555;

}
.tab-area label:after{
position: absolute;
transition : .4s ease-out;
width: 100%;
height: 3px;
background: black;
content: “”;
opacity: 0;
bottom: -4px;
display: block;
}
.tab-area input:checked + label:after{
position: absolute;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
opacity: 1;
}

.tab-area #tab1:checked ~ #content1,
.tab-area #tab2:checked ~ #content2,
.tab-area #tab3:checked ~ #content3{
display: block;
}

@media screen and (max-width: 650px) {

.tab-area label:before {
margin: 0;
font-size: 18px;
}
}

@media screen and (max-width: 765px) {
.payment-footer{
text-align: center;
}
}