/*shrink*/
@import url('assets/plugins/shrinking-fixed-top/css/style.css');
/*Reset*/
@import url('assets/bootstrap/css/bootstrap.min.css');
@import url('assets/css/reset.min.css');
/*Plugins*/
@import url('assets/plugins/owl.carousel.2.1.0/assets/owl.theme.default.min.css');
@import url('assets/plugins/owl.carousel.2.1.0/assets/owl.carousel.min.css');
@import url('assets/plugins/SlickNav/slicknav.min.css');

/*Fontes*/
@import url('assets/fontes/socicon-font-v25/socicon.css');
@import url('assets/fontes/webfontkit-20160512-111554/stylesheet.css');
@import url('assets/fontes/webfontkit-20160512-112024/stylesheet.css');
@import url('assets/fontes/webfontkit-20141203-141016/stylesheet.css');
		/********************************************************
		*********************************************************
		Theme Name: Portal Ratier Ink
		Theme URI: http://www.ratierink.com.br/
		Author: Rubens Monteiro
		Author URI: www.rubensmonteiro.com.br
		Description:
		Version: 1.0
		Text Domain: ratierink
		*********************************************************
		********************************************************/

		/*======================================================
		MAPA DO CSS:

		1. UNIVERSAL STYLES TYPOGRAFY
		2. HEADER & NAV STYLE
		3. MAIN BODY CONTENT
		4. SIDEBAR CONTENT
		5. WIDGET CONTENT
		6. FOOTER CONTENT
		7. COMMENTS & FORMS
		8. WORDPRESS CORE
		9. RESPONSIVE MODE
		======================================================*/

		/*======================================================
		GUIA DE FONTES:

		font-family: 'socicon';

		font-family: 'josefin_slabthin';
		font-family: 'josefin_slabthin_italic';
		font-family: 'josefin_slablight_italic';
		font-family: 'josefin_slabsemibold_italic';
		font-family: 'josefin_slabitalic';
		font-family: 'josefin_slablight';
		font-family: 'josefin_slabregular';
		font-family: 'josefin_slabsemibold';
		font-family: 'josefin_slabbold';
		font-family: 'josefin_slabbold_italic';

		font-family: 'josefin_sansbold_italic';
		font-family: 'josefin_sanssemibold';
		font-family: 'josefin_sansthin';
		font-family: 'josefin_sansbold';
		font-family: 'josefin_sansregular';
		font-family: 'josefin_sanslight';
		font-family: 'josefin_sanslight_italic';

		font-family: 'big_johnregular';
		font-family: 'slim_joeregular';

		======================================================*/


		/*------------------------------------------
		*
		* 1. UNIVERSAL STYLES AND TYPOGRAFY
		*
		------------------------------------------*/

		body {
			font-size: 62.5%; /* 1em = 10px */
		}

		.wrap {
			max-width: 960px;
			width: 100%;
			margin: 0 auto;
			padding: 0 10px;
			position: relative;
		}
		*,
		*:after,
		*:before {
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
			text-rendering:optimizeLegibility;
		}

		/* clear */
		.clear:before,
		.clear:after {
			content:' ';
			display:table;
		}
		.clear:after {
			clear:both;
		}
		.clear {
			*zoom:1;
			clear:both;
		}
		.left {float: left;}
		.right {float: right;}
		.center {margin: 0 auto; display: block; text-align: center;}
		strong {font-weight: bold}
		iframe, object, embed {max-width: 100%; margin: 0 auto;}
		table {max-width: 100%}
		em {font-style: italic;}
		img {
			display: block;
			max-width: 100%;
			width: auto;
			height: auto;
			border: 0;
		}
		a {
			text-decoration:none;
			-webkit-transition: all .10s ease-in-out;
			-moz-transition: all .10s ease-in-out;
			-ms-transition: all .10s ease-in-out;
			-o-transition: all .10s ease-in-out;
			transition: all .10s ease-in-out;
			color: #000;
		}
		a:hover {
			text-decoration: none;
		}
		a:focus {
			outline:0;
			text-decoration: none;
		}
		a:hover,
		a:active {
			outline:0;
		}

		mark {
			background-color: #fff !important;
			color: black;
		}

		.entry-meta {
			font-size: 1.3em;
			font-family: "Trebuchet MS";
			padding: 10px 0;
		}
		.entry-media {overflow: hidden;}
		.entry-header {
			padding: 10px 10px;
			margin: 10px 0;
			border-bottom: solid 1px #dadada;
			background: #FCFCFC;
		}

		input:focus {
			outline:0;
			border:1px solid #04A4CC;
		}
		p {
			font-family: 'josefin_slabitalic';
			font-size: 1.8em;
			line-height: 1.4em;
			margin-bottom: 10px;
			margin-top: 10px;
			color: #000;
		}
		h1, h2, h3, h4, h5 {margin-bottom: 10px; text-rendering: optimizelegibility;}

		h1 {
			font-family: 'josefin_sansbold';
			font-size: 4.3em;
			line-height: 1.4em;
		}
		h2 {
			font-family: 'josefin_sansbold';
			font-size: 3.1em;
			line-height: 1.4em;
		}
		h3 {
			font-family: 'josefin_slabthin_italic';
			font-size: 2.9em;
			line-height: 1.4em;
		}
		h4 {
			font-family: 'josefin_sansbold';
			font-size: 1.8em;
			line-height: 1.4em;
		}
		h5 {}
		h6 {}
		.slicknav_menu,
		.menu-menu-mobile-container {
			display:none;
		}

		.vcenter {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			vertical-align: middle;
		}
		.vcenter:before {
			content: "";
			display: inline-block;
			vertical-align: middle;
			height: 100%;
			margin-right: -0.25em;
		}
		.vcenter > * {
			display: inline-block;
			vertical-align: middle;
		}

		/*------------------------------------------
		*
		* 2. HEADER & NAV STYLE
		*
		------------------------------------------*/
		#header .logo {
			margin: 29px auto 10px auto;
			width: 200px;
			-webkit-transition: width 0.3s;
			-moz-transition: width 0.3s;
			transition: width 0.3s;
		}

		/*menu*/
		.hide {
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			-ms-transition: all .25s ease-in-out;
			-o-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
		}
		.hide-search {opacity: 0;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
		.show-search {opacity: 1; -webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
		.hide-menu {z-index: -9999; position: relative; opacity: 0 !important; -webkit-transition: all .10s ease-in-out;-moz-transition: all .10s ease-in-out;-ms-transition: all .10s ease-in-out;-o-transition: all .10s ease-in-out;transition: all .10s ease-in-out; }
		.show-menu {position: relative; opacity: 1 !important; -webkit-transition: all .10s ease-in-out;-moz-transition: all .10s ease-in-out;-ms-transition: all .10s ease-in-out;-o-transition: all .10s ease-in-out;transition: all .10s ease-in-out; }

		#header .menu-principal ul{
			text-align: center;
			/*padding-bottom: 30px;*/
			opacity: 0;
		}
		#header .menu-principal ul li {
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			margin: 0 1%;
		}
		#header .menu-principal ul li a {
			font-size:2.6em;
			font-family: 'josefin_sansbold';
			color: #000;
			position: relative;
		}

		#header .menu-principal ul li.current_page_item a:after {
			content: '';
			width: 10px;
			height: 2px;
			border-bottom: solid 3px #000;
			position: absolute;
			bottom: -6px;
			left: 0;
			right: 0;
			margin: auto;
		}
		#header .menu-principal ul li a:hover:after {
			content: '';
			width: 10px;
			height: 2px;
			border-bottom: solid 3px #dadada;
			position: absolute;
			bottom: -6px;
			left: 0;
			right: 0;
			margin: auto;
			-webkit-transition: content .25s ease-in-out;
			-moz-transition: content .25s ease-in-out;
			-ms-transition: content .25s ease-in-out;
			-o-transition: content .25s ease-in-out;
			transition: content .25s ease-in-out;

		}


		/*active*/
		#header.padding-on-my-header.active .top-bar {
			padding: 0 0.9375rem 30px 0.9375rem;
			transition: all 0.2s ease 0.1s;
		}

		#header.padding-on-my-header.active .logo { width: 200px; margin: 20px auto 15px auto;}

		#header.padding-on-my-header.active .menu-principal ul{
			opacity: 1;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}
		#header.padding-on-my-header .logo {
			margin: 20px auto 0 auto;
			width: 169px;

		}

		/*menu search*/
		#header .menu-search {padding-top: 20px;}
		#header .menu-search li {
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			margin: 0 3px;
		}
		#header .menu-search li a {font-size: 1.4em;}
		
		#header .search_icon {
			position: relative;
		}
		#header .search_icon.active img.lupa {
			opacity: 0;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}
		#header .search_icon img.fechar {
			opacity: 0;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
			margin-top: -17px;
		}
		#header .search_icon.active img.fechar {
			opacity: 1;
		}

		/*menu social*/
		#header .menu-social {padding-top: 20px; float: right;}
		#header .menu-social li {
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			margin: 0 2px;
		}

		#header .menu-social li a {
			font-size: 1.4em;
			color: #000;
		}

		#header .search-container,
		#header.mouse-in.active .search-container{
			margin: auto;
			text-align: center;
			position: fixed;
			z-index: 10;
			right: 0;
			left: 0;
			top: 127px;
			height: 50px;
			background: rgba(255, 255, 255, 0.82);
			padding: 7px 0 0 0;

		}

		#header.padding-on-my-header .search-container {
			top: 80px;
		}
		#header .search-container input[type="search"]{
			font-family: 'josefin_sansbold';
			font-size: 2.9em;
			color: #323133;
			background: transparent;
			border: none;
		}
		#header button.search-submit {
			font-family: 'josefin_sansbold';
			font-size: 2.9em;
			color: #323133;
			background: transparent;
			border: none;
		}

		/*------------------------------------------
		*
		* 3. MAIN BODY CONTENT
		*
		------------------------------------------*/
		/*sections*/
		#content .section h1 {
			position: relative;
			margin-bottom: 40px;
		}
		#content .section h1.titulo-secao {font-size: 4.3em !important}
		#content .section h1:after {
			content: '';
			width: 20px;
			height: 4px;
			border-bottom: solid 3px #000;
			position: absolute;
			bottom: -10px;
			left: 0;
			right: 0;
			margin: auto;
		}
		#content .anuncio.section {
			margin-top: 58px;
		}
		#content .instagram.section{
			margin-top: 140px;
		}

		/*slider*/
		#main-slider {
			width: 100%;
			max-width: 1920px;
			margin: 0 auto 70px auto;
		}
		#main-slider .slide {
			height: 650px;
			overflow: hidden;
			text-align: center;
			background-repeat: no-repeat;
			background-position: top center!important;
			-o-background-size: cover!important;
			background-size: cover!important;
			position: relative;
		}
		#main-slider .coveroverlay {
			position: relative;
			height: 100%;
			width: 100%;
			max-width: 1100px;
			padding: 0 20px;
			margin: 0 auto;
		}
		#main-slider .coveroverlay h2 {
			position: absolute;
			bottom: 15%;
			text-transform: uppercase;
			color: #fff;
			text-shadow: 0 4px 20px #8F8F8F;
			font-size: 4em;

		}
		.owl-theme .owl-controls .owl-page span{
			width: 15px !important;
			height: 15px !important;
			background: #000 !important;
		}
		.owl-theme .owl-controls {
			margin-top: -35px;
			text-align: center;
			position: relative;
			z-index: 10;
		}

		/*news loop*/

		#content .news-loop,
		#content .news-loop-infinit,
		#content .alm-listing.alm-ajax
		{text-align: center}
		#content .news-loop li,
		#content .news-loop-infinit li,
		#content .alm-listing.alm-ajax li {
			width: 100%;
			max-width: 745px;
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			text-align: left;
			margin-top: 80px;
		}
		#content .news-loop li:first-child,
		#content .news-loop-infinit li:first-child{
			margin-top: 0;
		}
		#content .news-loop li a,
		#content .news-loop-infinit a,
		#content .alm-listing.alm-ajax li a {overflow: hidden; display: block;}

		#content .news-loop li a img,
		#content .news-loop-infinit li a img,
		#content .alm-listing.alm-ajax li a img
		{
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			width: 100%;
		}
		#content .news-loop li a:hover img,
		#content .news-loop-infinit li a:hover img,
		#content .alm-listing.alm-ajax li a:hover img{
			-webkit-transform:  scale(1.15);
			transform:  scale(1.15);
			opacity: 0.8;

		}
		#content .news-loop li h1,
		#content .news-loop-infinit li h1,
		#content .alm-listing.alm-ajax li h1{text-transform: uppercase;}
		#content .date {
			font-family: 'josefin_slablight';
			font-size: 1.7em;
			text-transform: uppercase;
			display: block;
			margin-bottom: 10px;
		}
		#content .news-content {
			width: 100%;
			max-width: 730px;
			margin: 30px auto;
		}
		#content .news-content h1 {text-transform: uppercase;}
		#content .grid-vejatambem {
			margin: 66px auto 0 auto;
		}
		/* ---- .grid-item ---- */
		#content .grid-item-vejatambem {
			float: left;
			width: 350px;
			height: 480px;
			overflow: hidden;
			margin-bottom: 45px;
			display: block;
		}
		#content .grid-item-vejatambem h1{
			font-size: 2.9em;
			line-height: 1.1em;
			text-transform: uppercase;
		}

		/*social*/
		#content .social-loop {
			border-left: solid 1px #dadada;
			padding: 5px 15px;
			margin-top: 35px;
			height: 29px;
		}
		#content .social-loop a {float: left}
		#content .icon-facebook,
		#content .icon-twitter{font-size: 1.8em; color: #2e4586}
		#content .icon-facebook:hover,
		#content .icon-twitter:hover {opacity: 0.70;}
		#content .icon-twitter {color: #16b2f5; margin-left: 5px}

		/*gallery news*/
		#content #slickposts {margin-top: 140px;}
		#content #slickposts {
			position: relative;
			cursor: pointer;
			-webkit-transition: opacity .3s;
			transition: opacity .3s;
		}
		#content  #slickposts h1.titulo {
			position: absolute;
			left: 4%;
			bottom: 4%;
			text-transform: uppercase;
			color: #fff;
		}
		#content  #slickposts h1.titulo a{color: #fff}
		#content  #slickposts h1.categoria {
			position: absolute;
			right: 4%;
			top: 4%;
			text-transform: uppercase;
			color: #fff
		}
		/*gallery*/
		#content .owl-item {text-align: left;}
		#content .owl-item .item {overflow: hidden;}
		#content .owl-item .item img{
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		#content .owl-item p {
			padding-left: 10px;
			opacity: 0;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;}
			#content .owl-item.active.center p{opacity: 1}
			/* magazine*/
			#content .last-magazine h1 {
				text-align: center;
				font-size: 3.1em;
				padding: 15px 0 25px 0;
			}
			#content .last-magazine img{
				margin: 0 auto;
			}
			#content .grid-magazine {
				margin: 66px auto 0 auto;
				max-width: 1068px;
			}

			#content .magazine h1 {font-size: 3.1em;}
			#content .magazine h1.titulo{
				font-family: 'josefin_slabthin_italic';
				font-size: 6.7em;
				text-transform: uppercase;
			}
			#content .magazine h2

			/* clear fix */
			#content .grid-magazine:after,
			#content .content-infinit:after,
			#content .grid-vejatambem:after
			{
				content: '';
				display: block;
				clear: both;
			}
			/* ---- .grid-item ---- */
			#content .grid-item-mazine {
				float: left;
				width: 180px;
				height: 300px;
				overflow: hidden;
				margin-bottom: 45px;
				display: block;
			}
			#content .grid-item-mazine h1
			{font-size: 3.1em;}

			/*publicacoes anteriores*/
			#content .content-infinit{
				margin: 0 auto 0 auto;
			}
			#content .item-post.publicacoes {
				float: left;
				width: 300px;
				overflow: hidden;
				margin-bottom: 45px;
				display: block;
				position: relative;
			}
			#content .item-post.publicacoes:first-child{display: none;}

			#content .item-post.publicacoes h1 {font-size: 3.1em;}
			#content .item-post.publicacoes h1:after {display: none;}
			#content .item-post.publicacoes h1 span {
				float: right;
				font-size: 21px;
				position: relative;
				padding-right: 7px;
			}
			#content .item-post.publicacoes h1 span:after {
				content: '';
				height: 32px;
				width: 53px;
				border: solid 1px #000;
				display: block;
				position: absolute;
				right: 0;
				top: 5px;
			}
			/*musica*/
			/* clearfix */
			.grid-musica {
				margin: 100px auto;
				display: block;
				text-align: center;
			}
			.grid-musica:after,
			.grid-moda:after,
			.grid-noite:after
			{
				content: '';
				display: block;
				clear: both;
			}

			/* ---- grid-item ---- */
			.grid-item-musica:hover .hover-content,
			.grid-item-moda:hover .hover-content,
			.grid-item-noite:hover .hover-content

			{
				opacity: 1;
				-webkit-transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-ms-transition: opacity .25s ease-in-out;
				-o-transition: opacity .25s ease-in-out;
				transition: opacity .25s ease-in-out;
			}
			.grid-item-musica a,
			.grid-item-moda a,
			.grid-item-noite a
			{color: #fff;}
			.grid-item-musica .hover-content,
			.grid-item-moda .hover-content,
			.grid-item-noite .hover-content

			{
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.8);
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0;
				padding: 40px 20px;
				text-align: center;
			}


			/*moda*/
			.moda-container,
			.noite-container
			{
				max-width: 1825px; 
				margin: 0 auto; 
				padding: 0 20px;
			}
			.container-moda-mais {max-width: 1400px; margin: 0 auto;}
			#content .grid-modamais {
				margin: 66px auto 0 auto;
			}
			/* ---- .grid-item ---- */
			#content .grid-item-modamais {
				float: left;
				width: 350px;
				overflow: hidden;
				margin-bottom: 0;
				display: block;
			}


		/*------------------------------------------
		*
		* 4. SIDEBAR CONTENT
		*
		------------------------------------------*/

		/*------------------------------------------
		*
		* 5. WIDGET CONTENT
		*
		------------------------------------------*/
		div#infscr-loading {
			width: 31px;
			margin: 0 auto;
		}
		.wp-pagenavi {
			visibility: hidden;
			text-align: center;
			margin: 0 auto;
		}
		.navigation .post-previous h3,
		.navigation .post-next h3 {
			font-size: 18px;
			font-family: 'josefin_slablight';
		}

		.navigation .post-previous h5,
		.navigation .post-next h5 {
			font-size: 15px;
			font-family: 'josefin_slablight_italic';
		}

		.search_icon:hover, .menu_icon:hover {cursor: pointer;}

		#content .search-results {text-align: center;}

		#content .search-results .search-item {
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			margin: 20px 10px;
			max-width: 300px;
		}
		#content .search-results .search-item img {margin-bottom: 10px;}

		::-webkit-input-placeholder {
			color: #323133;
			opacity: 1;
		}

		:-moz-placeholder { /* Firefox 18- */
			color: #323133;  
			opacity: 1;
		}

		::-moz-placeholder {  /* Firefox 19+ */
			color: #323133;  
			opacity: 1;
		}

		:-ms-input-placeholder {  
			color: #323133;  
			opacity: 1;
		}

		button#load-more {
			visibility: hidden;
		}

		/*------------------------------------------
		*
		* 6. FOOTER CONTENT
		*
		------------------------------------------*/

		.logo_footer {margin-top: 100px; position: relative;}
		.logo_footer:before{
			content: '';
			width: 20px;
			height: 2px;
			border-bottom: solid 3px #000000;
			position: absolute;
			top: -15px;
			left: 0;
			right: 0;
			margin: auto;
			display: block;
		}

		#rodape #rodapeintro {
			background: #000;
			padding: 10px 0;
			margin-top: 60px;
		}

		#rodapeintro .container img {float: left;}
		#rodapeintro a, #rodapeintro a:visited {color: #fff;}
		#rodapeintro .link1  {
			display: block;
			padding-left: 10px;
			/*border-left: solid 1px #fff;*/
			width: 100%;
			max-width: 100%;
			float: left;
			/*margin-left: 90px;*/
		}
		#rodapeintro .link1 ul {
			text-align: center;
			top: 0;
		}
		#rodapeintro .link2  {
			display: block;
			padding-left: 10px;
			border-left: solid 1px #fff;
			width: 100%;
			max-width: 150px;
			float: left;
		}
		#rodapeintro .link1 li,
		#rodapeintro .link2 li {
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
		}

		#rodapeintro .link1 li:before {
			content: '|';
			display: inline-block;
			color: #fff;
			margin: 0 7px;
			font-weight: bold;

		}
		#rodapeintro .link1 li:first-child:before {
			content: '';
		}

		#rodapeintro .link1 li,
		#rodapeintro .link2 li {margin: 2px 0;}
		#rodapeintro .link1 li a,
		#rodapeintro .link2 li a {
			font-family: 'big_johnregular';
			font-weight: bold !important;
			color: #ffffff;
			font-size: 1.2em;
			line-height: 1.5em;
		}
		#rodapeintro .link1 li a:hover, #rodapeintro .link2 li a:hover {
			background: #424242;
		}
		#rodapeintro .copyright {
			font-family: 'big_johnregular';
			color: #ffffff;
			font-size: 2.2em;
		}

		.copyright-rosh {
			display: block;
			width: 100%;
			background: #000;
			padding: 12px 0;

		}

		.copyright-rosh img {max-width: 194px; display: block; margin: 0 auto;}




		/*------------------------------------------
		*
		* 7. COMMENTS & FORMS
		*
		------------------------------------------*/

		/*------------------------------------------
		*
		* 8. WORDPRESS CORE
		*
		------------------------------------------*/
		table {
			background: #fff;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #ddd;
			margin: 0 0 30px 0;
		}
		table thead, table tfoot { background: #d0d0d0; }
		table thead tr th,
		table tfoot tr th,
		table tbody tr td,
		table tr td,
		table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
		table tbody tr th {font-size: 12px; line-height: 18px; text-align: left; }
		table tfoot tr td{ padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
		table tbody tr th { padding: 8px 10px 9px;  color: #222; }
		table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
		table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
		table tbody tr.even,
		table tbody tr.alt { background: #e7e7e7; }
		table tbody tr:nth-child(even) { background: #e7e7e7; }
		table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
		blockquote {
			margin: 24px;
			padding: 24px;
			border-left: 4px double #EEE;
			color: #AAA;
			font-size: 14px;
			line-height: 36px;
		}
		.alignnone {
			margin:5px 20px 20px 0;
		}
		.aligncenter,
		div.aligncenter {
			display:block;
			margin:5px auto 5px auto;
		}
		.alignright {
			float:right;
			margin:5px 0 10px 10px;
		}
		.alignleft {
			float:left;
			margin:5px 10px 10px 0;
		}
		.aligncenter {
			display:block;
			margin:5px auto 5px auto;
		}
		a img.alignright {
			float:right;
			margin:5px 0 10px 10px;
		}
		a img.alignnone {
			margin:5px 20px 20px 0;
		}
		a img.alignleft {
			float:left;
			margin:5px 10px 10px 0;
		}
		a img.aligncenter {
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		.wp-caption {
			background:#FFF;
			border:1px solid #F0F0F0;
			max-width:96%;
			padding:5px 3px 10px;
			text-align:center;
		}
		.wp-caption.alignnone {
			margin:5px 20px 20px 0;
		}
		.wp-caption.alignleft {
			margin:5px 20px 20px 0;
		}
		.wp-caption.alignright {
			margin:5px 0 20px 20px;
		}
		.wp-caption img {
			border:0 none;
			height:auto;
			margin:0;
			max-width:98.5%;
			padding:0;
			width:auto;
		}
		.wp-caption .wp-caption-text,
		.gallery-caption {
			font-size:11px;
			line-height:17px;
			margin:0;
			padding:0 4px 5px;
		}
		.entry-content ul li,
		.entry-content ol li {
			font-size: 1.4em;
			line-height: 1.4em;
			padding-left: 15px;
		}

		.entry-content ul,
		.entry-content ol{
			padding: 10px 0 20px 30px;
		}
		.entry-content ol li{line-height: 2em; list-style-type: decimal;}
		.entry-content ul li{line-height: 2em; list-style-type: disc;}
		.entry-content em {font-style: italic;}
		.entry-content small{font-size: 1.3em; text-transform: uppercase;}
		.entry-content strong {font-weight: bold;}
		.entry-content blockquote {
			background: #DDDDDD;
			margin: 20px;
			padding: 20px;
			text-align: center;
			color: #000;
		}
		.entry-content a{text-decoration: underline;}

		/*------------------------------------*\
		PRINT
		\*------------------------------------*/
		@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:0.5cm;
		}
		p,
		h2,
		h3 {orphans:3; widows:3;}
		h2,
		h3 {page-break-after:avoid;}
	}

		/*------------------------------------------
		*
		* 9. RESPONSIVE MODE
		*
		------------------------------------------*/

		/* Extra small devices (phones, less than 768px) */
		/* No media query since this is the default in Bootstrap */

		/* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
			/*slider*/
			#main-slider .slide {height: 450px;}
			#header .menu-principal ul li a{font-size: 2.1em;}
			/**/

		}

		/* Medium devices (desktops, 992px and up) */
		@media (min-width: 992px) {
			/*slider*/
			#main-slider .slide {height: 550px;}
			#header .menu-principal ul li a{font-size: 2.6em;}


		}

		/* Large devices (large desktops, 1200px and up) */
		@media (min-width: 1200px) {

			/*slider*/
			#main-slider .slide {height: 650px;}
			#header .menu-principal ul li a{font-size: 2.6em;}
			/**/
			#content .musica-container {max-width: 1048px; margin: 0 auto;}



		}

		/* Large devices (large desktops, 1280px and up) */
		@media (min-width: 1280px) {

			.container {
				width: 1240px;
			}

		}

		/* iPads (landscape) ----------- */
		@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

		}

		/* iPads (portrait) ----------- */
		@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

			/*slider*/
			#main-slider .slide {height: 450px;}
			#header .logo{margin: 30px auto 10px auto;}
			#header .menu-principal ul li a{font-size: 2.1em}
			#header .search-container, #header.mouse-in.active .search-container{
				top: 122px;
			}

		}


		/*==========  Mobile/Mini Tablets  ==========*/
		@media only screen and (max-width:767px) {

			.js #menu {
				display:none;
			}

			.js .slicknav_menu {
				display:block;
			}

			h1 {font-size: 2.3em;}

			/*header*/
			#header .logo {margin: 10px auto 10px auto;width: 100px;}
			#header.padding-on-my-header.active .top-bar {padding: 0; margin: 0}
			#header.padding-on-my-header.active .logo { width: 100px; margin: 10px auto 10px auto;}
			#header.padding-on-my-header .logo {margin: 10px auto 10px auto;width: 100px;}
			#header .search-container, #header.mouse-in.active .search-container{
				top: 48px !important;
			}
			#header .menu-social {
				display: none;
			}

			/*slider*/
			#main-slider .slide {height: 450px;}

			/*conteudo*/
			.menu-menu-search-container {display: none;}
			.home #content {margin-top: 10px;}
			#content .grid-item-mazine {height: auto;}
			#content {margin-top: 30px;}
			.single #content .container p {padding: 0 15px;}
			#content .news-loop li,
			#content .news-loop-infinit li{
				padding: 0 10px;
			}

		}


		/*==========  iPhone 6 portrait & landscape  ==========*/
		@media only screen and (min-width: 375px) and (max-width:667px) {

		}

		/*==========  iPhone 6 in landscape  ==========*/
		@media only screen and (min-width:375px) and (max-width:667px) and (orientation:landscape) {

		}

		/*==========  iPhone 6 in portrait  ==========*/
		@media only screen and (min-width:375px) and (max-width:667px) and (orientation:portrait) {


		}