body {

color:rgba(0,0,0,1);

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

font-family:'Alike Angular',serif;;
font-size:14px; line-height:23px;

margin:0; padding:0 !important;

background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);


}



body section.alternate a, body section.alternate h3 a{

color: rgba(11,62,92,1);

}









body section.alternate .container ul li{

font-size:17px;

}





.padding{

padding:20px;

}





.show_mobile{

display:none;

}



.styleBackgroundColor_dark .btn{

color:white;

border-color:white;

}



.homepagelink h1{

font-size:60px;

}





section{

padding-top:10px;

padding-bottom:10px;

}



section.alternate .container p{

 color: rgba(0,0,0,1);
}



section.alternate .container h2{

 color: rgba(2,42,65,1);font-family:'Alike Angular',serif;
font-weight:bold;

letter-spacing:-2px;

font-size: 35px;

margin-bottom:5px;

}



section.alternate .container h3, h3.subTitle, .slider h3, .callout h3{

 color: rgba(2,42,65,1);font-family:'Alike Angular',serif;
}



.slider h3{

font-size:38px;

line-height:30px;

}





#topBar .container .banner .logo_custom_text h1{

font-family:'Average',serif;;
}





.container .logo_footer .logo_custom_text h1{



font-family:'Average',serif;;font-size:32px;margin-bottom:10px;line-height:30px
}



.banner a.logolink{

text-decoration:none;

}





.banner h3, .banner h2{margin-top:10px;margin-bottom:1px;line-height:60px;

font-family:'Average',serif;
font-size:48px;

}





.abslogo{

display:block;

position:absolute;

z-index:1200;

top:2px;

margin:0px;

padding:0px;

max-height:200px;

}



.logo img{

display:none;

}



a.logo, a.logo div, a.logo p{

text-decoration:none;

}



.admineditbutton{

z-index:99;

position: fixed;

top: -10px;

background-color:white;

left: 15px;

}



#calloutform label{

width:100px;

}



#footer {

color:rgba(255,255,255,1);

display:block;

vertical-align:bottom;

background-color:rgba(11,62,92,1);

border-top:rgba(1,21,36,1) 5px solid;

z-index:101;

}



#footer a:visited, #footer a:link{

color:rgba(215,215,215,1);

}



#footer .logo_custom_text h1{

color:rgba(255,255,255,1);

}



#footer a.btn{

padding:10px 20px;

white-space: normal;

}



#footer div.copyright {

color:white;

}



#footer div.copyright a, #footer a{

color:rgba(51,102,132,1);

padding:0;

}



#footer hr {

border:0; margin:0; padding:0;

border-top:rgba(1,21,36,1) 1px solid;

border-bottom:rgba(1,21,36,1) 1px solid;

}



#footer .dark {

height:400px;

background-color:rgba(-9,42,72,1);

}



#footer h2,

#footer h3,

#footer h4 {

color:rgba(255,255,255,1);

}



#footer .copyright {

background-color:rgba(-29,22,52,1);

padding:20px 0;

}



#footer ul.list-unstyled li a{

color:rgba(255,255,255,1);

}



a,

.tp-caption a {

color:#AD5251;

}



a, a:hover, a:active,

#topNav ul.nav li li a:hover,

.tp-caption a:hover,

.featured-box-minimal h4,

.glyphicon, .wi,

p.dropcap:first-letter,

ul.side-nav a:hover,

ul.side-nav ul li.active>a,

.li, div.owl-carousel .caption,

.pagination>li>a,

.pagination>li>span,

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus,

div.mega-price-table .pricing:hover h4,

div.mega-price-table .pricing-table i.fa, /* icons */

#blog a>span,

#blog h1>span,

.cartContent a.remove_item:hover,

.owl-carousel.featured a.figure>span>i,

.btn-link,

.styleColor {

border-color:rgba(51,102,132,1);

color:#999;

}





#topNav ul.nav>li a.main-nav-buttons{

color:rgba(255,255,255,1);

}



#topNav .dropdown-submenu > a:after {

display: block;

content: " ";

float: right;

width: 0;

height: 0;

border-color: transparent;

border-style: solid;

border-width: 5px 0 5px 5px;

border-left-color: #eaeaea;

margin-top: 5px;

margin-right: -10px;

}

#topNav .dropdown-submenu li:hover> a:after {

color:rgba(215,215,215,1);

}

#topNav ul.dropdown-menu li:last-child>a {

border-bottom:0;

border-bottom:0;

}

.dropdown-menu>li:hover>a,

.dropdown-menu>li:focus>a {

color:rgba(215,215,215,1);

background-color:#333;

}





#footer li a:hover,

#footer a:hover{

color:rgba(255,255,255,1);

}



p.dropcap.color:first-letter,

span.badge,

#toTop:hover,

#bar, .slider-handle,

div.featured-box i.fa,

i.featured-icon,

.progress-bar-primary,

.modal-header,

.timeline .timeline-left .item:before,

.timeline .timeline-right .item:before,

.timeline .timeline-centered .item.pull-right:before,

.timeline .timeline-centered .item.pull-left:before,

div.mega-price-table .pricing-title,

div.mega-price-table .pricing-head,

div.mega-price-table .pricing.popular,

#topNav ul.nav>li:hover>a:before,

#topNav ul.nav>li.active>a:before,

.styleBackgroundColor {

background-color:rgba(11,62,92,1);

color:white;

}



.styleBackgroundColor .panel-body p, .styleBackgroundColor .panel-body{

color:white;

}



.styleBackgroundColor_dark {

background-color:rgba(-29,22,52,1);

}



.styleBackgroundColor_dark h1, .styleBackgroundColor_dark h2, .styleBackgroundColor_dark h3, .styleBackgroundColor_dark h4, .styleBackgroundColor_dark p, .styleBackgroundColor_dark .subhead, .styleBackgroundColor_dark a{

color:white;

}



/* icons , boxes */

i.featured-icon:after,

div.featured-box.nobg.border-only i.fa {

color:rgba(11,62,92,1);

border-color:rgba(11,62,92,1);

}

section.product-view-colors a:hover,

section.product-view-colors a.active,

i.featured-icon {

border-color:rgba(11,62,92,1);



}

i.featured-icon.empty {

color:rgba(11,62,92,1) !important;

border-color:rgba(11,62,92,1);

}



/* Top Nav */



#topNav .nav-pills>li>a,

#topNav .nav-pills>li>a:hover,

#topNav .nav-pills>li>a:focus,

#topNav .nav-pills>li.active>a,

#topNav .nav-pills>li.active>a:hover,

#topNav .nav-pills>li.active>a:focus {

background-color:transparent;

}

#topNav div.navbar-collapse {

padding:0;

}

#topNav ul.nav>li {

color:rgba(255,255,255,1);


text-align:center;

position:relative;

margin:0;

}

#topNav ul.nav>li:last-child {


}





#topNav ul.nav>li a {

color:rgba(255,255,255,1);

padding: 15px 15px;

position: relative;

text-decoration: none;

font-size:17px;
line-height:17px;

display:block;

font-weight:300;

font-family:'Average',serif;;
-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

transition: all 0.2s;

}

#topNav ul.nav>li>a>span {

display:block;

font-size:14px;

color:#ccc;



-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

transition: all 0.2s;

}



#topNav ul.nav>li:hover a {

color:rgba(255,255,255,1);

}

#topNav ul.nav>li:hover a>span {

color:rgba(255,255,255,1);

}





#topNav ul.nav .dropdown-menu>li.active>a,

#topNav ul.nav .dropdown-menu>li:hover>a,

#topNav ul.nav .dropdown-menu>li:focus>a {

color:rgba(255,255,255,1);

background-color:rgba(11,62,92,1);

}



#topNav ul.dropdown-menu>li:hover>a.dropdown-toggle:after { /* arrow sub-submenu */

color:rgba(255,255,255,1);

}



#topNav ul.nav li a.main-nav-buttons:hover{

background-color:rgba(51,102,132,1);

}



/* Primary Button */

.btn-primary {

border-color:rgba(-29,22,52,1);

background-color:rgba(11,62,92,1);

}



.btn-white {

color:white !important;

}



.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus,

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary,

.daterangepicker td.active,

.daterangepicker td.active:hover,

.btn-primary:hover,

.btn-primary:active,

.btn-primary:focus {

border-color:rgba(11,62,92,1);

background-color:rgba(11,62,92,1);

}





/* embed title */

section header em,

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

font-style:normal;

color:rgba(11,62,92,1);

}



#topNav {

display:block; left:0; right:0; top:0;


background:rgba(11,62,92,1);

position:relative;

z-index:10;





-webkit-box-: 0 4px 0 rgba(0, 0, 0, 0.04);

-moz-box-: 0 4px 0 rgba(0, 0, 0, 0.04);

-o-box-: 0 4px 0 rgba(0, 0, 0, 0.04);

/*box-: 0 4px 0 rgba(0, 0, 0, 0.04);*/

}





#topNav ul.dropdown-menu>li a {

margin:0;

padding:10px 15px;

font-weight:400;

color:#fff;

font-size:17px;

border-bottom:rgba(0,0,0,0.1) 1px solid;

}





#topNav ul.dropdown-menu>li a i.fa {

margin-right:4px;

}

#topNav ul.dropdown-menu a.dropdown-toggle:after {

content: "\f105";

font-family: FontAwesome;

position: absolute;

font-size:17px;

right: 10px;

top: 9px;

color:#fff;

}



#topNav ul.dropdown-menu {

text-align:left;

margin-top:0;

border-top:0;

font-size:17px;

list-style:none;

background:rgba(51,102,132,1);

/*box-:rgba(0,0,0,0.5) 0 6px 12px;*/

min-width:200px;



-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

}



/* Top Nav active/hover */

#topNav ul.nav>li.mega-menu>ul li:hover>a,

#topNav ul.nav>li.mega-menu>ul li.active>a,

#topNav ul.nav>li:hover:before,

#topNav ul.nav>li.active:before {

background-color: rgba(11,62,92,1);

color:rgba(255,255,255,1);

}

/* Top Nav color active */

#topNav .nav-pills.colored>li.active>a,

#topNav .nav-pills.colored>li.active>a:hover,

#topNav .nav-pills.colored>li.active>a:focus {

color:rgba(255,255,255,1);

background-color:rgba(11,62,92,1);

}



#topNav ul.nav>li:hover>a:before,

#topNav ul.nav>li.active>a:before {

content:' ';

background-color: rgba(51,102,132,1);

height: 2px; width: 100%;

left: 0; top: -3px;

position: absolute;

}

/* Misc */

.styleBackgroundColor,

.featured-box-minimal i.fa {

background-color:rgba(11,62,92,1);

}



ul.list-icon li:before {

color:rgba(11,62,92,1);

font-size:16px;

}

body.boxed #topBar {

border-top:rgba(11,62,92,1) 4px solid;

}



section.alternate{

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


	-webkit-box-shadow: inset 2px 19px 26px -13px rgba(0,0,0,0.75);

	-moz-box-shadow: inset 2px 19px 26px -13px rgba(0,0,0,0.75);

	box-shadow: inset 2px 19px 26px -13px rgba(0,0,0,0.75);


}





section.alternate .container{

padding:30px 20px 30px 20px;

}





section.alternate .container .callout{

background-color:rgba(11,62,92,1);

color:white;

}



section.alternate .container .callout p{

color:white;

}





#topBar {

display:block;

position:relative;

background-color:rgba(46,128,167,1);

min-height:30px;

z-index:10;

background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
}



body #topBar{

background-color:rgba(46,128,167,1);

color:rgba(255,255,255,1);


}



body #topBar .container{



}



body #topBar .container h2,body #topBar .container h1,body #topBar .container h3,body #topBar .container h4,body #topBar .container a {

color:rgba(255,255,255,1);

font-family:inherit;

}



.panel-epona {

border:rgba(11,62,92,1) 1px solid;

}



.panel-epona>.panel-heading {

background-color:rgba(11,62,92,1);

color:rgba(255,255,255,1);

}



.panel-epona>.panel-body{

color:rgba(255,255,255,1);

}



/* Slider Captions */

.tp-caption.block_styleColor {

background-color: rgba(11,62,92,1);

color:#fff;

}

.tp-caption.block_white {

color:rgba(11,62,92,1);

}





.slider{

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


}







.flexslider { margin: 0; background: rgba(0,0,0,1); position: relative; }

/* flex slider */

.flexslider.flexFull .flex-direction-nav a:hover,

.flexslider.flexContent .flex-direction-nav a:hover {

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


color:#fff;

}





.flexslider .slides .box {

position:absolute;

top:0; bottom:0;

max-width:400px;

color:#fff;

padding:40px 20px;

background-color:rgba(0,0,0,.5);

display:table;

}





/* essentials rewrite */

.alert.alert-default {

border-left:rgba(11,62,92,1) 3px solid;

}



/* item box */

.item-box .item-hover .overlay {

/*

background-color:rgba(169,69,69,0.6);

*/

}







/*

Sky Forms

*/

/**/

/* normal state */

/**/

.sky-form .toggle i:before {

background-color: rgba(11,62,92,1);

}

.sky-form .button {

background-color: rgba(11,62,92,1);

}





/**/

/* checked state */

/**/

.sky-form .radio input + i:after {

background-color: rgba(11,62,92,1);

}

.sky-form .checkbox input + i:after {

color: rgba(11,62,92,1);

}

.sky-form .radio input:checked + i,

.sky-form .checkbox input:checked + i,

.sky-form .toggle input:checked + i {

border-color: rgba(11,62,92,1);

}

.sky-form .rating input:checked ~ label {

color: rgba(11,62,92,1);

}





.list-group .list-group-item-danger{

background-color:rgba(11,62,92,1);

border:1px solid rgba(-29,22,52,1);

color:white;

}



.list-group .list-group-item-danger h4{

color:white;

}



.list-group a.active:hover, .list-group .list-group-item.active{

background-color:rgba(11,62,92,1);

border:1px solid rgba(-29,22,52,1);

color:white;

}



.list-group a:hover{

background-color:#eee;

}











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

.slider{display:none;}


.abslogo{

display:none;

}

.logo{

display:block;

}



.hide_tablet {

display:none;

}







.homepagelink h1{

font-size:30px;

}



}









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

#footer {

border-top:rgba(1,21,36,1) 1px solid;

}



}



a.panel-links, a.panel-links:hover{

text-decoration:none;

}



a.panel-links .panel{

background-color:white;

}



a.panel-links:hover .panel{

background-color:#ffe;

}











/* mobile */

#topNav button.btn-mobile {

display:none;

}







#topNav button.btn-mobile {

color:rgba(255,255,255,1);

display: none;

background:rgba(11,62,92,1);

padding:6px 10px;

margin-top:8px;

margin-bottom:3px;



-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

}

#topNav button.btn-mobile i {

padding:0; margin:0;

font-size:21px;

}



#topNav nav.nav-main {

background-color:rgba(11,62,92,1);

margin-left:0px;



}






#topNav nav.nav-main ul li{

text-align:left;

}





.form-group label{

font-weight:bold;

}



.inactive i{

color:#ccc;

}



.headline{

margin-bottom:1px;

}



a.footernews:link, a.footernews:active, a.footernews.visited{

padding:19px 9px;

display:block;

}



a.footernews:hover{

background-color:rgba(51,102,132,1);

}



.infobox{

width:100%;

margin:0px;

}

.calloutlink p{

text-decoration:none;

color: #666;

}



.calloutlink{

height:250px;

border:1px solid white;

padding-top:20px;

}



.calloutlink:link, .calloutlink:active, .calloutlink:visited{

text-decoration:none;

color: #666;

}



.calloutlink:hover{

text-decoration:none;

background-color:#f1f1f1;

border:1px solid #ccc;



}



a.darkbutton{

display:block;

text-decoration:none;

}



a.darkbutton:hover, a.darkbutton:hover p, a.darkbutton:hover h3{

background-color:#666;

color:white;

}



.styleBackgroundColor a{

color:white;

}



.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 35px;

height: 0;

overflow: hidden;

}



.video-container iframe {

position: absolute;

top:0;

left: 0;

width: 100%;

height: 100%;

}



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



#topBar a.logolink span.logo_custom_text h1{

font-size:30px!important;

line-height:30px!important;

}



#topNav nav.nav-main {

margin-left:0px;

}





#topNav a.logo img {

display:block;

text-align:left;

margin:0px;

float:none;

color:white;

font-size:24px;

font-weight:bold;

/*26/july/24 font-family:; */

}







#topNav form.search {

margin-left:4px;

}

#topNav button.btn-mobile {

margin-right:4px;

}



.hide_mobile {

display:none;

}



.show_mobile{

display:block;

}



#topNav nav.nav-main {

margin-left:0px;

}





}



.grid-item {

float: left;

margin:3px;

}



.logo_custom_text{

text-decoration:none;

}













.newsgridbox h2, .newsgridbox_large h2{

font-weight:bold;

}



.newssidebar h3{

font-size:13px;

font-weight:bold;

margin-bottom:0px;

line-height:16px;

}





.newsgridbox a:link, .newsgridbox a:visited, .newsgridbox a:active{

color:black;

text-decoration:none;

}



.newsgridbox{

text-decoration:none;

}



.newssidebar a:link, .newssidebar a:visited, .newssidebar a:active{

color:#666;

text-decoration:none;

display:block;

padding:4px 1px;

border-bottom:1px #ccc dashed;

font-size:12px;

}



/*26/july/24 -->

.newsgridbox a:hover,.newssidebar a:hover{*/


/*}*/



.newsgridbox{

width: 312px;

height: 300px;

float: left;

margin: 0 14px 14px 0;

background: #ffffff;

color: #222;

overflow: hidden;

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

border-radius: 9px;

font-size:12px;

position:relative;

}





.newsboxcontent p{

padding:2px 12px;

}



.newsgridbox_large, a.newsgridbox_large{

width: 375px;

height: 500px;

float: left;

margin: 0px;

color: #222;

overflow: hidden;



font-size:12px;

position:relative;

text-decoration:none;

margin-left:-1px;

margin-top:-1px;

}

.newsgridbox p, .newsgridbox_large p{

font-size:14px;

}



.newsgridbox_large:hover{

background-color:#ffc;

}





.newsgridbox .featured-image {

position: relative;

width: 312px;

overflow: hidden;

margin:0px 0px;

}



.newsgridbox_large .featured-image {

width: 300px;

border:1px solid black;

margin:10px;

}



.newsgridbox .meta-published {

position: absolute;

bottom: 10px;

font-size: 11px;

color: #aaa;

right:10px;

}



.newsboxcontent .newsboxcontent p{

padding:20px;



}



.newsboxcontent{

text-decoration:none;

}



.prodtext{

font-size:16px;

padding:5px 20px 20px 20px;

}

.prodtext ul{

padding-left:0;



}



h1.prodheading{

font-size:32px;

margin-top:-20px;

line-height:90%;

}



.prodtext li{

font-size:10px;

line-height:10px;

margin:0px;

}





.specialprice{

font-size:18px;

font-weight:bold;

}



a.bigfatbutton:link{

border:2px solid blue;

background-color:white;

font-size:20px;

padding:6px 15px;

color:blue;

position:relative;

left:50%;

margin-left:-50px;

display:block;

text-decoration:none;

}



.listimage img, .itemlink1 img{

-moz-box-shadow: 3px 3px 4px #333333;

-webkit-box-shadow: 3px 3px 4px #333333;

box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);

}





.normal_features{

float:right;margin-left:20px;width:400px;

}



.listgridbox{

border:1px solid #ccc;

-moz-box-shadow: 3px 3px 4px #333333;

-webkit-box-shadow: 3px 3px 4px #333333;

box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);

border-radius: 9px;

padding:20px 10px;

display:inline-block;

margin-right:10px;

vertical-align:middle;

}





.bestseller{

position:absolute;

z-index:5;

background-image:url(../../images_common/badge_bestseller.png);

width:314px;

height:310px;

background-repeat:no-repeat;

background-position:top right;

}



.abslogo img{
margin-top:8px;
margin-bottom:2px;
}

img.logo{
max-height:120px;
float:left;
margin-right:10px;
}

.logo_custom_text{
float:left;
}

#topBar .container .banner .logo_custom_text h1{
font-size:52px;
line-height:40px;
margin-top:6px;
text-shadow: 2px 2px 4px #000033;
margin-bottom:-1px;
}

.logolink{
display:inline;
float:left;
}


.logo_footer .logo_custom_text h1{
font-size:40px;
}

.banner h4{
margin-bottom:0px;
}

.list-group h3{
margin-bottom:0px;
}

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

.logo_custom_text{
margin-left:0px;
}

}

section.alternate .container .special ul li{
font-size:16px;
font-weight:bold;
}










.panel-primary {

border-color: rgba(11,62,92,1);

}

.panel-primary > .panel-heading {

color: #fff;

background-color: rgba(11,62,92,1);

border-color: rgba(11,62,92,1);

}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {

border-top-color: rgba(11,62,92,1);

}

.panel-primary > .panel-heading .badge {

color: rgba(11,62,92,1);

background-color: #fff;

}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {

border-bottom-color: rgba(11,62,92,1);

}



#topBar h3{

margin-bottom:0px;

}



form.edit{

color:black;

}







span.prodcolumn1{

float:right;

font-weight:bold;

padding-left:12px;

font-family:verdana,arial;

font-size:9px;

line-height:13px;

text-align:left;

}



span.prodcolumn2{

float:right;

font-weight:normal;

padding-left:12px;

font-family:verdana,arial;

font-size:11px;

line-height:13px;

text-align:left;

}



span.prodcolumn3{

float:right;

font-weight:normal;

padding-left:12px;

font-family:verdana,arial;

font-size:11px;

line-height:13px;

}



.prodrow{

font-weight:normal;

font-family:verdana,arial;

font-size:11px;

line-height:13px;

padding-bottom:4px;

}



span.prodcolumn4{

float:right;

font-weight:normal;

padding-left:12px;

font-family:verdana,arial;

font-size:11px;

color:#003;

line-height:13px;

}



.rowstyle1{

background-color:#e9e9e9;

padding-top:10px;

padding-bottom:10px;

border-top:1px solid #ccc;

font-family:verdana,arial;

font-size:11px;

color:#000;

clear:both;

display:block;

}



.rowstyle2{

background-color:#f0f0f0;

padding-top:10px;

padding-bottom:10px;

border-top:1px solid #ccc;

padding-left:5px;

font-family:verdana,arial;

font-size:11px;

color:#000;

clear:both;

display:block;

}



.prodeditrow{

clear:both;display:block;padding:2px;border-bottom:1px solid #ccc;

}



label.error{color:#990000}





.select {

position: relative;

min-width: 100px;

display: inline-block;

padding: 5px 20px 5px 5px;

border: outset 1px gray;

background: rgba(246,246,246,.75);

}

.select:after {

width: 16px;

position: absolute;

right: 0;

top: 0;

width: 16px;

padding: 5px;



content: '▼';

outline: 1px gray;

}

.select.box {

position: relative;

min-width: 100px;

display: inline-block;

padding: 5px 10px 5px 5px;

}

.select.box .options {

position: relative;

display: inline-block;

border: inset 1px;

width: 100%;

padding: 2px;

background: white;

color: black;

}

.select.box:after{

content: '';

display: none;

}



.select .options {

position: absolute;

display: none;

border: outset 1px;

padding: 2px;

min-width: 100%;

background: white;

color: black;

}

.select .options li {

list-style-type: none;

display: block;

background: white;

color: black;

padding: 0 1em 0 .5em;

}

/* 26 july 24

.select .options:visible {

z-index: 10;

border: solid 4px red;

}

*/

.select .options li {

white-space: nowrap;

}

.select .options li.selected {

background: steelblue;

color: white;

}

.select .options li.selected:before {

content: '✓';

}



.select .options li:hover {

list-style-type: none;

display: block;

background: black;

color: white;

}



a.boxlink:hover{

background-color:rgba(255,255,255,.6);

}

a.boxlink{

text-decoration:none;

}



div.testimonial{

color:black;

}



.box{

border: solid 1px #FFF;

outline: solid 1px #e0e0e0;

}







.carousel{

margin-top: 0px;

position: relative;

padding-bottom: 1px;

background-color: #eee;

}



.itemcontainer{

min-height: 375px;

}



.itemcontainer ol li,.itemcontainer ul li{

font-size:18px;

}



.item{

padding: 30px;

}





.item .block{

width: 100%;

float: left;

color: #FFF;

min-height: 200px;

text-align: left;

padding: 15px;

margin-bottom: 20px;

box-shadow: 1px 2px 3px #444;

}





.item p{

text-align: left;

font-size: 18px;

}



.item .input-group{

margin-bottom: 10px;

}



.block-1{

background-color: #94C83C

}



.block-2{

background-color: #F36E20

}



.block-3{

background-color: #3498DB

}



.block-4{

background-color: #F7C767

}



.ghosted{

opacity: 0.5;

}



#notify{

display:none;

z-index:999;

position:absolute;

width:300px;

height:150px;

left:50%;

top:40px;

margin-left:-150px;

border-radius: 150px;

padding: 10px 16px;

font-size:50px;

}



#notify2{

display:none;

z-index:999;

position:absolute;

width:300px;

height:150px;

left:50%;

top:40px;

margin-left:-150px;

border-radius: 150px;

padding: 10px 16px;

font-size:50px;

line-height:40px;

}



#notify i, #notify2 i{

color:white;

font-size:100px;

}



#notify span.right, #notify2 span.right{

display:block;

margin-top:40px;

}



.notify3{

font-size:30px;

color:red;

}



.quiz p{

font-size:18px;

}



.error{

background-color:rgba(200,0,0,.5);

}



.removeanswer{

cursor:pointer;

}



.removequestion{

cursor:pointer;

}



.dropshadow{

-webkit-box-shadow: 2px 19px 26px -13px rgba(0,0,0,0.75);

-moz-box-shadow: 2px 19px 26px -13px rgba(0,0,0,0.75);

box-shadow: 2px 19px 26px -13px rgba(0,0,0,0.75);

}



a.startbutton:hover{

padding: 14px 22px;

}

/**********29-8-24 */
.btn-primary{color: #fff !important;}
[href="/index.php?s=700&m=3&mode=6&logout=yes"], [href="/index.php?s=700&m=3&logout=yes"]{margin-top:10px;}
.col-md-6 > .row{margin:0px;}
.col-md-6 > .row div[class^="col-"]{padding-left:15px; padding-right:15px;}
.col-md-8.p2 img[style="width: 1063px"]{max-width:100%;}
.col-md-8.p2:has(img[style="width: 1063px"]){width:100%;}
body.m-103.s-747 .panel-body h3{margin-bottom:18px;}
[href="/index.php?mode=1&m=104&s=635"],[href="/index.php?m=104&s=635"]{color:#fff !important;}
/********responsive********* */
.col-md-4 > a.styleBackgroundColor_dark{background:rgba(-29,22,52,1) !important}
section.styleBackgroundColor_dark a.col-md-4.boxlink{text-align: center;}
@media(max-width:1199px){
body #topBar {padding: 12px 10px;}
section.styleBackgroundColor_dark a.col-md-4.boxlink{height: initial !important;}
section.styleBackgroundColor_dark .row {display: flex; flex-wrap: wrap;justify-content: space-between;}
.row:has([name="year"]){display:flex; flex-direction:column; gap:15px;}
.row:has([name="year"]) .col-md-4 {width: 100%; display: flex; align-items: center;gap: 0px !important;}
.row:has([name="year"]) .col-md-4 select{ flex:1; margin:0px;}
.row:has([name="year"]) .col-md-4 b{min-width:60px; font-weight: 400;}

}
@media(max-width:992px){
body #notify, body #notify2{height:90px; margin-top:100px;}
body #notify i, body #notify2 i{font-size:65px;margin-right: 10px; margin-left: 15px;}
body #notify span.right, body #notify2 span.right {margin: 25px 0px 0px 0px; font-size: 36px;}
body #notify2 span.right{margin-top:13px;}
.page-title .pull-right {width: 100%;}
form.quiz .col-md-6.error {
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
#topNav {z-index: 9999;}
.modal{z-index:99999;}
.nav-main #topMain{float:none !important;}
section.styleBackgroundColor_dark a.col-md-4.boxlink{max-width:50%; width:50%;}
a[href="https://www.happyhourtraining.com/getting-started/"]{margin-top:10px;white-space: normal;}
section.alternate.p2 .col-md-8.p2 > h1, .alternate.p2 .col-md-8.p2 > h2{text-align:center; max-width: 500px; margin: 0px auto 30px !important;font-weight: 400;}
.alternate.p2 .col-md-8.p2 > div > [href="https://www.happyhourtraining.com/getting-started/"]{display:block; margin-bottom:20px;}
.alternate.p2 .col-md-4 > div > [href="https://www.happyhourtraining.com/getting-started/"]{display:block;}
.alternate.p2 .col-md-4 {display: flex; flex-wrap: wrap; gap:15px 20px;}
.alternate.p2 .col-md-4 > div {flex:100%;text-align: center;}
.alternate.p2 .col-md-4 > h3, .alternate.p2 .col-md-4 > ul.list-group {flex:100%;}
.alternate.p2 .col-md-4 > h3{text-align:center;margin-bottom: 0px;}
.alternate.p2 .col-md-4 > div ~ a{flex:1;text-align: center !important;margin-top: 0px;}
/******footer*******/
#footer .row{display:flex; flex-wrap:wrap;}
#footer .row > .col-md-4.p1{display:flex; flex-wrap:wrap;}
#footer .row > .col-md-4.p1:first-child{flex-direction:column;text-align: center;width: 100%;}
#footer .row > .col-md-4.p1:not(:first-child){width:50%;text-align:left;flex-direction: column;}
#footer .row > .col-md-4.p1:not(:first-child) > a:first-child{margin-top:0px;}
#footer .row > .col-md-4.p1:not(:first-child) > a{text-align:left !important;}
.row > .col-md-6:not(:last-child){padding-top:25px;}
#wrapper #topNav div.nav-main-collapse {z-index: 99999;transition:.5s all;left:-280px; position: fixed; height: 100% !important; top: 0px; margin: 0px !important; width: 280px !important; overflow: auto;background: #0B3E5C;}
#wrapper #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in{width:280px !important;}
#wrapper #topNav div.nav-main-collapse.in{left:0px;}
#wrapper #topNav ul.nav>li>a:after {content:None;}
a{word-break:break-word;}
#wrapper #topNav ul.nav>li>a.dropdown-toggle:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
font-size: 14px;
right: 20px;top: 15px;color: #999;}
#wrapper #topNav nav.nav-main li.resp-active > ul.dropdown-menu {margin-left: 0px; margin-right: 0px; padding: 0px;}
#wrapper #topNav ul.dropdown-menu>li a {white-space: initial;font-size: 16px; padding: 10px 15px 10px 35px !important;}
.alternate.p2 .col-md-4[style="margin-bottom:20px"]{width:33.333%;flex-direction: column; gap: 10px; padding:0px 8px;}
.row:has([style="margin-bottom:20px"].col-md-4){display:flex; gap: 10px; }
.alternate.p2 .col-md-4[style="margin-bottom:20px"] p:empty{display:none;}
}
@media(max-width:767px){
header#topBar .logo_txt {font-size: 25px;}
section.styleBackgroundColor_dark a.col-md-4.boxlink { max-width: 100%; width: 100%; padding:20px !important;}
section.styleBackgroundColor_dark .row{gap:15px;}
section.styleBackgroundColor_dark a.col-md-4.boxlink h2 {font-size: 1.4em;line-height: 1.2;font-weight: 400;margin: 20px 0px;}
#footer .logo_txt {font-size: 27px;}

}
@media(max-width:576px){
body section.alternate .container ul li {word-break: break-word;}
.row:has([style="margin-bottom:20px"].col-md-4){flex-direction:column }
.alternate.p2 .col-md-4[style="margin-bottom:20px"]{width:100%;padding: 0px 15px;}
header#topBar .logo_txt {text-align: left; font-size: 20px;}
header#topBar .col-sm-4 .pull-right{float:none; align-items:center; width:100%; display:flex;justify-content: space-between;margin-top:0px}
header#topBar .col-sm-4 .pull-right br{display:None;}
header#topBar .col-sm-4 {width: calc(100% + 20px);order: -1;margin: -12px -10px 5px;padding: 8px 12px 0px;}
#topBar .banner h4, header#topBar .col-sm-4 .pull-right a {font-size: 14px;}
header#topBar .col-sm-8 { padding: 0px;}
header#topBar .row.banner {display: flex; align-items: center;flex-wrap: wrap;}
h2[style="margin-top:5px;margin-bottom:5px;color:white;font-size:38px;line-height:38px"], h2[style="margin:0px;color:white;font-size:41px"],
h2[style="margin:0px;color:white;font-size:31px"]{margin: 0px !important;font-size: 22px !important;line-height: 1.2 !important;}
section.alternate .container h2{font-size:25px;line-height: 1.2;}
h1 {font-size: 2.2em; line-height: 1.2;}
html body{font-size:16px;}
h3 {font-size: 1.4em;line-height: 1.2;}
img[src="/images/olcc3.jpg"], img[src="/images/olcc[1].jpg"] {max-width: 200px;}
a:has(img[src="/images/olcc3.jpg"]) + div[style="color:black"] {display:none;}
section.styleBackgroundColor_dark a.col-md-4.boxlink p:last-child{margin-bottom:0px;}
section.styleBackgroundColor_dark a.col-md-4.boxlink i.fa{font-size:65px !important;}
section.styleBackgroundColor_dark a.col-md-4.boxlink img{margin-bottom:0px !important;}
section.styleBackgroundColor_dark a.col-md-4.boxlink br{display:None;}
#footer .row > .col-md-4.p1:not(:first-child) {width: 100%;}
#footer .row > .col-md-4.p1:not(:first-child) br{display:None;}
#footer .row > .col-md-4.p1:not(:first-child) > a:first-child { margin-top: 5px; }
#footer hr {display: none;}
#footer div.copyright {margin-top: 20px;}
section.alternate .container {padding: 20px 15px;}
body .slider {display: block; }
.flexslider .slides.height-500, .flexslider .slides.height-500 li>div, .flexslider .slides.height-500 .fullbox {height: 300px;background-size: cover !important;}
.g-recaptcha {transform: scale(.9); display: flex; justify-content: flex-end;}
[href="https://www.happyhourtraining.com/getting-started/"]{width:100%;}
ul.nav.nav-tabs {
display: flex;
flex-direction: column;
margin-bottom: 0px; border:0px;
}
ul.nav.nav-tabs li:not(:last-child){border-bottom:1px solid #555 !important;}
.nav-tabs>li>a{margin: 0px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:0px !important;background: #2E80A6 !important; border-radius: 0px; color: #fff !important;}
}