@charset "utf-8";
/* CSS Document */ 
@import url('https://fonts.googleapis.com/css?family=Alex+Brush');
/* GLOBAL STYLES
-------------------------------------------------- */
.btn{box-shadow: none !important;}
html {
  scroll-behavior: smooth;
}
.tooltip-inner {
    max-width: 100% !important;
}
.input-group .bootstrap-select.form-control {
    position: relative; z-index: 9999;
}
.selectpicker {
    position: relative; z-index: 9999;
}
/* Padding below the footer and lighter body text */
.alex{font-family: 'Alex Brush', cursive;}
.arial{font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:300;line-height:1.1;color:#000000}
h1,.h1{font-size:46px}
h2,.h2{font-size:36px}
h3,.h3{font-size:28px}
h4,.h4{font-size:24px}
h5,.h5{font-size:20px}
h6,.h6{font-size:16px}
html,body {
  padding-bottom: 70px; color: black;
}
.high{background: yellow; padding: 4px 6px; border-radius: 25px;} // FFCC00
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
.und0{background: white;}
.und1{background: black;}
optgroup:before {
    content: attr(label);
	background:#fff;
	color:#ff0000;
	font-style:normal;
	font-weight:bold;
}
.white-tooltip + .tooltip > .tooltip-inner {background-color: white; color:black; border:1px solid silver; opacity:1; padding:20px; font-size:14px;max-width: 500px;}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.toolwhite + .tooltip > .tooltip-inner {background-color: #fff; color: black; text-align: left; opacity: 1; border: 1px solid silver; max-width: 300px;}
.toolwhite + .tooltip {opacity: 1;}
.tool + .tooltip > .tooltip-inner {background-color: #fff; color: black; text-align: left; opacity: 1; border: 1px solid silver; max-width: 300px;}
.tool + .tooltip {opacity: 1;} 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
 .tooltip
 {
  display: none;
 }
}
.hlt{background:#ffcc00} /* FAF4C7 */
.circ{width:20px; height:20px;border-radius:50px; padding: 0px 10px; text-align: center; border: 1px solid white; margin:10px auto; font-size:9px;}
.circ2{border-radius:50px; padding: 0px 10px; text-align: center; border: 1px solid silver; margin:10px auto; font-size:9px;}

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #333;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #f1f1f1;
}
.form-checkbox
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-checkbox:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-checkbox:hover
{
     background-color: #f7f7f7;
}
.form-checkbox:checked
{
     background-color: #f1f1f1;
}

.btn{
border-radius: 18px;
}
.btn-xs{
border-radius: 12px;
padding-left: 10px;
padding-right: 10px;
}
.btn-sm{
border-radius: 16px;
}
.btn-md{
border-radius: 20px;
}
.btn-lg{
border-radius: 24px;
}
.btn-yellow,.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow {
    background-color: #ffcc00;
    border-color: #ffcc00;
    color: black; 
    border-radius: 50px;
}
.btn-outline {
  background-color: transparent;
  border-color: #fff;
  text-shadow: none;
}
.btn-blue { 
  color: #ffffff; 
  background-color: #0D285E; 
  border-color: #020269; 
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #ffffff; 
  background-color: #24417A; 
  border-color: #020269; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #0D285E; 
  border-color: #020269; 
} 
 
.btn-blue .badge { 
  color: #0D285E; 
  background-color: #ffffff; 
}
.fullheightl {
    width: 5px;
	height: 100%;
	position: fixed;
	left: 0px;
    padding: 0px;
    margin:0px;
	background:red;
	z-index: 10000;
}
.fullheightr {
    width: 5px;
	height: 100%;
	position: fixed;
	right: 0px;
    padding: 0px;
    margin:0px;
	background:red;
	z-index: 10000;
}
input.form-control, textarea.form-control, select.form-control{
    color: black;
}

/*#favplus{font-size:18px; margin-top: 10px; margin-bottom:-10px; cursor:pointer;}*/
.form-control::-webkit-input-placeholder { color:silver; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: silver; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: silver; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: silver; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: silver; }  /* Microsoft Edge */

label{cursor:pointer;}
a img,:link img,:visited img { border: none; }
:focus { outline: none; }
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:7px;}
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block;}
ul#thumblist li{float:left;margin:5px;list-style:none;}
ul#thumblist li a{display:block;border:0px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid black;}
.jqzoom{
	text-decoration:none;
	float:left;}
.attn{background-color:#FFE8E9; border:1px solid #ff0000;}
.att{color:#ff0000;}
.pad{padding:10px;}
.bord td{border:1px solid #ccc;}
pre{background:white; border:none; font-family:Arial, Helvetica, sans-serif; padding:0; font-size:16px; line-height: 20px; word-wrap:break-word; white-space: pre-wrap; overflow-x: auto; word-break: keep-all;}
/* http://charliepark.org/bootstrap_buttons/ */
div.blockme { padding: 30px; margin: 30px auto; border: 10px solid #ccc; background-color: #fff; }
/* Products Page */
.nav{font-size:14px;}
.prodbox{width:220px; height:320px; margin:0px 0px 4px 4px; padding:6px; float:left; border:0px solid #ccc;}
.titlebox{width:auto; height:58px; border:0px solid black; overflow:hidden; font-size:18px; line-height: 19px;}
.swatchbox{width:auto; height:42px; border:0px solid black; overflow:hidden;}

.heartgray{color:lightgray;}
.heartred{color:red;}

.logo {
	width:70%; border:1px solid black;
	float:left;
}
.carticon {
	max-width:70px; border:1px solid black;
	float:right; 
	text-align:right;
}
.boxshadow {
  -moz-box-shadow:    3px 3px 5px 6px #121212;
  -webkit-box-shadow: 3px 3px 5px 6px #121212;
  box-shadow:         3px 3px 5px 6px #121212;
}
.threads{width:100px; height:100px; border:1px solid silver; margin:5px; float:left; text-align:center; padding:10px; overflow:hidden; font-size:12px;}
.threadpic{width:100%; height:50%; border:0px solid green; overflow:hidden;}
.threadtxt{width:100%; height:50%; border:0px solid red;}
.fontstyles{width:150px; height:100px; border:1px solid silver; margin:5px; float:left; text-align:center; padding:10px; overflow:hidden; font-size:12px;}
.fontpic{width:100%; height:75%; border:0px solid green; overflow:hidden;}
.fonttxt{width:100%; height:25%; border:0px solid red;}
.darker a{color:#002a4c;}
.white{color:#fff;}
.dblue{color:#002a4c;}
.dblue a:link, .dblue a:active, .dblue a:visited{color:#002a4c;}
input:not([type=submit]):not([type=file]){font-size:18px;}
select{font-size:18px;}
.update{background:url(images/update.png) top no-repeat; width:164px; height:33px; cursor:pointer;} 
.update:hover{background:url(images/update.png) bottom no-repeat; width:164px; height:33px;}
.edit{background:url(images/wrench.png) top no-repeat; width:16px; height:16px; cursor:pointer;}
.edit:hover{background:url(images/wrench.png) bottom no-repeat; width:16px; height:16px;}
.delete{background:url(images/delete.png) top no-repeat; width:16px; height:16px; cursor:pointer;}
.delete:hover{background:url(images/delete.png) bottom no-repeat; width:16px; height:16px;}
.trash{background:url(images/trashcan.png) top no-repeat; width:35px; height:35px; cursor:pointer;}
.trash:hover{background:url(images/trashcan.png) bottom no-repeat; width:35px; height:35px;}
.editbtn{background:url(images/editbutton.png) top left no-repeat; width:89px; height:30px; margin:10px auto;}
.editbtn:hover{background:url(images/editbutton.png) bottom left no-repeat; width:89px; height:30px; cursor:pointer;}
.up{background:url(images/uparrow.png) top no-repeat; width:16px; height:16px; cursor:pointer;}
.up:hover{background:url(images/uparrow.png) bottom no-repeat; width:16px; height:16px;}
.down{background:url(images/downarrow.png) top no-repeat; width:16px; height:16px; cursor:pointer;}
.down:hover{background:url(images/downarrow.png) bottom no-repeat; width:16px; height:16px;}

/* INNER PAGES */
.fbox{width:100%; height:auto; margin:10px auto;background:#fff; border:0px solid #f7941e; padding:0px 20px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	border-radius:6px;}
.fcol{width:100%; height:auto; padding:10px; margin:10px auto;background:#fcb040; border:1px solid #f7941e;	
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	border-radius:6px;} 
.lbox{width:auto; height:auto; padding:10px; margin:10px 0px; background:#fff; border:0px solid #f7941e;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	border-radius:6px;}
.rbox{width:auto; height:auto; padding:10px; margin:10px 0px; background:#fff; border:0px solid #f7941e;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	border-radius:6px;}	

.line{width:auto; height:1px; background:#252122; margin:6px 0px;}

.sizeselector{padding:4px;margin:4px;float:left;border:1px solid #039;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px;background:#FFF; cursor:pointer;}
.sizeselected{padding:4px;margin:4px;float:left;border:1px solid #039;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px;background:#6CF; cursor:pointer;}

.swatchselector{width:auto;padding:2px;margin:2px;border:1px solid #039;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px;background:#FFF; cursor:pointer;}
.swatchselected{width:auto;padding:2px;margin:2px;border:1px solid #039;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px;background:#6CF; cursor:pointer;}


.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background:#ffffff;
  border: 1px solid #B3CAED;
  border-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.bs-callout{margin:20px 0;padding:20px;border-left:3px solid #eee}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{background-color:#fff;border-radius:3px}
.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}
.bs-callout-info h4{color:#5bc0de}
.bs-callout h4{margin-top:0;margin-bottom:5px}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #121212;
  background: #fcb040;
}  
/* CUSTOMIZE THE NAVBAR*/
-------------------------------------------------- 
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #121212;
  background: #fcb040;
}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #121212;
    background: #fcb040;
  }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #121212;
  background: #fcb040;
}  
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.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:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
*/
 
/* Special class on .container surrounding .navbar, used for positioning it into place. 
.navbar-wrapper {
  position: absolute;
  top: 50;
  left: 0;
  right: 0;
  z-index: 20;
  font-size:120%;
}
*/
/* Flip around the padding for proper display in narrow viewports 
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
	width:100%;
  	height: auto;
  	margin-bottom: 80px;
	background:none;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  	z-index: 10;
  	text-shadow: 2px 2px 2px #000;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	width:100%;
  	height: auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width:100%;
  max-width: 100%;
  height: auto;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
  opacity: 0.4;
  filter: alpha(opacity=5);
}
.carousel-control.left {
	left:0px;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  right: 0px;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-sm-4 {
  text-align: center;
  margin-bottom: 20px;
  font-size:12px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }

}