/* Add here all your css styles (customizations) */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,600,400,300);

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:700,600,400,300);

/*
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('assets/css/fonts/proximanova-bold-webfont.eot');
    src: url('assets/css/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/proximanova-bold-webfont.woff') format('woff'),
         url('assets/css/fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('assets/css/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('assets/css/fonts/proximanova-light-webfont.eot');
    src: url('assets/css/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/proximanova-light-webfont.woff') format('woff'),
         url('assets/css/fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('assets/css/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('assets/css/fonts/proximanova-regular-webfont.eot');
    src: url('assets/css/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('assets/css/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('assets/css/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*/

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr1uKlGE8-OjkUKWan_M3D6s.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/7XUFZ5tgS-tD6QamInJTcZ_o9VAbKgK36i-4snuAuCM.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wprx3QmhlKDgQgT1VN2Ed1WFo.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr_5rZpfU3XI-FvUPGDRT0xY.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/RZunN20OBmkvrU7sA4GPPiKuKXcI2mpaPB3p6hsA39k.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/r9OmwyQxrgzUAhaLET_KO8-iP4m4uFrmmLLVBqy34EU.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/RZunN20OBmkvrU7sA4GPPnV4MzQw1VeMlPUyFyGfvRM.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/RZunN20OBmkvrU7sA4GPPpe8VrfdPPeK1ViGigzR2tQ.woff) format('woff');
}

@font-face {
    font-family: "Titillium Web2";
    src: url('fonts/titillium/titilliumweb-regular-webfont.eot?1446637446&9047a44a87e3');
    src: url('fonts/titillium/titilliumweb-regular-webfont.eot?&1446637446&9047a44a87e3#iefix') format('embedded-opentype'), url('fonts/titillium/titilliumweb-regular-webfont.woff?1446637446&9047a44a87e3') format('woff'), url('fonts/titillium/titilliumweb-regular-webfont.ttf?1446637446&9047a44a87e3') format('truetype'), url('fonts/titillium/titilliumweb-regular-webfont.svg?1446637446&9047a44a87e3#titilliumweb-regular-webfont') format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Titillium Web2 bold";
    src: url('fonts/titillium/titilliumweb-bold-webfont.eot?1446637446&9047a44a87e3');
    src: url('fonts/titillium/titilliumweb-bold-webfont.eot?&1446637446&9047a44a87e3#iefix') format('embedded-opentype'), url('fonts/titillium/titilliumweb-bold-webfont.woff?1446637446&9047a44a87e3') format('woff'), url('fonts/titillium/titilliumweb-bold-webfont.ttf?1446637446&9047a44a87e3') format('truetype'), url('fonts/titillium/titilliumweb-bold-webfont.svg?1446637446&9047a44a87e3#titilliumweb-bold-webfont') format('svg');
    font-weight: 600;
    font-style: normal
}


@font-face {
    font-family: "Titillium";
    src: url('fonts/titillium/titilliumregular.eot?1446637446&9047a44a87e3');
    src: url('fonts/titillium/titilliumregular.eot?&1446637446&9047a44a87e3#iefix') format('embedded-opentype'), url('fonts/titillium/titilliumregular.woff?1446637446&9047a44a87e3') format('woff'), url('fonts/titillium/titilliumregular.ttf?1446637446&9047a44a87e3') format('truetype'), url('fonts/titillium/titilliumregular.svg?1446637446&9047a44a87e3#titilliumregular') format('svg');
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: "TitilliumBold";
    src: url('fonts/titillium/titilliumbold.eot?1446637446&9047a44a87e3');
    src: url('fonts/titillium/titilliumbold.eot?&1446637446&9047a44a87e3#iefix') format('embedded-opentype'), url('fonts/titillium/titilliumbold.woff?1446637446&9047a44a87e3') format('woff'), url('fonts/titillium/titilliumbold.ttf?1446637446&9047a44a87e3') format('truetype'), url('fonts/titillium/titilliumbold.svg?1446637446&9047a44a87e3#titilliumbold') format('svg');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: "TitilliumBlack";
    src: url('fonts/titillium/titilliumblack.eot?1446637446&9047a44a87e3');
    src: url('fonts/titillium/titilliumblack.eot?&1446637446&9047a44a87e3#iefix') format('embedded-opentype'), url('fonts/titillium/titilliumblack.woff?1446637446&9047a44a87e3') format('woff'), url('fonts/titillium/titilliumblack.ttf?1446637446&9047a44a87e3') format('truetype'), url('fonts/titillium/titilliumblack.svg?1446637446&9047a44a87e3#titilliumblack') format('svg');
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: "Morgan";
    src: url('fonts/morgan/morsnor.eot?1446637498&9047a44a87e3');
    src: url('fonts/morgan/morsnor.eot?&1446637498&9047a44a87e3#iefix') format('embedded-opentype'), url('fonts/morgan/morsnor.woff?1446637498&9047a44a87e3') format('woff'), url('fonts/morgan/morsnor.ttf?1446637498&9047a44a87e3') format('truetype'), url('fonts/morgan/morsnor.svg?1446637498&9047a44a87e3#morgansnofficeregular') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "fontcustom";
    src: url('fonts/fontcustom/fontcustom_43f33a913688fde94361d2c3c42507f4.eot?9047a44a87e3');
    src: url('fonts/fontcustom/fontcustom_43f33a913688fde94361d2c3c42507f4.eot?&9047a44a87e3#iefix') format("embedded-opentype"), url('icons/fontcustom/fontcustom_43f33a913688fde94361d2c3c42507f4.woff?9047a44a87e3') format("woff"), url('icons/fontcustom/fontcustom_43f33a913688fde94361d2c3c42507f4.ttf?9047a44a87e3') format("truetype"), url('icons/fontcustom/fontcustom_43f33a913688fde94361d2c3c42507f4.svg?9047a44a87e3#fontcustom') format("svg");
    font-weight: normal;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "fontcustom";
        src: url('fonts/fontcustom/fontcustom_43f33a913688fde94361d2c3c42507f4.svg?9047a44a87e3#fontcustom') format("svg")
    }
}



body {
	font-family:  "Titillium Web","Titillium Web2",'Open Sans', 'proxima_nova_rgregular','Titillium Web', sans-serif;	
	/*font-size:14px;
	font-weight: 400;*/
	font-weight: 400;
    font-size: 15px;
	
}

.no-display {
    display: none;
}

.title-v1 h1,
.title-v1 h2 {
	font-family:   "Titillium Web","Titillium Web2",'Open Sans','proxima_nova_rgregular','Titillium Web', Arial, sans-serif;
}

.font-open-sans {
	font-family:   "Titillium Web","Titillium Web2",'Open Sans','proxima_nova_rgregular','Titillium Web', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family:   "Titillium Web","Titillium Web2",'Open Sans','proxima_nova_rgregular','Titillium Web', Arial, sans-serif;
	font-weight: 400;
}

.master-slider {
    font-family:   "Titillium Web","Titillium Web2",'Open Sans','proxima_nova_rgregular','Titillium Web', Arial, sans-serif;
}

div#preloader {
	overflow: hidden;
	background-color: #fff;
	background-image: url(../../imagens/preloader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999999;
}

#scrollUp {
	background-color: #ff6800;
	border-radius: 3px;
	bottom: 20px;
	color: #fff;
	font-size: 22px;
	padding: 5px 10px;
	right: 20px;
}


.maps-liame:before {
	content: attr(data-two) "\0040" attr(data-one);
	unicode-bidi: bidi-override;
	direction: rtl;
}

@media (min-width: 991px) {
/*ajustar devido ao fixed header*/
body.header-fixed-space {
    padding-top: 95px;
}	
	
}


.mega-menu-content a .item-new {
    background: #ff0068;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 4px 10px;
    position: absolute;
    right: 19px;
    top: 0px; /*top: 1px;*/
    text-transform: uppercase;
}



#somos, #ref, #exp, #sistemas {
	
	/*position: absolute;
	top: 105px;*/
	
}


.header .dropdown-menu li a {
	font-size:14px;
	font-weight: 400;
    text-transform: uppercase;
}



.service-block-white p,
.service-block-white h2 {
	color: #555;
}

.service-block-white {
	background: #fff;
}


.navbar-brand {
	float: left;
	height: 50px;
	padding: 8px 8px;
	font-size: 18px;
	line-height: 20px;
}



.header-fixed .header-v6.header-fixed-shrink  {
    border-bottom: 3px solid #ff6800;
    background: rgba(48, 48, 48, 0.3);
}

.header-fixed .header-v6.header-sticky {
    border-bottom: 3px solid #ff6800;/*#ff8200;*/
}


.header-v6 .dropdown > a.dropdown-toggle:after {
    right: 4px;
    font-size: 11px;
    content: "\f107";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    top: 20px;
}


@media (max-width: 991px) {
	.header-v6 .mega-menu .equal-height-list > h3.active, .header-v6 .mega-menu .equal-height-list > .active > a, .header-v6 .mega-menu .equal-height-list > .active > a:hover, .header-v6 .mega-menu .equal-height-list > .active > a:focus {
		color: #ff6800;
		background-color: transparent;
	}
}





#cookie-alert {
  position: relative;
  margin-top: -200px;
  width: 100%;
  padding: 15px 0;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  z-index: 1021;
  display: none;
  -webkit-transition: margin 0.5s;
  -o-transition: margin 0.5s;
  transition: margin 0.5s;
  height:50px !important;
}

#cookie-alert .close-cookie-alert {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
  
  /*display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -14px;
  text-align: center;
  line-height: 26px;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.5s;
  -o-transition: border-color 0.5s;
  transition: border-color 0.5s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;*/
}




.sombra {
    border: 1px solid #eee;
    /*-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);*/
	-webkit-box-shadow:5px 5px 10px #999;
	-moz-box-shadow:5px 5px 10px #999;
	box-shadow:5px 5px 10px #999;
}






/*icones especiais fa*/


*, *:before, *:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	font-size:26px;
  font-family: Arial,sans-serif;
}
body{
	background-color:#CCC;
}
button{
    font: normal normal 300 1em/1 "Oswald", sans-serif;
    height: 2.0em;
    padding: 0 0.6em;
    border-width:0;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    white-space:normal;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    background-color: #EEE;
    box-shadow: 0 0.1em 0.2em 0.1em rgba(85, 85, 85, 0.5), 0 0.2em 0.4em 0.1em rgba(85, 85, 85, 0.3);
}
.fa{
	vertical-align:middle;
}
.fa-sm{
		font-size:0.5em;
		line-height:1.5em;
    vertical-align: middle;
}
.fa-stack > .fa-badge-bg{
	position:absolute;
	right:-10%;
	bottom:-5%;
	font-size:120%;
	height:60%;
	width:60%;
	line-height:102%;
	text-align:center;
}
.fa-stack > .fa-badge{
	position:absolute;
	right:-10%;
	bottom:-5%;
	font-size:100%;
	height:60%;
	width:60%;
	line-height:120%;
	text-align:center;
}
.fa-stack > .fa-down-left{
	position:absolute;
	left:0;
	bottom:0;
	font-size:1.5em
}
.fa-stack > .fa-down-right{
	position:absolute;
	right:0;
	bottom:0;
	font-size:1.5em
}
.fa-stack > .fa-up-right{
	position:absolute;
	right:0;
	top:0;
	font-size:1.5em
}
.fa-stack > .fa-up-left{
	position:absolute;
	left:0;
	top:0;
	font-size:1.5em
}
.fa-stack > .fa-up{
	position:absolute;
	width:100%;
	left:0;
	text-align:center;
	top:0;
	font-size:1.5em
}
.fa-stack > .fa-down{
	position:absolute;
	width:100%;
	left:0;
	text-align:center;
	bottom:0;
	font-size:1.5em
}
.fa-stack > .fa-left{
	position:absolute;
	line-height:inherit;
	left:0;
	font-size:1.5em
}
.fa-stack > .fa-right{
	position:absolute;
	line-height:inherit;
	right:0;
	font-size:1.5em
}
.fa-stack > .fa-nudge-right{
	left: 12%;
	right:auto;
}
.fa-stack > .fa-nudge-left{
	left:auto;
	right: 12%;
}
.fa-stack > .fa-nudge-down{
	top: 12%;
	bottom:auto;
}
.fa-stack > .fa-nudge-up{
	top:auto;
	bottom: 12%;
}
.fa-stack > .in-text{
	font-size: .7em;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
}
.fa-stack > .badge-text{
	font-size: 60%;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	position: absolute;
	right: -10%;
	bottom: -5%;
	width: 60%;
	height:60%;
	text-align: center;
	line-height:200%
}
.fa-inverse2 {
  color:inherit;
  -webkit-filter:invert(100%) grayscale(100%);
  filter:'progid:DXImageTransform.Microsoft.BasicImage(invert=1)';
  -ms-filter:invert(100%) grayscale(100%);
  filter:invert(100%) grayscale(100%);
}
.fa-dusk{
	text-shadow: -0.1ex 0 0.1ex rgba(0,0,0,0.5), 0 -0.1ex 0.1ex rgba(0,0,0,0.5), 0.1ex 0 0.1ex rgba(0,0,0,0.5), 0 0.1ex 0.1ex rgba(0,0,0,0.5);
}
.fa-dawn{
	text-shadow: -0.1ex 0 0.1ex rgba(255,255,255,0.5), 0 -0.1ex 0.1ex rgba(255,255,255,0.5), 0.1ex 0 0.1ex rgba(255,255,255,0.5), 0 0.1ex 0.1ex rgba(255,255,255,0.5);
}
.fa-outline{
	text-shadow: -0.12ex 0 #000,-0.1ex -0.1ex #000, 0 -0.12ex #000, 0.1ex -0.1ex #000, 0.12ex 0 #000, 0.1ex 0.1ex #000, 0 0.12ex #000, -0.1ex 0.1ex #000;
}
.fa-outline-inverse{
	text-shadow: -0.12ex 0 #FFF,-0.1ex -0.1ex #FFF, 0 -0.12ex #FFF, 0.1ex -0.1ex #FFF, 0.12ex 0 #FFF, 0.1ex 0.1ex #FFF, 0 0.12ex #FFF, -0.1ex 0.1ex #FFF;
}
.fa-rotate-45 {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fa-rotate-135 {
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.fa-rotate-225 {
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.fa-rotate-315 {
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}
.fa-user-o:before {
  content: "\f007";
}
.fa-spin-r {
	-webkit-animation:fa-spin-r 2s infinite linear;
	animation:fa-spin-r 2s infinite linear
}
@-webkit-keyframes fa-spin-r{
  0%{-webkit-transform:rotate(359deg)}
  100%{-webkit-transform:rotate(0deg)}
}
@keyframes fa-spin-r{
  0%{transform:rotate(359deg)}
  100%{transform:rotate(0deg)}
}
.fa-user-o {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
 }
 .fa-content{
 	position:relative;
 	string-set: header content(before) ':' content(text);
}
/* inspired from https://csshexagon.com/ */
.hexagon{
	--b1: 0.06em;
	--c1: peru;
	display: inline-flex;
	align-items: center;
	position: relative;
	text-align:center;
	width: 0.86em;
	height:0.5em;
	background-color: transparent;
	margin: 0.25em 0.0669872em;
  border-left: solid var(--b1) var(--c1);
  border-right: solid var(--b1) var(--c1);
	-webkit-filter: drop-shadow(0.05em 0.05em 0.04em #444);
	filter: drop-shadow(0.05em 0.05em 0.04em #444);
}
.hexagon:after,
.hexagon:before {
	content: "";
	z-index:-1;
	position: absolute;
	width: 0.6123724em;
	height: 0.6123724em;
	transform: scaleY(0.5774) rotate(-45deg);
	background-color: inherit;
	left: calc(0.127em - var(--b1));
}
.hexagon:before {
	bottom: 0.194em;
  border-top: solid calc(var(--b1)*1.4) var(--c1);
  border-right: solid calc(var(--b1)*1.4) var(--c1);
}	
.hexagon:after {
	top: 0.194em;
  border-bottom: solid calc(var(--b1)*1.4) var(--c1);
  border-left: solid calc(var(--b1)*1.4) var(--c1);
}
.hexagon > * {
	font-size:0.5em;
	width:100%
}
*[data-tooltip]{
	position: relative;
	cursor:help;
}
*[data-tooltip]::after{
	font: normal 400 12px/1 Oswald;
	position:absolute;
	display:block;
	content:attr(data-tooltip);
	top:100%;
	left:0;
	transform:scale(0,0);
	transform-origin:0 0;
	z-index:1;
	box-shadow:0px 2px 5px rgba(80,80,80,0.5);
	background-color:#ffd;
	color:#000;
	padding:5px 5px;
	border-radius:2px;
	white-space:pre;
	opacity:0;
	transition:all 0.5s ease;
}
*[data-tooltip]:hover::after{
	transform:scale(1,1);
	opacity:1;
}






.vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  min-height: 100vh; /* You might also want to use
                        'height' property instead.
                        
                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.
  
                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.margin-top-50 { margin-top: 50px !important;}



.imagem90g {
	
  border: 1px solid red;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);

	
}
/*dd*/




.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    
}

.youtube .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ+CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}