/* first for Internet Explorer < 9 */
  @font-face {
    font-family: MetaWeb;
    src: url("/etc/designs/unitron/css/fonts/MetaWeb-Normal.eot");
}
  /* then for WOFF-capable browsers */
  @font-face {
    font-family: MetaWeb;
    src: url("/etc/designs/unitron/css/fonts/MetaWeb-Normal.woff") format("woff");
}

/* first for Internet Explorer < 9 */
  @font-face {
    font-family: MetaScWeb;
    src: url("/etc/designs/unitron/css/fonts/MetaScWeb-Normal.eot");
}
  /* then for WOFF-capable browsers */
  @font-face {
    font-family: MetaScWeb;
    src: url("/etc/designs/unitron/css/fonts/MetaScWeb-Normal.woff") format("woff");
}

@import url("//hello.myfonts.net/count/311335");
@import url("//hello.myfonts.net/count/32b529");
@font-face {font-family: 'FFMetaWebBold';src: url('/etc/designs/unitron/css/fonts/FFMetaWebBold.eot');src: url('/etc/designs/unitron/css/fonts/FFMetaWebBold.eot?#iefix') format('embedded-opentype'),url('/etc/designs/unitron/css/fonts/FFMetaWebBold.woff2') format('woff2'),url('/etc/designs/unitron/css/fonts/FFMetaWebBold.woff') format('woff'),url('/etc/designs/unitron/css/fonts/FFMetaWebBold.ttf') format('truetype');}
@font-face {font-family: 'FFMetaWebLight';src: url('/etc/designs/unitron/css/fonts/FFMetaWebLight.eot');src: url('/etc/designs/unitron/css/fonts/FFMetaWebLight.eot?#iefix') format('embedded-opentype'),url('/etc/designs/unitron/css/fonts/FFMetaWebLight.woff2') format('woff2'),url('/etc/designs/unitron/css/fonts/FFMetaWebLight.woff') format('woff'),url('/etc/designs/unitron/css/fonts/FFMetaWebLight.ttf') format('truetype');}


html {
    min-width: 980px;
    min-height: 100%;
    font-size: 75%;
}

body{
    font-family: MetaWeb, Arial, sans-serif;
    min-width: 980px;
}


@media only screen and (max-width: 600px) {
    html {
        font-size: 100%;
    }
}

@media only screen and (max-width: 450px) {
    html {
        font-size: 125%;
    }
}

input,
textarea{
    font-family: MetaWeb, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: MetaWeb, Arial, sans-serif;
    color:#00CCFF
}

/***********************************************************************/
* a{
    color: #666666;
}

* a:hover{
    color: #00CCFF;
}

.simpletext a{
    font-size: inherit;
    text-decoration: underline;
}

.simpletext ul{
    list-style: none;
    list-style-type: none;
}

.simpletext ul li{
    list-style: none;
    list-style-type: none;
    background: none;
    position: relative;
    padding-left: 20px;
}
.simpletext ul li:before{

    content: "•";
    font-size: 100%;
    color: #00CCFF;
    margin-left: -15px;
    top: 4px;
    position: absolute;
}

.linkStyle1 a,
.simpletext .linkStyle1 a,
.simpletext a .linkStyle1,
.simpletext a .linkStyle1 *{
    color: #0065AB;
}

.linkStyle1 a:hover,
.simpletext .linkStyle1 a:hover,
.simpletext a:hover .linkStyle1,
.simpletext a:hover .linkStyle1 *{
    color: #00CCFF;
}


.linkStyle2 a,
.simpletext .linkStyle2 a,
.simpletext a .linkStyle2,
.simpletext a .linkStyle2 *{
    color: #003B61;
}

.linkStyle2 a:hover,
.simpletext .linkStyle2 a:hover,
.simpletext a:hover .linkStyle2,
.simpletext a:hover .linkStyle2 *{
    color: #B4E3F3;
}


.linkStyle3 a,
.simpletext .linkStyle3 a,
.simpletext a .linkStyle3,
.simpletext a .linkStyle3 *{
    color: #00CCFF;
}

.linkStyle3 a:hover,
.simpletext .linkStyle3 a:hover,
.simpletext a:hover .linkStyle3 ,
.simpletext a:hover .linkStyle3 *{
    color: #B4E3F3;
 }

.cq-wcm-edit a[name]:after {
    content: "";
    width: 17px;
    height: 21px;
    background-image: url(/etc/designs/unitron/images/anchor.png);
    background-repeat: no-repeat;
    background-size: 17px 21px;
    display: inline-block;
}

/***********************************************************************/
.layoutBandContent{
    position:relative;
}

.ffMetaWebBold {
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}

.ffMetaWebLight {
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}

.consumerLightBlue,
.lightBlueText,
.lightblue{
    color:#00CCFF;
}

.mediumblue {
    color: #00AEEF;
}

.darkblue {
    color: #003B61;
}

.lightText{
    color:#ffffff;
}

.consumerDarkText,
.darkText,
.greyText{
    color:#999999;
}

.consumerDarkerText,
.darkerText,
.darkGrey,
.grey{
    color:#666666;
}

.blackText{
    color:#000000;
}

.yellow {
    color: #FFF200;
}

.layoutBandWrapper.darkBackground .darkerText,
.layoutBandWrapper.darkBackground .darkText{
    color:#ffffff;
}

.ffMetaWebBoldLightBlue {
    color:#00CCFF;
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}
.ffMetaWebBoldWhite {
    color:#FFFFFF;
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}
#CQrte .ffMetaWebBoldWhite {
    color: #aaa;
}
.ffMetaWebBoldDarkBlue {
    color:#003b61;
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}
.ffMetaWebBoldGrey {
    color:#666666;
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}
.ffMetaWebBoldYellow {
    color:#fff200;
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}
.ffMetaWebBoldBlack {
    color:#000000;
    font-family: FFMetaWebBold, MetaWeb, Arial, sans-serif;
}

.ffMetaWebLightLightBlue {
    color:#00CCFF;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}
.ffMetaWebLightWhite {
    color:#FFFFFF;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}
#CQrte .ffMetaWebLightWhite {
    color: #aaa;
}
.ffMetaWebLightBlack {
    color:#000000;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}
.ffMetaWebLightGrey {
    color:#999999;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}
.ffMetaWebLightDarkBlue {
    color:#003b61;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}
.ffMetaWebLightBlue {
    color:#00AEFF;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
}

.lineHeightPointFive {
    line-height: 0.5em !important;
}
.lineHeightPointSevenFive {
    line-height: 0.75em !important;
}
.lineHeightOne {
    line-height: 1em !important;
}
.lineHeightOnePointFive {
    line-height: 1.5em !important;
}
.lineHeightTwo {
    line-height: 2em !important;
}
.lineHeightTwoPointFive {
    line-height: 2.5em !important;
}
.lineHeightThree {
    line-height: 3em !important;
}

.ffMetaWebLight2Spacing {
    color: #000;
    font-family: FFMetaWebLight, MetaWeb, Arial, sans-serif;
    line-height: 2em !important;
}


.tr {
    font-family: FFMetaWebProNormal, MetaWeb, Arial, sans-serif;
}
.tr .ffMetaWebBoldLightBlue,
.tr .ffMetaWebBoldWhite,
.tr .ffMetaWebBoldDarkBlue,
.tr .ffMetaWebBoldGrey,
.tr .ffMetaWebBoldYellow,
.tr .ffMetaWebBoldBlack {
    font-family: FFMetaWebProBold, FFMetaWebBold, MetaWeb, Arial, sans-serif;
}
.tr .ffMetaWebLightLightBlue,
.tr .ffMetaWebLightWhite,
.tr .ffMetaWebLightBlack,
.tr .ffMetaWebLightGrey,
.tr .ffMetaWebLightDarkBlue,
.tr .ffMetaWebLightBlue,
.tr .ffMetaWebLight2Spacing {
    font-family: FFMetaWebProLight, FFMetaWebLight, MetaWeb, Arial, sans-serif;
}




/***********************************************************************/

*{
    letter-spacing: -1px;
}

.simpletext {
    font-size: 1.333rem;
}

.simpletext h1,
.simpletext h2,
.simpletext h3,
.simpletext h4,
.simpletext h5,
.simpletext h6,
.simpletext p,
.simpletext span{
    margin:0px;
    padding: 0px;
    line-height:130%;
}

.letterSpacingSmall,
.letterSpacingSmall *,
.simpletext p,
.twelvePx *,
.fourteenPx *{
    letter-spacing:.05em;
}

.letterSpacingSixteen,
.letterSpacingSixteen *,
.sixteenPx *{
    letter-spacing: .03em;
}

.letterSpacingMedium,
.letterSpacingMedium *,
.eighteenPx *{
    letter-spacing:.01em;
}


.letterSpacingLarge,
.letterSpacingLarge *,
.twentyPx *,
.twentyTwoPx *,
.twentyFourPx *,
.twentySixPx *,
.twentyEightPx *,
.thirtyPx *,
.thirtyTwoPx *,
.thirtyFourPx *,
.thirtySixPx *,
.thirtyEightPx *,
.fortyPx *,
.fortyTwoPx *,
.fortyFourPx *,
.fortySixPx *,
.fortyEightPx *{
	letter-spacing:.0001em;
}



.twelvePx{
	font-size:1rem;
	letter-spacing:.05em;
	line-height:130%;
}
.fourteenPx{
	font-size:1.167rem;
	letter-spacing:.05em;
	line-height:130%;
}
.sixteenPx{
	font-size:1.333rem;
	letter-spacing:.03em;
	line-height:130%;
}
.eighteenPx{
	font-size:1.5rem;
	letter-spacing:.01em;
	line-height:130%;
}
.twentyPx{
	font-size:1.667rem;
	letter-spacing:.01em;
	line-height:130%;
}
.twentyTwoPx{
	font-size:1.833rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.twentyFourPx{
	font-size:2rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.twentySixPx{
	font-size:2.167rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.twentyEightPx{
	font-size:2.333rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.thirtyPx{
	font-size:2.5rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.thirtyTwoPx{
	font-size:2.667rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.thirtyFourPx{
	font-size:2.833rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.thirtySixPx{
	font-size:3rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.thirtyEightPx{
	font-size:3.167rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fortyPx{
	font-size:3.333rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fortyTwoPx{
	font-size:3.5rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fortyFourPx{
	font-size:3.667rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fortySixPx{
	font-size:3.833rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fortyEightPx{
	font-size:4rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fiftyPx{
	font-size:4.167rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fiftyTwoPx{
	font-size:4.333rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fiftyFourPx{
	font-size:4.5rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fiftySixPx{
	font-size:4.667rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.fiftyEightPx{
	font-size:4.833rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.sixtyPx{
	font-size:5rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.sixtyTwoPx{
	font-size:5.167rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.sixtyFourPx{
	font-size:5.333rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.sixtySixPx{
	font-size:5.5rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.sixtyEightPx{
	font-size:5.667rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.seventyPx{
	font-size:5.833rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.seventyTwoPx{
	font-size:6rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.seventyFourPx{
	font-size:6.167rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.seventySixPx{
	font-size:6.333rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.seventyEightPx{
	font-size:6.5rem;
	letter-spacing:.0001em;
	line-height:130%;
}
.eightyPx{
	font-size:6.667rem;
	letter-spacing:.0001em;
	line-height:130%;
}



/***********************************************************************/
.gcLandingWrapper #mainContent{
    top: 50%;
    position: absolute;
    width:100%;
    min-width: 980px;
}

/***********************************************************************/
.layoutBandContent .mainimage img{
    display:block;
}

.imgRight img{
    float:right;
}
.imgCentered{
    width: 100%;
}

.imgCentered img{
    margin: 0 auto;

}
.imgLeft img{
    float: left;
}


/***********************************************************************/
.lightboxFullScreen #lightbox{
    background-color: white;
}

 #simplemodal-container.lightboxFullScreen a.modalCloseImg{
    background: url('/etc/designs/unitron/images/lightbox-close.png') center right no-repeat transparent;
    width: 35px;
    height: 35px;
    top: 20px;
}
.lightboxFullScreen #lightboxnext {
    background: url('/etc/designs/unitron/images/carousel-right-chevron-style2.png') center right no-repeat transparent;
}
.lightboxFullScreen #lightboxprev {
    background: url('/etc/designs/unitron/images/carousel-left-chevron-style2.png') center left no-repeat transparent;
}

.lightboxFullScreen #lightboxnext:hover {
    background: url('/etc/designs/unitron/images/carousel-right-chevron-hover-style2.png') center right no-repeat transparent;
}
.lightboxFullScreen #lightboxprev:hover {
    background: url('/etc/designs/unitron/images/carousel-left-chevron-hover-style2.png') center left no-repeat transparent;
}

.lightboxFullScreen #lightboxnext,
.lightboxFullScreen #lightboxprev{
    display:none;
}

.lightboxFullScreen.showChevrons #lightboxnext,
.lightboxFullScreen.showChevrons #lightboxprev{
    display:block;
}


a.fullScreen,
.fullScreen a{
    position: relative;
    display: inline-block
}
.fullScreen .playoverlay {
    background-image: url('/etc/designs/unitron/images/play_icon.png');
}

.fullScreen .playoverlay:hover,
a:hover .playoverlay{
    background-image: url('/etc/designs/unitron/images/play_icon_hover.png');
}
.fullScreen .playoverlaysmall {
    background-size: 30px 30px;
    height: 30px !important;
    width: 30px;
}

.fullScreen .playoverlaymedium {
    background-size: 35px 35px;
    height: 35px !important;
    width: 35px;
}
.fullScreen .playoverlaylarge {
    background-size: 39px 39px;
    height: 39px !important;
    width: 39px;
}
.fullScreen .playoverlayextralarge {
    background-size: 44px 44px;
    height: 44px !important;
    width: 44px;
}

.bottomLeft .playoverlay{
    bottom: 20px;
    left: 20px;
}

.bottomRight .playoverlay{
    bottom: 20px;
    right: 20px;
}

.simpleLightbox .bottomLeft .playoverlay{
    bottom: 40px;
    left: 20px;
}

.simpleLightbox .bottomRight .playoverlay{
    bottom: 40px;
    right: 20px;
}


.center .playoverlay{
    top: 50%;
    left: 50%;
}

.center .playoverlaysmall {
    margin: -15px 0 0 -15px;
}

.center .playoverlaymedium {
    margin: -17px 0 0 -17px;
}
.center .playoverlaylarge {
    margin: -19px 0 0 -19px;
}
.center .playoverlayextralarge {
    margin: -22px 0 0 -22px;
}
