/* -----------------------------------------------------------
  Font-Face
-------------------------------------------------------------- */

@font-face {
  font-family: 'FuturaCB';
    src: url('../media/templates/futurabc.eot');
    src: url('../media/templates/futurabc.eot%3F') format('embedded-opentype'),
         url('../media/templates/futurabc.woff') format('woff'),
         url('../media/templates/futurabc.ttf.html') format('truetype'),
         url('../media/templates/futurabc.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadC';
    src: url('../media/templates/myriadpro-cond.eot');
    src: url('../media/templates/myriadpro-cond.eot%3F') format('embedded-opentype'),
         url('../media/templates/myriadpro-cond.woff') format('woff'),
         url('../media/templates/myriadpro-cond.ttf.html') format('truetype'),
         url('../media/templates/myriadpro-cond.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family: 'MyriadB';
    src: url('../media/templates/myriadpro-bold.eot');
    src: url('../media/templates/myriadpro-bold.eot%3F') format('embedded-opentype'),
         url('../media/templates/myriadpro-bold.woff') format('woff'),
         url('../media/templates/myriadpro-bold.ttf.html') format('truetype'),
         url('../media/templates/myriadpro-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family: 'MyriadCB';
    src: url('../media/templates/myriadpro-boldcond.eot');
    src: url('../media/templates/myriadpro-boldcond.eot%3F') format('embedded-opentype'),
         url('../media/templates/myriadpro-boldcond.woff') format('woff'),
         url('../media/templates/myriadpro-boldcond.ttf.html') format('truetype'),
         url('../media/templates/myriadpro-boldcond.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family: 'MyriadL';
    src: url('../media/templates/myriadpro-light.eot');
    src: url('../media/templates/myriadpro-light.eot%3F') format('embedded-opentype'),
         url('../media/templates/myriadpro-light.woff') format('woff'),
         url('../media/templates/myriadpro-light.ttf.html') format('truetype'),
         url('../media/templates/myriadpro-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family: 'MyriadR';
    src: url('../media/templates/myriadpro-regular.eot');
    src: url('../media/templates/myriadpro-regular.eot%3F') format('embedded-opentype'),
         url('../media/templates/myriadpro-regular.woff') format('woff'),
         url('../media/templates/myriadpro-regular.ttf.html') format('truetype'),
         url('../media/templates/myriadpro-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.futuracb{ font-family: FuturaCb; font-weight:normal; }
.myriadb{ font-family: MyriadB; font-weight:normal; }
.myriadcb, .myriadc strong{ font-family: MyriadCB; font-weight:normal; }
.myriadc{ font-family: MyriadC; font-weight:normal; }
.myriadl{ font-family: MyriadL; font-weight:normal; }
.myriadr, .myriadl strong{ font-family: MyriadR; font-weight:normal; }

.Myriad-Bold-Condensed, .Myriad-Condensed strong{ font-family: MyriadCB; font-weight:normal; }
.Myriad-Condensed{ font-family: MyriadC; font-weight:normal; }
.Myriad-Light{ font-family: MyriadL; font-weight:normal; }
.Myriad-Regular, .Myriad-Light strong{ font-family: MyriadR; font-weight:normal; }

/* -----------------------------------------------------------
  Buttons
-------------------------------------------------------------- */

/* -----------------------------------------------------------
  Layout
-------------------------------------------------------------- */

html, body {  
  min-height:100%;
  height:auto !important;
  height:100%;
}

body{
  background:url(../media/templates/lf70-bg.jpg) repeat 0 0;
}

#page{
  position:relative;
}

.lightbox-completed #page{
  display: none;
}

.box,
.moment > .wrap,
.inline-header-wrap{
  width:950px;
  margin-left:auto;
  margin-right:auto;
  padding:0 10px;
}
#lang a{
    font-size: 12px;
    color: #838383;
    font-family: 'FuturaHvBTHeavy',Myriad Pro, Arial, sans-serif;
    text-transform: uppercase;
    float:left;
}
/*.lafayette #lang:hover{
    cursor: pointer;
    background: url("/media/lang_bg.png") repeat-x scroll 0 bottom transparent;
}*/
.lafayette #lang:hover a{
    color: #fff;
}
#lang a#lang-1 {
  width:70px;
  margin-left: 13px;
  height:29px;
  display:block;
  background:url(../media/lang-english.png) no-repeat 0 -72px ;
}
#lang a#lang-1.active {
  background:url(../media/lang-english.png) no-repeat 0 1px ;
}
#lang a#lang-1:hover {
  background:url(../media/lang-english.png) no-repeat 0 -34px ;
}
#lang a#lang-2 {
  width:70px;
  height:29px;
  display:block;
  background:url(../media/lang-spanish.png) no-repeat 0 -72px ;
}
#lang a#lang-2.active {
  background:url(../media/lang-spanish.png) no-repeat 0 0 ;
}
#lang a#lang-2:hover {
  background:url(../media/lang-spanish.png) no-repeat 0 -37px ;
}
#content{
  min-height:500px;
  height:auto !important;
  height:500px;
  position:relative;
  z-index:5;
}

html.backgroundsize body{
  background:url(../media/templates/lf70-bg.jpg) repeat fixed;
}

/* -----------------------------------------------------------
  Parallax Background
-------------------------------------------------------------- */

.parallax,
.parallax .bg1,
.parallax .bg2{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 0;
}

.parallax .bg1{ background:url("../media/templates/parallax-circles-black.png") repeat-y 50% 0; }
.parallax .bg2{ background:url("../media/templates/parallax-circles-white.png") repeat-y 50% 0; }

/* -----------------------------------------------------------
  Focus & Idle
-------------------------------------------------------------- */

#header,
#footer{
  transition:      700ms all ease;
  -moz-transition:  700ms all ease;
  -webkit-transition:  700ms all ease;
  -o-transition:    700ms all ease;
  -ms-transition:    700ms all ease;
  
  z-index:9999;
}

body.focus #header{ top:0; }
#header,
body.idle #header,
body.lightbox-start #header{ top:-54px; }

body.focus #footer{ bottom:0; }
#footer,
body.idle #footer,
body.lightbox-start #footer{ bottom:-157px; }

#header,
#footer{
  position:relative;
}

/* -----------------------------------------------------------
  Footer Moment Nav
-------------------------------------------------------------- */

/* welcome 2 */
.fm-nav-welcome2{
  position:absolute;
  top:-121px;
  left:0;
  width:100%;
  display: none;
}

/*body .fm-nav-welcome2{ display: block; }
body.reached_intro .fm-nav-welcome2,
body.end .fm-nav-welcome2{ display: none !important; }*/

.fm-nav-welcome2 .next-moment{
  background:url(../media/templates/lf70-welcome-next.png) no-repeat 50% 0;
  width:161px;
  height:121px;
  display: block;
  position:relative;
  margin:0 auto;
  color:#FFF;
  cursor: pointer;
  text-transform: uppercase;
}

.fm-nav-welcome2 .next-moment:hover,
.fm-nav-welcome2 .next-moment:active{
  background-position:50% -150px;
}

/* intro */
.fm-nav-moments{
  display: block !important;
  
  position:absolute;
  top:-90px;
  left:0;
  width:100%;
  height:90px;
}

.fm-nav-moments .next-moment{
  background:url(../media/lf70-moment-next.png) no-repeat 50% 0;
  width:161px;
  height:121px;
  display: block;
  position:relative;
  margin:0 auto;
  cursor: pointer;
  top:9px;
}

.fm-nav-moments .next-moment:hover,
.fm-nav-moments .next-moment:active{
  background-position:50% -150px;
}

#footertop{
  padding-top:0;
}

body.end .fm-nav-moments{
  display: none !important;
}

/* back-to-top */
#back-to-top{ display:none !important; }
body.end #back-to-top{ display:block !important; }

body #welcome .welcome.item2 .prev-moment{
  display: block;
  position:relative;
  margin:0 auto 20px;
  padding: 0;
}

body #welcome .welcome.item1 .next-moment{
  display: block;
}

/* -----------------------------------------------------------
  Header
-------------------------------------------------------------- */

#laf-logo a{
  display: block;
  height: 20px;
  padding-top: 2px;
}

#fixed-logo{
  position:fixed;
  top:50px;
  left:0;
  z-index: 999;
}

#fixed-logo a{
  background:url(../media/logo-laf-70-es.png);
  width:181px;
  height:117px;
  display:block;
}

#fixed-logo a:hover,
#fixed-logo a:active{
  height:140px;
}

#fixed-logo a strong{
  font-family: MyriadCB;
  font-weight: normal;
}

#header{
  width:100%;
  padding-bottom:13px;
  background:url(../media/templates/lf70-header-shadow.png) no-repeat 50% 100%;
  
  position:fixed;
  _position:absolute;
  _top:expression(eval(document.body.scrollTop));
  left:0;
}

#headerwrap{
  background:url(../media/templates/lf70-header.png) repeat;
  padding:8px 0;
  height:27px;
}

.main-nav{
  padding-left:40px;
  padding-top:1px;
}

.main-nav h2,
.main-nav a{
  color:#FFF;
  font:15px/23px MyriadC;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow:0 -1px 0 #000;
}

.main-nav a{
  font:15px/16px MyriadC;
  margin-left:15px;
  border-bottom:2px solid transparent;
  padding-top:3px;
  cursor: pointer;
}

.main-nav li.active a,
.main-nav a:hover{
  padding-top:5px;
}

.main-nav a:active{
  padding-top:7px;
}

.main-nav a.red{ border-color:#cc0000; }
.main-nav a.yellow{ border-color:#ffff00; }
.main-nav a.blue{ border-color:#00ccff; }
.main-nav a.green{ border-color:#00ff66; }

.social-nav{
  padding-top:2px;
  height:23px;
  width:182px;
}

.addthis_button_facebook_like,
.addthis_button_tweet{
  width:87px;
}


/* -----------------------------------------------------------
  Footer
-------------------------------------------------------------- */

#footer{
  width:100%;
  position:fixed;
  left:0;
}

#footerwrap{
  background:url(../media/templates/lf70-header.png) repeat;
}

#footertop{
  padding:10px;
  width:800px;
}

#footer-nav a{
  color:#FFF;
  font:16px/25px MyriadC;
  letter-spacing: 1px;
}

#footer-nav a:hover{
  color:red;
}

#footer-nav a strong{
  font-family:MyriadCB;
  font-weight:normal;
}

#footerbottom{
  background:#000;
  height:30px;
  overflow: hidden;
}

#footerbottom .box{
  padding:0 10px;
  width:800px;
}

#copyright{
  color:#FFF;  
  font:13px/33px MyriadC;
  letter-spacing: 1px;
}

#backbone a{
  width:23px;
  height:20px;
  margin-top:5px;
  background-position: 50% 0 !important;
}

#backbone a:hover,
#backbone a:active{
  background-position: 50% -40px !important;
}



/* -----------------------------------------------------------
  Buttons
-------------------------------------------------------------- */

.prev-moment,
.next-moment{
  background:url(../media/templates/lf70-next-moment.png) no-repeat 50% 0;
  width:161px;
  height:112px;
  margin:0 auto;
  cursor:pointer;
  font:14px/80px MyriadCB;
  text-transform: uppercase;
  color:#333;
  text-align: center;
  display: none;
}

.prev-moment:hover,
.prev-moment:active,
.next-moment:hover,
.next-moment:active{
  background-position:0 -150px;
}

.prev-moment{
  line-height: 138px;
  background:url(../media/templates/lf70-prev-moment.png) no-repeat 50% 0;
}

.moment-nav-bottom{
  width:100%;
  position: absolute;
  bottom:0;
  left:0;
  z-index: 10;
}

.timeline .prev-moment,
.timeline .next-moment{
  color:#FFF;
  line-height:64px;
}

.timeline .next-moment{
}

/* -----------------------------------------------------------
  Moment - Welcome
-------------------------------------------------------------- */

.timeline{
  padding-bottom:90px;
}

.loader{
  background:url(../media/templates/lf70-preloader35.png) no-repeat 50% 50%;
  width:100%;
  height:80px;
  position: absolute;
  bottom:0;
  left:0;
	display: none!important;
}

.section5218 > .header,
.section5223 > .header{
  display: none;
}

.period{
  min-height:300px;
  height:auto !important;
  height:300px;
  
  position:relative;
  padding-bottom:80px;
  margin-bottom:40px;
  
  width:100%;
  overflow: hidden;
}

.period > .header{
  background:url(../media/templates/lf70-period-header.png) no-repeat 50% 0;
  height:140px;
}

.period > .header h2{
  text-align: center;
  color:#FFF;
  text-shadow:0 -2px 0 #000;
  font:italic 30px/150px 'Times New Roman';
  text-transform: uppercase;
}

.welcome{
  position: relative;
  width:100%;
  overflow: hidden;
  padding:0;
  margin:0;
  z-index:100;
}

.welcome .wrap{
  padding:85px 0 40px;
  width:100%;
}

.welcome .wrap,
.welcome .bgimg,
.welcome .content{
  position:relative;
}

.welcome .youtube-player{
  height:420px;
}

.welcome.item1{
  display: none;
}

.welcome.item1 .wrap{
  background-position:70% 50% !important;
  height:680px;
  padding:66px 0 0;
}

.welcome.item2 .wrap{
  padding:70px 0 130px;  
}

.welcome.item2 .header{
  background:url(../media/templates/lf70-welcome-header.png) no-repeat 50% 50%;
  height:180px;
  width:100%;
  position: relative;
}

.welcome .content{
  position: relative;
  z-index: 2;
}

.welcome.item2 .prev-moment{
  margin-bottom:200px;
}

.welcome.item2 .prev-moment,
.welcome.item2 .next-moment{
  color:#FFF;
}

/* -----------------------------------------------------------
  Hall & Table Of Content
-------------------------------------------------------------- */

.moment.hall .wrap{
  padding-top:90px;
  position:relative;
}

.inline-header{
  width:100%;
  padding-bottom:13px;
  background:url(../media/templates/lf70-header-shadow.png) no-repeat 50% 100%;
  display: none;
}

.inline-header-wrap{
  background:url(../media/templates/lf70-header.png) repeat;
  padding:8px 0;
  height:27px;
}

/* -----------------------------------------------------------
  Moment - General
-------------------------------------------------------------- */

.moment{
  position:relative;
}

.moment .wrap{
  padding:30px 0;
  position:relative;
}

.share-nav{
  width:300px;
  margin: 30px auto 0;
  position: relative;
}

.share-nav .share-btn{
  background:url("../media/templates/cb-social-media.png") no-repeat 100% 0;
  width:34px;
  height:34px;
  display: block;
  cursor: pointer;
  margin:0 auto;
  z-index:20;
  position:relative;
}

.share-nav .facebook,
.share-nav .twitter{
  font:italic 16px/31px Georgia;
  color:#FFF;
  position: absolute;
  top:0;
  z-index: 10;
  cursor: pointer;
}

.share-nav .facebook:hover,
.share-nav .twitter:hover{
  color:#ff2500;
}

.csstransitions .share-nav .facebook,
.csstransitions .share-nav .twitter{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
  
  transition:      500ms left ease, 500ms right ease, 300ms opacity ease;
  -moz-transition:  500ms left ease, 500ms right ease, 300ms opacity ease;
  -webkit-transition:  500ms left ease, 500ms right ease, 300ms opacity ease;
  -o-transition:    500ms left ease, 500ms right ease, 300ms opacity ease;
  -ms-transition:    500ms left ease, 500ms right ease, 300ms opacity ease;
}

.csstransitions .share-nav:hover .facebook,
.csstransitions .share-nav:hover .twitter{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
  
  transition:      500ms left ease, 500ms right ease, 300ms opacity ease;
  -moz-transition:  500ms left ease, 500ms right ease, 300ms opacity ease;
  -webkit-transition:  500ms left ease, 500ms right ease, 300ms opacity ease;
  -o-transition:    500ms left ease, 500ms right ease, 300ms opacity ease;
  -ms-transition:    500ms left ease, 500ms right ease, 300ms opacity ease;
}

.share-nav .facebook{ left:43px; }
.share-nav .twitter{ right:54px; }

.csstransitions .share-nav .facebook{ left:115px; }
.csstransitions .share-nav .twitter{ right:126px; }
.csstransitions .share-nav:hover .facebook{ left:43px; }
.csstransitions .share-nav:hover .twitter{ right:54px; }

.strip{
  /*background:url(/media/templates/lf70-strip.png) no-repeat 50% 0;*/
  display: block;
  width:184px;
  height:50px;
  cursor: pointer;
  margin:0 auto;
}

.period .moment:last-child .strip{
  display: none;
}

/* -----------------------------------------------------------
  Gallery
-------------------------------------------------------------- */

.slider{
  position:relative;
  margin:0 auto;
  padding:5px 0;
}

.slider,
.slider .screen,
.slider .item{
  width:515px;
  height:330px;
}

.slider .screen{
  position:relative;
  overflow: hidden;
}

.slider .container{
  position:absolute;
  width:20000px;
  height:100%;
  top:0;
  left:0;
  overflow: hidden;
}

.slider .item{
  position:relative;
  float:left;
}

.slider .prev,
.slider .next{
  position:absolute;
  top:155px;
  left:-50px;
  cursor: pointer;
  display:block;
  background:url(../media/templates/cb-circle-prev.png) no-repeat -41px 0;
  width:39px;
  height:39px;
  z-index: 10;
}

.slider .prev{
}

.slider .next{
  left:auto;
  right:-50px;
  background:url(../media/templates/cb-circle-next.png) no-repeat 0px 0;
}

.slider .prev:hover,
.slider .prev:active{
  background-position:0 0;
}

.slider .next:hover,
.slider .next:active{
  background-position:-41px 0;
}

/* -----------------------------------------------------------
  Year Nav
-------------------------------------------------------------- */

.hall-btn{
  position: absolute;
  right:15px;
  background:url(../media/templates/lf70-hall-icon.png) no-repeat 0 0;
  width:98px;
  height:99px;
  display: block;
  cursor:pointer;
  top:1090px;
}

body.fixed-year-nav .hall-btn{
  position:fixed;
  top:165px !important;
}

.hall-btn:hover,
.hall-btn:active{
  background-position:0 -100px;
}

#year-nav{
  background:url(../media/templates/lf70-year-nav.png) no-repeat 0 0;
  width:138px;
  height:343px;
  position:absolute;
  top:1090px;
  left:50px;
  z-index:999;
}

body.fixed-year-nav #year-nav{
  position:fixed;
  top:165px !important;
  left:50px;
}

#year-nav ul{
  padding:0;
  margin:0;
  padding-top:2px;
}

#year-nav ul,
#year-nav ul li{
  list-style: none;
}

#year-nav a{
  display: block;
  height: 45px;
  width: 100%;
  margin-top:-5px;
  position: relative;
  z-index: 999;
}

#year-nav a:hover,
#year-nav a:active,
#year-nav li.active a{
  background:url(../media/templates/lf70-year-hover.png) no-repeat 0 0;
}

#year-nav .present{
  margin:0;
}

#year-nav .present:hover, #year-nav .present:active, #year-nav li.active .present{ background-position:50% 0;}
#year-nav .year-nav5217:hover, #year-nav .year-nav5217:active, #year-nav li.active .year-nav5217{ background-position:50% -50px; }
#year-nav .year-nav5219:hover, #year-nav .year-nav5219:active, #year-nav li.active .year-nav5219{ background-position:50% -100px; }
#year-nav .year-nav5224:hover, #year-nav .year-nav5224:active, #year-nav li.active .year-nav5224{ background-position:50% -150px; }
#year-nav .year-nav5225:hover, #year-nav .year-nav5225:active, #year-nav li.active .year-nav5225{ background-position:50% -200px; }
#year-nav .year-nav5226:hover, #year-nav .year-nav5226:active, #year-nav li.active .year-nav5226{ background-position:50% -250px; }
#year-nav .year-nav5227:hover, #year-nav .year-nav5227:active, #year-nav li.active .year-nav5227{ background-position:50% -300px; }
#year-nav .year-nav5228:hover, #year-nav .year-nav5228:active, #year-nav li.active .year-nav5228{ background-position:50% -350px; }

/* -----------------------------------------------------------
  Moments
-------------------------------------------------------------- */

.timeline .moment{
  text-align:center;
  margin:0px auto;
}

.timeline .moment .wrap{
  width:625px;
  margin:0px auto;
}

.timeline .moment h2{
  font:30px/32px MyriadCB;
  color:#fefefe;
  text-transform:uppercase;
  margin-bottom:25px;
}

.timeline .moment .year{
  font:italic 24px/26px Times new Roman;
  color:#fefefe;
  letter-spacing:6px;
  margin-bottom:10px;
}

.timeline .moment .btext{
  font:18px/22px MyriadC;
  color:#ccc;
  width:515px;
  margin:0px auto;
}

.timeline .moment .img {
  position:relative;
}

.timeline .moment .img img{
  display: block;
}

.timeline .moment .img .img-hover{
  background: url(../media/templates/lf70-moment-hover.png) repeat 0 0;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  display: none;
}

.timeline .moment .img .img-hover .year{
  padding-top:100px;
}

.timeline .moment .img .icon {
  background: url("../media/icon-prensa.png") repeat scroll 0 0 transparent;
  height: 61px;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 57px;
}

.timeline .moment .img.foto .icon {
  background:url(../media/icon-prensa.png);
  width:57px;
  height:61px;
  position: absolute;
  right: -6px;
  top: -6px;
}

.timeline .moment .img:hover .img-hover,
.timeline .moment .img:hover .icon{
  display: block;
}

.timeline .default .img{
  margin:25px auto;
  display:block;
  width:630px;
}

.timeline .img-right .left-col{
  width:260px;
  float:left;
}

.timeline .img-right .left-col .btext{
  width:auto;
}

.timeline .img-right .right-col{
  width:350px;
  float:right;
}

.timeline .img-left .left-col{
  width:350px;
  float:left;
}

.timeline .img-left .right-col .btext{
  width:auto;
}

.timeline .img-left .right-col{
  width:260px;
  float:right;
}

.timeline .img-left h2{
  margin-top:25px;
}

.timeline .img-type{
  position:absolute;
  top:-7px;
  right:-5px;
}

.timeline .img-type.Regular{
  width:48px;
  height:51px;
  background:url(../media/templates/cl-image-label-green.png) no-repeat 0 0;
}

/*.img-type.Campanas{
  width:71px;
  height:76px;
  background:url(/media/templates/cl-image-label-yellow.png) no-repeat 0 0;
  top:-9px;
}*/

.timeline .moment .btext > iframe,
.timeline .moment .btext p > iframe{
  width:100% !important;
}

.timeline .moment .btext a,
#intro .btext a{
  color: red;
}

.timeline .moment .btext.cf a:hover,
.timeline .moment .btext.cf a:active{
  text-decoration: underline;
}

#moment52174951 .wrap .img {
  width:600px;
}

#moment52245038 .wrap .img {
  width:238px;
}

#moment52245046 .wrap .img {
  width:446px;
}

#moment52245038 .wrap .img {
  width:237px;
}

#moment52245048 .wrap .img {
  width:513px;
}

#moment52245066 .wrap .img {
  width:624px;
}

.youtube-embed{
  width:100%;
  margin:0 auto;
}

.hof-content .youtube-embed{
  width:515px;
}

.youtube-embed .preview-img{
  position: relative;
}

.youtube-embed .preview-img .pbtn{
  position: absolute;
  width:100%;
  height:100%;
  background:url(../media/templates/play_button_white.png) no-repeat 50% 50%;
  top:0;
  left:0;
  cursor: pointer;
}

.youtube-embed .preview-img .pbtn:hover,
.youtube-embed .preview-img .pbtn:active{
  background:url(../media/templates/play_button.png) no-repeat 50% 50%;
}

.hall-btn.content-filter > p {
    color: #FFFFFF;
    padding-left: 7px;
    padding-top: 100px;
}

/* -----------------------------------------------------------
  Timeline V2
-------------------------------------------------------------- */

.timeline2 .moment{
  display: block;
  margin-bottom:20px;
}

.timeline2 .moment.Default .wrap .general,
.timeline2 .moment.Gallery .wrap .general{
  display: block;
}

.timeline2 .moment.Image-Right .wrap .columns,
.timeline2 .moment.Image-Left .wrap .columns{
  display: block;
}

.timeline2 .moment h2{
  margin-bottom:5px;
}

.timeline2 .moment .btext{
  margin-bottom:10px;
}
#fixed-ribbon a {
    position: fixed;
    top: 170px;
}



.lang-EN .welcome.item2 .header {
    background: url("../media/lf70-welcome-header-en.png") no-repeat scroll 50% 50% transparent;
    height: 180px;
    position: relative;
    width: 100%;
}

.lang-EN .fm-nav-moments .next-moment {
    background: url("../media/lf70-moment-next-en.png") no-repeat scroll 50% 0 transparent;
    cursor: pointer;
    display: block;
    height: 121px;
    margin: 0 auto;
    position: relative;
    top: 9px;
    width: 161px;
}
.lang-EN .prev-moment, lang-EN .next-moment {
    background: url("../media/lf70-moment-next-en.png") no-repeat scroll 50% 0 transparent;
    color: #333333;
    cursor: pointer;
    display: none;
    font: 14px/80px MyriadCB;
    height: 112px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 161px;
}

.lang-EN .fm-nav-moments .next-moment:hover,  .lang-EN .fm-nav-moments .next-moment:active {
    background-position: 50% -150px;
}
.lang-EN .prev-moment:hover, .lang-EN .prev-moment:active, .lang-EN .next-moment:hover, .lang-EN .next-moment:active {
    background-position: 0 -150px;
}

.lang-EN .prev-moment {
    background: url("../media/templates/lf70-prev-moment.png") no-repeat scroll 50% 0 transparent;
    line-height: 138px;
}


.lang-EN .hall-btn:hover, .lang-EN .hall-btn:active {
    background-position: 0 -100px;
}


.lang-EN .hall-btn {
    background: url("../media/lf70-hall-icon-en.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 99px;
    position: absolute;
    right: 15px;
    top: 1090px;
    width: 98px;
}


.lang-EN #year-nav {
    background: url("../media/lf70-year-nav-en.png") no-repeat scroll 0 0 transparent;
    height: 343px;
    left: 50px;
    position: absolute;
    top: 1090px;
    width: 138px;
    z-index: 999;
}


.lang-EN #year-nav a:hover, .lang-EN #year-nav a:active, .lang-EN #year-nav li.active a {
    background: url("../media/lf70-year-hover-en.png") no-repeat scroll 0 0 transparent;
}


.lang-EN #year-nav .year-nav5217:hover, .lang-EN #year-nav .year-nav5217:active, .lang-EN #year-nav li.active .year-nav5217{
background-position: 50% -50px;
}



.lang-EN #year-nav .year-nav5219:hover, .lang-EN #year-nav .year-nav5219:active, .lang-EN #year-nav li.active .year-nav5219{
background-position: 50% -100px;
}

.lang-EN #year-nav .year-nav5224:hover, .lang-EN #year-nav .year-nav5224:active, .lang-EN #year-nav li.active .year-nav5224{
background-position: 50% -150px;
}


.lang-EN #year-nav .year-nav5225:hover, .lang-EN #year-nav .year-nav5225:active, .lang-EN #year-nav li.active .year-nav5225{
background-position:50% -200px;
}


.lang-EN #year-nav .year-nav5226:hover, .lang-EN #year-nav .year-nav5226:active, .lang-EN #year-nav li.active .year-nav5226{
background-position: 50% -250px;
}

.lang-EN #year-nav .year-nav5227:hover, .lang-EN #year-nav .year-nav5227:active, .lang-EN #year-nav li.active .year-nav5227{
background-position:50% -300px;
}



.lang-EN #year-nav .year-nav5228:hover, .lang-EN #year-nav .year-nav5228:active, .lang-EN #year-nav li.active .year-nav5228{
background-position:50% -350px;
}

.lang-EN #fixed-logo a:hover, .lang-EN #fixed-logo a:active{
    height: 140px;
}


.lang-EN #fixed-logo a{
    background: url("../media/logo-laf-70_eng.png") repeat scroll 0 0 transparent;
    display: block;
    height: 117px;
    width: 181px;
}
#pixelpro a {color: #fff;padding: 6px; font-family:MyriadC, sans-serif; text-transform:uppercase; display: block;}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('../media/templates/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
    background: none repeat scroll 0 0 transparent;
    height: 100%;
    position: relative;
    width: 100%;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
   border: medium none;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../media/templates/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../media/templates/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('../media/templates/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('../media/templates/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

.fancybox-ie #fancybox-bg-n {  display:none; }
.fancybox-ie #fancybox-bg-ne { display:none; }
.fancybox-ie #fancybox-bg-e {  display:none; }
.fancybox-ie #fancybox-bg-se { display:none; }
.fancybox-ie #fancybox-bg-s {  display:none; }
.fancybox-ie #fancybox-bg-sw { display:none; }
.fancybox-ie #fancybox-bg-w {  display:none; }
.fancybox-ie #fancybox-bg-nw { display:none; }

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
 /*background-image: url('/media/templates/fancybox-x.png');*/
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  /*background-image: url('/media/templates/fancybox.png');
  background-position: -40px -162px;*/
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  /*background-image: url('/media/templates/fancybox-y.png');
  background-position: -20px 0px;*/
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  /*background-image: url('/media/templates/fancybox.png');
  background-position: -40px -182px; */
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  /*background-image: url('/media/templates/fancybox-x.png');
  background-position: 0px -20px;*/
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  /*background-image: url('/media/templates/fancybox.png');
  background-position: -40px -142px;
  */
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  /*background-image: url('/media/templates/fancybox-y.png');*/
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  /*background-image: url('/media/templates/fancybox.png');
  background-position: -40px -122px;*/
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('../media/templates/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../media/templates/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../media/templates/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../media/templates/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
  display:none;
}

#fancybox-loading.fancybox-ie6 {
  position: absolute; margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/templates/fancy_shadow_nw.png', sizingMethod='scale'); }


.filter-content {
  margin: 0;
  padding: 0;
  height: 450px;
  width: 797px;
}

.filter-content .section-gallery-controls a{
  margin:0 30px;
}

.filter-content .section-gallery-controls .next,
.filter-content-next{
   background: url("../media/templates/cb-circle-black-next.png") no-repeat scroll 0 0 transparent;
  height: 39px;
  width: 39px;
}


.filter-content .section-gallery-controls .prev,
.filter-content-prev{
  background: url("../media/templates/cb-circle-black-prev.png") no-repeat scroll 0 0 transparent;
  height: 39px;
  width: 39px;
}

.filter-content .screen.main-screen {
  height:450px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 797px;
}

.slider .filter-content-item {
  float: left;
  height: 450px;
  position: relative;
  width: 797px;
}

.slider .filter-content-item iframe{
  height:330px !important;
}

.slider .filter-content-container {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 20000px;
}

.year-wrapper{
  text-align: center;
}

.year-wrapper .year {
  color: #FEFEFE;
  font: italic 24px/26px Times new Roman;
  letter-spacing: 6px;
  margin: 0 0 10px;
}

.filter-content-item-body{
  margin: 0 52px;
  text-align:center;
}

.filter-content-item-body img {
  text-align:center;
}

.filter-content-item-desc{
  margin: 5px 52px 0;
}

.filter-content .hall-logo {
  background: url("../media/templates/lf70-hall-icon.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  height: 99px;
  left: 358px;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 98px;
}

/*-------------------------------------------------------------------------------
  HTML5 Reset :: style.css
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: normal; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable, input[type=button], input[type=submit], button, input.button, input.submit{cursor: pointer;} /* hand cursor on clickable elements */
button, input, select, textarea {margin: 0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */
button {width: auto; overflow: visible;} /* make buttons play nice in IE */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */

input::-moz-focus-inner{ border:none; }
textarea{ resize:none; }
:focus { outline:0; }

.right { float:right; display:block; }
.left { float:left; display:block; }

/* -----------------------------------------------------------
  Image Max Width
-------------------------------------------------------------- */

/*img, object, embed {max-width: 100%;}*/

.mwidth, .mwidth > img{ max-width:100%; }
.mheight, .mheight > img{ max-height:100%; }

/* -----------------------------------------------------------
  Show / Hide
-------------------------------------------------------------- */

body .show { display:block; }
body .show-0 { display:none; }
body .show-1 { display:block; }

body .hide { display:none; }
body .hide-0 { display:block; }
body .hide-1 { display:none; }

.show-if-not-empty{ display:none; }

/* -----------------------------------------------------------
  Clear Fix Framework
-------------------------------------------------------------- */

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }

/* -----------------------------------------------------------
  Color
-------------------------------------------------------------- */

.color000{ color:#000; }
.color111{ color:#111; }
.color222{ color:#222; }
.color333{ color:#333; }
.color444{ color:#444; }
.color555{ color:#555; }
.color666{ color:#666; }
.color777{ color:#777; }
.color888{ color:#888; }
.color999{ color:#999; }
.colorAAA{ color:#AAA; }
.colorBBB{ color:#BBB; }
.colorCCC{ color:#CCC; }
.colorDDD{ color:#DDD; }
.colorEEE{ color:#EEE; }
.colorFFF{ color:#FFF; }

.bg000{ background-color:#000; }
.bg111{ background-color:#111; }
.bg222{ background-color:#222; }
.bg333{ background-color:#333; }
.bg444{ background-color:#444; }
.bg555{ background-color:#555; }
.bg666{ background-color:#666; }
.bg777{ background-color:#777; }
.bg888{ background-color:#888; }
.bg999{ background-color:#999; }
.bgAAA{ background-color:#AAA; }
.bgBBB{ background-color:#BBB; }
.bgCCC{ background-color:#CCC; }
.bgDDD{ background-color:#DDD; }
.bgEEE{ background-color:#EEE; }
.bgFFF{ background-color:#FFF; }

.red{ color:red; }
.blue{ color:blue; }
.green{ color:green; }
.yellow{ color:yellow; }

/* -----------------------------------------------------------
  Opacity
-------------------------------------------------------------- */

.transp10{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
.transp9 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9 }
.transp8 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.transp7 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.transp6 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.transp5 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.transp4 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.transp3 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}
.transp2 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.transp1 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}

.transp10,
.transp9,
.transp8,
.transp7,
.transp6,
.transp5,
.transp4,
.transp3,
.transp2,
.transp1{
  transition:      250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition:  250ms all ease;
  -o-transition:    250ms all ease;
  -ms-transition:    250ms all ease;
}

/* -----------------------------------------------------------
  Width
-------------------------------------------------------------- */

.width5p{ width:5%; }
.width10p{ width:10%; }
.width15p{ width:15%; }
.width20p{ width:20%; }
.width25p{ width:25%; }
.width30p{ width:30%; }
.width35p{ width:35%; }
.width40p{ width:40%; }
.width45p{ width:45%; }
.width50p{ width:50%; }
.width55p{ width:55%; }
.width60p{ width:60%; }
.width65p{ width:65%; }
.width70p{ width:70%; }
.width75p{ width:75%; }
.width80p{ width:80%; }
.width85p{ width:85%; }
.width90p{ width:90%; }
.width95p{ width:95%; }
.width100p{ width:100%; }

.width5{ width:5px; }
.width10{ width:10px; }
.width15{ width:15px; }
.width20{ width:20px; }
.width25{ width:25px; }
.width30{ width:30px; }
.width35{ width:35px; }
.width40{ width:40px; }
.width45{ width:45px; }
.width50{ width:50px; }
.width55{ width:55px; }
.width60{ width:60px; }
.width65{ width:65px; }
.width70{ width:70px; }
.width75{ width:75px; }
.width80{ width:80px; }
.width85{ width:85px; }
.width90{ width:90px; }
.width95{ width:95px; }

.width100{ width:100px; }
.width150{ width:150px; }
.width200{ width:200px; }
.width250{ width:250px; }
.width300{ width:300px; }
.width350{ width:350px; }
.width400{ width:400px; }
.width450{ width:450px; }
.width500{ width:500px; }
.width550{ width:550px; }
.width600{ width:600px; }
.width650{ width:650px; }
.width700{ width:700px; }
.width750{ width:750px; }
.width800{ width:800px; }
.width850{ width:850px; }
.width900{ width:900px; }
.width950{ width:950px; }
.width1000{ width:1000px; }
.width1050{ width:1050px; }
.width1100{ width:1100px; }
.width1150{ width:1150px; }
.width1200{ width:1200px; }
.width1250{ width:1250px; }
.width1300{ width:1300px; }
.width1350{ width:1350px; }
.width1400{ width:1400px; }
.width1450{ width:1450px; }
.width1500{ width:1500px; }

/* -----------------------------------------------------------
  Height
-------------------------------------------------------------- */

.height5p{ height:5%; }
.height10p{ height:10%; }
.height15p{ height:15%; }
.height20p{ height:20%; }
.height25p{ height:25%; }
.height30p{ height:30%; }
.height35p{ height:35%; }
.height40p{ height:40%; }
.height45p{ height:45%; }
.height50p{ height:50%; }
.height55p{ height:55%; }
.height60p{ height:60%; }
.height65p{ height:65%; }
.height70p{ height:70%; }
.height75p{ height:75%; }
.height80p{ height:80%; }
.height85p{ height:85%; }
.height90p{ height:90%; }
.height95p{ height:95%; }
.height100p{ height:100%; }

.height5{ height:5px; }
.height10{ height:10px; }
.height15{ height:15px; }
.height20{ height:20px; }
.height25{ height:25px; }
.height30{ height:30px; }
.height35{ height:35px; }
.height40{ height:40px; }
.height45{ height:45px; }
.height50{ height:50px; }
.height55{ height:55px; }
.height60{ height:60px; }
.height65{ height:65px; }
.height70{ height:70px; }
.height75{ height:75px; }
.height80{ height:80px; }
.height85{ height:85px; }
.height90{ height:90px; }
.height95{ height:95px; }

.height100{ height:100px; }
.height150{ height:150px; }
.height200{ height:200px; }
.height250{ height:250px; }
.height300{ height:300px; }
.height350{ height:350px; }
.height400{ height:400px; }
.height450{ height:450px; }
.height500{ height:500px; }
.height550{ height:550px; }
.height600{ height:600px; }
.height650{ height:650px; }
.height700{ height:700px; }
.height750{ height:750px; }
.height800{ height:800px; }
.height850{ height:850px; }
.height900{ height:900px; }
.height950{ height:950px; }
.height1000{ height:1000px; }
.height1050{ height:1050px; }
.height1100{ height:1100px; }
.height1150{ height:1150px; }
.height1200{ height:1200px; }
.height1250{ height:1250px; }
.height1300{ height:1300px; }
.height1350{ height:1350px; }
.height1400{ height:1400px; }
.height1450{ height:1450px; }
.height1500{ height:1500px; }

/* -----------------------------------------------------------
  Position
-------------------------------------------------------------- */

.top0{ top:0; }
.top1{ top:1px; }
.top2{ top:2px; }
.top3{ top:3px; }
.top4{ top:4px; }
.top5{ top:5px; }
.top6{ top:6px; }
.top7{ top:7px; }
.top8{ top:8px; }
.top9{ top:9px; }
.top10{ top:10px; }
.top15{ top:15px; }
.top20{ top:20px; }
.top25{ top:25px; }
.top30{ top:30px; }
.top35{ top:35px; }
.top40{ top:40px; }
.top45{ top:45px; }
.top50{ top:50px; }
.top55{ top:55px; }
.top60{ top:60px; }
.top65{ top:65px; }
.top70{ top:70px; }

.bottom0{ bottom:0; }
.bottom1{ bottom:1px; }
.bottom2{ bottom:2px; }
.bottom3{ bottom:3px; }
.bottom4{ bottom:4px; }
.bottom5{ bottom:5px; }
.bottom6{ bottom:6px; }
.bottom7{ bottom:7px; }
.bottom8{ bottom:8px; }
.bottom9{ bottom:9px; }
.bottom10{ bottom:10px; }
.bottom15{ bottom:15px; }
.bottom20{ bottom:20px; }
.bottom25{ bottom:25px; }
.bottom30{ bottom:30px; }
.bottom35{ bottom:35px; }
.bottom40{ bottom:40px; }
.bottom45{ bottom:45px; }
.bottom50{ bottom:50px; }
.bottom55{ bottom:55px; }
.bottom60{ bottom:60px; }
.bottom65{ bottom:65px; }
.bottom70{ bottom:70px; }

.left0{ left:0; }
.left1{ left:1px; }
.left2{ left:2px; }
.left3{ left:3px; }
.left4{ left:4px; }
.left5{ left:5px; }
.left6{ left:6px; }
.left7{ left:7px; }
.left8{ left:8px; }
.left9{ left:9px; }
.left10{ left:10px; }
.left15{ left:15px; }
.left20{ left:20px; }
.left25{ left:25px; }
.left30{ left:30px; }
.left35{ left:35px; }
.left40{ left:40px; }
.left45{ left:45px; }
.left50{ left:50px; }
.left55{ left:55px; }
.left60{ left:60px; }
.left65{ left:65px; }
.left70{ left:70px; }

.right0{ right:0; }
.right1{ right:1px; }
.right2{ right:2px; }
.right3{ right:3px; }
.right4{ right:4px; }
.right5{ right:5px; }
.right6{ right:6px; }
.right7{ right:7px; }
.right8{ right:8px; }
.right9{ right:9px; }
.right10{ right:10px; }
.right15{ right:15px; }
.right20{ right:20px; }
.right25{ right:25px; }
.right30{ right:30px; }
.right35{ right:35px; }
.right40{ right:40px; }
.right45{ right:45px; }
.right50{ right:50px; }
.right55{ right:55px; }
.right60{ right:60px; }
.right65{ right:65px; }
.right70{ right:70px; }

/* -----------------------------------------------------------
  Margin
-------------------------------------------------------------- */

.mauto{ margin-left:auto; margin-right:auto; }

.m5{ margin:5px; }
.mt5{ margin-top:5px; }
.mb5{ margin-bottom:5px; }
.ml5{ margin-left:5px; }
.mr5{ margin-right:5px; }

.m10{ margin:10px; }
.mt10{ margin-top:10px; }
.mb10{ margin-bottom:10px; }
.ml10{ margin-left:10px; }
.mr10{ margin-right:10px; }

.m15{ margin:15px; }
.mt15{ margin-top:15px; }
.mb15{ margin-bottom:15px; }
.ml15{ margin-left:15px; }
.mr15{ margin-right:15px; }

.m20{ margin:20px; }
.mt20{ margin-top:20px; }
.mb20{ margin-bottom:20px; }
.ml20{ margin-left:20px; }
.mr20{ margin-right:20px; }

.m25{ margin:25px; }
.mt25{ margin-top:25px; }
.mb25{ margin-bottom:25px; }
.ml25{ margin-left:25px; }
.mr25{ margin-right:25px; }

.m30{ margin:30px; }
.mt30{ margin-top:30px; }
.mb30{ margin-bottom:30px; }
.ml30{ margin-left:30px; }
.mr30{ margin-right:30px; }

.m35{ margin:35px; }
.mt35{ margin-top:35px; }
.mb35{ margin-bottom:35px; }
.ml35{ margin-left:35px; }
.mr35{ margin-right:35px; }

.m40{ margin:40px; }
.mt40{ margin-top:40px; }
.mb40{ margin-bottom:40px; }
.ml40{ margin-left:40px; }
.mr40{ margin-right:40px; }

.m45{ margin:45px; }
.mt45{ margin-top:45px; }
.mb45{ margin-bottom:45px; }
.ml45{ margin-left:45px; }
.mr45{ margin-right:45px; }

.m50{ margin:50px; }
.mt50{ margin-top:50px; }
.mb50{ margin-bottom:50px; }
.ml50{ margin-left:50px; }
.mr50{ margin-right:50px; }

/* -----------------------------------------------------------
  Padding
-------------------------------------------------------------- */

.p5{ padding:5px; }
.pt5{ padding-top:5px; }
.pb5{ padding-bottom:5px; }
.pl5{ padding-left:5px; }
.pr5{ padding-right:5px; }

.p10{ padding:10px; }
.pt10{ padding-top:10px; }
.pb10{ padding-bottom:10px; }
.pl10{ padding-left:10px; }
.pr10{ padding-right:10px; }

.p15{ padding:15px; }
.pt15{ padding-top:15px; }
.pb15{ padding-bottom:15px; }
.pl15{ padding-left:15px; }
.pr15{ padding-right:15px; }

.p20{ padding:20px; }
.pt20{ padding-top:20px; }
.pb20{ padding-bottom:20px; }
.pl20{ padding-left:20px; }
.pr20{ padding-right:20px; }

.p25{ padding:25px; }
.pt25{ padding-top:25px; }
.pb25{ padding-bottom:25px; }
.pl25{ padding-left:25px; }
.pr25{ padding-right:25px; }

.p30{ padding:30px; }
.pt30{ padding-top:30px; }
.pb30{ padding-bottom:30px; }
.pl30{ padding-left:30px; }
.pr30{ padding-right:30px; }

.p35{ padding:35px; }
.pt35{ padding-top:35px; }
.pb35{ padding-bottom:35px; }
.pl35{ padding-left:35px; }
.pr35{ padding-right:35px; }

.p40{ padding:40px; }
.pt40{ padding-top:40px; }
.pb40{ padding-bottom:40px; }
.pl40{ padding-left:40px; }
.pr40{ padding-right:40px; }

.p45{ padding:45px; }
.pt45{ padding-top:45px; }
.pb45{ padding-bottom:45px; }
.pl45{ padding-left:45px; }
.pr45{ padding-right:45px; }

.p50{ padding:50px; }
.pt50{ padding-top:50px; }
.pb50{ padding-bottom:50px; }
.pl50{ padding-left:50px; }
.pr50{ padding-right:50px; }

.static{ position: static; }
.relative{ position: relative; }
.absolute{ position:absolute; }
.fixed{ position:fixed; }

/* -----------------------------------------------------------
  Font-size
-------------------------------------------------------------- */

.fsize8,  .font-size-8{ font-size:8px;    line-height:normal; }
.fsize9,  .font-size-9{ font-size:9px;    line-height:normal; }
.fsize11, .font-size-11{ font-size:11px;  line-height:normal; }
.fsize12, .font-size-12{ font-size:12px;  line-height:normal; }
.fsize13, .font-size-13{ font-size:13px;  line-height:normal; }
.fsize14, .font-size-14{ font-size:14px;  line-height:normal; }
.fsize15, .font-size-15{ font-size:15px;  line-height:normal; }
.fsize16, .font-size-16{ font-size:16px;  line-height:normal; }
.fsize17, .font-size-17{ font-size:17px;  line-height:normal; }
.fsize18, .font-size-18{ font-size:18px;  line-height:normal; }
.fsize19, .font-size-19{ font-size:19px;  line-height:normal; }
.fsize20, .font-size-20{ font-size:20px;  line-height:normal; }
.fsize21, .font-size-21{ font-size:21px;  line-height:normal; }
.fsize22, .font-size-22{ font-size:22px;  line-height:normal; }
.fsize23, .font-size-23{ font-size:23px;  line-height:normal; }
.fsize24, .font-size-24{ font-size:24px;  line-height:normal; }
.fsize25, .font-size-25{ font-size:25px;  line-height:normal; }
.fsize26, .font-size-26{ font-size:26px;  line-height:normal; }
.fsize27, .font-size-27{ font-size:27px;  line-height:normal; }
.fsize28, .font-size-28{ font-size:28px;  line-height:normal; }
.fsize29, .font-size-29{ font-size:29px;  line-height:normal; }
.fsize30, .font-size-30{ font-size:30px;  line-height:normal; }

/* -----------------------------------------------------------
  Line-height
-------------------------------------------------------------- */

.lh8{ line-height:8px; }
.lh9{ line-height:9px; }
.lh10{ line-height:10px; }
.lh11{ line-height:11px; }
.lh12{ line-height:12px; }
.lh13{ line-height:13px; }
.lh14{ line-height:14px; }
.lh15{ line-height:15px; }
.lh16{ line-height:16px; }
.lh17{ line-height:17px; }
.lh18{ line-height:18px; }
.lh19{ line-height:19px; }
.lh20{ line-height:20px; }
.lh21{ line-height:21px; }
.lh22{ line-height:22px; }
.lh23{ line-height:23px; }
.lh24{ line-height:24px; }
.lh25{ line-height:25px; }
.lh26{ line-height:26px; }
.lh27{ line-height:27px; }
.lh28{ line-height:28px; }
.lh29{ line-height:29px; }
.lh30{ line-height:30px; }
.lh31{ line-height:31px; }
.lh32{ line-height:32px; }
.lh33{ line-height:33px; }
.lh34{ line-height:34px; }
.lh35{ line-height:35px; }
.lh36{ line-height:36px; }
.lh37{ line-height:37px; }
.lh38{ line-height:38px; }
.lh39{ line-height:39px; }
.lh40{ line-height:40px; }

/* -----------------------------------------------------------
  Cursor
-------------------------------------------------------------- */

.cpointer{ cursor:pointer; }
.cdefault{ cursor:default; }
.cmove{ cursor:move; }
.ccrosshair{ cursor:crosshair; }

/*-------------------------------------------------------------------------------
  CSS3 Transition
-------------------------------------------------------------------------------*/

.unselectable{ -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none; }

.trans200, .trans200:hover, .trans200:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.trans250, .trans250:hover, .trans250:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 250ms ease; -moz-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease; }
.trans300, .trans300:hover, .trans300:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.trans350, .trans350:hover, .trans350:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 350ms ease; -moz-transition:all 350ms ease; -o-transition:all 350ms ease; transition:all 350ms ease; }
.trans400, .trans400:hover, .trans400:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; }
.trans450, .trans450:hover, .trans450:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 450ms ease; -moz-transition:all 450ms ease; -o-transition:all 450ms ease; transition:all 450ms ease; }
.trans500, .trans500:hover, .trans500:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.trans550, .trans550:hover, .trans550:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 550ms ease; -moz-transition:all 550ms ease; -o-transition:all 550ms ease; transition:all 550ms ease; }
.trans600, .trans600:hover, .trans600:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; }
.trans650, .trans650:hover, .trans650:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 650ms ease; -moz-transition:all 650ms ease; -o-transition:all 650ms ease; transition:all 650ms ease; }
.trans700, .trans700:hover, .trans700:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; }
.trans750, .trans750:hover, .trans750:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 750ms ease; -moz-transition:all 750ms ease; -o-transition:all 750ms ease; transition:all 750ms ease; }
.trans800, .trans800:hover, .trans800:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; }
.trans850, .trans850:hover, .trans850:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 850ms ease; -moz-transition:all 850ms ease; -o-transition:all 850ms ease; transition:all 850ms ease; }
.trans900, .trans900:hover, .trans900:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 900ms ease; -moz-transition:all 900ms ease; -o-transition:all 900ms ease; transition:all 900ms ease; }
.trans950, .trans950:hover, .trans950:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 950ms ease; -moz-transition:all 950ms ease; -o-transition:all 950ms ease; transition:all 950ms ease; }
.trans1000, .trans1000:hover, .trans1000:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }

/*-------------------------------------------------------------------------------
  Border Radius
-------------------------------------------------------------------------------*/

.br1{  border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.br2{  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.br3{  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.br4{  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.br5{  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.br6{  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.br7{  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.br8{  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.br9{  border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.br10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.br11{ border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; }
.br12{ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.br13{ border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.br14{ border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; }
.br15{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/*-------------------------------------------------------------------------------
  CSS Background Image Framework
-------------------------------------------------------------------------------*/

.bgimg{ overflow:hidden; display:block; }
.bgimg img{ display:none; }

/*-------------------------------------------------------------------------------
  Text Framework
-------------------------------------------------------------------------------*/

.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.normal{ font-weight:normal; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }

/*-------------------------------------------------------------------------------
  Center UL
-------------------------------------------------------------------------------*/

.cul {
  width:100%;
  overflow:hidden;
  position:relative;
}

.cul ul {
  clear:left;
  float:left;
  position:relative;
  left:50%;
  text-align:center;
  list-style: none;
  margin:0;
  padding:0;
}

.cul ul li {
  display:block;
  float:left;
  position:relative;
  right:50%;
}

.cul ul li a {
  display:block;
  margin:0 10px;
}

.cul ul li a:hover,
.cul ul li a:active,
.cul ul li.active a{

}

/*-------------------------------------------------------------------------------
  Horizontal UL List
-------------------------------------------------------------------------------*/

.hul ul{
  display:block;
  float:left;
  width:auto;
}

.hul ul li{
  display:block;
  float:left;
}

.hul ul li a{
  display:block;
  float:left;
}

.hul ul li a:hover,
.hul ul li a:active,
.hul ul li.active a{
}

/*-------------------------------------------------------------------------------
  Selection Color
-------------------------------------------------------------------------------*/

::-moz-selection{background: #CC0000; color: #FFF; text-shadow: none;}
::selection {background: #CC0000; color: #FFF; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #CC0000;}
ins {background-color: #CC0000; color: #FFF; text-decoration: none;}
mark {background-color: #CC0000; color: #FFF; font-style: italic; font-weight: bold;}

/*-------------------------------------------------------------------------------
  Anchor
-------------------------------------------------------------------------------*/

a{
  text-decoration: none;
}

a:hover, a:active{
  
}

a,
a:hover,
a:active {
  -webkit-transition:color 200ms ease;
  -moz-transition:color 200ms ease;
  -o-transition:color 200ms ease;
  transition:color 200ms ease;
}

/*-------------------------------------------------------------------------------
  Expression Text Editor
-------------------------------------------------------------------------------*/

#tinymce body{
  background:#FFF !important;
  color:#000 !important;
}

#tinymce a,
#tinymce a:hover,
#tinymce a:active{
  color:blue !important;
  text-decoration: underline !important;
}

#tinymce ul{
  padding-left:20px;
  margin-left:10px;
  list-style: disc;
}

#tinymce ol{
  padding-left:20px;
  margin-left:10px;
  list-style: decimal;
}

body#tinymce,
#tinymce p,
.body-text{
  font: 15px/17px Helvetica,Arial;
  margin-bottom: 15px;
}

#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6{
  font-weight:bold;
}

/* -----------------------------------------------------------
  Typography
-------------------------------------------------------------- */

.marticle .btext h1,
.marticle .btext h2,
.marticle .btext h3,
.marticle .btext h4,
.marticle .btext h5,
.marticle .btext h6{
  margin:0;
  padding:0;
}

.marticle .btext h1{ font:40px TradeGCB; }
.marticle .btext h2{ font:36px TradeGCB; }
.marticle .btext h3{ font:32px TradeGCB; }
.marticle .btext h4{ font:28px TradeGCB; }
.marticle .btext h5{ font:24px TradeGCB; }
.marticle .btext h6{ font:20px TradeGCB; }

.marticle .btext ul{
  padding-left:20px;
  margin-bottom:15px;
  list-style: disc;
}

.marticle .btext ol{
  padding-left:20px;
  margin-bottom:15px;
  list-style: decimal;
}

.marticle .btext a{
  color:blue;
}

.marticle .btext a:hover,
.marticle .btext a:active{
  color:blue;
  text-decoration: underline;
}

.marticle .btext p{
  margin-bottom:15px;
}

/*-------------------------------------------------------------------------------
  Form Wrap, Fields, Inputs (Empty)
-------------------------------------------------------------------------------*/

input, textarea, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;  
}

input, textarea,
input:focus, textarea:focus{
  -webkit-transition:color 300ms ease;
  -moz-transition:color 300ms ease;
  -o-transition:color 300ms ease;
  transition:color 300ms ease;
}

.form-wrap{ }
.field{ }
.field label{ }
.field input{ }
.field textarea{ }
.field select{ }

.field label.error{ }
.field input.error, .field textarea.error, .field select.error{  }

/*-------------------------------------------------------------------------------
  Password Input
-------------------------------------------------------------------------------*/

.password-input-wrap{
  position: relative;
  width:100%;
}

.password-input-wrap .password-label{
  position: absolute;
  top:0;
  left:0;
  display:block;
  cursor: text;
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.password-input-wrap.error .password-input{
  border-color:red !important;
}

/*-------------------------------------------------------------------------------
  Custom Select Stylsheet Template (Empty)
-------------------------------------------------------------------------------*/

.custom-select-wrap {
  position:relative;
}

.custom-select-wrap select {
  z-index: 3;
  position: relative;
  cursor: pointer;
  width:100% !important;
}

.custom-select-wrap option {
  font-style: normal;
  font:12px/25px HelveticaR,Helvetica,Arial;
  padding:3px 5px;
}

.custom-select-wrap .customStyleSelectBoxInner {
  cursor: pointer;
  display: block !important;
  overflow: hidden;
}

.custom-select-wrap .customStyleSelectBox {}
.custom-select-wrap:hover .customStyleSelectBoxInner{}
.custom-select-wrap.error .customStyleSelectBoxInner{}

/* -----------------------------------------------------------
  Custom Radio/Checkbox Template (Empty)
-------------------------------------------------------------- */

.ez-hide {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}

.field .checkbox {
  background: transparent url('../media/templates/dl-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  float:left;
  cursor:pointer;
}

.field .radio {
  background: transparent url('../media/templates/dl-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  float:left;
  cursor:pointer;
}

.checkbox.checked { background-position: 0 -30px; }
.radio.selected { background-position: 0 -30px; }
.checkbox, .radio { zoom: 1; *display:inline; _height:24px; }


.Myriad-Bold-Condensed{}
.Myriad-Condensed{}
.Myriad-Light{}
.Myriad-Regular{}
-------------------------------------
.font-size-8{ }
.font-size-9{ }
.font-size-11{ }
.font-size-12{ }
.font-size-13{ }
.font-size-14{ }
.font-size-15{ }
.font-size-16{ }
.font-size-17{ }
.font-size-18{ }
.font-size-19{ }
.font-size-20{ }
.font-size-21{ }
.font-size-22{ }
.font-size-23{ }
.font-size-24{ }
.font-size-25{ }
.font-size-26{ }
.font-size-27{ }
.font-size-28{ }
.font-size-29{ }
.font-size-30{ }

/*.default .img .img-hover{
  width:100%;
  height:300px;
  position:absolute;
  left:0;
  top:0;
  background:url(/media/logo_over.png) no-repeat center center;
  opacity:0;
} 
.default .img .img-hover:hover{
  opacity:1;
} */


#section-5084{display:none !important;}
#section-5507{display:block !important;}

#top-nav #section-5507 {
    border-top: 4px solid #0063a2;
}

