@import "../../css/font.css";
html, body, div{ margin:0; padding:0; }
/* html, body{  height:100%; } */
body{ 
  font-family: 'tw_cen_mt_stdlight', Arial, Tahoma; font-size:13px; line-height:16px; color:#ffffff; background:#000000;  } 
body#bxwhite{ background:#ffffff; color:#000000; } 
 
img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#ffffff; }
a:visited{ text-decoration:none; color:#ffffff; }
a:hover{ text-decoration:none; color:#ffffff; }

body#bxwhite a:link{ text-decoration:none; color:#000000; }
body#bxwhite a:visited{ text-decoration:none; color:#000000; }
body#bxwhite a:hover{ text-decoration:none; color:#000000; }



#page{ display:block; position:relative; width:100%; height:100%; }
.content{ display:block; position:relative; width:92%; margin:0 auto;  }

#bxhome{ display:block; position:relative; width:100%; height:100%; height:100vh; }

#headerbx{ display:block; position:absolute; top:0; left:0; right:0; z-index:999; }
#headernav{ display:block; position:relative; width:100%; height:28px; background:#000;  }
.bxlogo{ display:block; position:absolute; width:98px; height:94px; top:0; left:50%; margin-left:-49px; z-index:996;  }
.bxlogo > a{  display:inline-block; position:relative; width:98px; height:94px;   }

.logotop{
  display:block; position:absolute; width:98px; height:94px; top:0; background:url(../../img/logo-white-AM.svg) no-repeat; } 

.am-symbol{ display: none; }
.am-symbol [foo], .am-symbol {
  display: block; 
  position: absolute;
  top:0px; left:0; right:0; bottom:0;
  display: inline-block; width:98px; height:94px; 
}
.am-symbol .am-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%; 
  position: absolute;
  top:0px; left:0; right:0; bottom:0; 
  
 /* opacity: 0; 
  -o-animation: wifianimation 3s infinite;
  -moz-animation: wifianimation 3s infinite;
  -webkit-animation: wifianimation 3s infinite;
  animation: wifianimation 3s infinite; */
}
.am-symbol .am-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  background:url(../../img/logo-white-long-line.svg) center no-repeat;
}
.am-symbol .am-circle.second {
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
  background:url(../../img/logo-white-short-line.svg) center no-repeat;
}
.am-symbol .am-circle.third{  background:url(../../img/logo-white-dot.svg) center no-repeat; }
 
@-o-keyframes wifianimation {
  0%{ opacity: 0.9; }
  5%{ opactiy: 1; }
  6%{ opactiy: 0.1; }
  100%{ opactiy: 0.1; }
}
@-moz-keyframes wifianimation {
  0%{ opacity: 0.9; }
  5%{ opactiy: 1; }
  6%{ opactiy: 0.1; }
  100%{ opactiy: 0.1; }
}
@-webkit-keyframes wifianimation {
  0%{ opacity: 0.9; }
  5%{ opactiy: 1; }
  6%{ opactiy: 0.1; }
  100%{ opactiy: 0.1; }
} 

.bxlogo:hover .logotop > .am-symbol .am-circle{ 
  opacity: 0; 
  -o-animation: wifianimation 2s infinite;
  -moz-animation: wifianimation 2s infinite;
  -webkit-animation: wifianimation 2s infinite;
  animation: wifianimation 2s infinite;
}
.bxlogo:hover .logotop > .am-symbol .am-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.bxlogo:hover .logotop > .am-symbol .am-circle.second {
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.am-symbol .am-circle.third {
  -o-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

   
.headernav{ display:block; position:relative; width:92%; margin:0 auto; }
.headernav.mobile{ display:none; }
.headernav a{ transition:ease 0.5s; letter-spacing:2px; }
.headernav a.mactivx,
.headernav a.mactiv,
.headernav a:hover{ color:#eb212e; }
.headernav-bx{ display:block; position:relative; width:100%; font-size:14px; line-height:28px;  }
.headernav-bxcl{ display:block; position:relative; width:25%; float:left; text-align:left; }
.headernav-bxcr{ display:block; position:relative; width:25%; float:left; text-align:right; }
.subnavbx{ display:block; position:relative; width:92%; margin:0 auto; height:100%; }

.navdirec > .iclose{ margin-left:6px; }
.navwork > .iclose{ margin-left:6px; }
#subnavdirec{ display:none; position:absolute; top:28px; left:0; bottom:0; right:0; z-index:399; height:96vh;   }
#subnavwork{ display:none; position:absolute; top:28px; left:0; bottom:0; right:0; z-index:399; height:96vh;   }

.subnavbxinner{ display:block; position:relative; width:100%; padding:35px 0; float:left; }
.subnavbxinner a{ 
 display:block; position:relative; font-size:14px; line-height:32px; color:#ffffff !important; text-transform:uppercase; letter-spacing:1.5px; transition:ease 0.5s; }
.subnavbxinner a.activ,
.subnavbxinner a:hover{ color:#eb212e !important; }
#subnavwork .subnavbxinner{ width:75%; left:25%; }

#bxnavmobile{ display:none; }
#overlay{  position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:398; }


.bxlogo-b{ display:block; position:absolute; right:0px; bottom:45px; }
.bxlogob-bx{ display:block; position:relative; width:202px;  }
.bxlogob-bx > .tb{ display:table; position:relative; width:100%; }
.bxlogob-bx > .tb > .c1{ display:table-cell; position:relative; width:130px; vertical-align:bottom; text-align:right; }
.bxlogob-bx > .tb > .c2{ display:table-cell; position:relative; width:72px; vertical-align:middle; text-align:right; }

.bxlogob-bx a{ 
  display:block; position:relative; font-size:14px; line-height:23px; text-transform:uppercase; letter-spacing:1.5px; transition:ease 0.5s; cursor:pointer; }
.bxlogob-bx a.activ,
.bxlogob-bx a.activw,
.bxlogob-bx a:hover{ color:#eb212e; }
.logo-br{ display:inline-block; position:relative; width:60px; height:93px; background:url(../../img/logo-br.svg) no-repeat; background-size:100%; }
 

#boxslide{ display:block; position:relative; width:100%; height:100%;  }
.bxslider{ display:block; position:relative; width:100%; height:100%;  }

.icon-mouse{ position:absolute; left:50%; margin-left:-9px; bottom:14px; z-index:2; }
.bxslidetxt{ position:absolute; top:0; left:0; bottom:0; right:0;  z-index:9; font-family: 'tw_cen_mt_stdregular'; text-transform:uppercase; }
.bxslidetxt > .bxslidetxt-over{ 
  position:absolute; top:0; left:0; bottom:0; right:0; z-index:10; opacity:0;   filter: blur(3px);
  background-position:center;  background-repeat:no-repeat; background-size:cover;  transition:ease 0.5s; }
.bxslidetxt > .bxslidetxt-over img{   }


/*.bxslidetxt:hover > .bxslidetxt-over{ opacity:1; } */
.bxslidetxt > .tb{ display:table; position:relative; width:100%; height:100%; }
.bxslidetxt > .tb > .td{ display:table-cell; position:relative; vertical-align:bottom; text-align:center;  }
.bxslidetxt > .tb > .td > .bxtxt{ 
  display:inline-block; position:relative; bottom:62px; text-shadow:0px 0px 10px rgba(255,255,255,1); z-index:19;
  -webkit-transition:ease 0.5s; -moz-transition:ease 0.5s; -o-transform:ease 0.5s; transition:ease 0.5s;   }
.bxslidetxt > .tb > .td > .bxtxt .txth{ font-size:65px; line-height:65px; letter-spacing:16px; }
.bxslidetxt > .tb > .td > .bxtxt .txt{ font-size:36px; line-height:42px; letter-spacing:8px; }
.bxslidetxt > .tb > .td > .bxtxt .icon{ 
  display:block; position:relative; text-align:center; margin:0 auto 36px; opacity: 0;  
  -webkit-transform: translate(0, -64px); 
  -moz-transform: translate(0, -64px); 
  -ms-transform: translate(0, -64px);
  -o-transform: translate(0, -64px); 
  transform: translate(0, -64px);
  -webkit-transform: translate3d(0, 0, -64px); 
  -moz-transform: translate3d(0, 0, -64px); 
  -ms-transform: translate3d(0, 0, -64px);
  -o-transform: translate3d(0, 0, -64px); 
  transform: translate3d(0, 0, -64px);
  -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.35s ease-out;
  -moz-transition: opacity 0.15s ease-out, -moz-transform 0.35s ease-out; 
  transition: opacity 0.15s ease-out, transform 0.35s ease-out;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
} 
.bxslidetxt > .tb > .td > .bxtxt:hover .icon{
  opacity: 1;
  -webkit-transform: translate(0, 32px);
  -moz-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  transform: translate(0, 32px);
  -webkit-transform: translate3d(0, 32px, 0);
  -moz-transform: translate3d(0, 32px, 0);
  -ms-transform: translate3d(0, 32px, 0);
  -o-transform: translate3d(0, 32px, 0);
  transform: translate3d(0, 32px, 0);
  -webkit-transition: opacity 0.35s ease-in, -webkit-transform 0.35s ease-out;
  -moz-transition: opacity 0.35s ease-in, -moz-transform 0.35s ease-out;
  transition: opacity 0.35s ease-in, transform 0.35s ease-out;  
}  

#bxhome-item{ display:block; position:relative; padding:20px 0 0;  } 
.homeitembx{ display:block; position:relative; width:23.8%; float:left; margin-right:1.6%; margin-bottom:43px;   } 
.homeitembx > .img{ display:block; position:relative; overflow:hidden; }
.homeitembx > .img img{ 
  max-width:100%; width:100%; 
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.homeitembx > .img > .over{ 
  position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.6); transition:ease 0.5s; opacity:0;  }
.homeitembx > .bxtxt{ 
  display:block; position:relative; text-align:center; text-transform:uppercase; 
  font-size:16px; letter-spacing:3px; padding:12px 0; transition:ease 0.5s;   }
.homeitembx > .bxtxt > span{ display:block; font-size:13px; letter-spacing:2px; }
.homeitembx:hover > .img > .over{ opacity:1; }
.homeitembx:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);	
}
.homeitembx:hover > .bxtxt{ color:#eb212e; }




.bxfullpage{ display:block; position:relative; width:100%; height:100%; height:100vh;  }
.bxfullpage > .table{ display:table; position:relative; width:100%; height:100%; }
.bxfullpage > .table > .tc{ display:table-cell; position:relative; text-align:center; vertical-align:middle; }

.bxvdo{ display:block; position:relative; max-width:960px; margin:0 auto; padding:0 0 13px; }
/*.bxvdo iframe{ display:block; position:relative; width:100%; height:540px; } */
.bxvdo-iframe {
 display:block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.bxvdo-iframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

.bxvdo-name{ display:block; position:relative; text-transform:uppercase; letter-spacing:1.5px; }
.bxvdo-name > div{ font-size:16px; line-height:16px; }
.bxvdo video{ width:100% !important; height:auto !important; margin:20px 0 0;  }

.bxfullpage.photop{ height:auto; overflow: auto;  }
.bxfullpage.photop > .table{  height:auto;  }

.bxgallery{ display:block; position:relative; max-width:960px; margin:0 auto; padding:20px 0 20px; }
.bxgallery-name{ display:block; position:relative; letter-spacing:1.5px; padding:0 0 26px;  font-size:16px; line-height:20px;   }
.bxgallery-name > div.txth{ 
 text-transform:uppercase; padding:0 0 20px; color: #eb212e; text-align:center; }

#boxslidegallery{ display:block; position:relative;   }



#bxdirecname{ display:block; position:absolute; background:rgba(0,0,0,0.9); top:28px; z-index:9; left:0px; right:0px;  }
#bxdirecnamepp{ display:block; position:relative;  padding:28px 0 0;  z-index:9;   }
.bxdirecname{ display:block; position:relative; padding:30px 0 35px; }
.bxdirecname > .bxname{ 
  display:block; position:relative; float:left; font-size:51px; text-transform:uppercase; line-height:51px; 
  font-family: 'tw_cen_mt_stdregular'; letter-spacing:2px; vertical-align:middle;  }
.bxdirecname > .bxline{ display:block; position:relative; float:left; margin:6px 10px 0; vertical-align:middle; }
.bxdirecname > .bxline img{ vertical-align:middle; }
.bxdirecname > .bxlink{ display:block; position:relative; font-size:21px; line-height:18px; letter-spacing:1.5px; margin-top:6px;  }
.bxdirecname > .bxlink a{ color:#ffffff; transition:ease 0.5s; }
.bxdirecname > .bxlink a:hover{ color:#eb212e; }
.bxdirecname > .bxlink a.sel{ color:#eb212e; }
.bxdirecname > .bxlink div.sel{ color:#eb212e; text-transform:uppercase; }

#bxworkh{ display:block; position:relative; padding:28px 0 0;  z-index:9; }
.bxworkh{ display:block; position:relative; padding:41px 0 39px; }
.bxworkh > .tb{ display:table; position:relative; width:100%; }  
.bxworkh > .tb > .c1{ display:table-cell; position:relative; vertical-align:top;  }
.bxworkh > .tb > .c2{ display:table-cell; position:relative; vertical-align:top; font-size:18px; line-height:20px;  }
.bxworkh > .tb > .c1 > .bxname{ 
  display:block; position:relative; font-size:51px; text-transform:uppercase; line-height:32px; padding-right:20px; letter-spacing:1.5px; padding-top:4px; font-family: 'tw_cen_mt_stdregular';  }

#bxwork{ display:block; position:relative;   }
#bxwork .workitem{ display:block; position:relative;     }
#bxwork .workitembx{ display:block; position:relative; width:96%; padding:0 0 39px; margin:0 0 26px; border-bottom:#4d4d4d solid 1px; }
#bxwork .workitembx.two{ margin:0 0 26px;  }
#bxwork .workitembx-img{ display:block; position:relative; }
#bxwork .workitembx-img img{ width:100%; max-width:100%; } 
#bxwork .workitembx-img video{ width:100%; height:auto;  }

#bxwork .workitembx-img .iframebx { display:block; position: relative; padding-bottom: 56.25%;  padding-top: 30px; height: 0;  overflow: hidden; }
#bxwork .workitembx-img iframe{ position:absolute; top:0; left:0; width:100%; height:100% !important; }  


#bxwork .workitembx-txt{ 
  display:block; position:relative; font-size:18px; line-height:23px; letter-spacing:1.5px; padding:16px 0 0; text-transform:uppercase;  }

.worktb{ display:table; position:relative; width:100%; margin-bottom:60px; } 
.worktb > .c1{ display:table-cell; position:relative; width:47%;  vertical-align:top; }
.worktb > .cc{ display:table-cell; position:relative; width:6%; } 
.worktb > .c2{ display:table-cell; position:relative; width:47%; border-bottom:rgba(255,255,255,0.3) solid 1px; vertical-align:top;  } 
.worktb > .c1 > .bximg{ display:block; position:relative; width:100%; }
.worktb > .c1 > .bximg img{ width:100%; }
.worktb > .c1 > .bximg video{ width:100%; height:auto;  }
.worktb > .c1 > .bximg .iframebx { display:block; position: relative; padding-bottom: 56.25%;  padding-top: 30px; height: 0;  overflow: hidden; }
.worktb > .c1 > .bximg iframe{ position:absolute; top:0; left:0; width:100%; height:100% !important; }  

.worktb > .c2 > .bxtxt{ display:block; position:relative; width:100%; padding:0 0 39px; }
.worktb > .c2 > .bxtxt > .txttop{ 
 display:block; position:relative; /* font-family: 'tw_cen_mt_stdregular'; font-size:18px; line-height:23px; letter-spacing:1.5px;*/ 
 font-size:16px; line-height:20px;  letter-spacing:3px;  padding:0 0 30px; 
 }
.worktb > .c2 > .bxtxt > .txtdesc{ display:block; position:relative; padding:0; font-size:16px; line-height:20px; }
 
.bxworkhtv{ display:block; position:relative; padding:51px 0 45px; }
.bxworkhtv > .tb{ display:table; position:relative; width:100%; }  
.bxworkhtv > .tb > .c1{ display:table-cell; position:relative; vertical-align:top;  border-right:#ffffff solid 1px;  }
.bxworkhtv > .tb > .c2{ display:table-cell; position:relative; vertical-align:top;  }
.bxworkhtv > .tb > .c1 > .bxname{ 
  display:block; position:relative; font-size:51px; text-transform:uppercase; line-height:32px; padding-right:20px; letter-spacing:1.5px; padding-top:4px; }

.bxworkh > .bxlink{ display:block; position:relative; font-size:21px; line-height:18px; letter-spacing:1.5px; margin-top:-3px  }
.bxdirecname > .bxlink a{ color:#ffffff; transition:ease 0.5s; }
.bxdirecname > .bxlink a:hover{ color:#eb212e; }
.bxdirecname > .bxlink a.sel{ color:#eb212e; }

.worktvbx{ display:block; position:relative;  }
.worktvbx > .c1{ display:block; position:relative; width:72%; float:left; }
.worktvbx > .c2{ display:block; position:relative; width:26%; float:right; } 
.worktvbx img{ max-width:100%; width:100%; }

.worktvbx-bxtxt{ display:block; position:relative; padding:10px 0 49px; margin:0 0 26px; border-bottom:rgba(255,255,255,0.3) solid 1px;  font-size:16px; line-height:20px;    }
.worktvbx-bxtxt > .bxtxt{ display:block; position:relative; width:72%; font-size:16px; line-height:20px;  }
.worktvbx-bxtxt > .bxtxt > .bxtxttop{ letter-spacing:3px; }

.worktvbx-vdo{ display:block; position:relative; width:100%; }
.worktvbx-vdo iframe{ display:block; position:relative; width:100%; height:100%; }
.worktvbx-vdo video{ width:100%; height:auto;  }
.worktvbx-iframe {
 display:block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.worktvbx-iframe iframe{
 position:absolute; top:0; left:0; width:100%; height:100%; }



/** white **/
/*body#bxwhite a:link{ text-decoration:none; color:#000000; }
body#bxwhite a:visited{ text-decoration:none; color:#000000; }
body#bxwhite a:hover{ text-decoration:none; color:#000000; } */
body#bxwhite #headernav{   background:#fff; }  

body#bxwhite .logotop{ background:url(../../img/logo-black-AM.svg) no-repeat; }  
body#bxwhite .am-symbol .am-circle.first{ background:url(../../img/logo-black-long-line.svg) center no-repeat; }
body#bxwhite .am-symbol .am-circle.second{ background:url(../../img/logo-black-short-line.svg) center no-repeat; }
body#bxwhite .am-symbol .am-circle.third{  background:url(../../img/logo-black-dot.svg) center no-repeat; }


body#bxwhite .headernav a{ color:#000000;  }
body#bxwhite .headernav a.mactivx,
body#bxwhite .headernav a.mactiv,
body#bxwhite .headernav a:hover{ color:#eb212e; }  

body#bxwhite .bxlogob-bx a{ color:#ffffff; }
body#bxwhite .bxlogob-bx a.activ,
body#bxwhite .bxlogob-bx a.activw,
body#bxwhite .bxlogob-bx a:hover{ color:#eb212e; } 


#bxaboutus{ display:block; position:relative; width:100%; height:100vh;   }
.bxaboutus{ display:block; position:relative; padding:28px 0 0; height:100%; }
.bxaboutus > .content{    }
.aboutbx-logor{ display:block; position:absolute; top:28px; right:0px; bottom:0px;  }
.aboutbx-logor .logorimg{ display:table; position:relative; text-align:right; width:100%; height:100%;   }
.aboutbx-logor .logorimg > div{ display:table-cell; position:relative; vertical-align:bottom; }
.bxabouth{ display:block; position:relative; padding:32px 1px 41px; text-align:left; }
.bxabouth img{ width:456px;   }
.aboutbx-bxtxt{ display:block; position:relative; width:72%; font-size:18px; line-height:20px; margin:13px 0 0;   }
 
.contactbx{ display:block; position:relative; width:565px; margin:82px 0 0; font-size:18px; line-height:20px;  }
.contactbx > .left{ display:block; position:relative; width:275px;  }
.contactbx > .right{ display:block; position:relative; width:275px;  }
.contacth{ font-family: 'twcenmt_bold'; text-transform:uppercase; }
.contacth span{ color:#eb212e; }
.contactbx a{ }

.contactnav{ display:block; position:absolute; bottom:36px; left:-92px; z-index:6; }
.bxlogob-bx.contactnbx{ display:block; position:relative; width:130px;  }
.bxlogob-bx.contactnbx a{ transition:ease 0.5s; color:#000000 !important; }
.bxlogob-bx.contactnbx a.activw,
.bxlogob-bx.contactnbx a:hover{ color:#eb212e !important; } 
 

#bxprint{ display:block; position:relative; } 
.printbx{ display:block; position:relative; float:left; margin:0 20px 20px 0; height:240px; overflow:hidden; } 
.printbx img{ max-height:100%;
-webkit-transition:all .4s linear;
transition:all .4s linear; } 
.printbx:hover img{
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
 

#bxproduction{ display: block; position: relative; padding:0 10px 10px; }
.bxrow{ display:table; position: relative;  width: 100%; height: 100%;  }
.bxrow > .bxproitem{ display:table-cell; position: relative; height: 100%; padding:9px; vertical-align: top; }
.bxrow > .bxproitem > .bxx{ display:block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.bxrow > .bxproitem > .bxx img{ /*height:100%; */
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bxrow > .bxproitem > .bxx:hover img{ 
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
}
.bxrow > .bxproitem > .bxx > .bxtext{ position:absolute; top:0; left:0; bottom:0; right:0;   }
.bxrow > .bxproitem > .bxx > .bxhover{ position:absolute; top:0; left:0; bottom:0; right:0; transition:ease 0.5s; opacity: 0;   }
.bxrow > .bxproitem > .bxx > .bxhover.play{ background: rgba(0,0,0,0.5) url(../../img/icon-play-xs.png) center no-repeat; }
.bxrow > .bxproitem > .bxx > .bxhover.photo{ background: rgba(0,0,0,0.5) url(../../img/icon-photo-xs.png) center no-repeat; }
.bxrow > .bxproitem > .bxx:hover > .bxhover{ opacity:1; }

.bxrow > .bxproitem > .bxx > .bxtext > .tb{ display:table; position: relative; width: 100%; height: 100%; }
.bxrow > .bxproitem > .bxx > .bxtext > .tb > .td{ 
  display:table-cell; position:relative; vertical-align: bottom; text-align: center; }
.bxrow > .bxproitem > .bxx > .bxtext > .tb > .td > .bx{ display:block; position: relative; padding:26px 36px; font-family: 'tw_cen_mt_stdlight'; text-transform: uppercase; letter-spacing: 1.5px;  }
.bxrow > .bxproitem > .bxx > .bxtext > .tb > .td > .bx > .txth{ font-size: 16px;  }


 
.mrnone{ margin-right:0 !important; } 
.pbnone{ padding-bottom:0 !important; }