@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);

@font-face{
	font-family:jerseym54;
	src: url(../fonts/Jersey_es_modified.eot),
		   url(../fonts/Jersey_es_modified.eot?#iefix) format("embedded-opentype"),
		   url(../fonts/Jersey_es_modified.ttf) format("truetype"),
		   url(../fonts/Jersey_es_modified.svg#rogfont) format("svg");
	font-weight:400;
	font-style:normal;}


body { background-color: #000; color: #EBEBEB; }
section { margin: 40px 0px }
.container-fluid { background: #ffa12d; margin-bottom: 35px; }
.container-fluid h1 { color: #FFF !important; margin-bottom: 25px; text-align: center }

.m-20 { margin-top: 20px;}
.m-40 { margin-top: 40px;}
.m-60 { margin-top: 60px;}


.gris { background-color: #1b1b1b; padding-top: 30px; }

small { color: #9b9b9b; font-size: 12px; display: block }

h1, h2, h5 { font-family: jerseym54 !important; }

h1 {
	font-size: 70px;
	line-height: 70px;
	font-weight: 400;
	color: #ffa83a;
	margin-bottom: 60px;
	width: 100%;
	background: #ffa83a;
	background: -moz-linear-gradient(-45deg,#ffa83a 40%,#ad7a00 50%,#ddcca4 55%,#805e13 60%);
	background: -webkit-linear-gradient(-45deg,#ffa83a 40%,#ad7a00 50%,#ddcca4 55%,#805e13 60%);
	background: linear-gradient(135deg,#ffa83a 40%,#ad7a00 50%,#ddcca4 55%,#805e13 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83a', endColorstr='#805e13', GradientType=1);
	-webkit-background-clip: text; }

h1 span, h2 span, h4 span { font-family: Helvetica, Arial, sans-serif; font-weight: bold; }

h2 {
	font-size: 60px;
	line-height: 60px;
	color: #ffa12d;
	margin-bottom: 20px; }

h4 {
  font-size: 27px;
  font-weight: 400;
  margin-bottom: 20px;
  /*text-transform: uppercase;*/
	font-family: 'Roboto Condensed' }

h5 {
	font-size: 25px;
	line-height: 25px;
	color: #ffa12d; }



#tuf-overview {
    padding-top: 60px;
    padding-bottom: 100px
}

#tuf-overview .overview {
    width: 1020px;
    height: 930px;
    margin-left: auto;
    margin-right: auto
}

#tuf-overview .overview .inner {
    position: relative;
    left: 50%;
    margin-left: -510px;
    width: 1020px;
    height: 930px
}

#tuf-overview .overview .bg,
#tuf-overview .overview .pointers,
#tuf-overview .overview .legends {
    position: absolute;
    left: 0;
    top: 0;
    width: 1020px;
    height: 930px
}

#tuf-overview .overview .legends {
    display: none
}

#tuf-overview .overview .descr {
    position: absolute;
    left: 0;
    top: 0;
    width: 1020px;
    height: 930px;
    margin-top: 0
}

#tuf-overview .overview .descr .row1,
#tuf-overview .overview .descr .row2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#tuf-overview .overview .descr .item {
    float: left;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    line-height: 1.25
}

#tuf-overview .overview .descr .item .num {
    display: none
}

#tuf-overview .overview .descr .item strong {
    font-weight: 600
}

#tuf-overview .overview .descr .item ul {
    list-style: disc outside none;
    margin-left: 1.2em;
    margin-top: 3px;
    font-size: 93%
}

#tuf-overview .overview .descr .item .tt {
    display: block
}

#tuf-overview .overview .descr .item .pic {
    display: block;
    margin-top: 3px
}

#tuf-overview .overview .descr .row1 .item {
    left: 0;
    padding-left: 25px
}

#tuf-overview .overview .descr .row2 .item {
    right: 0
}





#tuf-lightingctrl {
    padding-top: 70px
}

#tuf-lightingctrl .msect-inner {
    padding-bottom: 75px
}

#tuf-lightingctrl .text {
    margin-left: 3.92157%
}

#tuf-lightingctrl .descr {
    width: 52.94118%
}

#tuf-lightingctrl .controls {
    position: relative;
		margin-top: 30px;
    /*width: 42.15686%;
    
    padding-bottom: 30px*/
}

#tuf-lightingctrl .controls:before,
#tuf-lightingctrl .controls:after {
    content: "";
    display: table
}

#tuf-lightingctrl .controls:after {
    clear: both
}

#tuf-lightingctrl .controls {
    zoom: 1
}

#tuf-lightingctrl .controls .item {
    float: left;
    width: 33.33%;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer
}

#tuf-lightingctrl .controls .item .icon {
    width: 60px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    opacity: .5;
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out
}

#tuf-lightingctrl .controls .item .tt {
    display: inline-block;
    line-height: 1.2;
    color: white;
    color: rgba(255, 255, 255, 0.7)
}

#tuf-lightingctrl .controls .item.on .icon,
#tuf-lightingctrl .controls .item:hover .icon,
#tuf-lightingctrl .controls .item:active .icon {
    opacity: 1
}

#tuf-lightingctrl .controls .item.on .tt,
#tuf-lightingctrl .controls .item:hover .tt,
#tuf-lightingctrl .controls .item:active .tt {
    color: white
}

#tuf-lightingctrl .controls .colorpicker {
    position: absolute;
    left: 100%;
    top: 45px;
    width: 102px;
    height: 102px
}

#tuf-lightingctrl .controls .colorpicker .auralogo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden
}

#tuf-lightingctrl .controls .colorpicker .thermometer {
    visibility: hidden;
    position: absolute;
    top: -40px;
    left: 15px;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

#tuf-lightingctrl .notes {
    width: 48.03922%
}

#tuf-lightingctrl .pic {
    float: left;
    position: absolute;
    left: 54.41176%;
    bottom: 0;
    width: 73.33333%;
    height: 0;
    padding-top: 58.13725%
}

#tuf-lightingctrl .pic .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}