@import "normalize.css";
@import "../js/tos/css/jquery.tosrus.all.css";
@import "../js/tos/css/addons/jquery.tosrus.caption.css";
@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);


/*! HTML5 Boilerplate v4.3.0 - INICIO */
html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}



/* ==========================================================================
   Site
   ========================================================================== */

body { font: 100% Arial, Helvetica, sans-serif; background: #000; font-size: 12px; line-height: 1.4em; color: #333; }

body > iframe { position: absolute; left: 0; top: 0; max-width: 1px; max-height: 1px; opacity: 0; z-index: 0; }

a { color: inherit; outline: none !important; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active,
a:focus { color: inherit; text-decoration: none; }
a, button, input { outline: none !important; }

ul, li { display: block; list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; display: block; font-weight: normal; }
p { margin: 0 0 20px 0; }
p:last-child { margin-bottom: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* usar se não incluir o bootstrap */

.hu:hover { text-decoration: underline; }
.ho:hover { color: #D72A23; }

.container { position: relative; }



#wrapper { position: relative; width: 100%; max-width: 1920px; margin: auto; overflow: hidden; min-height: 100vh; }


#bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; height: 100vh; z-index: 1; background: #444; overflow: hidden !important; }
#bg .slides { width: 100%; height: 100%; overflow: hidden !important; }
#bg .slides .slide { width: 100%; height: 100%; background-position: center center; background-size: cover; overflow: hidden; }
#bg .slides .slide:after { position: absolute; display: block; z-index: 300; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/bg.png); }
#bg .slides .slide img { width: 100%; height: 100%; display: block; opacity: 0; }
body > .slide { display: none; }

#bg-obs { display: none; }


#header { z-index: 500; position: fixed; left: 20px; top: 80px; width: 190px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.5); }

#logo { width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; border-bottom: solid 2px #e0e0e0; background: #fff; }
#logo a { display: block; width: 100%; }
#logo a img { display: block; margin: auto; width: 100%; max-width: 230px; }

#menu { background: #fff; }
#menu > ul { font-family: "Ropa Sans", Arial, sans-serif; font-size: 15px; text-transform: uppercase; color: #000; }
#menu > ul > li { border-bottom: solid 1px #e0e0e0; position: relative; }
#menu > ul > li > a { display: block; line-height: 35px; padding: 0 0 0 12px; background: url(../img/menu_seta.png) right center no-repeat; }
#menu > ul > li > a > span { display: inline-block; position: relative;}
#menu > ul > li > a > span .obs { font-size: 0.6em; color: #D72A23; line-height: 1.1em; position: absolute; left: 110%; left: calc( 100% + 5px ); top: 50%; top: calc( 50% - 0.55em ); }
#menu > ul > li > a:hover { background-color: #F6F6F6; }
#menu > ul > li ul { position: absolute; left: 190px; width: 180px; top: -1px; background: rgba(0,0,0,0.85); border: solid 1px #2f2f2f; display: block; box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.5); z-index: 510; opacity: 0; visibility: hidden; transition: all 0.6s; }
#menu > ul > li ul li { display: block; position: relative; border-bottom: solid 1px #343434; }
#menu > ul > li ul li:last-child { border-bottom: 0; }
#menu > ul > li ul li a { display: block; border-left: solid 0px #D72A23; white-space: nowrap; line-height: 32px; color: #fff; padding: 0 0 0 12px; transition: all 0.2s; font-size: 12px; }
#menu > ul > li ul li a:hover,
#menu > ul > li ul li:hover > a,
#menu > ul > li ul li.sub-open > a { border-left-width: 3px; }
#menu > ul > li ul ul { left: 178px; z-index: 520; }
#menu > ul li:hover > ul,
#menu > ul li.sub-open > ul { opacity: 1; visibility: visible; }



#main { background: #fff; width: 800px; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.7); padding: 30px 35px 70px 35px; z-index: 2; position: relative; margin: 80px 0 0 25%; }

#main .titulo { margin: 0 0 35px 0; font-family: "Ropa Sans", Arial, sans-serif; font-size: 42px; line-height: 1.1em; }
#main .titulo h1 { font-size: inherit; display: inline-block; font-weight: normal; color: #333; vertical-align: middle; line-height: inherit; }
#main .titulo h2 { font-size: 0.45em; display: inline-block; font-weight: normal; color: #777; vertical-align: middle; line-height: 1.1em; padding: 10px 0 0 0; }
#main h3,
#main h4 { font-size: 24px; font-family: "Ropa Sans", Arial, sans-serif; line-height: 1.1em; margin: 0 0 0.8em 0; }
#main h4 { font-size: 20px; }
#main p { margin: 1em 0; line-height: 1.6em; }
#main hr { border: none; clear: both; height: 2px; padding: 0; width: 100%; background: url(../img/hr.gif); margin: 15px 0; }


.categorias { margin: 0 0 30px 0; font-family: "Ropa Sans"; font-size: 22px; color: #888; }
.categorias li { display: inline-block; margin: 0 0.7em 0.4em 0; white-space: nowrap; cursor: pointer; }
.categorias li:last-child { margin-right: 0px !important; }
.categorias li:hover { color: #444; }
.categorias li.legenda { color: #333 !important; cursor: default; }
.categorias li.active { color: #333 !important; text-decoration: underline; }

#produtos { }
#produtos ul { transition: all 0.3s; }
#produtos.loading ul { opacity: 0; }
#produtos ul li { float: left; width: 30%; margin: 0 5% 30px 0; }
#produtos ul li:nth-child(3n) { margin-right: 0; }
#produtos ul li:nth-child(3n+1) { clear: both; }
#produtos ul li .foto { background: url(../img/loading_img.gif) center center no-repeat #fff; margin: 0 0 12px 0; }
#produtos ul li .foto a { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; border: solid 5px #f5f5f5; transition: all 0.3s; position: relative; }
#produtos ul li .foto a img { display: block; width: 100%; }
#produtos ul li .foto a .ovr { position: absolute; left: 0; top: 0; background: url(../img/zoom.png) center center no-repeat rgba(255,255,255,0.5); width: 100%; height: 100%; opacity: 0; transition: all 0.3s; }
#produtos ul li .foto a:hover,
#produtos ul li .foto a:active { border-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.5); }
#produtos ul li .foto a:hover .ovr,
#produtos ul li .foto a:active .ovr { opacity: 1; }
#produtos ul li .nome { font-family: "Ropa Sans", Arial, sans-serif; font-size: 20px; line-height: 1.1em; margin: 0 0 0.5em 0; }
#produtos ul li .nome a { }
#produtos ul li .nome a:hover { opacity: 0.8; }
#produtos ul li .desc { line-height: 1.6em; margin: 0 0 0.8em 0; }
#produtos ul li .mais { }
#produtos ul li .mais a { display: inline-block; padding: 0 10px; background: #333; color: #fff; font-size: 11px; border: none; border-bottom: solid 3px #D72A23; line-height: 30px; cursor: pointer; }
#produtos ul li .mais a:hover { background: #444; }


#produto { }

.com-virtual #main .titulo { margin-bottom: 20px !important; }

#produto-main { float: left; width: 68%; }
#produto-main .fotos { }
#produto-main .fotos .foto { display: block; margin: 0 0 25px 0; }
#produto-main .fotos .foto a { display: block; border: solid 5px #f5f5f5; transition: all 0.3s; position: relative; }
#produto-main .fotos .foto a img { display: block; max-width: 100%; margin: auto; }
#produto-main .fotos .foto a .ovr { position: absolute; left: 0; top: 0; background: url(../img/zoom.png) center center no-repeat rgba(255,255,255,0.5); width: 100%; height: 100%; opacity: 0; transition: all 0.3s; }
#produto-main .fotos .foto a:hover { border-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.5); }
#produto-main .fotos .foto a:hover .ovr { opacity: 1; }
#produto-main .fotos .foto-half { float: left; width: 47%; }
#produto-main .fotos .foto-half:first-child { margin-right: 6%; }
#produto-main .fb-xfbml-parse-ignore img { opacity: 0; }


.com-virtual-abas .categorias {  margin-bottom: 5px;}

#produto .virtual-base { display: block; width: 100%; position: relative; margin-bottom: 25px; }
#produto .virtual-base .virtual-frame { position: relative; padding: 66% 0 0 0; width: 100%; border: solid 5px #f5f5f5; }
#produto .virtual-base .virtual-frame .virtual { position: absolute; left:  0; top: 0; width: 100%; height: 100%; }
#produto .virtual-base .virtual-abas { text-align: right; overflow: hidden; }
#produto .virtual-base .virtual-abas li { display: inline-block; white-space: nowrap; font-size: 16px; }
#produto .virtual-base .virtual-abas li a { display: block; line-height:  1.8em; padding: 0.5em 0.8em; background: #fefefe; color: #D72A23; }
#produto .virtual-base .virtual-abas li a:hover { background: #fafafa; }
#produto .virtual-base .virtual-abas li a.ativo { background: #f5f5f5 !important; font-weight: bold; color: inherit;}

#produto .virtual-side { position: relative; background: #f5f5f5; padding: 0 10px 10px 10px; margin-bottom: 20px; }
#produto .virtual-side:after { content: ""; position: absolute; background: inherit; height: 25px; top: -25px; width: 100%; left: 0; }
#produto .virtual-side p { margin: 0; }

#bg-virtual { position: fixed; left: 0; top: 0; width: 100%; height: 100%; height: 100vh; z-index: 1; background: #222; overflow: hidden !important; }
#bg-virtual #bgv { position: absolute; left: 0; top:  0; width: 100%; height: 100%; z-index: 1; opacity: 0.01; transition: all 0.3s; }
#bg-virtual.loaded #bgv { opacity: 1; }
#bg-virtual:after { position: absolute; display: block; z-index: 2; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/bg.png); }


#produto-side { float: right; width: 28%; }
x#produto-side hr { display: none; }
#produto-side ul.tb { }
#produto-side ul.tb li { background: url(../img/loading_img.gif) center center no-repeat #fff; float: left; width: 45%; margin: 0 10% 12px 0; }
#produto-side ul.tb li:nth-child(2n) { margin-right: 0; }
#produto-side ul.tb li a { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; border: solid 5px #f5f5f5; transition: all 0.3s; position: relative; }
#produto-side ul.tb li a img { display: block; width: 100%; }
#produto-side ul.tb li a .ovr { position: absolute; left: 0; top: 0; background: url(../img/zoom.png) center center no-repeat rgba(255,255,255,0.5); background-size: auto 60%; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; }
#produto-side ul.tb li a:hover { border-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.5); }
#produto-side ul.tb li a:hover .ovr { opacity: 1; }
#produto-side ul.dl { margin-bottom: 1.4em; }
#produto-side ul.dl li { margin-bottom: 0.4em; }
#produto-side ul.dl li a:hover { opacity: 0.8; text-decoration: underline; }




#galeria { }
#galeria ul { }
#galeria ul li { float: left; width: 30%; margin: 0 5% 30px 0; background: url(../img/loading_img.gif) center center no-repeat #fff; }
#galeria ul li:nth-child(3n) { margin-right: 0; }
#galeria ul li a { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; border: solid 5px #f5f5f5; transition: all 0.3s; position: relative; }
#galeria ul li a img { display: block; width: 100%; }
#galeria ul li a .ovr { position: absolute; left: 0; top: 0; background: url(../img/zoom.png) center center no-repeat rgba(255,255,255,0.5); width: 100%; height: 100%; opacity: 0; transition: all 0.3s; }
#galeria ul li a:hover { border-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.5); }
#galeria ul li a:hover .ovr { opacity: 1; }


#pagina { }
#pagina hr:last-child { display: none; }


#contato { }
#contato .col { float: left; width: 48%; }
#contato .col:last-child { float: right; }
#contato .mapa { padding: 5px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); width: 100%; background: url(../img/loading_img.gif) center center no-repeat; min-height: 200px; margin: 0 0 20px 0; }
#contato .mapa .mobile { display: block; }
#contato .mapa .mobile .static { width: 100%; height: 300px; background-position: center center; background-repeat: no-repeat; }
#contato .mapa .mobile span { display: block; font-size: 10px; color: #666; line-height: 1.1em; padding: 3px 0 0 0; }
#contato hr { margin: 20px 0 35px 0; }
#contato .linha { display: block; margin: 0 0 10px 0; clear: both; }
#contato .linha label { display: block; font-weight: bold; margin: 0 0 3px 0; line-height: 1.3em; }
#contato .linha label span { color: #f53c3c; }
#contato .linha .form-control { border: solid 1px #e5e5e5; padding: 5px 10px; line-height: 17px; font-size: 13px; width: 65%; }
#contato .linha .form-control:focus,
#contato .linha .form-control:hover { border-color: #ccc; }
#contato .linha textarea.form-control { width: 90%; height: 125px; }
#contato .obs { font-size: 12px; color: #D72A23; }
#contato .obs span { font-weight: bold; }
#contato .s { display: inline-block; padding: 0 20px; background: #333; color: #fff; font-size: 12px; border: none; border-bottom: solid 3px #D72A23; line-height: 30px; cursor: pointer; }
#contato .s:hover { background: #444; }


#comoad { background: #D72A23; color: #fff; border: solid 2px #4F2D1E; padding: 15px; margin-bottom: 30px; border-radius: 0 15px 0 15px; }



#footer { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.9); color: #fff; z-index: 400; padding: 15px; font-size: 11px; line-height: 1.5em; overflow: hidden; }
#footer p { float: left; margin: 0; }
#footer ul { float: right; margin: 0; }
#footer ul li { display: inline-block; margin: 0 8px 0 0; white-space: nowrap; }
#footer ul li:last-child { margin-right: 0 !important; }
#footer ul li a { display: block; }
#footer ul li a.amarelo { color: #fc0; }
#footer ul li a:hover { text-decoration: underline; }



#menu > ul > li.outlet-fechar { display: none; }
#menu > ul > li.outlet-fechar a { text-align: right; background-image: url(../img/menu_seta_voltar.png); background-position: left center; padding: 0 12px 0 0; }

#outlet { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 300; background: rgba(92,36,36,0.98); color: #fff; font-size: 22px; line-height: 1.4em; overflow: auto; transition: all 0.3s; opacity: 0; visibility: hidden; }
#outlet .base { display: table; width: 100%; height: 100vh; text-align: center; }
#outlet .base .base { display: table-cell; vertical-align: middle; padding-left: 205px; padding-bottom: 40px; }
#outlet h5 { font-size: 50px; line-height: 1.2em; margin: 0 0 0.4em 0; text-transform: uppercase; }
#outlet h5 span { color: #E8E62D; }
#outlet .inner { display: block; margin: auto; max-width: 490px; padding: 10px; }
#outlet .campo { position: relative; }
#outlet .campo input { border: none; width: 100%; display: block; font-size: inherit; padding: 0.5em 1.2em; border-radius: 5px; position: relative; z-index: 1; }
#outlet .campo.com-captcha { }
#outlet .campo.com-captcha input { padding-left: 110px; }
#outlet .campo.com-captcha .captcha { position: absolute; left: 5px; top: 10px; z-index: 10; border-right: solid 1px #eee; padding-right: 10px; }
#outlet .campo.chave { margin: 0 0 1em 0; }
#outlet .campo.chave input { text-align: center; }
#outlet .obtn { margin: 0 0 1.6em 0; }
#outlet .obtn button { display: inline-block; font-size: inherit; padding: 0.5em 2.2em; border-radius: 5px; border: none; color: #fff; background: #D43F37; cursor: pointer; }
#outlet .obtn button:hover { background: #DC615A; }
#outlet .solicitar { color: #E85482; }
#outlet .solicitar:hover { text-decoration: underline; color: #FCC; }
#outlet table { width: 100%; padding: 0; margin: 0; }
#outlet table td { vertical-align: middle; padding-bottom: 10px; }
#outlet table td:first-child { white-space: nowrap; width: 1%; padding-right: 1em; }

#outlet #outlet-quero { display: none; }

#outlet.quero #outlet-quero { display: block; }
#outlet.quero #outlet-chave { display: none; }



.outlet-aberto #menu > ul > li { display: none; }
.outlet-aberto #menu > ul > li.outlet-fechar { display: block !important; }
.outlet-aberto #outlet { visibility: visible; opacity: 1; }



#whatsapp-float { position: fixed; bottom: 65px; right: 15px; width:54px; z-index:2000; transition: all 0.2s; right: -100px; }
.show-whatsapp #whatsapp-float { right: 15px; }
#whatsapp-float a { display: block; width:54px; height:54px; line-height: 54px; background: url(../img/whats.svg) center center no-repeat #25d366; background-size: 50% auto; color:#FFF !important; border-radius:27px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); }
#whatsapp-float a:hover { background-color: #33DB72; }



/*
#loading { position: fixed; left: 0; top: 0; z-index: 5000; width: 100%; height: 100%; xheight: 100vh; background: url(../img/loading.gif) center center no-repeat rgba(0,0,0,0.85); transition: all 0.3s; }
*/
#loading { position: fixed; left: 50%; top: 50%; z-index: 5000; width: 1px; height: 1px; transition: all 0.3s; }
#loading:after { position: absolute; width: 70px; height: 60px; background: url(../img/loading.gif) center center no-repeat rgba(0,0,0,0.85); left: -35px; top: -30px; display: block; content: ""; border-radius: 5px; }
#loading.loaded { visibility: hidden; opacity: 0; }



/* ==========================================================================
   Resposivo
   ========================================================================== */

@media (max-height: 430px) and (min-width: 1200px) {
	#header { top: 30px; }
	#main { margin-top: 30px; }
}


/* 1200px+ */
@media (min-width: 1200px) {
	
}


/* até 1199px */
@media (max-width: 1199px) {
	#header { top: 50px; }
	#main { margin: 80px 20px 0 230px; width: auto; max-width: 800px; margin-top: 50px; padding: 25px 25px 70px 25px; }
	#main .titulo { font-size: 39px; }
	.categorias { font-size: 20px; }
}

/* até 991px */
@media (max-width: 991px) {
	#main { padding: 15px 15px 70px 15px; }
	#main .titulo { font-size: 32px; }
	#main h3 { font-size: 22px; }
	#galeria ul li { width: 32%; margin: 0 2% 12px 0; }
	#produtos ul li { width: 32%; margin: 0 2% 12px 0; }
	#produtos ul li .nome { font-size: 18px; }
	#contato .col { float: none; width: 100%; }
	#contato .col:last-child { float: none; padding-top: 25px; }
	.categorias { font-size: 18px; }
}

/* até 767px */
@media (max-width: 767px) {
	html, body, #wrapper { height: auto; min-height: 0; }
	
	#header { position: relative; left: auto; top: auto; width: 100%; }
	#menu > ul { font-size: 18px; }
	#menu > ul > li > a { line-height: 42px; }
	#menu > ul > li ul { position: relative; left: auto !important; width: 100%; top: auto; border: none; box-shadow: none; opacity: 1; visibility: visible; display: none; }
	#menu > ul > li ul ul a { border-left-width: 3px; padding-left: 22px; }
	#menu > ul li.sub-open > ul { display: block !important; }
	#menu > ul > li ul li a { font-size: 16px; line-height: 40px; }

	#bg { position: relative; left: auto; top: auto; height: auto; display: none; }
	.pg-home #bg { display: block; }
	.touch .pg-home #bg-obs { display: block; text-align: center; padding: 8px 0 18px 0; }
	.pg-home #bg-obs span { display: inline-block; font-size: 11px; line-height: 20px; background: url(../img/swipe.png) left center no-repeat; padding: 0 0 0 25px; color: #fff; }
	
	#main { margin: auto; width: 100%; padding: 25px 15px; }
	#main .titulo { font-size: 28px; }
	#main h3,
	#main h4 { font-size: 24px; }
	#main p { font-size: 18px; }

	#contato .linha label { font-size: 16px; }
	#contato .linha .form-control { padding: 8px 12px; line-height: 21px; font-size: 17px; width: 100%; }
	#contato .mapa .mobile { display: block; }

	.categorias { font-size: 16px; }

	#produto-main { margin-bottom: 30px; }
	#produto-main,
	#produto-side { float: none; width: 100%; clear: both; }
	#produto-side hr { display: block; }
	#produto-side ul.tb li { width: 31%; margin: 0 3.5% 12px 0; }
	#produto-side ul.tb li:nth-child(2n) { margin: 0 3.5% 12px 0; }
	#produto-side ul.tb li:nth-child(3n) { margin-right: 0; }

	#produto-main .fb-xfbml-parse-ignore { display: inline-block; }
	#produto-main .fb-xfbml-parse-ignore img { opacity: 1; }
	
	
	#footer { position: relative; left: auto; bottom: auto; text-align: center; }
	#footer p { float: none; display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: solid 1px rgba(255,255,255,0.15); }
	#footer ul { float: none; display: block; line-height: 2em; }
	
	
	#outlet { font-size: 18px; }
	#outlet .base .base { padding-left: 0; padding-top: 150px; }
	#outlet .inner { padding: 0 15px; }
	#outlet h5 { font-size: 40px; }
	.outlet-aberto #footer { display: none; }

}

/* até 450px */
@media (max-width: 450px) {
	#galeria ul li { width: 48%; margin: 0 4% 12px 0; }
	#galeria ul li:nth-child(3n) { margin: 0 4% 12px 0; }
	#galeria ul li:nth-child(2n) { margin-right: 0; }
	#produtos ul li { width: 48%; margin: 0 4% 12px 0; }
	#produtos ul li:nth-child(3n) { margin: 0 4% 12px 0; }
	#produtos ul li:nth-child(3n+1) { clear: none; }
	#produtos ul li:nth-child(2n) { margin-right: 0; }
	#produtos ul li:nth-child(2n+1) { clear: both; }
	#produtos ul li .nome { font-size: 17px; }

	#produto-side ul.tb li { width: 47%; margin: 0 6% 12px 0; }
	#produto-side ul.tb li:nth-child(3n) { margin: 0 6% 12px 0; }
	#produto-side ul.tb li:nth-child(2n) { margin-right: 0; }

	#outlet h5 { font-size: 30px; }
	#outlet .campo.com-captcha input { padding-left: 80px; }
	#outlet .campo.com-captcha .captcha { }
	#outlet .campo.com-captcha .captcha img { width: 50px; height: auto; }
}

/* até 380px */
@media (max-width: 380px) {
	#produtos ul li { width: 100%; margin: 0 0 15px 0 !important; }
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../img/loading.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}



/*! HTML5 Boilerplate v4.3.0 - FINAL */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}