/* ---------------------------------------------------------------------- */
/*	GLOBAL
/* ---------------------------------------------------------------------- */
body{ font-family: 'Oswald', sans-serif; background:url(../img/bg/bg-site.jpg) no-repeat center top; display: block; background-color: #000000; z-index: 1; opacity: 1; visibility: visible;}
h1,h2,h3,h4{ margin:0; padding:0; font-weight:lighter;}
img{ border:none;}
ul,li{ margin:0; padding:0; list-style:none;}
a, a:hover{ text-decoration:none; color:#1E1E1E !important; cursor:pointer;}
.clear{ clear:both; font-size:1px;}
.fontzero{ font-size:0em;}

::-webkit-input-placeholder{ color: #999 !important; font-weight:bold;}
:-moz-placeholder{ color: #999 !important; font-weight:bold;}
:-ms-input-placeholder{ color: #999 !important; font-weight:bold;}

.padding-none{ padding:0;}
.padding-left{ padding-left:0;}
.padding-right{ padding-right:0;}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
}

.conteudo-pagina{ padding:40px 0 0 0;}

.sticky-note{ padding:0 0 20px 10px !important; font-size:15px; font-weight:lighter !important;}
.top-right, .top-left, .top-center{ top:0;}
.top-center{ top:220px !important;}
.sticky.st-success{ color:#AD5E8B !important; font-weight:bold;}
.sticky.st-success::before{ background-color: #AD5E8B !important;}

.texto img{ max-width:100%;}

.blur{ background:#FFF; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}

input[type="checkbox"] {
		display:none;
	}
	input[type="checkbox"] + label span {
		display:inline-block;
		width:13px;
		height:13px;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background:url(../img/sprites/checkbox.png) left top no-repeat;
		cursor:pointer;
	}
	input[type="checkbox"]:checked + label span {
		background:url(../img/sprites/checkbox.png) 0 -13px no-repeat;
	}

	/*
	  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
	*/
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}
	
	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}
	
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}
	
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}
	
	.carousel-fade .carousel-control {
	  z-index: 2;
	}
	
	/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  Need to override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
		.carousel-fade .carousel-inner > .item.next,
		.carousel-fade .carousel-inner > .item.active.right {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.prev,
		.carousel-fade .carousel-inner > .item.active.left {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
	}

.custom-file-input {
  width:100%;
  padding: 5px;
  color: #999;
  border: 1px solid #000;
  vertical-align: middle;
  font-weight:300;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Escolher Arquivo';
  color: #666;
  display: inline-block;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  margin: -3px 0 -3px -3px;
  padding: 5px 20px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-align: center;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  font-weight:300;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

.modal{ z-index:99999999999;}
.modal-backdrop.in {
	 z-index:99999999;
    filter: alpha(opacity=100);
    opacity: 1;
}
.modal-dialog{ border:1px solid #666;}
.modal-header{ padding:10px 0; border:none;}
.modal-content{ background:#000;}
.modal .close{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #FFF !important;
    text-shadow:none;
    filter: alpha(opacity=100);
    opacity: 1;
	background:#666 !important;
	display:block !important;
	padding:5px 10px !important;
}
.close:hover{ color:#FFF !important;}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	> 1200 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 991px){
    
    /* ---------------------------------------------------------------------- */
    /*	GLOBAL
    /* ---------------------------------------------------------------------- */
    .container{ padding:0 !important; width:910px;}
	.fontzero{ margin:0 !important; padding:0 !important; font-size:0em !important; border:none !important;}
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ padding:15px 0 0 0px; background-size: cover;}
    .logomarca h1{ display:block; width:100%;}
    .logomarca h1 img{display: inline-block; height: auto; max-width: 100%;}
	
	/* ---------------------------------------------------------------------- */
    /*	SLOGAN
    /* ---------------------------------------------------------------------- */
    .slogan{ float:right; margin:3px 5px 0 0; background-size: cover;}

    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */
	.menu{ float:right;}
	.m-menu{ margin-top:20px; padding:0; font-weight:bold;}
    .m-menu .dropdown:hover .dropdown-menu{ display: block;}
    .m-menu .navbar-collapse{ margin:0; padding:0; text-align: center;}
    .m-menu .navbar{ margin:46px 0 0 0; padding:0; background:none; border:none; min-height:0 !important; text-transform:uppercase;}
    .m-menu .navbar-nav{ min-height:0;}
    .m-menu .navbar-nav>li a{ padding-left:16px; padding-right:16px; padding-top:8px; padding-bottom:5px; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
    .m-menu .navbar-nav>li a:hover{ color:#CCCCCC !important;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:none;}
	.m-menu .navbar-nav>li .dropdown-menu{ background:#000 !important;}
	.m-menu .navbar-nav>li .dropdown-menu li a:hover{ color:#000 !important;}
	
	.m-menu-fixo{ position:fixed; top:0; left:0; margin:0; padding:10px 0 !important; z-index:99999; width:100%; background:rgba(0,0,0,0.8); color:#FFF;}
	.m-menu-fixo a{color:#FFF !important;}
	
	.m-menu-fixo .logomarca{ margin:0; padding:0; text-align:center;}
	.m-menu-fixo .logomarca img{ margin:0; height:60px;}
	
	.m-menu-fixo .menu{ float:left;}
	.m-menu-fixo .m-menu{ margin:0;}
	.m-menu-fixo .m-menu .navbar{ margin:10px 0 0 0;}
	.m-menu-fixo .m-menu .navbar-nav>li a{ padding-left:16px; padding-right:16px; padding-top:8px; padding-bottom:5px;}
	
	.m-menu-fixo .m-menu .dropdown:hover .dropdown-menu a{ color:#FFF !important;}
	.m-menu-fixo .m-menu .dropdown:hover .dropdown-menu a:hover{ color:#000 !important;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */	
	.carousel{ margin:10px 0 25px 0;}
	.carousel .item img{ width:100% !important;}
	
	.carousel .controles{ bottom:-50px !important;}
	.carousel-indicators li{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	.carousel-indicators .active{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		opacity: 1;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
    /* ---------------------------------------------------------------------- */
    /*	DADOS HOME
    /* ---------------------------------------------------------------------- */
	.dados-home{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.dados-home h2{ color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400;}
	
	.dados-home ul{ margin-top:10px; font-family: 'Sintony', sans-serif;}
	.dados-home ul li{ padding:0; color:#FFF; font-size:18px; font-weight:300;}
	.dados-home ul li i{ display:block; float:left; margin:12px 5px 0 0; font-size:7px;}
	
	.dados-home .li-arte-grafica{ width:190px; background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	.dados-home .li-web-design{ width:207px; background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	.dados-home .li-assistencia{ width:270px; background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	
	.dados-home .li-contato{ width:221px; color:#FFF; font-size:20px; font-weight:300; font-family: 'Sintony', sans-serif;}
	.dados-home .li-contato h2{ font-family: 'Oswald', sans-serif;}
	.dados-home .tel-home{ margin-top:10px; font-size:27px;}
	.dados-home .tel-home span{ font-size:20px;}
	.dados-home .whats-home{ font-size:25px;}
	.dados-home .end-home{ margin-top:10px; font-size:14px;}
	.dados-home .web-home{ margin-top:10px; font-size:13px;}
	.dados-home .redes-home{ margin-top:10px;}
	
    /* ---------------------------------------------------------------------- */
    /*	LINKS
    /* ---------------------------------------------------------------------- */
	.links a{ display:inline-block; float:right; margin-left:7px; padding:2px 12px; background:#AD5E8B; color:#FFF !important; font-size:12px; font-weight:300; font-family: 'Sintony', sans-serif; text-transform:uppercase;}
	
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos img{ margin-top:10px;}
	.quem-somos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.quem-somos .texto{ color:#C0C0C0; font-size:18px;}	
	
    /* ---------------------------------------------------------------------- */
    /*	O QUE FAZEMOS
    /* ---------------------------------------------------------------------- */
	.oquefazemos img{ margin-top:10px;}
	.oquefazemos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oquefazemos .texto{ color:#C0C0C0; font-size:18px;}
	
	.oquefazemos .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.oquefazemos .lista h2{ margin:0 0 10px 0; color:#C0C0C0 !important;}
	.oquefazemos .lista span{ display:inline-block; float:left; margin:5px 5px 0 0; font-size:11px;}
	
    /* ---------------------------------------------------------------------- */
    /*	PORTFOLIO
    /* ---------------------------------------------------------------------- */
	.portfolio img{ margin-top:10px;}
	.portfolio .txt h2{ margin:40px 0; text-align:center; color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a{ color:#AD5E8B !important; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a.ativo{ border-bottom:1px solid #FFF;}
	.portfolio .texto{ color:#C0C0C0; font-size:18px;}
	
	.portfolio .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.portfolio .lista li{ margin-bottom:30px; padding-left:0;}
	.portfolio .lista img{ max-width:100%; border:10px solid #CCCCCC;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	.portfolio .lista h3{ margin:10px 0; color:#FFF !important; font-size:20px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4{ margin:10px 0; width:100%; line-height:20px; color:#FFF !important; font-size:15px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4 span{ font-size:15px; color:#C0C0C0 !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BRIEFING
    /* ---------------------------------------------------------------------- */
	.briefing img{ margin-top:10px;}
	.briefing .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.briefing .txt h3{ color:#C0C0C0; font-size:19px; font-weight:400;}
	
	.briefing form{ margin-bottom:20px; padding:0;}
	.briefing .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.briefing form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.briefing form input,
	.briefing form select,
	.briefing form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.briefing form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	OPORTUNIDADE
    /* ---------------------------------------------------------------------- */
	.oportunidade img{ margin-top:10px;}
	.oportunidade .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oportunidade .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.oportunidade form{ margin:20px 0; padding:0;}
	.oportunidade .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.oportunidade form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.oportunidade form input,
	.oportunidade form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.oportunidade form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	CONTATO
    /* ---------------------------------------------------------------------- */
	.contato img{ margin-top:10px;}
	.contato .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.contato .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.contato form{ margin:20px 0; padding-left:0;}
	.contato .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.contato form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.contato form input,
	.contato form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.contato form .botoes{ text-align:right;}
	
	.contato .endereco{ padding-top:40px; font-size:15px; color:#999 !important;}

    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer .atendimento{ margin-top:30px; padding-top:11px; height:43px; text-align:center; background:url(../img/bg/bg-atendimento.png) top center no-repeat; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos{ margin:20px 0; text-align:center; color:#999 !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos span{ color:#FFF !important;}

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	991 X 1200 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 991px) and (max-width: 1200px){
    
    /* ---------------------------------------------------------------------- */
    /*	GLOBAL
    /* ---------------------------------------------------------------------- */
    .container{ padding:0 !important; width:910px;}
	.fontzero{ margin:0 !important; padding:0 !important; font-size:0em !important; border:none !important;}
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ padding:15px 0 0 0px; background-size: cover;}
    .logomarca h1{ display:block; width:100%;}
    .logomarca h1 img{display: inline-block; height: auto; max-width: 100%;}
	
	/* ---------------------------------------------------------------------- */
    /*	SLOGAN
    /* ---------------------------------------------------------------------- */
    .slogan{ float:right; margin:3px 5px 0 0; background-size: cover;}

    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */
	.menu{ float:right;}
	.m-menu{ margin-top:20px; padding:0; font-weight:bold;}
    .m-menu .dropdown:hover .dropdown-menu{ display: block;}
    .m-menu .navbar-collapse{ margin:0; padding:0; text-align: center;}
    .m-menu .navbar{ margin:46px 0 0 0; padding:0; background:none; border:none; min-height:0 !important; text-transform:uppercase;}
    .m-menu .navbar-nav{ min-height:0;}
    .m-menu .navbar-nav>li a{ padding-left:16px; padding-right:16px; padding-top:8px; padding-bottom:5px; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
    .m-menu .navbar-nav>li a:hover{ color:#CCCCCC !important;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:none;}
	.m-menu .navbar-nav>li .dropdown-menu{ background:#000 !important;}
	.m-menu .navbar-nav>li .dropdown-menu li a:hover{ color:#000 !important;}
	
	.m-menu-fixo{ position:fixed; top:0; left:0; margin:0; padding:10px 0 !important; z-index:99999; width:100%; background:rgba(0,0,0,0.8); color:#FFF;}
	.m-menu-fixo a{color:#FFF !important;}
	
	.m-menu-fixo .logomarca{ margin:0; padding:0; text-align:center;}
	.m-menu-fixo .logomarca img{ margin:0; height:60px;}
	
	.m-menu-fixo .menu{ float:left;}
	.m-menu-fixo .m-menu{ margin:0;}
	.m-menu-fixo .m-menu .navbar{ margin:10px 0 0 0;}
	.m-menu-fixo .m-menu .navbar-nav>li a{ padding-left:16px; padding-right:16px; padding-top:8px; padding-bottom:5px;}
	
	.m-menu-fixo .m-menu .dropdown:hover .dropdown-menu a{ color:#FFF !important;}
	.m-menu-fixo .m-menu .dropdown:hover .dropdown-menu a:hover{ color:#000 !important;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */	
	.carousel{ margin:10px 0 25px 0;}
	.carousel .item img{ width:100% !important;}
	
	.carousel .controles{ bottom:-50px !important;}
	.carousel-indicators li{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	.carousel-indicators .active{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		opacity: 1;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
    /* ---------------------------------------------------------------------- */
    /*	DADOS HOME
    /* ---------------------------------------------------------------------- */
	.dados-home{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.dados-home h2{ color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400;}
	

	.dados-home ul{ margin-top:10px; font-family: 'Sintony', sans-serif;}
	.dados-home ul li{ padding:0; color:#FFF; font-size:18px; font-weight:300;}
	.dados-home ul li i{ display:block; float:left; margin:12px 5px 0 0; font-size:7px;}
	
	.dados-home .li-arte-grafica{ width:190px; background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	.dados-home .li-web-design{ width:207px; background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	.dados-home .li-assistencia{ width:270px; background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	
	.dados-home .li-contato{ width:221px; color:#FFF; font-size:20px; font-weight:300; font-family: 'Sintony', sans-serif;}
	.dados-home .li-contato h2{ font-family: 'Oswald', sans-serif;}
	.dados-home .tel-home{ margin-top:10px; font-size:27px;}
	.dados-home .tel-home span{ font-size:20px;}
	.dados-home .whats-home{ font-size:25px;}
	.dados-home .end-home{ margin-top:10px; font-size:14px;}
	.dados-home .web-home{ margin-top:10px; font-size:13px;}
	.dados-home .redes-home{ margin-top:10px;}
	
    /* ---------------------------------------------------------------------- */
    /*	LINKS
    /* ---------------------------------------------------------------------- */
	.links a{ display:inline-block; float:right; margin-left:7px; padding:2px 12px; background:#AD5E8B; color:#FFF !important; font-size:12px; font-weight:300; font-family: 'Sintony', sans-serif; text-transform:uppercase;}
	
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos img{ margin-top:10px;}
	.quem-somos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.quem-somos .texto{ color:#C0C0C0; font-size:18px;}	
	
    /* ---------------------------------------------------------------------- */
    /*	O QUE FAZEMOS
    /* ---------------------------------------------------------------------- */
	.oquefazemos img{ margin-top:10px;}
	.oquefazemos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oquefazemos .texto{ color:#C0C0C0; font-size:18px;}
	
	.oquefazemos .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.oquefazemos .lista h2{ margin:0 0 10px 0; color:#C0C0C0 !important;}
	.oquefazemos .lista span{ display:inline-block; float:left; margin:5px 5px 0 0; font-size:11px;}
	
    /* ---------------------------------------------------------------------- */
    /*	PORTFOLIO
    /* ---------------------------------------------------------------------- */
	.portfolio img{ margin-top:10px;}
	.portfolio .txt h2{ margin:40px 0; text-align:center; color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a{ color:#AD5E8B !important; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a.ativo{ border-bottom:1px solid #FFF;}
	.portfolio .texto{ color:#C0C0C0; font-size:18px;}
	
	.portfolio .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.portfolio .lista li{ margin-bottom:30px; padding-left:0;}
	.portfolio .lista img{ max-width:100%; border:10px solid #CCCCCC;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	.portfolio .lista h3{ margin:10px 0; color:#FFF !important; font-size:20px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4{ margin:10px 0; width:100%; line-height:20px; color:#FFF !important; font-size:15px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4 span{ font-size:15px; color:#C0C0C0 !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BRIEFING
    /* ---------------------------------------------------------------------- */
	.briefing img{ margin-top:10px;}
	.briefing .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.briefing .txt h3{ color:#C0C0C0; font-size:19px; font-weight:400;}
	
	.briefing form{ margin-bottom:20px; padding:0;}
	.briefing .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.briefing form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.briefing form input,
	.briefing form select,
	.briefing form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.briefing form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	OPORTUNIDADE
    /* ---------------------------------------------------------------------- */
	.oportunidade img{ margin-top:10px;}
	.oportunidade .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oportunidade .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.oportunidade form{ margin:20px 0; padding:0;}
	.oportunidade .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.oportunidade form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.oportunidade form input,
	.oportunidade form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.oportunidade form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	CONTATO
    /* ---------------------------------------------------------------------- */
	.contato img{ margin-top:10px;}
	.contato .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.contato .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.contato form{ margin:20px 0; padding-left:0;}
	.contato .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.contato form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.contato form input,
	.contato form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.contato form .botoes{ text-align:right;}
	
	.contato .endereco{ padding-top:40px; font-size:15px; color:#999 !important;}

    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer .atendimento{ margin-top:30px; padding-top:11px; height:43px; text-align:center; background:url(../img/bg/bg-atendimento.png) top center no-repeat; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos{ margin:20px 0; text-align:center; color:#999 !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos span{ color:#FFF !important;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	768 PX > 991 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px){
    
    /* ---------------------------------------------------------------------- */
    /*	GLOBAL
    /* ---------------------------------------------------------------------- */
    .container{ padding:0 !important;}
	.fontzero{ margin:0 !important; padding:0 !important; font-size:0em !important; border:none !important;}
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ padding:15px 0 0 0px; background-size: cover;}
    .logomarca h1{ display:block; width:100%;}
    .logomarca h1 img{display: inline-block; height: auto; max-width: 100%;}
	
	/* ---------------------------------------------------------------------- */
    /*	SLOGAN
    /* ---------------------------------------------------------------------- */
    .slogan{ float:right; margin:3px 5px 0 0; background-size: cover;}

    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */
	.menu{ float:right;}
	.m-menu{ margin-top:20px; padding:0; font-weight:bold;}
    .m-menu .dropdown:hover .dropdown-menu{ display: block;}
    .m-menu .navbar-collapse{ margin:0; padding:0; text-align: center;}
    .m-menu .navbar{ margin:46px 0 0 0; padding:0; background:none; border:none; min-height:0 !important; text-transform:uppercase;}
    .m-menu .navbar-nav{ min-height:0;}
    .m-menu .navbar-nav>li a{ padding-left:6px; padding-right:6px; padding-top:8px; padding-bottom:5px; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
    .m-menu .navbar-nav>li a:hover{ color:#CCCCCC !important;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:none;}
	.m-menu .navbar-nav>li .dropdown-menu{ background:#000 !important;}
	.m-menu .navbar-nav>li .dropdown-menu li a:hover{ color:#000 !important;}
	
	.m-menu-fixo{ position:fixed; top:0; left:0; margin:0; padding:10px 0 !important; z-index:99999; width:100%; background:rgba(0,0,0,0.8); color:#FFF;}
	.m-menu-fixo a{color:#FFF !important;}
	
	.m-menu-fixo .logomarca{ margin:0; padding:0; text-align:center;}
	.m-menu-fixo .logomarca img{ margin:0; height:110px;}
	
	.m-menu-fixo .menu{ float:right;}
	.m-menu-fixo .m-menu{ margin:0;}
	.m-menu-fixo .m-menu .navbar{ margin:10px 0 0 0;}
	.m-menu-fixo .m-menu .navbar-nav>li a{ padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:5px;}
	
	.m-menu-fixo .m-menu .dropdown:hover .dropdown-menu a{ color:#FFF !important;}
	.m-menu-fixo .m-menu .dropdown:hover .dropdown-menu a:hover{ color:#000 !important;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */	
	.carousel{ margin:10px 0 25px 0;}
	.carousel .item img{ width:100% !important;}
	
	.carousel .controles{ bottom:-50px !important;}
	.carousel-indicators li{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	.carousel-indicators .active{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		opacity: 1;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
    /* ---------------------------------------------------------------------- */
    /*	DADOS HOME
    /* ---------------------------------------------------------------------- */
	.dados-home{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.dados-home h2{ color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400;}
	

	.dados-home ul{ margin-top:10px; font-family: 'Sintony', sans-serif;}
	.dados-home ul li{ padding:0; color:#FFF; font-size:13px; font-weight:300;}
	.dados-home ul li i{ font-size:7px;}
	
	.dados-home .li-arte-grafica{ background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	.dados-home .li-web-design{ background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	.dados-home .li-assistencia{ background:url(../img/sprites/faixa-home.png) top right repeat-y;}
	
	.dados-home .li-contato{ color:#FFF; font-size:17px; font-weight:300; font-family: 'Sintony', sans-serif;}
	.dados-home .li-contato h2{ font-family: 'Oswald', sans-serif;}
	.dados-home .tel-home{ margin-top:10px; font-size:18px;}
	.dados-home .tel-home span{ font-size:15px;}
	.dados-home .whats-home{ font-size:18px;}
	.dados-home .end-home{ margin-top:10px; font-size:12px;}
	.dados-home .web-home{ margin-top:10px; font-size:11px;}
	.dados-home .redes-home{ margin-top:10px;}
	.dados-home .redes-home img{ height:30px;}
	
    /* ---------------------------------------------------------------------- */
    /*	LINKS
    /* ---------------------------------------------------------------------- */
	.links a{ display:inline-block; float:right; margin-left:7px; padding:2px 12px; background:#AD5E8B; color:#FFF !important; font-size:12px; font-weight:300; font-family: 'Sintony', sans-serif; text-transform:uppercase;}
	
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos img{ margin-top:10px; max-width:100%;}
	.quem-somos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.quem-somos .texto{ color:#C0C0C0; font-size:18px;}	
	
    /* ---------------------------------------------------------------------- */
    /*	O QUE FAZEMOS
    /* ---------------------------------------------------------------------- */
	.oquefazemos img{ margin-top:10px; max-width:100%;}
	.oquefazemos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oquefazemos .texto{ color:#C0C0C0; font-size:18px;}
	
	.oquefazemos .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.oquefazemos .lista h2{ margin:0 0 10px 0; color:#C0C0C0 !important;}
	.oquefazemos .lista span{ display:inline-block; float:left; margin:5px 5px 0 0; font-size:11px;}
	
    /* ---------------------------------------------------------------------- */
    /*	PORTFOLIO
    /* ---------------------------------------------------------------------- */
	.portfolio img{ margin-top:10px; max-width:100%;}
	.portfolio .txt h2{ margin:40px 0; text-align:center; color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a{ color:#AD5E8B !important; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a.ativo{ border-bottom:1px solid #FFF;}
	.portfolio .texto{ color:#C0C0C0; font-size:18px;}
	
	.portfolio .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.portfolio .lista li{ margin-bottom:30px; padding-left:0;}
	.portfolio .lista img{ max-width:100%; border:10px solid #CCCCCC;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	.portfolio .lista h3{ margin:10px 0; color:#FFF !important; font-size:20px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4{ margin:10px 0; width:100%; line-height:20px; color:#FFF !important; font-size:15px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4 span{ font-size:15px; color:#C0C0C0 !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BRIEFING
    /* ---------------------------------------------------------------------- */
	.briefing img{ margin-top:10px; max-width:100%;}
	.briefing .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.briefing .txt h3{ color:#C0C0C0; font-size:19px; font-weight:400;}
	
	.briefing form{ margin-bottom:20px; padding:0;}
	.briefing .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.briefing form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.briefing form input,
	.briefing form select,
	.briefing form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.briefing form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	OPORTUNIDADE
    /* ---------------------------------------------------------------------- */
	.oportunidade img{ margin-top:10px; max-width:100%;}
	.oportunidade .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oportunidade .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.oportunidade form{ margin:20px 0; padding:0;}
	.oportunidade .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.oportunidade form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.oportunidade form input,
	.oportunidade form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.oportunidade form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	CONTATO
    /* ---------------------------------------------------------------------- */
	.contato img{ margin-top:10px; max-width:100%;}
	.contato .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.contato .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.contato form{ margin:20px 0; padding-left:0;}
	.contato .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.contato form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.contato form input,
	.contato form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.contato form .botoes{ text-align:right;}
	
	.contato .endereco{ padding-top:40px; font-size:15px; color:#999 !important;}

    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer .atendimento{ margin-top:30px; padding-top:11px; height:43px; text-align:center; background:url(../img/bg/bg-atendimento.png) top center no-repeat; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos{ margin:20px 0; text-align:center; color:#999 !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos span{ color:#FFF !important;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	767 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 579px) and (max-width: 767px){
	
	/* ---------------------------------------------------------------------- */
	/*	GLOBAL
	/* ---------------------------------------------------------------------- */
	.fontzero{ margin:0 !important; padding:0 !important; font-size:0em !important; border:none !important;}	
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
	/*	LOGOMARCA
	/* ---------------------------------------------------------------------- */
	.logomarca{ margin-top:18px; margin-bottom:20px; background-size: cover;}
	.logomarca { display:block; width:100%; text-align:center;}
	.logomarca img{display: inline-block; height: auto; max-width: 100%;}	
	
	/* ---------------------------------------------------------------------- */
	/*	MENU
	/* ---------------------------------------------------------------------- */
	.menu{ margin:0; margin-top:13px; padding:0; font-size:22px;}
	.m-menu{ padding:0;}
	.navbar{ margin:0; padding:0; width:100%; border:none; background:#1E1E1E; text-transform:uppercase;}
	.navbar-nav{ margin-bottom:0;}
	.navbar-collapse{ margin:0; padding:0; text-align:center;}
	.navbar a{ font-size:15px; text-transform:uppercase; color:#FFF !important;}
	.navbar a:hover{ background:#1b1b1b !important; color:#FFF !important;}
	.navbar img{ display:none;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#000;}
	.navbar-inverse .navbar-toggle{	border-color: #FFF;}
	.navbar-collapse{ overflow:hidden;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #4B5050;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ background:#000 !important; color:#FFF !important;}	
	.menu .navbar-nav>li>a:hover,.menu .navbar-nav>li:hover>.dropdown-toggle{ background:#000 !important; color:#FFF !important;}
	.menu .navbar-nav>li>a.ativo{ background:#000 !important; color:#FFF !important;}
	.menu .dropdown-menu{ text-align:center;}
	.menu .dropdown-menu li{ background:#000 !important; color:#FFF !important;}
	.menu .dropdown-menu li a{ color:#FFF !important;}
	.menu .dropdown-menu li a:hover{ color:#FFF !important;}
	.menu .open{ background:#000; color:#FFF !important;}
	
	/* ---------------------------------------------------------------------- */
    /*	SLOGAN
    /* ---------------------------------------------------------------------- */
    .b-slogan{ margin:20px 0; text-align:center;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */	
	.carousel{ margin:10px 0 25px 0;}
	.carousel .item img{ width:100% !important;}
	
	.carousel .controles{ bottom:-50px !important;}
	.carousel-indicators li{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	.carousel-indicators .active{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		opacity: 1;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
    /* ---------------------------------------------------------------------- */
    /*	DADOS HOME
    /* ---------------------------------------------------------------------- */
	.dados-home{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.dados-home h2{ text-align:center; color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400;}
	

	.dados-home ul{ margin-top:10px; font-family: 'Sintony', sans-serif;}
	.dados-home ul li{ text-align:center; padding:0; color:#FFF; font-weight:300;}
	.dados-home ul li i{ font-size:7px;}
	
	.dados-home .li-arte-grafica{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	.dados-home .li-web-design{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	.dados-home .li-assistencia{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	
	.dados-home .li-contato{ margin-bottom:30px; text-align:center; color:#FFF; font-size:17px; font-weight:300; font-family: 'Sintony', sans-serif;}
	.dados-home .li-contato h2{ font-family: 'Oswald', sans-serif;}
	.dados-home .tel-home{ margin-top:10px; font-size:18px;}
	.dados-home .tel-home span{ font-size:15px;}
	.dados-home .whats-home{ font-size:18px;}
	.dados-home .end-home{ margin-top:10px; font-size:12px;}
	.dados-home .web-home{ margin-top:10px; font-size:11px;}
	.dados-home .redes-home{ margin-top:10px;}
	.dados-home .redes-home img{ height:30px;}
	
    /* ---------------------------------------------------------------------- */
    /*	LINKS
    /* ---------------------------------------------------------------------- */
	.links a{ display:inline-block; float:right; margin-left:7px; padding:2px 12px; background:#AD5E8B; color:#FFF !important; font-size:12px; font-weight:300; font-family: 'Sintony', sans-serif; text-transform:uppercase;}
	
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos img{ margin-top:10px; max-width:100%;}
	.quem-somos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.quem-somos .texto{ color:#C0C0C0; font-size:18px;}	
	
    /* ---------------------------------------------------------------------- */
    /*	O QUE FAZEMOS
    /* ---------------------------------------------------------------------- */
	.oquefazemos img{ margin-top:10px; max-width:100%;}
	.oquefazemos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oquefazemos .texto{ color:#C0C0C0; font-size:18px;}
	
	.oquefazemos .lista{ text-align:center; margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.oquefazemos .lista .m-b{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	.oquefazemos .lista h2{ margin:0 0 10px 0; color:#C0C0C0 !important;}
	.oquefazemos .lista span{ font-size:11px;}
	
    /* ---------------------------------------------------------------------- */
    /*	PORTFOLIO
    /* ---------------------------------------------------------------------- */
	.portfolio img{ margin-top:10px; max-width:100%;}
	.portfolio .txt h2{ margin:40px 0; text-align:center; color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a{ color:#AD5E8B !important; font-size:20px; letter-spacing:0.8px; font-weight:400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.portfolio .txt h2 a.ativo{ border-bottom:1px solid #FFF;}
	.portfolio .texto{ color:#C0C0C0; font-size:18px;}
	
	.portfolio .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important; text-align:center;}
	.portfolio .lista li{ margin-bottom:30px; padding-left:0;}
	.portfolio .lista img{ max-width:100%; border:10px solid #CCCCCC;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	.portfolio .lista h3{ margin:10px 0; color:#FFF !important; font-size:20px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4{ margin:10px 0; width:100%; line-height:20px; color:#FFF !important; font-size:15px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4 span{ font-size:15px; color:#C0C0C0 !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BRIEFING
    /* ---------------------------------------------------------------------- */
	.briefing img{ margin-top:10px; max-width:100%;}
	.briefing .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.briefing .txt h3{ color:#C0C0C0; font-size:19px; font-weight:400;}
	
	.briefing form{ margin-bottom:20px; padding:0;}
	.briefing .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.briefing form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.briefing form .form-group{ padding:0 !important;}
	.briefing form input,
	.briefing form select,
	.briefing form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;

		-moz-border-radius: 0;
		border-radius: 0;
	}
	.briefing form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	OPORTUNIDADE
    /* ---------------------------------------------------------------------- */
	.oportunidade img{ margin-top:10px; max-width:100%;}
	.oportunidade .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oportunidade .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.oportunidade form{ margin:20px 0; padding:0;}
	.oportunidade .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.oportunidade form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.oportunidade form .form-group{ padding:0 !important;}
	.oportunidade form input,
	.oportunidade form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.oportunidade form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	CONTATO
    /* ---------------------------------------------------------------------- */
	.contato img{ margin-top:10px; max-width:100%;}
	.contato .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.contato .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.contato form{ margin:20px 0; padding-left:0;}
	.contato .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.contato form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.contato form .form-group{ padding:0 !important;}
	.contato form input,
	.contato form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.contato form .botoes{ text-align:right;}
	
	.contato .endereco{ padding:0; font-size:15px; color:#999 !important;}

    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer .atendimento{ margin-top:30px; padding-top:11px; height:43px; text-align:center; background:url(../img/bg/bg-atendimento.png) top center no-repeat; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos{ margin:20px 0; text-align:center; color:#999 !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos span{ color:#FFF !important;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	579 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 579px){
	
	/* ---------------------------------------------------------------------- */
	/*	GLOBAL
	/* ---------------------------------------------------------------------- */
	.fontzero{ margin:0 !important; padding:0 !important; font-size:0em !important; border:none !important;}	
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
	/*	LOGOMARCA
	/* ---------------------------------------------------------------------- */
	.logomarca{ margin-top:18px; margin-bottom:20px; background-size: cover;}
	.logomarca { display:block; width:100%; text-align:center;}
	.logomarca img{display: inline-block; height: auto; max-width: 100%;}	
	
	/* ---------------------------------------------------------------------- */
	/*	MENU
	/* ---------------------------------------------------------------------- */
	.menu{ margin:0; margin-top:13px; padding:0; font-size:22px;}
	.m-menu{ padding:0;}
	.navbar{ margin:0; padding:0; width:100%; border:none; background:#1E1E1E; text-transform:uppercase;}
	.navbar-nav{ margin-bottom:0;}
	.navbar-collapse{ margin:0; padding:0; text-align:center;}
	.navbar a{ font-size:15px; text-transform:uppercase; color:#FFF !important;}
	.navbar a:hover{ background:#1b1b1b !important; color:#FFF !important;}
	.navbar img{ display:none;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#000;}
	.navbar-inverse .navbar-toggle{	border-color: #FFF;}
	.navbar-collapse{ overflow:hidden;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #4B5050;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ background:#000 !important; color:#FFF !important;}	
	.menu .navbar-nav>li>a:hover,.menu .navbar-nav>li:hover>.dropdown-toggle{ background:#000 !important; color:#FFF !important;}
	.menu .navbar-nav>li>a.ativo{ background:#000 !important; color:#FFF !important;}
	.menu .dropdown-menu{ text-align:center;}
	.menu .dropdown-menu li{ background:#000 !important; color:#FFF !important;}
	.menu .dropdown-menu li a{ color:#FFF !important;}
	.menu .dropdown-menu li a:hover{ color:#FFF !important;}
	.menu .open{ background:#000; color:#FFF !important;}
	
	/* ---------------------------------------------------------------------- */
    /*	SLOGAN
    /* ---------------------------------------------------------------------- */
    .b-slogan{ margin:20px 0; text-align:center;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */	
	.carousel{ margin:10px 0 25px 0;}
	.carousel .item img{ width:100% !important;}
	
	.carousel .controles{ bottom:-50px !important;}
	.carousel-indicators li{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	.carousel-indicators .active{
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		opacity: 1;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
    /* ---------------------------------------------------------------------- */
    /*	DADOS HOME
    /* ---------------------------------------------------------------------- */
	.dados-home{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
	.dados-home h2{ text-align:center; color:#AD5E8B; font-size:20px; letter-spacing:0.8px; font-weight:400;}
	

	.dados-home ul{ margin-top:10px; font-family: 'Sintony', sans-serif;}
	.dados-home ul li{ text-align:center; padding:0; color:#FFF; font-weight:300;}
	.dados-home ul li i{ font-size:7px;}
	
	.dados-home .li-arte-grafica{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	.dados-home .li-web-design{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	.dados-home .li-assistencia{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	
	.dados-home .li-contato{ margin-bottom:30px; text-align:center; color:#FFF; font-size:17px; font-weight:300; font-family: 'Sintony', sans-serif;}
	.dados-home .li-contato h2{ font-family: 'Oswald', sans-serif;}
	.dados-home .tel-home{ margin-top:10px; font-size:18px;}
	.dados-home .tel-home span{ font-size:15px;}
	.dados-home .whats-home{ font-size:18px;}
	.dados-home .end-home{ margin-top:10px; font-size:12px;}
	.dados-home .web-home{ margin-top:10px; font-size:11px;}
	.dados-home .redes-home{ margin-top:10px;}
	.dados-home .redes-home img{ height:30px;}
	
    /* ---------------------------------------------------------------------- */
    /*	LINKS
    /* ---------------------------------------------------------------------- */
	.links a{ display:inline-block; float:right; margin-left:7px; padding:2px 12px; background:#AD5E8B; color:#FFF !important; font-size:12px; font-weight:300; font-family: 'Sintony', sans-serif; text-transform:uppercase;}
	
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos img{ margin-top:10px; max-width:100%;}
	.quem-somos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.quem-somos .texto{ color:#C0C0C0; font-size:18px;}	
	
    /* ---------------------------------------------------------------------- */
    /*	O QUE FAZEMOS
    /* ---------------------------------------------------------------------- */
	.oquefazemos img{ margin-top:10px; max-width:100%;}
	.oquefazemos .txt h2{ margin:40px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oquefazemos .texto{ color:#C0C0C0; font-size:18px;}
	
	.oquefazemos .lista{ text-align:center; margin-bottom:100px; font-size:18px; color:#C0C0C0 !important;}
	.oquefazemos .lista .m-b{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #CCC;}
	.oquefazemos .lista h2{ margin:0 0 10px 0; color:#C0C0C0 !important;}
	.oquefazemos .lista span{ font-size:11px;}
	
    /* ---------------------------------------------------------------------- */
    /*	PORTFOLIO
    /* ---------------------------------------------------------------------- */
	.portfolio img{ margin-top:10px; max-width:100%;}
	.portfolio .txt h2{ margin:40px 0; font-family: 'Sintony', sans-serif; text-align:center; color:#FFFFFF; font-size:20px; font-weight:400;}
	.portfolio .txt h2 a{ color:#FFFFFF !important;}
	.portfolio .txt h2 a.ativo{ border-bottom:1px solid #FFF;}
	.portfolio .texto{ color:#C0C0C0; font-size:18px;}
	
	.portfolio .lista{ margin-bottom:100px; font-size:18px; color:#C0C0C0 !important; text-align:center;}
	.portfolio .lista li{ margin-bottom:30px; padding-left:0;}
	.portfolio .lista img{ max-width:100%; border:10px solid #CCCCCC;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	.portfolio .lista h3{ margin:10px 0; color:#FFF !important; font-size:20px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4{ margin:10px 0; width:100%; line-height:20px; color:#FFF !important; font-size:15px; font-weight:400; font-family: 'Sintony', sans-serif;}
	.portfolio .lista h4 span{ font-size:15px; color:#C0C0C0 !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BRIEFING
    /* ---------------------------------------------------------------------- */
	.briefing img{ margin-top:10px; max-width:100%;}
	.briefing .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.briefing .txt h3{ color:#C0C0C0; font-size:19px; font-weight:400;}
	
	.briefing form{ margin-bottom:20px; padding:0;}
	.briefing .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.briefing form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.briefing form .form-group{ padding:0 !important;}
	.briefing form input,
	.briefing form select,
	.briefing form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;

		-moz-border-radius: 0;
		border-radius: 0;
	}
	.briefing form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	OPORTUNIDADE
    /* ---------------------------------------------------------------------- */
	.oportunidade img{ margin-top:10px; max-width:100%;}
	.oportunidade .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.oportunidade .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.oportunidade form{ margin:20px 0; padding:0;}
	.oportunidade .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.oportunidade form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.oportunidade form .form-group{ padding:0 !important;}
	.oportunidade form input,
	.oportunidade form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.oportunidade form .botoes{ text-align:right;}
	
    /* ---------------------------------------------------------------------- */
    /*	CONTATO
    /* ---------------------------------------------------------------------- */
	.contato img{ margin-top:10px; max-width:100%;}
	.contato .txt h2{ margin:30px 0; color:#FFFFFF; font-size:25px; font-weight:400;}
	.contato .txt h3{ color:#C0C0C0; font-size:21px; font-weight:400;}
	
	.contato form{ margin:20px 0; padding-left:0;}
	.contato .txt h4{ margin:30px 0; color:#FFF; font-size:15px;}
	.contato form label{ margin:0 0 5px 0; color:#999; font-weight:400;}
	.contato form .form-group{ padding:0 !important;}
	.contato form input,
	.contato form textarea{ background:#999; color:#000; border:none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.contato form .botoes{ text-align:right;}
	
	.contato .endereco{ padding:0; font-size:15px; color:#999 !important;}

    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer .atendimento{ margin-top:30px; padding:10px 0; text-align:center; border-top:1px dashed #C0C0C0; border-bottom:1px dashed #C0C0C0; color:#CCCCCC !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos{ margin:20px 0; text-align:center; color:#999 !important; font-size: 11pt; font-weight:lighter;}
	footer .direitos span{ color:#FFF !important;}
	
}