HTML  
{
   height: 100%;
}
BODY
{
   cursor: wait;
   font-family: MyriadPro-Light;
   font-size: 18px;
   color: #dddddd;
   filter: DropShadow(Color=#000000, OffX=0, OffY=0);
   OVERFLOW: auto;
   WIDTH: 100%;
   height: 100%;
   PADDING: 0px;
   MARGIN: 0px;
   Z-INDEX: 0;
   background-size: cover;
   background-color: black;
}
A {
   text-decoration: none;
   color: darkorange;
}
A:hover {
	color: orange;
}
ul {
   position: relative;
   top: -10px;
   font-size: 24px;
   color: darkorange;
   margin-left: 12px;
   margin-bottom: 30px;
}
.note {
   font-size: 20px;
   font-style: italic;
   color: white;
}
sup {
   font-style: italic;
}
/* EMOTIONAL IMAGE ################################################## */
.emoWin- {
   height: 380px;
}
.emoWindow- {
   height: 380px;
}

.emoWSF {
   height: 250px;

}
.emoBg
{
   position: fixed;
   overflow: hidden;
   align: center;
   width: 100%;
   height: 100%;
   opacity: .8;
   filter: alpha(opacity=85);
   z-index: -1;
}
.emoBg IMG
{
   position: absolute;
   width: 100%;
   top: 20px;
}
.emo  
{
   position: absolute;
   opacity: 0;
   transition: opacity 3s;
}
.emoTR
{
   height: 20px;
	background-image: linear-gradient(to right, rgba(25,25,25,.9), rgba(10,10,10,.9));
}
.emoTR TABLE
{
   -width: 70%;
   height: 27px;
}
.emoTRSF TABLE {
   width: 100%;
   height: 35px;
}

.emoTD
{
	color: Black;
   margin: 2px;
   opacity: .3;
   transition: opacity 1s;
}
.ent
{
   background-color: #ff911b;
}
.tht
{
   background-color: #00ff00;
}
.pub
{
   background-color: #00ffff;
}
.adv
{
   background-color: #ff0000;
}
.msc
{
   background-color: #ddd;
}
.gre {
   background-color: #00bc10;
}
.blu {
   background-color: #01a9fb;
}
.red {
   background-color: #ff0000;
}
.emoTD:hover
{
   cursor: pointer;
}
.wrk:hover
{
   background-color: #ff911b;
}
.msc:hover
{
   background-color: white;
}
/* ################################################################# */
.mainTab
{
   z-index: 0;
   width: 100%;
   height: 100%;
}
.slogan {
   font-family: MyriadPro-Light;
   font-size: 58px;
   color: #ffffff;
   text-shadow: 0px 0px 14px black;
   margin: 0;
}
.sloganSF {
   font-size: 40px;
   text-shadow: 0px 0px 14px black;
}
.sloganT
{
   font-family: MyriadPro-Light;
   font-size: 52px;
   color: #ffffff;
   margin: 0px;
   margin-top: 30px;
   margin-bottom: 30px
}
.sloganTSF {
   font-size: 36px;
   margin-top: 30px;
   margin-bottom: 30px
}

.sloganP
{
   font-family: MyriadPro-Light;
   font-size: 38px;
   color: #ffffff;
   margin: 0px;
   margin-top: 5px;
   margin-bottom: 45px;
}
.cTD {
   width: 1000px; /* MAIN WIDTH  ############################################################################################# */
}
.cTDSF {
   width: 360px; /* MAIN WIDTH  ############################################################################################# */
}
.SFpad {
  padding-left: 15px;
  padding-right: 15px;
}
.defTR
{
   background-color: #222222;
}
.brkTR
{
   height: 1px;
   background-color: #333;
}
.opaTR {
   height: 20px;
   background-image: linear-gradient(to right, rgba(25,25,25,.6), rgba(10,10,10,.6));
}
.opaTR2 {
   height: 20px;
   background: #222222;
}
.toTop {
   position: relative;
   top: 3px;
   width: 30px;
   border: 0px;
   margin: 0px 0px 0px 0px;
   padding: 7px;
   opacity: 0.3;
   transition: opacity .3s, transform .3s;
}
   .toTop:hover {
      cursor: pointer;
      opacity: 0.5;
      transform: scale(1.2);
   }
.mmDL {
   position: relative;
   float: left;
   margin: 3px;
}
.ytDL {
   position: relative;
   top: 3px;
   width: 28px;
   border: 0px;
   margin: 0px 0px 0px 0px;
   padding: 2px;
   opacity: 0.75;
   transition: opacity .3s, transform .3s;
}
   .ytDL:hover {
      cursor: pointer;
      opacity: 1;
      transform: scale(1.2);
   }
.scDL {
   position: relative;
   top: 3px;
   width: 28px;
   border: 0px;
   margin: 0px 0px 0px 0px;
   padding: 2px;
   opacity: 0.75;
   transition: opacity .3s, transform .3s;
}
   .scDL:hover {
      cursor: pointer;
      opacity: 1;
      transform: scale(1.2);
   }
.linkC {
   position: relative;
   top: 3px;
   width: 30px;
   border: 0px;
   margin: 0px 5px 0px 0px;
   padding: 2px;
   opacity: 0.75;
   transition: opacity .3s, transform .3s;
}
   .linkC:hover {
      cursor: pointer;
      opacity: 1;
      transform: scale(1.2);
   }
.linkCok {
   position: relative;
   top: 15px;
   left: 0px;
   font-family: MyriadPro-Light;
   font-size: 16px;
   color: white;
   border: solid 3px #666;
   border-radius: 5px;
   background-color: #000;
   margin: 0px 0px 0px 0px;
   padding: 2px 8px 2px 8px;
   box-shadow: 0px 0px 25px -0px #0053ff;
   opacity: 1;
   z-index: 50;
   transition: opacity .4s;
}
H1
{
   font-family: MyriadPro-Light;
   font-size: 44px;
   font-weight: normal;
   color: #ffffff;
   margin-top: 20px;
   margin-bottom: 20px;
}
H2
{
   font-family: MyriadPro-Light;
   font-size: 36px;
   font-weight: normal;
   color: #ffffff;
   margin-top: 20px;
   margin-bottom: 20px;
}
H3
{
   font-family: MyriadPro-Light;
   font-size: 30px;
   font-weight: normal;
   color: #ffffff;
   margin-top: 20px;
   margin-bottom: 20px;
}
.defP
{
   font-family: MyriadPro-Light;
   font-size: 24px;
   line-height: 1.3;
   color: #ffffff;
   text-indent: 30px;
   margin: 0;
   margin-bottom: 30px;
}
.prvP
{
   font-family: MyriadPro-Light;
   font-size: 20px;
   line-height: 1.3;
   color: #eeeeee;
   text-indent: 30px;
}
.cntP
{
   font-family: MyriadPro-Light;
   font-size: 20px;
   font-weight: bold;
   line-height: 1.3;
   color: #ffffff;
   margin-left: 30px;
}
.cnTabServ {
   width: 100%;
   font-size: 24px;
   color: darkorange;
   margin: 0px;
   padding: 0px;
}
.cnTabServ.LI {
   margin: 0px;
   padding: 0px;
}
.gMaps {
   position: relative;
   top: 2px;
   width: 100%;
   height: 100%;
   border: 0px;
}
.contact {
   position: relative;
   height: 23px;
   font-family: MyriadPro-Regular;
   font-size: 16px;
   color: #ccc;
   margin: 0;
   background-color: #444;
}
.contactSF {
   height: 23px;
   font-size: 18px;
}
.copyR
{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 18px;
   z-index: 10000;
   color: #aaa;
   opacity: 85%;
   background-color: #111;
}
#curUser
{
   color: #eee;
}
.brandList {      /*################################################################################*/
   width: 100%;
   font-size: 22px;
   font-weight: bold;
   color: #e67000;
   line-height: 1.3;
   margin-top: 5px;
   margin-bottom: 30px;
}
.brandLogo {
   margin: 0px 15px 15px 15px;
   filter: saturate(75%) drop-shadow(0px 0px 10px #111);
}

.chnBtt  
{
   float: right;
   height: 20px;
   margin: 0;
   margin-left: 7px;
   filter: grayscale(100%) brightness(150%) contrast(100%);
   background-color: #282828;
   transition: filter .5s, background-color .5s;
}
.chnBttSF {
   height: 24px;
   margin-left: 7px;
}

   .chnBtt:hover {
      cursor: pointer;
      filter: grayscale(0%) brightness(150%) contrast(100%);
   }

.intBtt  
{
   float: right;
   height: 14px;
   margin: 0;
   margin-left: 5px;
   margin-top: 1px;
   border: 1px solid #ddd;
   filter: grayscale(75%) brightness(150%) contrast(50%);
   transition: filter .5s;
}
.intSBtt {
   float: right;
   height: 16px;
   margin: 0;
   margin-left: 12px;
   border: 1px solid #ddd;
   filter: grayscale(0%);
   transition: filter .5s;
}
.intBttSF {
   margin-top: 3px;
   height: 16px;
}

.intSBttSF {
   height: 20px;
}
.intBtt:hover
{
   cursor: pointer;
   filter: grayscale(0%) brightness(150%) contrast(100%);
}
.YT
{
   border-radius: 6px;
   filter: grayscale(100%) brightness(150%) contrast(100%);
   background-color: #000;

}
.FB
{
   text-align: center;
   border-radius: 9px;
}
.YT:hover
{
   background-color: white;
}
.FB:hover
{
   background-color: white;
}
.bgTR
{
	overflow: visible;
	height: 112px;
	z-index: 10;
	margin-bottom: 35px;
}
.titTAB
{
	font-size: 46px;
	width: 100%;
	height: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: linear-gradient(to right, rgba(25,25,25,1), rgba(10,10,10,.4));
}
.device {
   position: relative;
   height: 16px;
   margin-right: 30px;
   margin-top: 1px
}
.deviceSF {
   height: 24px;
}
/* CONTACTS ##############################################################*/
.cntcLab {
   font-size: 22px;
   letter-spacing: 1px;
   background-color: #444;
   padding: 2px 15px 2px 15px;
}
.cntcVal {
   font-size: 22px;
   letter-spacing: 1.2px;
   color: white;
   background-color: #333;
   padding: 2px 15px 2px 15px;
}
.cntcVal I {
   font-size: 22px;
   font-weight: normal;
}
.cntcMobile {
   font-size: 24px;
   font-weight: bolder;
   background-color: forestgreen;
}
.cntcMobile img {
   position: relative;
   top: -2px;
   left: 10px;
   height: 26px;
}