/********************************************************
		*********************************************************
		Theme Name: Grupo Marca
		Theme URI: 
		Author: Rubens Monteiro
		Author URI: www.rubensmonteiro.com.br
		Description: O Grupo marca atua de forma personalizada, de acordo com as características de cada posto de serviço, buscando as necessidades imediatas pretendidas pelo cliente.
		Version: 1.0
		Text Domain: grupomarca
		*********************************************************
		********************************************************/

		/*======================================================
		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: 'Raleway-Bold';
		font-family: 'Raleway-SemiBold';
		font-family: 'Raleway-Light';
		font-family: 'Raleway-ExtraLight';
		font-family: 'Raleway-Heavy';
		font-family: 'Raleway-Medium';
		font-family: 'Raleway';
		font-family: 'Raleway-Thin';
		font-family: 'Raleway-ExtraBold';

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


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

	body {font-size: 62.5%; /* 1em = 10px */ }
	*,
	*: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 .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;
		color: #000;
	}
	a:hover {

	}
	a:focus {
		outline:0;
	}
	a:hover,
	a:active {
		outline:0;
	}
	mark {background-color: #fff !important; color: black; }
	.entry-meta {
		font-family: "Trebuchet MS";
		font-size: 1.3em;
		padding: 10px 0;
	}
	.entry-media {overflow: hidden;}
	.entry-header {
		background: #FCFCFC;
		border-bottom: solid 1px #dadada;
		margin: 10px 0;
		padding: 10px 10px;
	}

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

	}
	h2 strong {font-family: 'Raleway-Bold';}
	h3 {
		color: #6a6d72;
		font-family: 'Raleway';
		font-size: 2.2em;
		line-height: 1.6em;
	}
	h3 strong {font-family: 'Raleway-SemiBold';}
	
	h4 {}
	h5 {}
	h6 {}

	.slicknav_menu {display:none; }

		/*------------------------------------------
		*
		* 2. HEADER & NAV STYLE
		*
		------------------------------------------*/

		/*Header*/
		#cabecalho {
			border-bottom: solid 1px #dededf;
			display: block;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 99;
		}

		/**/
		#cabecalho  .logo {max-width: 173px}
		/**/
		#cabecalho .Nile-Blue{background: #183348; } 
		#cabecalho .white {background: #fff;}
		#cabecalho .Nile-Blue,
		#cabecalho .white{padding: 1.5em 2.5em; } 
		#cabecalho .white{padding: 0;}

		/*Menu*/
		#cabecalho .menu {text-align: left}
		#cabecalho .menu li {
			display: inline-block;
			vertical-align: middle;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			position: relative;
			padding: 2.5em 6%;
		}
		#cabecalho .menu li:after {
			background: #dededf;
			content: '';
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
			width: 1px;
		}
		#cabecalho .menu li a {
			font-family: 'Raleway-ExtraLight';
			font-size: 2.5em;
			color: #4c4d50;
			display: block;
			text-decoration: none;
		}
		#cabecalho .menu li a:hover {color: #e1273d; }
		#cabecalho .menu li a.mPS2id-highlight {color: #e1273d;}

		.space-slider {margin-top: 74px;}

		/*------------------------------------------
		*
		* 3. MAIN BODY CONTENT
		*
		------------------------------------------*/

		#content {margin-top: 3em}
		#content article{padding: 0 15px}

		/*servicos*/
		#servicos {margin: 6% 0}

		/*contato*/
		#content .info-contact .col-md-4 {margin-top: 4em;}
		#content .info-contact p{
			font-size: 2.1em;
			font-family: 'Raleway-Light';
			color: #183348;
			white-space: nowrap;
		}

		#content .ls-fullwidthdark .ls-nav-prev, #content .ls-fullwidthdark .ls-nav-next {
			top: 35%;
			margin-top: -20px;
			position: absolute;
		}
		/*------------------------------------------
		*
		* 4. SIDEBAR CONTENT
		*
		------------------------------------------*/

		/*------------------------------------------
		*
		* 5. WIDGET CONTENT
		*
		------------------------------------------*/

		/*------------------------------------------
		*
		* 6. FOOTER CONTENT
		*
		------------------------------------------*/
		#rodape {
			background: #19354b;
			border-bottom: solid 2em #1d3c54;
			display: block;
			margin-top: 12em;
			max-height: 482px;
			padding: 6% 0;
		}
		#rodape .logo-rodape {width: 100%; max-width: 366px}
		#rodape .equal {
			float: none;
			display: inline-block;
			vertical-align: middle;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
		}

		#rodape .menu-menu-social-container ul {text-align: right;}
		#rodape .menu-menu-social-container ul li {
			display: inline-block;
			vertical-align: middle;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			margin: 1em 1em 
			
		}
		#rodape .menu-menu-social-container ul li a {
			background: #fff;
			border-radius: 100px;
			display: block;
			font-size: 1.8em;
			height: 33px;
			padding: 10px 0;
			text-align: center;
			width: 33px;
		}

		#rodape .copyright p {
			color: #fff; 
			font-family: 'Raleway-Light';
			font-size: 1.8em;
			text-align: center;
		}



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

		#frm_form_6_container {
			display: block;
			margin: 10em auto;
			max-width: 830px;
			padding: 2em 5em;
			width: 100%;
			position: relative;
			-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
			box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
		}
		#frm_form_6_container h2 {
			margin: 1.5em 0 3em 0;
			position: relative;
			text-align: center;
		}
		#frm_form_6_container h2:after{
			content: '';
			background: #e62939;
			bottom: -20px;
			height: 1px;
			left: 0;
			max-width: 237px;
			position: absolute;
			right: 0;
			width: 100%;
			margin: auto;
		}
		#frm_form_6_container input[type="text"],
		#frm_form_6_container input[type="email"],
		#frm_form_6_container textarea {
			border: none;
			border-bottom: solid 1px #9d9d9d;
			font-family: 'Raleway-Light';
		}
		#frm_form_6_container .uploadfile {padding: 1.5em 0}
		#frm_form_6_container .uploadfile label {
			font-family: 'Raleway-Light';
			position: relative;
			margin-bottom: 10px;

		}
		#frm_form_6_container .uploadfile label::before{
			content: '\f0c6';
			font-family: FontAwesome;
			margin-right: 10px;
			font-size: 20px;
		}
		
		#frm_form_6_container button[type="submit"] {
			background: url(assets/images/send-button.jpg) no-repeat center top #e62939;
			border-radius: 0;
			border: none;
			box-shadow: none;
			color: #fff;
			font-family: 'Raleway-Light';
			font-size: -999999px;
			text-indent: -999999px;
			height: 65px;
			left: 0;
			margin: auto;
			max-width: 212px;
			position: absolute;
			right: 0;
			width: 100%;
		}
		#frm_form_6_container input[type="file"] {
			font-size: 11px;
		}
		#frm_form_6_container .frm_upload_text,
		.frm_icon_font.frm_upload_icon {display: none}
		#frm_form_6_container .frm_dropzone.dz-clickable {min-height: auto;}
		.frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container {font-size: inherit; }
		.frm_dropzone.dz-clickable.frm_single_upload {max-width: 100%; }

		#frm_form_6_container ::-webkit-input-placeholder {color: #6a6d72; opacity: 1; }
		#frm_form_6_container :-moz-placeholder { /* Firefox 18- */ color: #6a6d72; opacity: 1; }
		#frm_form_6_container ::-moz-placeholder {  /* Firefox 19+ */ color: #6a6d72; opacity: 1; }
		#frm_form_6_container :-ms-input-placeholder {color: #6a6d72; opacity: 1; }

		/*------------------------------------------
		*
		* 8. WORDPRESS CORE
		*
		------------------------------------------*/
		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) { 

			/*----------  2. HEADER & NAV STYLE  ----------*/

			/*----------  3. MAIN BODY CONTENT  ----------*/

			/*contato*/
			#content .info-contact p{
				white-space: initial;
				text-align: center;
			}

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

			/*----------  5. WIDGET CONTENT  ----------*/

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

			#rodape .col-sm-8.col-md-8 {width: 65.667% }

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

		}

		/* Medium devices (desktops, 992px and up) */
		@media (min-width: 992px) { 

			/*----------  2. HEADER & NAV STYLE  ----------*/

			/*----------  3. MAIN BODY CONTENT  ----------*/

			/*contato*/
			#content .info-contact p{
				white-space: nowrap;
				text-align: left;
			}

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

			/*----------  5. WIDGET CONTENT  ----------*/

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

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

		}

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

			/*----------  2. HEADER & NAV STYLE  ----------*/

			/*----------  3. MAIN BODY CONTENT  ----------*/

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

			/*----------  5. WIDGET CONTENT  ----------*/

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

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

		}

		/* 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) {

		}


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

			h2 {font-size: 1.5em; }

			.js #menu {display:none; }
			.js .slicknav_menu {display:block; }

			/*----------  2. HEADER & NAV STYLE  ----------*/
			
			/*cabeçalho*/
			#cabecalho {border: none;}
			#cabecalho .logo {float: none; max-width: 153px;}
			#cabecalho .Nile-Blue, 
			#cabecalho .white {
				padding: 1em 2.5em;
			}

			/*----------  3. MAIN BODY CONTENT  ----------*/

			.space-slider {margin-top: 60px; }

			/*contato*/
			#content .info-contact p{
				white-space: initial;
				text-align: center;
			}

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

			/*----------  5. WIDGET CONTENT  ----------*/

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

			#rodape .equal {display: block; } 
			#rodape .logo-rodape {margin: auto; }
			#rodape .menu-menu-social-container ul {text-align: center}


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

		}


		/*==========  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) { 


		}