/*

Theme Name: AtomicBatteries

Description: A theme specifically made for AtomicBatteries.

Author: Anuj P

Author URI: 

Version: 1.0

*/



/* ----------------------------------------------------------------

    Document Reset

-----------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{line-height:1}

ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:none}

table{border-collapse:collapse;border-spacing:0}

:focus{outline:0}

[hidden]{display:none}

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

textarea{overflow:auto;vertical-align:top}

input[type=submit],input[type=text],input[type=password],input[type=reset],textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}

input[type=submit] {

  background:#e4c000; 

    color:#fff;      

   

   

}

input[type=submit]:hover {

    color:#eee;

}

/* ----------------------------------------------------------------

    Basic Document Styles

-----------------------------------------------------------------*/

body {

	line-height: 1;

	color: #333;

	font: 12px/20px 'Open Sans', sans-serif;

	background-color: #EEE !important;

    overflow-x: hidden;

}

input,select,textarea { font: 12px/20px "Open Sans", sans-serif; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; *zoom:1; }

* html .clearfix { height: 1%;} /* Hides from IE-mac \*/

.clearfix { display: block;}

.clear {

	clear: both;

	display: block;

	font-size: 0px;

	height: 0px;

	line-height: 0;

	width: 100%;

	overflow:hidden;

}

::selection {

    background: #e4c000;

    color: #fff;

    }

::-moz-selection {

    background: #e4c000; /* Firefox */

    color: #fff;

}

::-webkit-selection {

	background: #e4c000; /* Safari */

	color: #fff;

}



ul li{

    margin-bottom:12px;

}

/* ----------------------------------------------------------------

    Typography

-----------------------------------------------------------------*/

a { text-decoration: none; color: #088!important; }

a:hover, .selected { color: #E01B1B; }

.current-menu-item a{

	color:red!important;

}

a img { border: none; }

p,pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form { margin-bottom: 20px! important; }



h1,h2,h3,h4,h5,h6 {

	font-weight: normal! important;

	padding: 0 0 10px 0;

	color: #333;

    font-family: 'Open Sans', sans-serif;

}

h1 span,h2 span,h3 span,h4 span,h5 span { color: #E01B1B! important; }

h3,h4,h5 { padding-bottom: 8px !important; }

h1 { font-size: 22px !important; line-height: 34px !important; color:#088 !important;}

h2 { font-size: 16px! important; line-height: 28px! important; }

h3 { font-weight: 600! important; font-size: 14px! important; line-height: 24px! important; }

h4 { font-weight: 600! important; font-size: 12px! important; line-height: 20px! important; }

h5 { font-weight: bold! important; font-size: 12px! important; line-height: 18px! important; }



address { font-style: italic; }

abbr[title],acronym[title],dfn[title] { cursor: help; border-bottom: 1px dotted #555; }

blockquote {

	color: #666;

	border-left: 3px solid #777;

    font-size: 17px;

    line-height: 1.4;

	font-family: 'Open Sans', sans-serif;

    font-style: italic;

	padding: 5px 0 5px 20px;

    text-shadow: 1px 1px 1px #FFF;

    margin-left: 20px;

}

blockquote p { margin: 20px 0 0 0 !important; }

blockquote p:first-child { margin: 0 !important; }

strong { font-weight: bold!important; }

em,dfn,cite { font-style: italic; }

dfn { font-weight: bold; }

sup { font-size: 11px; vertical-align: top; }

sub { font-size: 11px; vertical-align: bottom; }

small { font-size: 11px; font-style: italic; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

pre {

	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;

	white-space: pre;

	overflow: auto;

	padding: 0 10px;

	clear: both;

	color: #666;

	line-height: 19px;

}

code { padding: 5px; background: #F9F9F9; }

var,kbd,samp,code {

	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;

	background: #F9F9F9;

}

kbd { font-weight: bold; }

samp,var { font-style: italic; }

ul,ol,dl { margin-left: 20px; }

caption { text-align: left; }

img { max-width: 100%; }



/* ----------------------------------------------------------------

    Basic Layout Styles

-----------------------------------------------------------------*/

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.tcenter { text-align:center !important; }

.fright { float: right !important; }

.fleft { float: left !important; }



#wrapper { 

    height:auto;

    margin: 0 auto;

    position: relative; 

    background-color: #e9e7e8; 

    

     overflow-x: hidden;

}



.container { max-width: 1020px; width:100%; margin: 0 auto; position: relative; }

.line,.double-line { clear: both; position: relative; width: 100%; margin: 30px 0; border-top: 1px solid #EEE;}

.double-line { border-top: 3px double #E5E5E5; }

.line a { position: absolute; left: auto; right: 0; padding-left: 5px; color: #272727; background: #F9F9F9; margin-top: -11px; border: none; }

.dots { clear: both; position: relative; width: 93%; margin: 30px 0; height: 9px; background: url("images/dotted.png") repeat; }

.line a:hover { color: #575757; background: none; }

.emptydiv { display: block !important; position: relative !important;}

.allmargin { margin: 30px !important;}

.leftmargin { margin-left: 30px !important;}

.rightmargin { margin-right: 30px !important;}

.topmargin { margin-top: 30px !important;}

.bottommargin { margin-bottom: 30px !important;}

.nomargin {margin: 0 !important;}

.noleftmargin { margin-left: 0 !important;}

.norightmargin { margin-right: 0 !important;}

.notopmargin { margin-top: 0 !important;}

.nobottommargin { margin-bottom: 0 !important;}

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important;}

.hidden { display: none !important;}

.nothidden { display: block !important;}

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

.divcenter { position: relative !important; margin-left: auto !important; margin-right: auto !important;}



span.page-divider { display: block; }

span.page-divider span {

    display: block;

    width: 15%;

    border-bottom: 2px solid #E01B1B;

}



.preloader {

	display: block;

	width: 100%;

	height: 100%;

	background: url("images/preloader.gif") center center no-repeat #FFF;

}



.postcontent { width: 720px; }

.sidebar { width: 210px; }

.col_full { width: 100%; }

.col_half { width: 48%; }

.col_one_fourth { width: 207px; }





.postcontent,

.sidebar,

.col_full,

.col_half,

.col_one_fourth

 {

	display: block;

	position: relative;

	margin-right: 4%;

	margin-bottom: 30px;

	float: left;

}



.postcontent,

.sidebar { margin-right: 30px; }



.col_full {

    clear: both;

	float: none;

	margin-right: 0;

}

.postcontent.col_last,

.sidebar.col_last { float: right; }



.col_last {

	margin-right: 0 !important;

	clear: right;

}

.entry_content ul {

    clear: left;

    color: #444;

    list-style-type: disc;

    font-size: 13px;

}

.entry_content ol {

    clear: left;

    color: #444;

    list-style-type: decimal;

    font-size: 13px;

}

label {

	display: inline-block;

    font-size: 12px;

	font-weight: 600;

	color: #444;

	margin-bottom: 5px;

    cursor: pointer;

}

input[type="text"],

input[type="password"],

select,

textarea {

    display: block;

	background: #FFF;

	padding: 7px;

    margin-bottom: 10px;

	border: 1px solid #DDD;

	outline: 0;

	font: normal 11px/100%;

    color: #666;

}

input[type="text"],

input[type="password"] { width: 90%; }



input[type="checkbox"],

input[type="radio"] {

    display: inline-block;

    position: relative;

    top: 2px;

}

textarea { 

	width: 90%;

	height: 150px;

	line-height: 150%;

}

textarea.short-textarea { height: 80px; }



input[type="text"]:active,

input[type="password"]:active,

textarea:active,

select:active,

input[type="text"]:focus,

input[type="password"]:focus,

textarea:focus,

select:focus { border-color: #CCC; }



label.error {

    display: block;

    font-style: italic;

    font-weight: normal;

    font-size: 11px;

    color: #BD091B;

    margin-bottom: 15px;

}



input.error,

textarea.error,

select.error { border-color: #BD091B !important; }



form p {

    margin-top: 15px;

    margin-bottom: 0;

}



form p:first-child { margin-top: 0; }



form small {

    font-weight: normal;

    font-size: 10px;

    color: #F00;

}



/* ----------------------------------------------------------------

    Header

-----------------------------------------------------------------*/

#header {

    position: relative;

    z-index: 205;

    width:100%;

    margin:0 auto;

    border-top:6px #000 solid;

    background:#EFEFEF;

}



/* ----------------------------------------------------------------

    Logo

-----------------------------------------------------------------*/

#logo {

    position: relative;

    float: left;

    max-width: 250px;

    margin-right: 30px;

    font-family: 'Open Sans', sans-serif;

    font-size: 36px;    

}

#logo a {

    display: block;

	color: #000;

}

#logo img {

    display: block;

    max-width: 100%;

    padding:10px 0;

}



/* ----------------------------------------------------------------

    Primary Menu

-----------------------------------------------------------------*/

.nav{

    position: relative;

    float: right;

    width:100%;

    max-width: 700px;

    height: auto;

}

.select-menu { display: none; }

.nav ul {

    position: relative;

    margin: 0;

    float:right;

}

.nav ul li {

    position: relative;

    float: left;

    height: 80px;

    border-right:1px #DDD solid;

}

.nav ul li:first-child {

    padding-left: 0;

    background-image: none;

    margin-left: 0;

}

.nav li a {

    display: inline-block;

    padding: 25px 20px;

    font-size: 13px;

    text-transform: uppercase;

    font-family: "Open Sans", sans-serif;

    color: #444;

}

.nav ul li.current-menu-item a,

.nav ul li.current-menu-parent a,

.nav > ul > li:hover a {

    color: #088;

    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);

}

.nav ul li:hover > ul {

	display: block;

}

.nav ul ul {

	visibility: hidden;

    z-index: 200;

	width: 200px;

	margin: 0;

	position: absolute;

	top: 81px;

	left: 0;

}

.nav ul ul li {

    display: block;

	float: none;

	margin: 0;

	padding: 0;

	height: auto;

    border: none;

    background-image: none;

    background-color: #E01B1B;

    margin-top: 1px;

}

.nav ul ul li:first-child {

    border-top: 0;

    margin-top: 0;

}

.nav ul ul ul {

    margin: 0;

	left: 201px !important;

	top: 0;

	*top: 1px;

}

.nav ul ul a {

    display: block;

	height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border: none;

    text-transform: capitalize;

    color: #FFF;

    font-weight: normal;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.nav ul ul a:hover,

.nav ul ul li:hover > a {

    font-weight: bold;

    background-color: rgba(0,0,0,0.1);

}

.nav ul ul a span { display: none !important; }

.nav ul ul ul li:first-child a { border-top: none; }



.nav ul:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



/* ----------------------------------------------------------------

    Home Slider

-----------------------------------------------------------------*/



#featured{ 

    position:relative; 

     /* Old browsers */

   /* background-image:url("images/banner-bg1.jpg");*/

    

  background: rgb(0,0,0);

    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(58,57,57,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(58,57,57,1))); 

    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,57,57,1) 100%);

    background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,57,57,1) 100%);

    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,57,57,1) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(58,57,57,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000055',GradientType=0 ); */

    border-bottom:1px #CCC solid;

    height:425px;

}

#featured ul.ui-tabs-nav{

    width: 570px;

    float: right; 

    height: 260px; 

    line-height: 25px; 

    border: 0px solid #aaa; 

    margin: 96px -20px 0 0;

}

#featured ul.ui-tabs-nav li{

    padding:1px 0; 

    padding-left:13px; 

    font-size:14px; 

    color:#eaeaea; 

    list-style-type:none;

}

#featured ul.ui-tabs-nav li span{

    font: normal 14px/30px 'Open Sans'; 

   /* padding-left:40px;*/

}

 #featured ul.ui-tabs-nav strong{

        margin-left: 40px;

    }

#featured ul.ui-tabs-nav em{

       

        font-style: normal;

    }

/*ui-tabs-hide class is essential to working of this script. DO NOT CHANGE THESE NAMES*/

#featured .ui-tabs-panel{

    background:transparent;

    position:relative;

    margin-top: 10px;

}

#featured .ui-tabs-hide{ display:none; }

img.featured { 

    width: 400px; height: 370px; 

    display: block; 

    margin-left: 5px; 

    position: relative; 

    float: left; 

    top:20px;

    transition-timing-function: ease-out;

}



#featured li.ui-tabs-nav-item a{

    display:block; 

    color:#e9e9e9!important;

    background:url(images/ui-tab-bul1a.png) no-repeat left top; 

    line-height:30px; 

    outline:none;

    text-decoration: none;

}

#featured li.ui-tabs-nav-item a:hover{ }

#featured li.ui-tabs-selected{ }

#featured ul.ui-tabs-nav li.ui-tabs-active a{

    color:#e4c000!important; 

    background: url(images/ui-tab-bul2a.png) no-repeat left top;

    text-decoration: none;

}



/* ----------------------------------------------------------------

    Main Content

-----------------------------------------------------------------*/

#content { position: relative; }

.content-wrap {

    position: relative;

    padding: 40px 0;

    border-top:1px solid #DDD;

    padding-bottom: 83px;

}

.home-heading{

    border-bottom:1px solid #e4c000;

    margin-bottom:10px;

    color:#088;

}



/* ----------------------------------------------------------------

    Google Maps

-----------------------------------------------------------------*/

#google-map {

    position: relative;

    width: 93%;

    height: 100%;

}



/* ----------------------------------------------------------------

    Go To Top

-----------------------------------------------------------------*/

#gotoTop {

    display: none;

    position: fixed;

    width: 40px;

    height: 40px;

    background-color: #444;

    font-size: 28px;

    line-height: 35px;

    text-align: center;

    color: #FFF;

    top: auto;

    left: auto;

    right: 30px;

    bottom: 30px;

    cursor: pointer;

    border-radius: 2px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    transition: background-color .2s linear;

    -moz-transition: background-color .2s linear;

    -webkit-transition: background-color .2s linear;

    -ms-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

}

#gotoTop:hover { background-color: #E01B1B; }



/* ----------------------------------------------------------------

    Footer

-----------------------------------------------------------------*/

#footer {

	position: relative;

	background-color: #EEE;

	padding: 20px 30px;

    border-top: 1px solid #DDD;

}



/* ----------------------------------------------------------------

    Copyrights

-----------------------------------------------------------------*/

#copyrights {

    position: relative;

    padding: 15px 30px;

    line-height: 20px;

    font-size: 12px;

    background-color: #282A2B;

    overflow: hidden;

    border-top: 1px solid #E01B1B;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

    color: #999;

}

#copyrights a {

    display: inline-block;

    margin-left: 7px;

    color: #AAA;

    border-bottom: 1px dotted #DDD;

}

#copyrights span.link-divider {

    display: inline-block;

    margin-left: 7px;

}

#copyrights a:hover {

    color: #DDD;

    border-bottom: 1px solid #DDD;

}

#copyrights .col_half { margin-bottom: 0 !important; }



#copyrights #copyrights-social {

    text-align: right;

    margin-top: 2px;

    line-height: 1;

}

#copyrights-social a {

    display: inline-block;

    width: 16px;

    height: 16px;

    margin-left: 5px;

}

#copyrights-social li {

    display: inline;

    width: 16px;

    height: 16px;

}



/* ----------------------------------------------------------------

    Tipsy

-----------------------------------------------------------------*/

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000000; opacity: 0.8; }

.tipsy-inner { background-color: #000; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; }



/* Rounded corners */

.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }



/* Rules to colour arrows */

.tipsy-arrow-n { border-bottom-color: #000; }

.tipsy-arrow-s { border-top-color: #000; }

.tipsy-arrow-e { border-left-color: #000; }

.tipsy-arrow-w { border-right-color: #000; }



.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }

.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }



/* ----------------------------------------------------------------

    Buttons

-----------------------------------------------------------------*/

.wpcf7-file{

    background-color: #F5F5F5;

/*    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);*/

    background-repeat: repeat-x;

    border-color: #CCC #CCC #BBB;

    border-image: none;

    border-style: solid;

    border-width: 1px;

    color: #555;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 0;

    padding: 4px 12px;

    text-align: center;

    vertical-align: middle;

}

.button {

	display: inline-block;

	position: relative;

    cursor: pointer;

	outline: none;

	white-space: nowrap;

	margin: 5px;

	padding: 0;

	background-image: url("images/button.png");

	background-repeat: repeat-x;

	background-position: 0 0;

	border: 1px solid rgba(114,114,114,0.4);

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: 0 1px 0px rgba(114,114,114,0.3);

	-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);

	-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);

	background-color: #629D63 !important;

}

.button:hover {

    background-image: url("images/button.png");

	background-position: 0 -30px;

    background-color: #666 !important;

	text-decoration: none;

    border: 1px solid rgba(100,100,100,0.4);

}

.button:active { top: 1px; }

.button span {

	display: inline-block;

	padding: 0 18px;

	height: 29px;

	line-height: 29px;

	color: #FFF;

	font-size: 13px;

	font-weight: bold;

	border-top: 1px solid rgba(255,255,255,0.2);

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);

}

.red_btn { background-color: #F25B60 !important; }

.green_btn { background-color: #629D63 !important; }

.blue_btn { background-color: #5A9EE2 !important; }

.brown_btn { background-color: #DE8E36 !important; }

.white_btn,

.white_btn:hover { background-color: #F6F6F6 !important; }

.white_btn span {

    color: #444 !important;

    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);

}

.yellow_btn { background-color: #C5B925 !important; }

.purple_btn { background-color: #BE56E0 !important; }

.black_btn,

.black_btn:hover { background-color: #494949 !important; }

.black_btn span {

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);

}

button.button {

    margin: 5px 0 !important;

    background-color: #F6F6F6 !important;

}

button.button:hover { background-color: #F6F6F6 !important; }

button.button span {

    color: #555 !important;

    text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important;

}

.simple-button {

    display: inline-block;

    position: relative;

    cursor: pointer;

	outline: none;

	white-space: nowrap;

	margin: 5px;

    color: #FFF;

    font-size: 14px;

    font-family: "Open Sans";

    padding: 0 15px;

    font-weight: bold;

    line-height: 36px;

    background: #333;

    border: none;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

    transition: background-color .2s linear;

    -moz-transition: background-color .2s linear;

    -webkit-transition: background-color .2s linear;

    -ms-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

}

.simple-button.inverse { background: #E01B1B; }

.simple-button.large {

    line-height: 48px;

    font-size: 16px;

}

.simple-button i {

    display: block;

    float: left;

    margin: 0 6px 0 0;

    font-size: 18px;

    width: 18px;

    height: 18px;

}

.simple-button.large i {

    margin: 0 6px 0 0;

    font-size: 22px;

    width: 22px;

    height: 22px;

}

.simple-button:hover {

    background: #E01B1B;

    color: #FFF;

}

.simple-button.inverse:hover { background: #333; }

/* ----------------------------------------------------------------

    Features

-----------------------------------------------------------------*/

.product-feature {

    position: relative;

    padding-left: 60px;

    margin-top: 30px;

}

.product-feature:first-child { margin-top: 0; }

.product-feature h3 {

    font-size: 16px;

    line-height: 22px;

    color: #333;

    padding-bottom: 7px;

  

}

.product-feature p { margin: 0; }

.product-feature img,

.product-feature > span {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    margin: 0;

    padding: 12px;

    width: 24px;

    height: 24px;

    background-color: #e4c000;

    border-radius: 24px;

    -moz-border-radius: 24px;

    -webkit-border-radius: 24px;

}

.product-feature > span {

    font-size: 25px;

    color: #FFF;

    text-align: center;

    line-height: 23px;

}

.product-feature2 { padding-left: 52px; }

.product-feature2 img,

.product-feature2 > span,

.product-feature3 img,

.product-feature3 > span {

    padding: 0;

    width: 40px;

    height: 40px;

    background-color: transparent !important;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    font-size: 40px;

    color: #333;

    text-align: center;

    line-height: 1;

}

.product-feature3 {

    padding: 15px;

    background-color: #F5F5F5;

    text-align: center;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: inset 0 0 15px rgba(0,0,0,0.1);

    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);

    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);

}

.product-feature3 img,

.product-feature3 > span {

    position: relative;

    margin: 0 auto 5px;

    width: 96px;

    height: 96px;

    font-size: 95px;

}

.product-feature3:hover span { color: #E01B1B; }



/* ----------------------------------------------------------------

    Specifications

-----------------------------------------------------------------*/

#tspecs_intro { margin-bottom:20px; }

#tspecs_intro p { font:normal 13px/19px Arial, Helvetica, sans-serif; color:#666; margin-left:10px; }

#tspecs_box {

    width:460px; 

    position:relative; 

    float:left; 

    color:#352928; 

    background:#666; 

    margin:0 20px 30px 14px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}

table#hc_tspec_chart{ margin-bottom:0;   width: 100%; }

#tspecs_box h2 {font: normal 15px/40px arial, helvetica, sans-serif; color:#fff; margin:0 14px; text-align:center;}

#hc_tspec_chart th {border-left:solid 1px #000; border-bottom:solid 1px #000; font: bold 12px/24px Arial, Helvetica, sans-serif; text-align:center; border-top:solid 1px #000;}

#hc_tspec_chart td {

    border-left:solid 1px #000; 

    border-bottom:solid 1px #000;

    font: normal 12px/28px Arial, Helvetica, sans-serif; 

    color:#fff; 

    text-align:left; 

    padding: 0 5px; 

    text-align:center;

}

#hc_tspec_chart th.bordl_remv, #hc_tspec_chart td.bordl_remv {border-left:hidden; text-align:left;}

#tspecs_box p {font:normal 13px/19px Arial, Helvetica, sans-serif; color:#666;}

.bglabel {color:#fff;}

.bg10 {background:#FFFF00; color:#000; width:13%;}

.bg312, .bg13, .bg675, .bg675hp {color:#fff; width:13%;}

.bg312 {background:#CC6600;}

.bg13{background:#FF3300;}

.bg675 {background:#0000FF;}

.bg675hp {background:#00CC00;}

.tspecs_construct {

    background:#fff; 

    padding:20px 0 30px; 

    -webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    font: normal 14px/24px arial, helvetica, sans-serif; 

    color:#666;

}

#tspecs_right {display:inline; float:left; margin:0 5px 30px;width:450px;}

#tspecs_right h2 {font: bold 15px/40px arial, helvetica, sans-serif; color:#082664; margin:0 14px 10px; text-align:center;}

#tspecs_right p {font:normal 13px/19px Arial, Helvetica, sans-serif; color:#666;}





.tspecs_pkg { float: left; width: 200px; margin: 0 0 0 10px; padding: 5px;}

.tspecs_pkg a{ font:bold 11px Tahoma, sans-serif; color:#088; text-decoration:underline; line-height: normal;}

#tspecs_right img { margin-bottom:10px; }



/* ----------------------------------------------------------------

    Contact

-----------------------------------------------------------------*/

#contact .formblock .error { 

    font-size: 1.2em; 

    font-style: normal; 

    color: #F00;

}

span.wpcf7-list-item{ display:block; }



/* ----------------------------------------------------------------

    Social Media

-----------------------------------------------------------------*/

ul#social{ margin: 0 0 0 0; padding-left:10px; float:right; }

ul#social li {

    padding: 0px; 

    display: inline-block;

    *display: inline; /* IE 7 and below */ 

    margin-left: 4px; 

    margin-right: 4px; 

    width:32px; 

    height: 32px;

}

ul#social li  a {

    display:block;

}

ul#social li img {

    width: 32px; 

    height:32px; 

    display:block; 

    border: none;

}



.navbar-default {

  background-color:transparent! important;

  border-color: transparent! important;

}

.navbar-custom {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 3;

  font-family: 'Open Sans',  sans-serif;

}

.navbar-default .navbar-nav>li>a {

  color: #444! important;

  outline: 0 none;

}

.navbar-default .navbar-nav>li>a:hover {

  

  

}



.navbar-custom .nav li  {

  color: #088;

  text-transform: uppercase;

  font-size: 13px;

  height: 86px;

  margin-top: -7px;

  padding-top:10px;

/*  border-right: 1px #DDD solid;*/

 

}

.navbar-custom .nav li a:hover {

  text-decoration:none;

  

  

}

.navbar-custom .nav li:hover,

.navbar-custom .nav li:active,

.navbar-custom .nav li:focus{

  text-decoration:none;

  border-bottom:1px solid #e4c000;

  border-top:6px solid #e4c000;

  background-color: #ebeaea;

 

}



.menu-item {

  border-bottom:1px solid transparent;

  border-top:6px solid transparent;

}

.current-menu-item {

  border-bottom:1px solid #e4c000;

  border-top:6px solid #e4c000;

  

}





@media (max-width: 770px) {

  .navbar-custom {

    background: transparent;

    border-bottom: 1px solid transparent;

  }

  .navbar-custom .navbar-brand {

    color: #444;

    padding: 20px;

  }

  .navbar-custom .navbar-brand:hover,

  .navbar-custom .navbar-brand:focus {

    

  }

  

  .navbar-custom .nav li a:hover,

  .navbar-custom .nav li a:focus,

  .navbar-custom .nav li a:active{

     

  }

    

  .navbar-fixed-bottom .navbar-collapse, 

  .navbar-fixed-top .navbar-collapse {

    max-height: 340px;

  }

  .main-navigation li a,

	.main-navigation li {

		display: block;

	}



	.menu-toggle {

		display: block;

	}

    .navbar-custom .nav li:hover,

    .navbar-custom .nav li:active,

    .navbar-custom .nav li:focus{

      text-decoration:none;

      border-bottom:1px solid transparent;

      border-top:6px solid transparent;

      background-color: #ebeaea;

      



    }

    .current-menu-item {

      border-bottom:1px solid transparent;

      border-top:6px solid transparent;

    }



}  

    

    



@media (min-width: 1170px) {

  .navbar-custom {

    -webkit-transition: background-color 0.3s;

    -moz-transition: background-color 0.3s;

    transition: background-color 0.3s;

    /* Force Hardware Acceleration in WebKit */

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

  }

  .navbar-custom.is-fixed {

    /* when the user scrolls down, we hide the header right above the viewport */

    position: fixed;

    top: -61px;

    background-color: rgba(255, 255, 255, 0.9);

    border-bottom: 1px solid #f2f2f2;

    -webkit-transition: -webkit-transform 0.3s;

    -moz-transition: -moz-transform 0.3s;

    transition: transform 0.3s;

  }

  .navbar-custom.is-fixed .navbar-brand {

    color: #444;

  }

  .navbar-custom.is-fixed .navbar-brand:hover,

  .navbar-custom.is-fixed .navbar-brand:focus {

    

  }

  .navbar-custom.is-fixed .nav li a {

    color: #444;

  }

  .navbar-custom.is-fixed .nav li a:hover,

  .navbar-custom.is-fixed .nav li a:focus {

    color: #0085a1;

  }

  .navbar-custom.is-visible {

    /* if the user changes the scrolling direction, we show the header */

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}





/*----------

    INDEX

-----------*/



 .col-p{

        height:75px;

    }

 #about-batteries {

        margin-top: 50px;

    }

 #navbar-custom .nav li a:last-child {

        border-right:none;

 }



.space {

        height:142px;

}

#about-content img {

        display:none;

    }
.col_one_fourth{
	margin-bottom:20px !important;
}
.col_one_fourth p{
	margin-bottom:0px !important;
}

@media only screen and (max-width: 770px)  {
	#menu-main {
		margin-bottom: 0px !important;
	}
	#menu-main  li{
		height:auto;
	}
	
}
@media only screen and (max-width: 685px)  {
	#slide-panels{
		display:none;
	}
	#featured ul.ui-tabs-nav {
		width: 100% !important;
		height: auto !important;
		margin-top: 40px !important;
		float: left;
	}
	#featured ul.ui-tabs-nav em{
		width:100% !important;
	}
	#featured{
		    padding-left: 0px !important;
	}
}
@media only screen and (max-width: 480px)  {
	#featured ul.ui-tabs-nav{
		    width: 100% !important;
	}
	#jcyrus{
		width:100% !important;
	}
}
@media only screen and (max-width: 321px)  {
	#featured ul.ui-tabs-nav em{
		width: 92% !important;
	}
	#copyright{
		width:100% !important;
	}
}