/* ================================ GERAL ================================ */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto+Slab:100|Titillium+Web:300,400,600');


html {font-family: 'Titillium Web', sans-serif; font-size: 18px; font-weight: 400; color: #596B7B;}

body {
	background: url(/wp-content/uploads/2016/10/bg-banner.jpg) top center no-repeat;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.uk-container {padding: 0 15px;}

* + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {
	margin-top: 25px;
}


/* Icomoon
=========================================================== */
@font-face {
	font-family: 'icomoon';
	src:  url('/wp-content/themes/supriservice/styles/supriservice/fonts/icomoon.eot?8gtu1r');
	src:  url('/wp-content/themes/supriservice/styles/supriservice/fonts/icomoon.eot?8gtu1r#iefix') format('embedded-opentype'),
	url('/wp-content/themes/supriservice/styles/supriservice/fonts/icomoon.ttf?8gtu1r') format('truetype'),
	url('/wp-content/themes/supriservice/styles/supriservice/fonts/icomoon.woff?8gtu1r') format('woff'),
	url('/wp-content/themes/supriservice/styles/supriservice/fonts/icomoon.svg?8gtu1r#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-desktop:before {content: "\e900";}
.icon-ecm:before {content: "\e901";}
.icon-gestao-educacional:before {content: "\e902";}
.icon-gestao-saude:before {content: "\e903";}
.icon-hyper:before {content: "\e904";}
.icon-impressoras:before {content: "\e905";}
.icon-networking:before {content: "\e906";}
.icon-outsourcing:before {content: "\e907";}
.icon-seguranca:before {content: "\e908";}
.icon-servidores:before {content: "\e909";}
.icon-videoconferencia:before {content: "\e90a";}
.icon-videoconferencia2:before {content: "\e90b";}



h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, .uk-panel-title {
	font-family: 'Titillium Web', sans-serif;
	text-transform: inherit;
	color: #10BECF;
	font-weight: bold;
}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
	margin-top: 45px;
}

.uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 {
	color: #10BECF;
}
.uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6, .tm-navbar-primary.tm-navbar-absolute .tm-toolbar h1, .tm-navbar-primary.tm-navbar-absolute .tm-toolbar h2, .tm-navbar-primary.tm-navbar-absolute .tm-toolbar h3, .tm-navbar-primary.tm-navbar-absolute .tm-toolbar h4, .tm-navbar-primary.tm-navbar-absolute .tm-toolbar h5, .tm-navbar-primary.tm-navbar-absolute .tm-toolbar h6 {
	color: #ffffff;
}
h1, .uk-h1 {
	font-size: 52px;
	font-weight: 300;
	line-height: 52px;
	text-transform: inherit;
	width: 90%;
	display: inline-block;
	position: relative;
	padding: 0 50px;
	box-sizing: border-box;
	letter-spacing: -0.03em;
}
h1:before, h1:after, .uk-h1:before, .uk-h1:after {content: ''; display: -webkit-inline-box; border-top: 1px solid; width: 45px; position: absolute; top: 50%;}
h1:before, .uk-h1:before {left: -10px;}
h1:after, .uk-h1:after {right: -10px;}

h2, .uk-h2 {
	font-size: 34px;
	line-height: 36px;
	letter-spacing: -0.03em;
}

h3, .uk-h3 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
}

.uk-text-large {font-size: 28px; line-height: 33px;}

@media (max-width: 1024px) {
	h1, .uk-h1 {font-size: 42px; line-height: 42px;}
	h2, .uk-h2 {font-size: 28px; line-height: 28px;}
	h3, .uk-h3 {font-size: 21px; line-height: 21px;}
}
@media (max-width: 768px) {
	h1, .uk-h1 {font-size: 38px; line-height: 38px; padding: 0 10px; letter-spacing: 0;}
	h1:before, .uk-h1:before {left: -50px;}
	h1:after, .uk-h1:after {right: -50px;}
	h2, .uk-h2 {font-size: 24px; line-height: 24px;}
	h3, .uk-h3 {font-size: 18px; line-height: 18px;}
}

@media (max-width: 580px) {
	h1, .uk-h1 {font-size: 30px; line-height: 30px;}
}

.uk-panel-title {text-transform: uppercase; font-weight: bold; font-size: 18px; color: #002E4B;}

a, .uk-button, .button {cursor: pointer;}

a, .uk-button, .button, .uk-article {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a, .uk-link {
	color: #10becf;
}
a:hover, .uk-link:hover, .uk-contrast a:not([class]):hover, .uk-contrast .uk-link:hover {text-decoration: none;}

a:hover, .uk-link:hover {
	color: #3cdfef;
}

.uk-icon-medium {
	font-size: 200%;
	vertical-align: -22%;
}
.uk-icon-large {
	font-size: 300%;
	vertical-align: -25%;
}


/* Box */
.uk-panel-box {border-radius: 2px; box-shadow: none;}
.uk-panel-box-primary {
	color: #fff;
	background-color: #18324b;
	background-image: none;
	box-shadow: none;
}


/* Breadcrumb */
.uk-breadcrumb {text-align: center; margin-top: -30px; margin-bottom: 60px;}
.uk-breadcrumb > li:nth-child(n+2):before {content: "|"; font-size: 12px; color: rgba(0, 0, 0, 0.5);}


/* List */
.uk-list {margin-left: 15px;}
.uk-list > li {padding-bottom: 15px; position: relative;}
.uk-list > li:before {
	content: "";
	display: inline-block;
	background: #10BECF;
	font-weight: bold;
	position: absolute;
	width: 5px;
	height: 20px;
	top: 3px;
	left: -15px;
	border-radius: 2px;
}


/* Button */
.uk-button {
	background: #10becf;
	color: #ffffff;
	box-shadow: none;
	padding: 5px 10px;
	font-size: 18px;
	line-height: 31px;
	text-transform: inherit;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	border-radius: 2px;
}
.uk-block-muted .uk-article .uk-button:not(:disabled):not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(.uk-button-link), .uk-block-muted .uk-panel:not(.uk-panel-box) .uk-button:not(:disabled):not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(.uk-button-link) {
	background: #10becf;
}

.uk-panel-box-primary .uk-button, .uk-panel-box-primary .uk-button-primary {
	background-color: #10becf;
	color: #fff;
}
.uk-panel-box-primary .uk-button:hover, .uk-panel-box-primary .uk-button:focus, .uk-panel-box-primary .uk-button-primary:hover, .uk-panel-box-primary .uk-button-primary:focus {
	background-color: #277cce;
	color: #ffffff;
}

.uk-button-small {
	min-height: 28px;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 5px 10px;
}

.uk-button-large {padding: 15px 20px; font-size: 21px; line-height: 21px; min-height: initial;}

.uk-button-xlarge {
	padding: 15px 40px;
	font-size: 28px;
	line-height: 28px;
	min-height: initial;
}

@media (max-width: 580px) {
	.uk-button-large {font-size: 17px; line-height: 17px;}
}

.uk-button:hover, .uk-button:focus {background: #002E4B; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);}


/* Geral Responsivo */






/* ================================ CABEÇALHO ================================ */

/* Menu */

.tm-navbar {padding: 40px 0;}

.tm-logo svg, .tm-logo-small svg {width: auto; height: 50px;}

.uk-navbar-nav> li> a[href='#'] {cursor: pointer;}

.uk-navbar-nav> li> a {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 16px; color: #002e4b;}

.uk-navbar-nav> li:hover> a, .uk-navbar-nav> li> a:focus, .uk-navbar-nav> li.uk-open> a, .uk-navbar-nav> li.uk-active> a {
	background-color: transparent;
	color: #10BECF;
}

.uk-navbar-nav> li> a:after {background: #10BECF;}

.page .uk-navbar, .category-blog .uk-navbar {background: transparent;}


/* Menu Responsivo */

.uk-navbar-toggle:after {color: #10BECF;}

.uk-offcanvas-page {margin-left: -200px !important;}

.uk-offcanvas-bar {background: #ffffff; width: 200px;}

.uk-nav {padding: 40px 0;}

html .uk-nav.uk-nav-offcanvas> li.uk-active> a {background-color: transparent; color: #10BECF;}

.uk-nav> li> a {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 14px; color: #002e4b;}

@media (max-width: 1300px) {
	.uk-navbar-nav> li {margin: 0 10px;}
	.uk-navbar-nav> li> a {font-size: 14px;}
}
@media (max-width: 980px) {}
@media (max-width: 580px) {}



/* Submenu */

.uk-dropdown, .uk-dropdown-blank {
	width: 276px;
}
.uk-dropdown-navbar {
	background: #18c0d0;
	color: #fff;
}
.uk-dropdown .uk-nav {padding: 0;}
.uk-dropdown .uk-nav > li> a {
	color: #fff;
	line-height: 16px;
	padding: 8px 0;
	position: relative;
}

.uk-dropdown .uk-nav > li > a:before, .uk-dropdown .uk-nav > li > a:before {
	content: '';
	position: absolute;
	left: -21px;
	width: 0;
	height: 100%;
	display: block;
	background: #fff;
	top: 0;
	border-radius: 0 2px 2px 0;

	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: all;
	transition-property: all;
}

.uk-dropdown .uk-nav > li > a:hover:before, .uk-dropdown .uk-nav > li > a:focus:before {
	width: 4px;
}

.uk-dropdown .uk-nav > li.uk-active > a:before, .uk-dropdown .uk-nav > li.uk-active > a:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	display: block;
	position: absolute;
	top: -2px;
	background: transparent;

	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: all;
	transition-property: all;

}
.uk-dropdown .uk-nav > li.uk-active > a:before {
	border-width: 17px 0 17px 11px;
	border-color: transparent transparent transparent #ffffff;
	left: -21px;
}
.uk-dropdown .uk-nav > li.uk-active > a:after {
	border-width: 17px 11px 17px 0;
	border-color: transparent #ffffff transparent transparent;
	right: -21px;
}


/* Subtítulo */

.tm-top-a p {color: #002e4b;}



/* ================================ BANNER ================================ */
.tm-top-a {max-height: 840px;}

.tm-block-top-a {background: transparent; z-index: 2;}

.home .tm-block-top-a {padding: 0;}

.uk-slidenav-previous:before, .uk-slidenav-next:before {color: #10BECF;}

.uk-slideshow .uk-margin {width: 580px; text-align: center;}

.tm-top-a .via-banner {z-index: 2; margin-right: -41px;}


/* Responsivo */

@media (max-width: 1024px) {
	.uk-slideshow .uk-margin {width: 500px;}
	h1 {width: auto;}
	.uk-slideshow span {font-size: 16px; line-height: 21px; margin-top: 0;width: 350px;}
	h1:before {margin-left: -20px;}
	h1:after {margin-top: 13px; margin-left: 50px;}
}
@media (max-width: 768px) {
	.home .uk-slideshow .uk-cover-background.uk-position-cover {display: none;}
	.uk-slideshow .uk-margin {width: 100%;}
	h1:before, h1:after {display: none;}
	.uk-slideshow span {width: auto;}
}
@media (max-width: 580px) {
	.uk-slideshow span {display: none;}
	.uk-slideshow .uk-margin {width: auto; text-align: center; margin-top: 90px;}
	.tm-top-a .via-banner {margin-right: 0;}
}




/* ================================ CONTEÚDO HOME ================================ */

/* Newsletter */

.tm-block-top-c.uk-block-primary {background: url(/wp-content/uploads/2016/10/bg-news.png) top center no-repeat;}

.via-news {color: #718395; font-family: 'Titillium Web', sans-serif; font-size: 28px; font-weight: 300; line-height: 36px;}

.via-news .uk-form input#mce-EMAIL {height: 55px; padding-left: 50px !important; margin: 0; width: 60%; color: #000000;}

.via-news .uk-form .uk-icon-envelope-o {
	position: absolute;
	margin-left: 20px;
	font-size: 21px;
	font-weight: bold;
	margin-top: 16px;
	color: #b9c1c9;
}

.via-news .uk-form input#mc-embedded-subscribe {margin: 0; height: 55px; padding: 10px; font-weight: 600; width: 40%;}
.via-news .uk-form input#mc-embedded-subscribe:hover {transform: none;}
div#mc_embed_signup {margin-top: 10px;}



/* Soluções */

.via-solucoes .uk-panel {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #596B7B;
}
.via-solucoes .uk-panel-title {padding-bottom: 25px;}
.page .via-solucoes .uk-panel-title {
	display: none;
}
.home.page .via-solucoes .uk-panel-title {
	display: block;
}
.via-solucoes .uk-panel > i {color: #10BECF;}
.via-solucoes .uk-panel:hover > i, .via-solucoes .uk-panel:hover {color: #fff;}
.via-solucoes .uk-panel:hover {
	background: #10BECF;
	margin-left: -20px;
	padding-left: 20px;
	margin-top: -20px;
	padding-top: 20px;
	border-radius: 3px;
}

.via-solucoes .uk-panel.uk-badge-success {
	background: #10BECF;
	color: #ffffff;
	border-radius: 0;
	width: 100%;
	font-size: 21px;
	line-height: 24px;
	text-transform: initial;
	font-family: 'Titillium Web', sans-serif;
	box-sizing: border-box;
	padding: 20px 30px;
}
.via-solucoes .uk-panel.uk-badge-success:before {
	content: '';
	top: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 16px solid #ffffff;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	right: 48%;
}
.via-solucoes .uk-panel .uk-icon {font-size: 40px; color: #10BECF; margin-bottom: 15px;}

.via-solucoes span {display: block;}


/* Soluções Responsivo */

@media (max-width: 768px) {
	.via-solucoes .uk-panel {text-align: center; padding: 15px;}
}
@media (max-width: 580px) {
	.via-solucoes .uk-panel.uk-badge-success {padding: 20px;}
}


/* Depoimentos */

.tm-bottom-a .uk-slidenav-position {background: #002E4B;}

.uk-slideset .uk-panel-box {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	color: #ffffff;
	font-size: 24px;
	font-weight: 100;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 30px;
	letter-spacing: 0.5px;
}
.uk-slideset .uk-panel-box span {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 16px;
}

.uk-slideset .uk-panel-box span small {font-size: 14px; display: block;}

.uk-slideset .uk-panel-box .uk-margin {padding: 30px 180px;}

.uk-dotnav {position: absolute; margin: 0 auto; width: 100%; margin-top: -80px;}

.uk-dotnav > * > * {background: #889AA7;}

.uk-dotnav > .uk-active > *, .uk-dotnav > * > :hover, .uk-dotnav > * > :focus {background: #FFFFFF; background-image: none;}

.tm-bottom-a h3 {margin-bottom: 60px;}


/* Responsivo */

@media (max-width: 959px) {}




/* ================================ CONTEÚDO ================================ */

/* Responsivo */

@media (min-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 580px) {}


.tm-main {
	padding-top: 60px;
}



/* ================================ BLOG ================================ */
.via-blog .uk-panel-title {color: #ffffff;}

.uk-panel-title > i {
	font-size: 31px;
	padding-right: 10px;
	line-height: 31px;
	margin-top: -5px;
	float: left;
}

.tm-top-a .via-blog {
	background: #002e4b;
	margin-top: -130px !important;
	padding: 0 40px;
	padding-top: 60px;
	z-index: 1;
	margin-left: -40px;
	margin-right: -40px;
}

@media (max-width: 768px) {
	.tm-top-a .via-blog {margin-left: -30px; margin-right: -25px;}
}

.via-blog .uk-panel-title {margin-bottom: 0px;}

.via-blog .uk-article {
	color: #ffffff;
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 25px;
	padding-bottom: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}

.via-blog a:hover .uk-article {text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);}

.via-blog .uk-article p {margin: 0;}

.uk-article-meta, time {font-family: 'Roboto Condensed', sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase;}

time {color: #fff;}

.uk-article-meta time {color: #504e75;}

.uk-overlay {
	min-height: 150px;
}

.via-blog .uk-overlay {width: 100%;}

.via-blog .uk-thumbnail {padding: 0; border: 0; min-height: 330px;}

.via-blog .uk-article, .uk-overlay-background {
	background: -moz-linear-gradient(bottom, rgba(0,46,75,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(0,46,75,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to top, rgba(0,46,75,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e4b', endColorstr='#007db9e8',GradientType=0 );
}

.via-blog .uk-article span, .via-blog .uk-flex .uk-panel span {
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 5px 10px;
	background: #10BECF;
	margin-top: 10px;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
}

.via-blog .uk-overlay.uk-flex.uk-flex-bottom {margin-bottom: 30px;}

.via-blog .uk-thumbnail.uk-thumbnail-small {width: 180px; min-height: 150px; overflow: hidden; display: block; float: left; border-radius: 0;}

.via-blog .uk-thumbnail .via-blog-img {width: auto; height: 150px; max-width: initial; margin-left: -23%;}

.via-blog .uk-flex .uk-panel {position: absolute; margin-left: 210px; font-family: 'Titillium Web', sans-serif; font-size: 21px; font-weight: 700;}

.via-blog .uk-flex .uk-panel p {margin: 0 auto;}

.via-blog .uk-overlay.uk-flex.uk-flex-bottom:hover {color: #ffffff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);}

.category-blog article {position: relative;}

.uk-article + .uk-article {
	margin-top: 100px;
}
@media (min-width: 768px) {
	.uk-article + .uk-article {
		margin-top: 100px;
	}
}

.category-blog article h1.uk-article-title, .single-post article h1.uk-article-title {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
	width: auto;
}
.category-blog article h1.uk-article-title:before,
.category-blog article h1.uk-article-title:after,
.single-post article h1.uk-article-title:before,
.single-post article h1.uk-article-title:after {display: none;}

.category-blog article.uk-article:after {
	content: '';
	width: 100%;
	bottom: -50px;
	position: absolute;
	left: 0;
}

.uk-article-title a {font-weight: 700; font-family: 'Titillium Web', sans-serif; color: #10becf;}

.category-blog article > a {overflow: hidden; height: 450px; display: block;}

.category-blog article > a > img {margin-top: -3%;}

.category-blog article .uk-button {margin-top: 20px;}

.uk-article-meta {margin-bottom: 25px;}


/*Responsivo */

@media (max-width: 1024px) {}

@media (max-width: 768px) {
	.via-blog .uk-article {padding: 32px; padding-bottom: 0;}
	.tm-top-b .uk-grid-margin.uk-row-first {margin-top: 0;}
	.via-blog .uk-overlay.uk-flex.uk-flex-bottom {margin-bottom: 50px;}
	.via-blog > div {margin-bottom: 60px !important;}
}
@media (max-width: 580px) {
	.via-blog .uk-article {padding: 20px; padding-bottom: 0;}
	.via-blog .uk-article, .via-blog .uk-flex .uk-panel {font-size: 18px; line-height: 21px;}
	.via-blog .uk-overlay.uk-flex.uk-flex-bottom {display: block; text-align: center;}
	img.via-blog-img.wp-post-image {margin: 0 auto !important;}
	.via-blog .uk-thumbnail.uk-thumbnail-small {width: 100%; float: none;}
	.via-blog .uk-flex .uk-panel {position: relative; margin: 0 auto;}
	.tm-top-a .via-blog {margin-top: -20px !important; padding-top: 30px;}
}




/* ================================ FOOTER ================================ */

#tm-footer {
	background: url(/wp-content/uploads/2016/10/bg-news.png) top center no-repeat;
	padding-bottom: 30px;
}

.tm-footer-left {width: 100%; text-align: center;}

.via-icon > svg {width: 45px; height: 45px; margin-bottom: 10px;}

.tm-footer-left {width: 100%; text-align: center; font-size: 21px; line-height: 30px; font-weight: 300; color: #828D9B;}

.via-social {margin-top: 20px; font-size: 16px; font-weight: 600;}

.via-social .uk-icon {
	font-size: 21px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
}

.via-social .uk-icon-facebook {color: #3b5998;}

.via-social .uk-icon-facebook:hover {background: #3b5998; color: #ffffff;}

.via-social .uk-icon-youtube-play {color: #cd201f;}

.via-social .uk-icon-youtube-play:hover {background: #cd201f; color: #ffffff;}

.via-social .uk-icon-instagram {color: #833ab4;}

.via-social .uk-icon-instagram:hover {background: #833ab4; color: #ffffff;}

.via-social .uk-icon-linkedin {color: #0077b5;}

.via-social .uk-icon-linkedin:hover {background: #0077b5; color: #ffffff;}

.tm-footer-left hr {border-color: rgba(0, 46, 75, 0.1); margin-top: 50px; margin-bottom: 30px;}

.via-copyright {text-align: left; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 18px;}


/* VIA */

.via {
	display: block;
	width: 31px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: .7;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-image: url(/wp-content/themes/supriservice/styles/supriservice/images/via-positivo.svg);
	margin: 0 auto;
	margin-right: 0;
}

.via:hover {opacity: 1;}


/* Responsivo */

@media (max-width: 768px) {
	.uk-slideset .uk-panel-box .uk-margin {padding: 20px;}
	.uk-slideset .uk-panel-box {font-size: 18px; line-height: 24px;}
	.uk-slideset .uk-panel-box span {font-size: 14px;}
	.uk-slideset .uk-panel-box span small {font-size: 12px;}
	.uk-dotnav {margin-top: -60px;}
}
@media (max-width: 580px) {
	.via-copyright {text-align: center;}
	.via {margin: 0 auto; margin-top: 15px;}
	#tm-footer {padding-top: 60px;}
	.via-icon > svg {margin-bottom: 20px;}
	.tm-footer-left hr {margin-top: 50px;}
	.via-social {margin-top: 20px;}
	.via-social .uk-icon {font-size: 18px; width: 30px; height: 30px; line-height: 30px;}
}




/* ================================ FORMULÁRIO ================================ */

/* uk-form */

.uk-form input {margin-bottom: 20px; color: #000000;}

.uk-form textarea {border-bottom: 2px solid #678185; border-radius: 0px;}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
	border-color: rgba(158, 158, 158, 0.29);
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300 !important;
	border-bottom: 2px solid #10becf;
	border-radius: 0px;
	letter-spacing: 0 !important;
	background: transparent;
	padding: 10px !important;
}
.uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus {
	border-color: rgba(158, 158, 158, 0.29);
	border-bottom-color: #10becf;
	box-shadow: none;
}
.uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus {
	background: transparent;
	border-color: #10becf;
}

.uk-form .button {background: #10becf; border: 0; color: #ffffff; padding: 0 20px; font-size: 21px !important; cursor: pointer;}

.uk-form .button:hover, .uk-form .button:focus {
	background: #002E4B;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
	color: #ffffff;
	transform: translateY(-3px);
}

.gform_wrapper {max-width: 100%;}

.gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium {
	width: 100%;
}

.gform_wrapper textarea.large {width: 100%;}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {margin: 0;}


/* Erro */

.error {position: relative; color: red; margin-bottom: 5px}

ul.errorlist {margin: 0; font-size: 13px; color: #fff; display: block; position: absolute; z-index: 100; top: 6px; right: 4px;}

ul.errorlist li {
	text-shadow: none;
	padding: 5px 10px;
	background-color: red;
	display: block;
	float: left;
	line-height: 19px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea {
	width: 100%;
}
.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea, .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
	border-color: #790000;
	border-bottom: 2px solid #790000;
}

.gform_wrapper div.validation_error {display: none;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0; background: transparent; border: 0; width: 100%;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin: 0 !important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-right: 0 !important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0; max-width: 100% !important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	margin: 0;
	background: #790000;
	padding: 5px 10px !important;
	max-width: 200px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	margin-top: -2px;
}

.gform_wrapper .top_label .gfield_label {margin: 0; font-size: 15px; font-weight: 400; display: none;}


/* Formulário responsivo */

@media (max-width: 580px) {}


/* Placeholder */

input:-ms-input-placeholder, textarea:-ms-input-placeholder, .gform_wrapper select option {
	color: #a4aab1 !important;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 300 !important;
	text-transform: inherit !important;
}
input::-moz-placeholder, textarea::-moz-placeholder, .gform_wrapper select option {
	color: #a4aab1 !important;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 300 !important;
	text-transform: inherit !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .gform_wrapper select option {
	color: #a4aab1 !important;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 300 !important;
	text-transform: inherit !important;
}


/* Pesquisa */
.tm-search {
	position: absolute;
	right: 0;
	bottom: 44px;
	background: #002e4b;
	color: #fff;
	border-radius: 3px 0 0 3px;
	box-shadow: -4px 3px 11px rgba(0,0,0,0.2);
}
.uk-search:before {
	color: #fff;
}
.uk-dropdown-search {
	background: #10becf;
	color: #fff;
}
.uk-nav-search .uk-nav-header {
	color: #fff;
}
.uk-navbar .uk-search:before {right: 13px;}

.uk-navbar .uk-search-field:focus {padding-right: 40px;}



/* Filtro do Registro de Preço */
.searchandfilter ul {padding: 0;}
.searchandfilter ul li {
	display: inline-block;
	padding: 10px;
}
.searchandfilter select.sf-input-select {
	border-color: rgba(158, 158, 158, 0.29);
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300 !important;
	border-bottom: 2px solid #10becf;
	border-radius: 0px;
	letter-spacing: 0 !important;
	background: #fff;
	padding: 10px !important;
}


/* Switch */
.uk-tab > li.uk-active > a:after {
	background: #10becf;
}
.uk-tab > li.uk-active > a {color: #10becf;}