@import "bootstrap.css";
@import "normalize.css";
@import "nivo-slider.css";
@import "js/lightbox/themes/default/jquery.lightbox.css";
@import "animate/animate.min.css"; 
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

*{margin:0 ;padding:0;text-decoration: none!important;font-family: 'Oswald', sans-serif!important;}

#header,#main,#footer  {width:100%;margin:0 auto;float: left;}
#header{border-bottom: 1px solid #efefef}
.content-center{max-width: 1182px;margin: 0 auto;}

.section-header {width: 100%;padding: 1% 0;font-family: 'Oswald', sans-serif!important;	}

/*buttons styles*/
.btn-blue { background-color: #0A84C5!important; color:#fff;border:0;font-size: 1.2em ;border-radius: 5px }
.btn-blue2 { background-color: #0A84C5!important; color:#fff!important;border:0;font-size: 1em  }
.btn-blue2:hover { background-color: #0A84C5!important; }
.btn-white { background-color: #fff!important; color:#373435; border:0  }
.btn-white2 { border:2px solid #fff!important; color:#fff; padding: 2%!important ;background: none!important}
.btn-white2:hover { color:#373435;background: #fff!important}
.btn-black { background-color: #373435!important; color:#fff; border:0; border-bottom: 4px solid #858383;font-size: 2.2em  }
.btn-large {width: 100%;max-width: 252px;padding: 1%;}
.btn-medium{width: 100%;max-width: 187px;padding: 1%;text-align: center;}
.btn-small {width: 100%;max-width: 80px;padding: 1%;}

.large{width: 90%;}
.medium{width: 60%}
.small{width: 35%}
.x-small{width: 10%}
.pagination{width: 100%;float: left;}
.pagination > li > a, .pagination > li > span{color:#373435!important;}
.pagination > li > a:hover, .pagination > li > span:hover{color:#fff!important;background-color: #ED3237!important;}

.alert-success{text-align: center;font-size: 2em;width:100%;}
.alert-danger{text-align: center;font-size: 2em;width:100%;}
.clear{clear: both;}

/*Header*/

#logo {float: right;margin: 2%}
#logo img {width:100%;background-size: 100%;max-width: 362px;margin:0}

/*Menu*/

#content-menu{width: 100%;background-color: #2D3E50;z-index: 99}
#menu{width:100%;float:right;background-color:#2D3E50!important;padding: 0;border-top-left-radius:30px;border-bottom-left-radius: 16px}
#menu a {font-size: 1.3em;color:#8DD8F8;padding:40px 33px;text-transform: uppercase;font-family: 'Oswald', sans-serif!important;}
#menu a:hover {color:#2D3E50;background: #8DD8F8}

.dropdown-menu > li > a{background: #2D3E50!important;line-height: 0!important;border: 0!important;margin: 1px 0;font-size: .9em!important;color:#fff!important;padding: 27px!important}
		.navbar-nav {width: 100%!important;line-height: 0!important}
		.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background:#2D3E50!important;}
		.navbar-header {background:#2D3E50 }
		.navbar-default{border: none!important;background-color:#fff!important;}
		.navbar-toggle{background: #fff!important}
		.navbar{min-height: 37px!important;margin-bottom: 0!important}
		.navbar-nav {float: right!important;}
.dropdown-menu > li > a:hover{color:#2D3E50;background: #8DD8F8!important}

/*Banner*/

#boxBanner{width: 100%;float: left;}
#boxBanner img {width: 100%;max-height: 424px}


/*Conteudo Home*/

.content-into {width:100%;float:left; margin: 0 auto 3%;height:auto;min-height: 600px;background-color: #fff;font-family: 'Oswald', sans-serif!important;clear: both;}
.content-into article {padding: 2%;font-size: 1.1em;color: #4B4B4D;text-align: justify;font-family: 'Oswald', sans-serif!important;}
.content-into article p {font-size: 1.1em;line-height:36px!important;color: #4B4B4D;text-align: justify;font-family: 'Oswald', sans-serif;margin: 0!important}
.content-into article p strong{font-family: 'Oswald', sans-serif!important;}
.content-into table{}
.content-into table tr,td{}
.content-into table tr td{padding: 1%;min-width: 70px}
.content-into article div{width:100%;font-family: 'Oswald', sans-serif!important;font-size: 1em;float: left;}
.content-into ul  {width:100%;float: left;}
.content-into h1{border-bottom:2px solid #efefef;padding:1%;width:100%;float:left; color:#0A84C5;text-align:left;font-size: 2em;text-align: left;margin-bottom: 3%;font-weight: bold;background: #efefef;border-radius: 5px;border-left:7px solid;}
.content-into h2{border-left:3px solid #0A84C5;padding:1%;width:100%;float:left; color:#777;text-align:left;font-size: 1.4em;text-align: left;margin-bottom: 3%;}

.content-into .breadcrumb{width: 100%;background-color: #fff!important;margin-bottom: 0!important;}
.content-into  .breadcrumb > .active {font-size: 1em;color:#373435;}
.content-into .breadcrumb a {color:#ddd;font-size: 1em}
.content-into .breadcrumb a:hover {color:#D03C4C;}

#content-one {text-align:center ;width: 100%;float: left;}
#content-one .box-home {width: 94%;padding: 2%;border-radius: 5%;cursor: pointer;}
#content-one .box-home h1 {width: 100%;float: left;color:#fff; padding: 6%;text-align: center;border-top-left-radius: 60px;border-top-right-radius:60px;margin: 0 ;font-family: 'Oswald', sans-serif;font-size: 1.3em;text-transform: uppercase;}
#content-one .box-home figure{margin: 0;padding: 0}
#content-one .box-home figure img {width: 100%;}

.title-difarmig{background-color: #4b76a3; }
.title-trabalhe-difarmig{ background-color: #8dd8f8;}
.title-contato-difarmig { background-color: #2d3e50;}
.title-produto-difarmig { background-color: #46A9DD;}

#content-two {width: 100%;float: left;}
#content-two #loja-home{width: 100%;margin: 0;padding: 1;float: left;}
#content-two #loja-home figure {margin: 0;padding: 0}
#content-two #loja-home figure img{width: 100%}

#galeriaHome{width: 95%;float: right;}

/*Depoimentos*/

blockquote {border: 0!important}
blockquote form{float: left;background-color: #FECD0E;width: 100%;max-width:500px;padding: 2%;margin: 3% 0}
blockquote form h2 {color:#383637;padding: 0;margin: 0}
blockquote form input,textarea {width: 100%;padding: 0 2%;margin: 2% 0}

blockquote a {margin:2% 0;float: left;text-align: center; }
blockquote img{width: 100%;max-width: 89px}
blockquote article{font-style: italic;font-size: .8em!important;color:#777;}
blockquote h3 {color:#777;}

#depoimentos-de-clientes {padding:2% 0 0 ;margin:0 0 10% 0; width: 100%;;max-width:595px;float: right;background: #fff url(../imgs/home/bg-depoimentos.jpg)right bottom no-repeat;font-family: 'Archivo Narrow', sans-serif!important;}
#depoimentos-de-clientes figure img {width: 100%; }
#depoimentos-de-clientes blockquote {padding: 0;font-size:.9em;height:175px;font-style: italic;color:#B2B2B2;text-transform:uppercase;border:0!important;  }
#depoimentos-de-clientes span {width:67%;color:#777;font-size: 1em;padding:2% 0;float:left;font-weight: bold;}
#depoimentos-de-clientes button { margin:2% 0;float: left;width: 32%;font-size: 12px}

.depoimentos-box { width: 100%;float: left;margin:1% 0;}
.depoimentos-box figure {max-width: 150px;float: left;}
.depoimentos-box aside {width: 84%;float: right;font-size: 1.1em;font-style: italic;padding: 1% 0}
.depoimentos-box aside p {width:100%;max-width: 930px;float: right;font-size: .9em;font-style: italic;padding: 0!important;text-align: left!important;}
.depoimentos-box aside h3 {width: 100%;float: left;border-left:3px solid #ED3237;text-transform: uppercase;}

blockquote{border:0!important;}


/*Notícias*/

#noticias-container aside{width:100%;float: left;margin: 0;padding: 0; }
#noticias-container figure{float: left; }
#noticias-container figure img{ width:100%;float: left; }
#noticias-container h3 {width:100%;font-size: 1em;float: left;text-align: justify;color:#333;text-transform: uppercase;margin:8px 0;}
#noticias-container h2{font-size: 1.3em;color:#555;}
#noticias-container-home aside{width:100%;float: left;margin: 2% 0;padding: 2%; }

#noticias-container-home aside div{padding: 0 1%}
#noticias-container-home aside a{width: 100%;color:#333!important;}
#noticias-container-home aside figure{width: 100%!important }
#noticias-container-home aside figure img{ width:100%!important;float: left;}
#noticias-container-home aside figure img:hover{opacity: .8;}
#noticias-container-home aside h6 {width:100%;float: left;text-align: justify;color:#333;text-transform: uppercase;margin:2px 0;}
#noticias-container-home aside p,div{font-size: .9em;text-align: justify;}

/*Serviços*/
#servicos-container aside{width:100%;float: left;margin:1% 0;padding: 0; }
#servicos-container figure{float: left; }
#servicos-container figure img{ width:100%;float: left;min-height: 200px;border:1px solid #efefef; }
#servicos-container h3 {width:100%;font-size: 1em;float: left;text-align: justify;color:#333;text-transform: uppercase;margin:8px 0;}
#servicos-container h2{font-size: 2em;color:#555;}

#box-info-int{
	width: 100%;
	float: left;
	cursor: pointer;
}
#box-info-int figure img{
	width: 100%;
}


/*Produtos*/
.bx-pdt figure img{
	width: 100%;
}
#produtos-detalhes h3{
color:#0A84C5;
}
/*Clientes*/

#clientes-box ul{width: 100%}
#clientes-box ul li{float:left;width: 100%;max-width: 228px;border:4px solid #efefef;margin:0;padding: 0;list-style: none; }
#clientes-box ul li:hover {border:4px solid #0A84C5;}
#clientes-box ul li figure img{width: 100%;padding: 19px}

/*Logos*/


#logos-box ul{width: 100%}
#logos-box ul li{float:left;width: 100%;max-width: 130px;border:4px solid #efefef;margin:2%;padding: 0;list-style: none; }
#logos-box ul li:hover {border:4px solid #FF8A32;}
#logos-box ul li figure img{width: 100%}

/*Fale Conosco*/

#fale-conosco form {max-width: 700px!important;margin: 0 auto}
#fale-conosco-box {width: 100%;color:#333;padding: 0;margin:15px 0;font-size: 2em;float: left;}
#fale-conosco-box p {font-size: .7em}
#fale-conosco-box p img{margin: 0 13px;width:100%;max-width: 83px}
#fale-conosco-box div {margin:2% 0;}


/*Localização*/

#box-mapa {padding: 0 2%}
.localizacao_endereco   {width: 100%;}
#map_canvas { height: 400px;  width: 100%;float: left; position:relative;  color: #333;margin-bottom:20px;background: #fff;padding:.9%;border-radius: 5px;}
 #directions-panel { width: 100%;   height: 100%;  float: left;  overflow: auto;position:relative;display:none; margin-left:2% }
#searchTextField    {width: 100%;  margin-bottom:10px;} 

/*Footer*/

#footer { background:#2D3E50}

#footer #secoes-footer{width: 100%;margin: 3% 0 0 0}
#footer #secoes-footer tr{display: inline-block;border:0;text-transform: uppercase;width: 100%;min-height: 148px;float: left;}
#footer #secoes-footer tr td figure{text-align: center;}
#footer #secoes-footer tr td{width: 100%}
#footer #secoes-footer tr td h5,h3{color:#fff;}

#footer #copyright {float:left;width:100%;height:40px;text-align: left;color:#fff;padding: 1% 0;background:#1c2732 }
#footer #copyright h4 {margin:0 }
#footer #copyright p {margin:0 0 0 10px;}
#footer #copyright a{margin:0;}
#footer #copyright a figure img {margin: 0;padding:0;float: right;}

/*Formularios*/

#formularioContato{padding:2%;width: 100%;color:#777;font-size: 1em;max-width: 600px}
#formularioContato input {padding: 7.5px;font-size: 1.6em;margin-bottom: 10px;width: 100%;outline:none;border:1px solid #8DDAF4;border-radius: 5px}
#formularioContato ul {width:97%;float:left;margin: 0 0 0 2%;}
#formularioContato li {list-style: none}
#formularioContato textarea {margin:0 0 1.8% 0;width: 100%;font-size: 1.6em;padding:2%;outline:none;border:1px solid #8DDAF4;border-radius: 5px}    

#banner-contato{float: left;}
#banner-contato figure img {position: relative;z-index: 1;width: 100%}
#banner-contato h3{float: right;position: relative;z-index: 2;width: 100%;margin: -57px 27px;text-align: right;padding: 0 60px;font-size: 3.3em}


::-webkit-input-placeholder {   color: #555;}

:-moz-placeholder {   color: #555;}

::-moz-placeholder {   color: #555;  }

:-ms-input-placeholder {     color: #555; }

#informacoesContato {width: 100%; min-height: 300px; float: right; margin:12% 0; word-wrap: break-word;text-align: justify;font-size: .9em}
#informacoesContato a {color: #333!important}
#informacoesContato p {padding: 4px 8px;  font-size: 2em; line-height: 25px; color: #666;   }
#informacoesContato h2 {color:#333!important;width: 100%}
#informacoesContato img {float: left;padding-right: 2%}
#informacoesContato h3 {margin: 1% 0!important}        

#formTrabalheConosco{margin: 10px 0; color: #333333;}

#formTrabalheConosco .campo-large {padding: 7.5px;font-size: 1.2em;margin-bottom: 10px;width: 100%;outline:none;}
#formTrabalheConosco ul{list-style: none; width: 50%; float: left;padding: 0 3%}  
#formTrabalheConosco fieldset{margin: 20px 0; border-radius: 8px; padding: 10px;}  
#formTrabalheConosco legend{font-size: 20px; padding:5px 20px; background: #0A84C5; color: #FFF; border-radius: 8px;}  

.labelInline{display: inline !important;}   

#formTrabalheConosco ul li{margin: 5px 0 0 4%;}   
#formTrabalheConosco ul li label{display: block; padding:0 0 5px 0;}

/*Galeria de Fotos*/

#galeriaFotos {max-width: 280px;float: left;clear: inherit;}
#galeriaFotos p a{color:#555;font-weight: bold;}
#galeriaFotos span h1 {font-size: 1.7em}
#galeriaFotos figure img {width: 100%;min-height: 208px;}

.galeriaFotos {width: 100%;padding: 2%;float: left;}
.galeriaFotos .thumbnails{width:100%!important;}
.galeriaFotos .thumbnails li {max-width:225px;float: left;list-style: none;padding: 1%;margin:0;}

.thumbnail > img, .thumbnail a > img {min-height: 160px;max-height: 193px!important}


/*Parceiros*/

#parceiros img{float: left;margin: 2%;max-height:150px}

/*Carousel*/

#mycarousel {height: 227px}

.jcarousel-skin-tango .jcarousel-container { width:100%;padding: 0 2%}
.jcarousel-skin-tango .jcarousel-direction-rtl {    direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {    width: 100%;    padding:0;}
.jcarousel-skin-tango .jcarousel-container-vertical {    width: 200px;    height: 245px;    padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip {    overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {    width:  100%;    height: auto;}
.jcarousel-skin-tango .jcarousel-item {    width: 200px;    height: 200px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {  margin-left: 0;    margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px;    margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder {    background: #fff;    color: #000;}

/** *  Horizontal Buttons */

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -43px;  right: 10px; width: 32px; height: 32px;  cursor: pointer;    background: transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {    left: 5px;    right: auto;    background-image: url(prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus {    background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {    background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {  position: absolute;   top: -43px;  left: 532px;  width: 32px;  height: 32px;  cursor: pointer;    background: transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {    left: auto;    right: 5px;    background-image: url(next-horizontal.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {    background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {   background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}

/*Nivo Slider*/

.theme-default .nivoSlider {   position:relative;   background:#fff url(loading.gif) no-repeat 50% 50%;}
.theme-default .nivoSlider img {   position:absolute;   top:0px;   left:0px;   display:none;}
.theme-default .nivoSlider a {    border:0;    display:block;}

.theme-default .nivo-controlNav {    text-align: center;    padding:0;margin:-21px 0 17px 0;position: relative;z-index: 9}
.theme-default .nivo-controlNav a {    display:inline-block;    width:22px;    height:22px;    background:url(../imgs/bullets.png) no-repeat;    text-indent:-9999px;    border:0;    margin: 0 2px;}
.theme-default .nivo-controlNav a.active {    background-position:0 -22px;}

.theme-default .nivo-directionNav a {    display:block;    width:33px;    height:45px;       text-indent:-9999px;    border:0;    opacity: 0;}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {    background-position:-30px 0;    right:15px;}
.theme-default a.nivo-prevNav {    left:15px;}

.theme-default .nivo-caption a {    color:#fff;    border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {    color:#fff;}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {    width: 100%;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {   width: auto;    height: auto;    background: none;    margin-bottom: 5px;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {    display: block;    width: 120px;    height: auto;}


/* The Nivo Slider styles */
.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;}
.nivo-main-image { display: block !important; position: relative !important;     width: 100% !important;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {    position:absolute;   top:0px;   left:0px;   width:100%;   height:100%;   border:0;   padding:0;   margin:0;   z-index:6;   display:none;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block;    position:absolute;    z-index:5;    height:100%;    top:0;}
.nivo-box {  display:block;    position:absolute;    z-index:5;    overflow:hidden;}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {  position:absolute;    left:0px;    bottom:0px; color:#2A3864;    width:100%;    z-index:8;    padding: 5px 10px; overflow: hidden;    display: none; font-size: 1.6em;font-family: verdana;font-weight: bolder;}
.nivo-caption p { padding:5px;    margin:0;}
.nivo-caption a { display:inline !important;}
.nivo-html-caption {  display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute;    top:45%;    z-index:9;    cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align:center;    padding: 15px 0;}
.nivo-controlNav a { cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}


/*Galeria thumbnail efeitos*/

.grid {	position: relative;	margin: 0 auto;	max-width: 970px;	list-style: none;	width: 100%;}

/* Common style */
.grid figure {	position: relative;	overflow: hidden;	margin: 0;	min-width: 322px;	max-width: 322px;	max-height: 235px;	width: 100%;text-align: center;
	cursor: pointer;}

.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}

.grid figure figcaption {	padding: 2em;color: #fff;text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}

.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption,
.grid figure figcaption > a {position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}

.grid figure h2 {	word-spacing: -0.15em;font-size: 1.2em}

.grid figure h2 span {	font-weight: 400;}

.grid figure h2,
.grid figure p {	margin: 0;}

.grid figure p {	letter-spacing: 1px;	font-size: 1.2em;}

/* Individual effects */

figure.effect-oscar {	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}

figure.effect-oscar img {	opacity: 0.9;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-oscar figcaption {	padding: 3em;-webkit-transition: background-color 0.35s;	transition: background-color 0.35s;}
figure.effect-oscar figcaption::before {	position: absolute;	top: 30px;	right: 30px;	bottom: 30px;	left: 30px;	border: 1px solid #fff;	content: '';}
figure.effect-oscar h2 {
	margin: -19px  0 0 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	font-size: .9em;
	font-weight: bolder;
	padding:2%;
	
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
figure.effect-oscar figure img{width: 50px;text-align: center;margin: 0 82px}
figure.effect-oscar:hover figcaption {	background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img {	opacity: 0.4;}

/* Galeria responsiva*/

.gallery{width: 76%!important; overflow: hidden;}
.crsl-wrap {width: 2825px; margin-left: -565px;}
.crsl-item{position: relative; float: left; overflow: hidden; height: auto; width: 555px; margin-right: 10px;}
.wide-image{display: block; width: 100%; height: auto;}
.crsl-items{	margin: 2px auto;}
.crsl-item figcaption{	box-sizing: border-box;	position: absolute;	bottom: 0;	left: 0;	width: 100%;	padding: 10px;	color: #FFF;	background: rgba(0,0,0,.5);}
.crsl-nav{	position: relative;	min-height: 1px;}
.crsl-nav .previous{float: left;margin:4% 0;}
.crsl-nav .next{float: right;margin:4% 0;}

/* Custom controls */
#gallery-07{position: relative;}
#gallery-07 .crsl-nav{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
#gallery-07 .crsl-items:after{	display: block;	clear: both;	content: '';}
#gallery-07 .previous, #gallery-07 .next{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	text-indent: -10000px;
	color: #FFF;
	background: rgba(0, 0, 0, .80) url(../img/previous-next.png) no-repeat 0 0;
	z-index: 10;
	/* border radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* transition */
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}
#gallery-07 .previous:hover, #gallery-07 .next:hover{	background-color: rgba(0,0,0, .95);}
#gallery-07 .previous{	left: 0;	background-position: 0 0;}
#gallery-07 .next{	right: 0;	background-position: 100% 0;}
#gallery-07 .crsl-item{	margin-bottom: 0;}

@media screen and (max-width: 50em) {
	.content {		padding: 0 10px;		text-align: center;	}
	.grid figure {		display: inline-block;		float: none;		margin: 10px auto;		width: 100%;	}
}

/*efeito zoom em imagens*/
.hoverzoom {
position: relative;
width: 523px;
overflow: hidden;
}
.hoverzoom > img {
width: 100%; 
border-radius: 2px;
-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover > img {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.hoverzoom .retina{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;    
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
border-radius: 2px;
text-align: center;
padding: 30px;
-webkit-transition:   all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom:hover .retina {
opacity: 1;
box-shadow: inset 0 0 100px 50px rgba(0,0,0,.5);
}
.hoverzoom .retina p {
color: #fff;
}
.hoverzoom .retina a {
display: block;
width: 150px;
background: #16C1F5;

border-radius: 4px;
color: #fff;
text-decoration: none;
text-align: center;
padding: 10px 15px;
margin: 120px auto 0;
}

/*Responsive*/

@media only screen and ( max-width : 1600px ){
#menu a {padding: 22px;}
}
@media only screen and ( max-width : 1300px ){
#menu a {padding: 22px 16px;}
}
@media only screen and ( max-width : 1024px ){
#menu a {padding: 18px;font-size: .9em}
.box-center-home figure img{width: 100%;max-width: 88px}
}
@media only screen and ( max-width : 980px ){

#menu a {padding: 28px;font-size: 1em}
#content-one .box-home h1{font-size: 1.3em}
.box-center-home h2{width:69%}
.skype_c2c_text_span{font-size: 20px!important}
}
@media only screen and ( max-width : 800px ){
 
}
@media only screen and ( max-width : 768px ){
#menu a{padding: 11px}

}
@media only screen and ( max-width : 640px ){

}

@media only screen and ( max-width : 533px ){

}
@media only screen and ( max-width : 414px ){
#boxBanner{display: none;}
}



@media only screen and ( max-width : 320px ){
#boxBanner{display: none;}
}

}