@import url(/assets/plugins/font-awesome4/css/font-awesome.css);
/**************************************************************/
/* BEG Changes That need to be pulled into PROD    */
/*************************************************************/
.top-margin-ad {margin-top:30px;}

.cookie-show-in p { color:white}
#div-gpt-ad-leaderboard_top {
     margin-top:25px; 
     margin-bottom: -20px;
     float: right;
}
@media (max-width: 767px) {

#div-gpt-ad-leaderboard_top {
     margin: 0px -70px 20px 0px;

}
#div-gpt-ad-leaderboard_mid1 {
    margin-bottom: -30px;
    margin-top:20px;
}

}




/* Cookie Notify Styles */
.cookie-notify {
    position: fixed; 
    z-index: 100;
    bottom:0%;
    width:100%; 
    background-color: #393838; 
    opacity: .98;
    height: 0;
}

.cookie-show-in {
    height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: height 1s;
}
/*******************************************************/
/* BEG Changes That need pulled into PROD    */
/*******************************************************/

/*******************************************************/
/* BEG Changes That need pulled into PROD    */
/*******************************************************/

.modal-backdrop.fade.in {
   opacity: 0.5 !important;
}

.scroll {
    overflow-y: auto;
    max-height:250px;
    border-bottom: solid 3px #eeeeee;
    border-top: solid 3px #eeeeee;
} 

.panel-collapse {
    overflow-y: auto;
    max-height:250px;
} 

#appSessionMember {margin-top:15px;}
#appSessionMember label {color:white; margin-bottom:0px;}



/*******************************************************/
/* END Changes That need pulled into PROD    */
/*******************************************************/



/*******************************************************/
/* BEG Sidebar header styles                              */
/*******************************************************/

.sidebarContent .headline h2 {
    font-size: 18px;
    color: #016438;
    border-bottom: solid 10px #016438;
    padding-bottom: 8px;
}

.noscroll, .scroll {margin-bottom:25px;}

/*******************************************************/
/* BEG Body sidebar header styles                     */
/*******************************************************/



/*******************************************************/
/* BEG Body sidebar header styles                     */
/*******************************************************/

.side-box h2  {
    font-size: 20px;color:#016438; 
    border-bottom: solid 10px #016438;
    padding-bottom:8px;
}

.side-box h2  {
    font-size: 20px;color:#016438; 
    border-bottom: solid 10px #016438;
    padding-bottom:8px;
}


/*******************************************************/
/* BEG Body sidebar header styles                     */
/*******************************************************/


.rightSide h2, .leftSide h2 {color:#016438;}
#member-nav {margin-bottom:15px;}
#serviceFormAdd label {color:#016438;}
.modal-body label {color:#016438;}
.modal-header h4, button {color:#ecfbf4;}
button.close {color:#ecfbf4;}
.modal-header {background-color:#016438;}


.dataTables_info {color:#016438;margin-top:2em;}

.dataTables_scrollHead th {color:#016438;}
.odd td {color:#777777;}

.invalid {color:red;}

#member-nav {

}



.btn-primary, .btn-danger, .btn-default {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn-primary, .btn-danger, .btn-default {
    background: #016438;
    border: 1px solid #024427;
    color: white;
}

.btn-primary:hover, .btn-danger:hover, .btn-default:hover {
    background: #640e01;
    border: 1px solid #4b0d04;
    color: white;
}


.btn-u {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn-u {
    background: #016438;
    border: 1px solid #024427;
    color: white;
}

.btn-u:hover {
    background: #82291B;
    border: 1px solid #4b0d04;
    color: white;
}

/**************/
/* Header   */
/*************/

.member li {
  display:inline;
}

.dropdown-menu>li{
  border-bottom: 1px solid #ddd;
}

/********************************/
/* BEGIN Header                 */
/********************************/

.member li {list-style-type:none;}
.member {margin-top: 15px;}

.img-30 {
   position:relative;
   width:100%;
}

.top-header {background-color:white;border-bottom: 1px solid #d0cdcd;}

.form-control:focus {
    border-color: #016438;
}

.store-status {display:none;}

#cart {margin-top: 15px;}
.cart-button {
       border: solid 1px #bbbbbb; 
       background-color: white;
       padding:4px 5px 4px 5px;
border-radius: 3px; }

.cart-button .fa {color:#016438;padding-top:3px;}
.cart-button label {color:#016438;}

/********************************/
/* END Header                 */
/********************************/

/********************************/
/* BEGIN defaults
/********************************/
a {color: #016438;text-decoration: none;}
a:hover {color:#2f6592;text-decoration: none;}
a:focus {color: #ce3947;text-decoration: underline;}
p, h1, h2, h3, h4, ul, ul, li {color:#797878;}
label {color:#363636;}

.inverse h4 {color:white;}

.quote {font-style: italic;color:#b3b4b5;}

.btn {
    background: #016438;
    border: 1px solid #014f2c;
   color:white;
}

.btn:hover {

}

.btn-2 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn-2 {
    background: #016438;
    border: 1px solid #024427;
    color: white;
}

.btn-2:hover {
    background: #82291B;
    border: 1px solid #4b0d04;
    color: white;
}



.btn-van {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn-van {
    background: white;
    border: 1px solid #12284c;
    color: #12284c;
}

.btn-van:hover {
    background: #12284c;
    border: 1px solid #12284c;
    color: white;
}


/********************************/
/* END defaults
/********************************/

/********************************/
/* BEGIN global classes
/********************************/

.p-15 {
    padding: 15px !important;
}


/********************************/
/* END global classes
/********************************/



/********************************/
/* BEGIN navbar
/********************************/

.dropdown ul {
    border-top: 2px solid #016438;
}


.dropdown-menu>li>a {
    color: #555555;
}

.navbar-default {
    border: none;
}

.navbar {
    min-height: 0 ;
    margin-bottom: 0px;
}

.navbar-collapse ul {
   margin-top: 35px;
}

.navbar-default .navbar-toggle {
    border-color: #016438;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #016438;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

}


.navbar-toggle a:hover, .navbar-toggle a:focus {
    color: #FFF;
    background-color: #016438;
}

.navbar .navbar-nav > li > a {
    background-color: #fff;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: #016438;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: #FFF !important;
    background-color: #016438;
    border-radius: 0px;
}

.navbar .navbar-nav >
.open> a, .navbar
.navbar-nav > .open> a:hover,
nav > .open> a:focus {
   background-color: #016438;
   color: #fff !important;
}

.navbar-brand h2 {font-size: 1.75em !important; margin: 10px 0px 0px 0px;}
.navbar-brand h3 {font-size: 1.25em !important; margin: 10px 0px 0px 0px;}

.navbar-default {
    background-color: white;
}

.dropdown-menu>li>a:hover {
    color: white;
    background-color: #016438;
}

.aux-text {padding-top: 20px; color:#016438;font-size: 15px; font-weight:bold;}

/********************************/
/* END navbar */
/********************************/

/********************************/
/* BEGIN Bread Crumb styles
/********************************/

.breadcrumbs {
    border-top: 1px solid #E0EDED;
    border-bottom: 1px solid #E0EDED;
    background: none repeat scroll 0% 0% #FCFCFC;
    color: #666;
    margin-bottom: 20px;
    margin-top: 0px;
}

.breadcrumbs h1 {
    margin: 0px;
    padding: 14px 0px;
    font-size: 22px;
    line-height: 100%;
}

.breadcrumb {
    float: right;
    margin: 0px;
    padding: 16px 0px;
    background: none repeat scroll 0% 0% transparent;
    border-radius: 0px;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb a:hover {text-decoration: none;}

.breadcrumb>.active {
    color: #999999;
}
/********************************/
/* END Bread Crumb styles */
/********************************/


/********************************/
/* BEG Layer Slider             */
/********************************/
.layer_slider {
   overflow: hidden;
}
.layer_slider a
{
	cursor: pointer;
}
.layer_slider a:hover
{
	moz-transition: .3s;
	ms-transition: .3s;
	o-transition: .3s;
	text-decoration: none;
	transition: .35s;
	webkit-transition: .3s;
}


 .layer-slider-wrapper
{
	border-bottom: 1px solid #e0eded;
	max-height: 500px;
	overflow: hidden;
}
 .layer-slider-wrapper .title
{
	color: #333;
	font-size: 36px;
	font-weight: 500;
	line-height: 46px;
	text-transform: capitalize;
}
 .layer-slider-wrapper .title.title-base
{
	background: #e91b23;
	color: #FFF;
	font-size: 36px;
	font-weight: 500;
	line-height: 46px;
	text-transform: capitalize;
}
 .layer-slider-wrapper .title.title-dark
{
	color: #333;
	font-size: 36px;
	font-weight: 500;
	line-height: 46px;
	text-transform: capitalize;
}
 .layer-slider-wrapper .subtitle
{
	color: #e91b23;
	font-size: 22px;
	line-height: 30px;
	text-transform: capitalize;
}
 .layer-slider-wrapper .list-item
{
	color: #e91b23;
	font-size: 18px;
	line-height: 30px;
	padding-left: 30px;
	text-transform: capitalize;
}
 .layer-slider-wrapper .text-standard
{
	font-size: 16px;
	line-height: 22px;
}


/********************************/
/* END Layer Slider             */
/********************************/


/*********************************/
/* BEG Gallery .                   */
/********************************/
.pageNav a {background-color:#2f6592;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #026439;
    border-color: #025631;
}

.carousel-indicators  {padding-top: -50px;}


/*********************************/
/* BEG Footer Styles            */
/********************************/

/* BEGIN Sticky footer styles */
html,
body {

  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -205px;
  /* Pad bottom by footer height */
  padding: 50px 0 205px;
  position: relative;
}

.input-group-btn {color:white;}

/* Set the fixed height of the footer here */
.footer
{
    background-color: #1f2023 ;
    min-height: 205px;
    padding-bottom: 20px;
    padding-top: 15px;
    margin-top:50px;
}

.footer li, .footer h4, .footer p{
  color: white;
}



.footer a {color:white;text-decoration: none;}
.footer a:hover{color:#85ddb6;}
.copyright{color:white;}
.copyright a {color:#04a960;}

footer .col.col-social-icons i {
    background: #016438;
    border-radius: 2px;
    color: white;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    text-align: center;
    width: 40px;
}

footer .col.col-social-icons i:hover {
    color: #85ddb6;

}

/* END Sticky footer styles */

/* END Footer styles */

/* BEGIN media styles
-------------------------------------------------- */
@media (max-width: 767px)  {

.phone-space {margin-top:30px;}
.navbar-toggle {margin-top:55px;}
.navbar-collapse { border-top:0px;}
.navbar {
    min-height: 0;
    margin-bottom: 0px;
    margin-top:55px;}
#cart {
    margin-top:0;
    margin-bottom: 10px;
    margin-left:15px;}
.navbar-toggle  {
    background-color: white;
}
.img-30 {
   position:relative;
   width:50%;
}

#appSessionMember .btn-primary {margin-bottom:10px; padding-bottom:10px;}

.h-brands-wrap .btn-2 {margin-bottom:20px;}

.member {
      margin-top: 0px;
      margin-left:0;
      margin-right:0;
      margin-bottom:10px;          
}

.member li {
   margin-bottom: 3px;
   display: block;
}

}


@media (min-width: 768px) and (max-width: 960px) {
.img-30 {
   position:relative;
   width:30%;
}

.navbar-brand {margin-top:50px;}
.navbar-collapse ul {
    margin-top: 0px;
}



#cart {
    margin-top:0;
    margin-bottom: 10px;
    margin-left:15px;}

}

@media (min-width: 992px) {
.img-30 {
   position:relative;
   width:100%;
}


@media (min-width: 1200px) {}

/* END Media styles */