@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES
-------------------------------------------------- */
html,body{margin: 0; padding: 0; width: 100%; height: 100%;}
@media (min-width: 768px) {
}
#home article { 
  height: auto; border:0px solid white;
  position: relative; 
  top: 35px; 
  width:auto;
  border:0px solid green;
}
#section1 { 
  background: url(/images/ten12-one-world-media.webp) center center cover no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0 auto; 
  position: absolute;
  top: 0;
  overflow:hidden;	
}
#section1 article { 
  height: auto; 
  position: absolute; 
  top: 50px; 
  width: auto; 
  margin:0px auto;
  border:0px solid green;
}
#section3 { 
  background: url(images/colorsplash.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#art { 
  background: url(/images/bgtest9.jpg)  no-repeat center center fixed;
  min-height: 1100px; 
  margin: 0 auto; 
  min-width: 100%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative; 
/*  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);*/
}
#art article { 
  height: auto; 
  position: relative; 
  top: 50px; 
  width: auto; 
  margin:0px auto;
  border:0px solid green;  
}
header{width:100%; height:200px;position:absolute; top:0; z-index:1000;}
html{	overflow-y: scroll;}
pre{font-family:Arial, Helvetica, sans-serif; font-size:14px; background:white;}

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #333;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 1px solid #d2d2d2;
     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: #00CC00;
	 color: #FFF;
}
.form-checkbox
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     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: #00CC00;
	 color: #FFF;
}
.form-checkbox:disabled
{
     background-color: #ccc;
}

.tool + .tooltip > .tooltip-inner {background-color: black; color:white; border:1px solid silver; padding:10px; font-size:14px;max-width: 500px;}
.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);
}
.hlt{background: yellow;}
a:link, a:active, a:visited{color:#168cba;}
a:hover{color:#ff0000;}
.foot a:link, .foot a:active, .foot a:visited{color:#666;}
.foot a:hover{color:#ff0000;}
.attn{background-color:#FFE8E9; border:1px solid #ff0000;}
.att{color:#cc0000;}
.pad{padding:10px;}
.bord td{border:1px solid #ccc;}
.catidselector{font-size:11px;padding:3px;margin:3px;float:left;border:1px solid #666;-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:#eee; cursor:pointer;}
.catidselected{font-size:11px;padding:3px;margin:3px;float:left;border:1px solid #121212;-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;}
.videoWrapper {
        position: relative;
        padding-bottom: 56.0%; /* 16:9 */
        padding-top: 0px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
/*.btn-default {color:#FFF !important;}
.btn-danger {color:#FFF !important;}
.btn-primary {color:#FFF !important;}
.btn-warning {color:#FFF !important;}
.btn-success {color:#FFF !important;}*/
.boxshadow {
  -moz-box-shadow:    3px 3px 5px 6px #121212;
  -webkit-box-shadow: 3px 3px 5px 6px #121212;
  box-shadow:         3px 3px 5px 6px #121212;
}

.white{color:#fff;}

.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
-------------------------------------------------- */

.dropdown{font-size:16px;}
/*.navbar-header,  .navbar-brand a{color:red;}
.navbar-header,  .navbar-brand a:hover{color:#000;}
.nav li a{color:#555;}
.nav li a:hover{color:#000;}

.nav li.dropdown a{color:#eee;}
.nav li.dropdown a:hover{color:#fff;}*/
.navbar-nav.nav-justified > li{
    float:none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #121212;
  background: #a9861b;
}
  .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: #a9861b;
  }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #121212;
  background: #a9861b;
}  
.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;}


/* 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: 10px;
  }
  .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;
  }

}


.hovereffect {
width:100%;
height:100%;
overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
border-radius: 7px;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect div.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:30px 0 0;
padding:7px 14px;
}

.hovereffect div.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover div.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover div.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}