@font-face {
    font-family: Ar destine;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/ARDESTINE.ttf);
}
body{
	margin:0;
	font-family: 'Roboto Condensed', sans-serif;
	background-image: url('/img/body_bg.jpg');
    background-repeat: no-repeat;
	background-size: 100% auto;
    background-attachment: fixed;
}
@media(max-width:768px){
	body{
		background-size: auto 100%;
	}
}
body a{
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	-ms-transition: 0.2s all;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
.cliente{
	background-color: #FFF;
	}
	.sub-title{
		text-align: center;
		margin: -20px 0 20px 0;
		color: #262626;
	}
	/*--top-nav--*/
	.logo{
		max-height:60px;
		float: left;
	}
	.top-nav {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	}
	ul.nav.navbar-nav{
		float: right;
		text-align: center;
	}
	nav.navbar.navbar-default {
		background-color: #FFF;
		border: none;
		margin: 0;
		width: 100%;
		-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		border-radius: 0 !important;
	}
	.navbar-default .navbar-nav > li > a {
		color: #262626;
		text-decoration: none;
		letter-spacing: 1px;
		font-size: 1.2em;
		padding: 1.5em;
		font-weight: 300;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		font-weight: 400;
	}
	.menu-redefinir .navbar-brand{
		height: 85px;
	}
	.nav-tabs > li > a{
		border-radius: 0;
	}
	/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
	/* Bounce To Bottom */
	.hvr-bounce-to-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);  
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	.hvr-bounce-to-bottom:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		color:#fff;
		background: #434a54;
		-webkit-transform: scaleY(0);
		-o-transform: scaleY(0);
		-moz-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		-o-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		-o-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.navbar-nav > li.hvr-bounce-to-bottom > a:hover,.navbar-nav > li > a:hover {
		font-weight: 400;
	}
	.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
		-webkit-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #434a54;
		font-weight: 400;
		background-color: #FFF;
	}
	.navbar-default .navbar-nav > .active > a:hover{
		font-weight: 400;
	}
	.max-100{
		max-width: 100% !important;
	}
	/*--//top-nav--*/
	/*--banner--*/
	.banner {
		background: #FFF url(../img/slide_bg.jpg) no-repeat center 0px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		min-height: 700px;
		position: relative;
		margin-top: 90px;
	}
	.header {
		padding-top: 3em;
		position: relative;
		z-index: 10;
	}
	.header-left {
		float: left;
	}
	.header-right {
		float: right;
	}
	.header-left h1 {
		font-size: 2.5em;
	}
	.header-left h1 a {
		color: #fff;
		text-decoration: none;
	}
	.header-right ul li {
		display: inline-block;
		margin-left: 2em;
		font-size: 1.1em;
		color: #fff;
	}
	.header-right ul li span.glyphicon {
		font-size: 1em;
		margin-right: .6em;
	}
	.header-right ul li a{
		color: #fff;
	}
	.header-right ul li a:hover{
		color:#F6D13B;
	}
	/*--banner-text--*/
	.banner-text {
		width: 70%;
		margin: 0 auto;
		padding: 12em 0;
		text-align: center;
	}
	.banner-text h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 4em;
		color: #7fb3ef;
		font-weight: 900;
		position: relative;
		text-transform: uppercase;
	}
	.banner-text span{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 3em;
		font-weight: 900;
		position: relative;
		text-transform: uppercase;
		color: #FFF;
		clear:both;
	}
	.banner-text h3 {
		font-size: 4em;
		color: #fff;
		margin: .6em 0;
	}
	.banner-text p {
		font-size: 2em;
		margin-top: 40px;
		color: #fff;
		line-height: 1.8em;
		letter-spacing: 1px;
	}
	/*--read-more--*/
	a.more {
		font-size: 1.1em;
		color: #FFF;
		border: 2px solid #FFFFFF;
		position: relative;
		padding: .7em 2em;
		display: inline-block;
		margin-top: 1.8em;
		outline:none;
	}
	/*-- w3layouts --*/
	a.more:after {
		content: '';
		position: absolute;
		z-index: -1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* Button 1b */
	.btn-1b:after {
		width: 100%;
		height: 0;
		top: 0;
		left: 0;
		background:#F13E3E;
	}
	
	.btn-1b:hover,
	.btn-1b:active {
		color: #fff;
	}
	
	.btn-1b:hover:after,
	.btn-1b:active:after {
		height: 100%;
	}
	/*--//read-more--*/
	/*--Slider Part starts Here--*/
	#slider2,
	#slider3 {
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		margin: 0 auto;
	}
	.callbacks_container {
		width: 100%;
	}
	.callbacks {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.callbacks li {
		position: absolute;
		width: 100%;
		/*-- agileits --*/
		left: 0;
		top: 0;
	}
	.callbacks_nav {
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		bottom: 13%;
		left: 15%;
		z-index: 3;
		opacity: .7;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		height: 22px;
		width: 16px;
		background: url("../img/icons.png")no-repeat 0px 0px;
		-webkit-transition: .5s all;
		transition: .5s all;
		-moz-transition: .5s all;
	}
	.callbacks_nav:hover{
		opacity: .9;
		-moz-opacity: .9;
	}
	.callbacks_nav.next {
		background-position: -39px 0px;
		left: 17%;
	}
	.callbacks_nav:active {
		opacity: 1.0;
		-moz-opacity: 1;
	}
	.callbacks_tabs li{
		display: inline-block;
		margin: 0 .1em;
	}
	.callbacks_tabs {
		list-style: none;
		position: absolute;
		z-index: 99;
		bottom: 13%;
		right: 15%;
		padding: 0;
		margin: 0;
	}
	.callbacks_tabs a{
		visibility: hidden;
	}
	.callbacks_tabs a:after {
		/*-- w3layouts --*/
		content: "\f111";
		font-size: 0;
		font-family: FontAwesome;
		visibility: visible;
		height: 12px;
		width: 12px;
		display: inline-block;
		border: 2px solid #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
	}
	.callbacks_here a:after {
		background-color: #fff;
	}
	/*--//Slider part Ends Here --*/
	.banner-texto{
		padding: 5em 0;
		background-image: url('/img/bg.png');
	}
	.banner-blue{
		background-color: rgba(117, 164, 219, 0.8);
	}
	.banner-black{
		background-color: rgba(74, 81, 91, 0.8);
	}
	.banner-texto .btn{
		margin: 0;
		padding: 0.7em 1em;
	}
	.banner-texto h2{
		font-family: 'Roboto Condensed', sans-serif;
		color: #FFF;
		font-size: 2em;
		text-transform: uppercase;
		padding: 0.5em 0 0 0;
		margin-bottom: 30px;
	}
	.banner-texto .btn-default:hover{
		background: none;
		color: #FFF;
		border-color: #FFF;
	}
	/*--about--*/
	.about,.features,.services,.portfolio,.team,.contact{
		padding: 10em 0 5em 0;
	}
	h3.title {
		font-size: 3em;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		position: relative;
		margin-bottom: 1.2em;
		padding-bottom: 0.3em;
	}
	h3.title:before {
		content: '';
		width: 80px;
		height: 4px;
		background: #7FB3EF;
		position: absolute;
		bottom: 0;
		left: 46%;
		display: block;
	}
	p {
		font-size: 1.1em;
		color: #555;
	}
	.about, .team, .contact, .map{
		background-color: #FFF;
	}
	.produtos{
		padding: 5em 0;
		background-color: #FFF;
	}
	.about p, .about ul {
		width: 80%;
		/*-- agileits --*/
		margin: 0 auto 10px auto;
	}
	/*--//about--*/
	/*--features--*/
	.features{
		background: url(../img/slid.jpg) no-repeat center 0px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.features iframe {
		width: 100%;
		min-height: 500px;
		border: none;
	}
	.video-img {
		background: url(../img/img1.jpg)no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
		-moz-background-size: cover;
	}
	.video-img a {
		display: inline-block;
		margin: 8em 15.6em;
		outline:none;
	}
	.video-img a span.glyphicon {
		font-size: 3em;
		color: #FFFFFF;
		border: 8px solid #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		-moz-border-radius: 50%;
		padding: 0.45em .6em;
		width: 100px;
		height: 100px;
	}
	/*--banner-modal--*/
	.modal-open .modal {
		background: rgba(0, 0, 0, 0.5);
	}
	.modal.bnr-modal {
		padding: 0 1em !important;
	}
	.modal-body {
		padding: 2em;
	}
	.modal-dialog {
		margin: 6em auto 0;
	}
	.modal-header {
		border: none;
		min-height: 2.5em;
		padding: 1em 2em 0;
	}
	.modal button.close {
		color: #7FB3EF;
		opacity: .9;
		font-size: 2.5em;
		outline: none;
	}
	.modal-body p {
		margin-top: 1em;
		font-size: 1em;
		font-weight: 400;
	}
	.modal-backdrop.in{
		opacity: .1;
	}
	#modal-alert{
		background: rgba(255, 255, 255, 0.1) !important;
	}
	#modal-alert button.close{
		color: #FFF !important;
		top: -20px;
	}
	#modal-alert .modal-content{
		box-shadow: 0 0 0 transparent !important;
		border: 0 !important;
		background: none !important;
		border-radius: 0 !important;
	}
	#modal-mensagem .modal-body, #modal-senha .modal-body{
		padding: 20px 20px 0 20px !important;
	}
	#modal-senha .modal-content{
		border: 0 !important;
		border-radius: 0 !important;
	}
	.col-centered{
		float: none;
		margin: 0 auto;
	}
	/*--//banner-modal--*/
	.b_label {
		font-size: 1.3em;
		color: #fff;
		margin-bottom: 6px;
		text-align: left;
	}
	.bar_group {
		position: relative;
		z-index: 0;
	}
	.bar_group__bar.thin::before, .bar_group__bar.thick::before {
		display: block;
		content: '';
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 15px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		background: #E4E4E4;
		border-radius: 6px;
	}
	.bar_group__bar.thin {
		width: 0%;
		height: 15px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		background: #F3D354;
		margin-bottom: 2em;
		-webkit-transition: width 1s;
		transition: width 1s;
		-moz-transition: width 1s;
		border-radius: 6px;
	}
	/*--//features--*/
	/*--services--*/
	.bg-default{
		background-color: #f2f2f2;
	}
	.services{
		background-color: #4a515b;
	}
	.services h3{
		color: #FFF;
	}
	.srvc-grids {
		margin-top: 3em;
	}
	.srvc-grids span.glyphicon, .srvc-grids span.fa {
		font-size: 1.8em;
		background: #FFF;
		padding: 0.8em;
		color: #F13E3E;
		-webkit-transition:.5s all;
		transition:.5s all;
		-moz-transition:.5s all;
	}
	.srvc-grids:hover span.glyphicon, .srvc-grids:hover span.fa {
		background: #F13E3E;
		color: #FFF;
		-webkit-transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
		transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
	}
	.srvc-grids h5 {
		font-size: 1.2em;
		color: #FFF;
		font-weight: 600;
		margin: 1.5em 0 .5em;
		text-transform: uppercase;
	}
	.srvc-grids ul{
		margin-left: 15px;
	}
	.srvc-grids p, .srvc-grids li{
		color: #FFF;
	}
	/*--//services--*/
	/*--portfolio--*/
	.portfolio {
		background: #f2f2f2;
	}
	.portfolio-grids {
		padding: 0;
	}
	/*--SAP--*/
	.sap_tabs{
		clear:both;
		padding: 0;
	}
	.tab_box{
		background:#fd926d;
		padding: 2em;
	}
	.top1{
		margin-top: 2%;
	}
	.resp-tabs-list {
		list-style: none;
		padding: 0;
		margin: 0 auto 3em;
		text-align: center;
		border: 1px solid #999;
		width: 41%;
	}
	.resp-tab-item {
		color: #333;
		font-size: 1.1em;
		font-weight: 500;
		cursor: pointer;
		display: inline-block;
		margin: 0;
		text-align: center;
		list-style: none;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		text-transform: uppercase;
		padding: 1em 1.9em;
		border-left: 1px solid #999;
	}
	.resp-tab-item:nth-child(1) {
		border: none;
	}
	.resp-tab-active ,.resp-tab-item:hover{
		text-shadow: none;
		color: #7B68EE;
	}
	.resp-tabs-container {
		padding: 0px;
		clear: left;	
	}
	h2.resp-accordion {
		cursor: pointer;
		padding: 5px;
		display: none;
	}
	.resp-tab-content {
		display: none;
	}
	.resp-content-active, .resp-accordion-active {
		display: block;
	}
	.tab_img{
		padding:2em 0 0;
		display: block;
	}
	.portfolio-grids a {
		display: block;
		overflow: hidden;
	}
	.portfolio-grids img.img-responsive {
		width: 100%;
	}
	/*--img-hovers--*/
	.hover {
		width: 100%;
		height: 100%;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;
		cursor: default;
	}
	.hover .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
	}
	.hover img {
		display: block;
		position: relative;
	}
	.hover h4 {
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		position: relative;
		font-size: 1.5em;
		padding: 10px;
		letter-spacing: 1px;
	}
	
	.hover button.info {
		display: inline-block;
		text-decoration: none;
		padding: 7px 14px;
		color: #fff;
		border: none;
		background-color: transparent;
		font-size: 1.1em;
		outline:none;
	}
	.hover button.info:hover {
		-webkit-box-shadow: 0 0 5px #fff;
		-moz-box-shadow: 0 0 5px #fff;
		box-shadow: 0 0 5px #fff;
	}
	.ehover14 img{
		-webkit-transition: all 0.35s;
		-moz-transition: all 0.35s;
		transition: all 0.35s;
	}
	.ehover14:hover img{
		-ms-filter: brightness(1.4);
		filter: brightness(1.4);
		-webkit-filter: brightness(1.4);
	}
	
	.ehover14 .overlay {
		-moz-opacity: 0;
		opacity: 0;
		width: 200px;
		height: 200px;
		left: 20%;
		top: 15%;
		-webkit-border-radius: 80%;
		-moz-border-radius: 80%;
		border-radius: 80%;
		border: 2px solid #FFF;
		-webkit-transition: opacity 0.35s, transform 0.35s;
		-moz-transition: opacity 0.35s, transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(50%,50%,0);
		-moz-transform: translate3d(50%,50%,0);
		-o-transform: translate3d(50%,50%,0);
		transform: translate3d(50%,50%,0);
		-ms-transform: translate3d(50%,50%,0);
		padding: 3em 0;
	}
	.ehover14:hover .overlay {
		background-color: rgba(0, 0, 0, 0.48);
	}
	.ehover14 button  {
		color:	#FFF;
		padding: 1em 0;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		-moz-transition: opacity 0.35s, transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-150%,-400%,0);
		-moz-transform: translate3d(-150%,-400%,0);
		-o-transform: translate3d(-150%,-400%,0);
		-ms-transform: translate3d(-150%,-400%,0);
		transform: translate3d(-150%,-400%,0);
	}
	
	.ehover14 h4 {
		background-color: transparent;
		color:	#FFF;
		padding: 1em 0;
		-moz-opacity: 0;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		-moz-transition: opacity 0.35s, transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-150%,-400%,0);
		-moz-transform: translate3d(-150%,-400%,0);
		-o-transform: translate3d(-150%,-400%,0);
		transform: translate3d(-150%,-400%,0);
		-ms-transform: translate3d(-150%,-400%,0);
	}
	.ehover14:hover button, .ehover14:hover h4, .ehover14:hover .overlay{
		-moz-opacity: 1;
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*--//img-hovers--*/
	/*--//portfolio--*/
	/*--team--*/
	img.img-responsive {
		width: 100%;
	}
	.team-grids {
		text-align: center;
		overflow:hidden;
	}
	.team-grids h4 {
		font-size: 1.6em;
		color: #838688;
		margin: 1em 0 .5em;
	}
	.team-grids h6 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1em;
		color: #999;
	}
	.team-img {
		position: relative;
	}
	.team p {
		color: #fff;
	}
	.team-grids .captn {
		position: absolute;
		top: -100%;
		left: 0;
		background: rgba(0, 0, 0, 0.59);
		width: 100%;
		height: 100%;
		padding: 2.5em 1em;
		-webkit-transition:.5s all;
		-moz-transition:.5s all;
		transition:.5s all;
	}
	.team p span {
		color: #F6D13B;
	}
	.social-icons {
		margin-top: 2em;
	}
	.social-icons ul li {
		display: inline-block;
		margin: 0 0.2em;
	}
	.social-icons ul li a {
		background: url(../img/social-icons.png) no-repeat 0px -1px;
		display: block;
		height: 26px;
		width: 26px;
		-webkit-transition: .5s all;
		transition: .5s all;
		-moz-transition: .5s all;
	}
	.social-icons ul li a.pin {
		background-position: 0px -28px;
	}
	.social-icons ul li a.in {
		background-position: 0px -57px;
	}
	.social-icons ul li a.be {
		background-position: 0px -86px;
	}
	.social-icons ul li a.you {
		background-position: 0px -115px;
	}
	.social-icons ul li a.vimeo {
		background-position: 0px -144px;
	}
	.social-icons ul li a:hover{
		-webkit-transform:rotateY(360deg);
		transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
	}
	.pontos{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: url("../img/bg.png");
		background-color: rgba(0, 0, 0, 0.5);
	}
	.team-grids:hover .captn {
		top: 0;	
	}
	/*--//team--*/
	/*--map--*/
	.map iframe {
		width: 100%;
		min-height: 25em;
		border: none;
	}
	/*--//map--*/
	/*--cliente--*/
	.cliente{
		padding: 5em 0;
	}
	.banner-cliente{
		width: 100%;
		margin-top: 80px;
		background-color: #7fb3ef;
		background-image: url('/img/cliente.png');
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: 30% center;
		height: 150px;
	}
	.banner-limpo{
		width: 100%;
		margin-top: 80px;
		background-color: #7fb3ef;
		height: 150px;
	}
	.banner-limpo h3, .banner-cliente h3{
		color: #FFF;
		padding-top: 3em;
	}
	.suporte{
		position: relative;
	}
	.suporte img{
		width: 70%;
	}
	.suporte b{
		font-size: 1.8em;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.suporte p{
		margin-bottom: 10px;
	}
	/*--//cliente--*/
	/*--contact--*/
	.alert{
		border-radius: 0;
	}
	.address p {
		color: #555;
		margin: 0 0 .5em 0;
		text-align: left;
		font-size: 1.1em;
	}
	.address p a{
		color: #F13E3E;
	}
	.address p a:hover{
		color: #555;
	}
	.address h4 {
		font-size: 1.8em;
		color: #333;
		margin-bottom: 0.8em;
	}
	.contact input[type="text"], .contact select, .group-produto input[type="text"]{
		width: 100%;
		color: #999;
		float: left;
		margin: 0;
		background: none;
		outline: none;
		font-size: 1em;
		padding: .7em 1em;
		border: solid 1px #999;
		display: inline-block;
		border-radius: 0;
	}
	.form-control{
		color: #999;
		background: #FFF;
		outline: none;
		font-size: 1em;
		border: solid 1px #999;
		display: inline-block;
		border-radius: 0;
	}
	label.error{
		font-size: 11px;
		color: #F13E3E;
	}
	input.error, select.error, textarea.error{
		border-color: #F13E3E !important;
	}
	.resultado{
		position: relative;
		z-index: 999;
	}
	.contact textarea {
		resize: none;
		width: 100%;
		background: none;
		color: #999;
		font-size: 1em;
		outline: none;
		padding: .6em .8em;
		border: solid 1px #999;
		min-height: 12em;
		-webkit-appearance: none;
	}
	.contact input[type="submit"], .btn-default {
		border-radius: 0;
		outline: none;
		color: #fff;
		padding: 0.7em 5em;
		font-size: 1.1em;
		margin: 1em 0 0 0;
		-webkit-appearance: none;
		background: #F13E3E;
		transition: 0.5s all;
		border: 2px solid #F13E3E;
		-webkit-transition: 0.5s all;
		transition: 0.5s all;
		-moz-transition: 0.5s all;
	}
	.sub-p{
		margin-bottom: 40px;
	}
	.contact  input[type="submit"]:hover{
		background: none;
		color: #F13E3E;
		border-color: #F13E3E;
	}
	::-webkit-input-placeholder {
		color:#999 !important;
	}
	:-moz-placeholder { /* Firefox 18- */
		color:#999 !important;
	}
	::-moz-placeholder {  /* Firefox 19+ */
		color:#999 !important;
	}
	:-ms-input-placeholder {  
		color:#999 !important;
	}
	/*--//contact--*/
	/*--footer--*/
	.footer {
		background-color: #4a515b;
		padding: 2em 0;
		text-align: center;
	}
	.footer p {
		color: #fff;
		font-size: 1.2em;
	}
	.footer p a {
		color: #fff;
	}
	.footer p a:hover{
		color: #333;
	}
	/*--//footer--*/
	/*--slider-up-arrow--*/
	#toTop {
		display: none;
		text-decoration: none;
		position: fixed;
		bottom: 50px;
		left: 3%;
		overflow: hidden;
		width: 32px;
		height: 32px;
		border: none;
		text-indent: 100%;
		background: url("../img/move-up.png") no-repeat 0px 0px;
	}
	#toTopHover {
		width: 32px;
		height: 32px;
		display: block;
		overflow: hidden;
		float: right;
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	}
	/*--//slider-up-arrow--*/
	/*---- responsive-design -----*/
	@media(max-width:1440px){
		.resp-tabs-list {
			width: 46%;
		}
	}
	@media(max-width:1366px){
		.banner-text {
			width: 57%;
			padding: 8em 0;
		}
		.banner {
			min-height: 610px;
		}
		.callbacks_nav,.callbacks_tabs {
			bottom: 7%;
		}
		.resp-tabs-list {
			width: 48%;
		}
		.ehover14 .overlay {
			width: 180px;
			height: 180px;
			left: 22%;
			padding: 2.5em 0;
		}
		.ehover14 h4 {
			padding: 1em 0 0.8em;
		}
	}
	@media(max-width:1280px){
		.banner-text {
			width: 63%;
		}
		.resp-tabs-list {
			width: 52%;
		}
		.ehover14 .overlay {
			top: 12%;
		}
		.banner {
			min-height: 570px;
		}
	}
	@media(max-width:1080px){
		.navbar-default .navbar-nav > li > a {
			padding: 1.8em 1.5em;
		}
		.banner-text {
			width: 75%;
			padding: 6em 0;
		}
		.about, .features, .services, .portfolio, .team, .contact {
			padding: 4em 0;
		}
		.about p {
			width: 90%;
		}
		h3.title {
			font-size: 2.8em;
			margin-bottom: 1em;
		}
		.bar_group__bar.thin {
			margin-bottom: 1.5em;
		}
		.video-img a {
			margin: 8em 12em;
		}
		.resp-tabs-list {
			width: 63%;
			margin: 0 auto 2em;
		}
		.ehover14 .overlay {
			top: 10%;
			width: 160px;
			height: 160px;
			left: 20%;
			padding: 2.5em 0;
		}
		.ehover14 h4 {
			padding: 0.5em 0;
		}
		.team-grids {
			padding: 0 .5em;
		}
		.team-grids .captn {
			top: -152%;
			padding: 1.5em 0.5em;
		}
		.team p {
			font-size: 1em;
		}
		.map iframe {
			min-height: 22em;
		}
		.address {
			padding-left: 0;
		}
		.contact input[type="submit"] {
			padding: 0.7em 4em;
		}
	}
	@media(max-width:1024px){
		.resp-tabs-list {
			width: 68%;
			margin: 0 auto 1em;
		}
		.callbacks_nav.next {
			left: 18%;
		}
	}
	@media(max-width:991px){
		.header {
			padding-top: 2.5em;
		}
		.banner-text {
			width: 80%;
			padding: 6em 0;
		}
		.about p {
			width: 100%;
		}
		.video-img a {
			margin: 8em 21em;
		}
		.features-right {
			margin-top: 1em;
			
		}
		.srvc-grids {
			margin-top: 2em;
			padding: 0 .5em;
			float:left;
		}
		
		.portfolio-grids {
			float: left;
			width: 25%;
		}
		.ehover14 .overlay {
			top: 9%;
			width: 150px;
			height: 150px;
			left: 19%;
		}
		.hover h4 {
			font-size: 1.3em;
		}
		.team-row {
			margin: 0 auto;
		}
		.team-grids {
			float: left;
			width: 50%;
			margin-top: 1em;
		}
		.contact-form {
			padding: 0;
			margin-top: 2em;
		}
		.team-grids .captn {
			padding: 3.5em 1em;
		}
	}
	@media(max-width:800px){
		.navbar-default .navbar-nav > li > a {
			padding: 1.6em 1em;
		}
		h3.title {
			font-size: 2.6em;
			margin-bottom: 0.8em;
		}
		.resp-tabs-list {
			width: 85%;
		}
		.portfolio-grids {
			width: 33%;
		}
		.resp-tab-item {
			font-size: 1em;
		}
		.map iframe {
			min-height: 20em;
		}
	}
	@media(max-width:768px){
		.features-right {
			margin: 1em 1em 0;
			padding: 0;
		}
		.callbacks_nav.next {
			left: 19%;
		}
	}
	@media(max-width:767px){
		.menu-redefinir .navbar-brand{
			height: 50px;
		}
		button.navbar-toggle {
			display: block;
			width: 40px;
			height: 40px;
			font-size: 1.6em;
			padding: 11px 10px;
			border: none;
			float: right;
		}
		.navbar-brand{
			padding: 8px 15px;
		}
		.logo{
			max-height: 40px;
		}
		.navbar-toggle {
			float:none;
		}
		nav.navbar.navbar-default {
			color: #7FB3EF;
		}
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
			background: none;
		}
		div#bs-example-navbar-collapse-1 {
			padding: 0;
		}
		.navbar-nav {
			margin: 0;
			width: 100%;
		}
		.navbar-nav > li {
			display: block;
		}
		.navbar-default .navbar-nav > li > a {
			padding: 1em 1em;
			font-size: 1em;
		}
		.banner-text h2, .banner-text span {
			font-size: 2em;
		}
		.banner-text h3 {
			font-size: 2em;
		}
		a.more {
			font-size: 1em;
			padding: .6em 2em;
			margin-top: 1.5em;
		}
		.banner{
			margin-top: 70px;
		}
	}
	@media(max-width:667px){
		.video-img a {
			margin: 8em 17em;
		}
	}
	@media(max-width:640px){
		.banner {
			min-height: 500px;
		}
		.banner-text {
			width: 95%;
			padding: 5em 0;
		}
		.about, .features, .services, .portfolio, .team, .contact {
			padding: 3em 0;
		}
		h3.title {
			font-size: 2.3em;
		}
		h3.title:before {
			width: 70px;
			left: 42%;
		}
		.video-img a {
			margin: 8em 16.5em;
		}
		.bar_group__bar.thin::before, .bar_group__bar.thick::before {
			height: 10px;
		}
		.bar_group__bar.thin {
			margin-bottom: 1em;
			height: 10px;
		}
		.features-right{
			margin: 1em 0 0;
		}
		.features-left {
			padding:0;
		}
		.resp-tab-item {
			padding: 1em 1.4em;
		}
		.tab_img {
			padding: 1em 0 0;
		}
		.portfolio-grids {
			width: 50%;
		}
		.ehover14 .overlay {
			top: 16%;
			left: 23%;
		}
		.team-row {
			width: 90%;
		}
		.footer {
			padding: 1.5em 0;
		}
		.header-left h1 {
			font-size: 2.2em;
		}
		.header-right ul li {
			margin-left: 1em;
			font-size: 1em;
			margin-top: 0.5em;
		}
		.header {
			padding-top: 1.5em;
		}
		.banner-text h3 {
			font-size: 1.7em;
		}
		.banner {
			min-height: 460px;
		}
		.video-img a span.glyphicon {
			font-size: 2em;
			padding: 0.6em .7em;
			width: 80px;
			height: 80px;
		}
		.video-img a {
			margin: 6em 16.3em;
		}
		.features iframe {
			min-height: 400px;
		}
		.resp-tab-item {
			padding: 1em 1.3em;
			font-size: 0.9em;
		}
		.team-row {
			width: 100%;
		}
		.map iframe {
			min-height: 16em;
		}
		.callbacks_nav.next {
			left: 20%;
		}
		.contact-form {
			margin-top: 1.5em;
		}
	}
	@media(max-width:480px){
		.header-right ul li {
			font-size: 0.9em;
			margin-top: 0.8em;
		}
		.banner-text h3 {
			font-size: 1.5em;
		}
		.banner-text h2, .banner-text span  {
			font-size: 1.8em;
		}
		.banner-text p {
			font-size: 1em;
			letter-spacing: 0px;
		}
		.banner {
			min-height: 420px;
		}
		.banner-text {
			padding: 4em 0;
		}
		a.more {
			font-size: 0.9em;
			padding: .5em 1.5em;
			margin-top: 1.3em;
		}
		h3.title {
			font-size: 2em;
		}
		.about, .features, .services, .portfolio, .team, .contact {
			padding: 2.5em 0;
		}
		p {
			font-size: 1em;
		}
		h3.title {
			margin-bottom: 0.6em;
		}
		.video-img a {
			margin: 5em 12.5em;
		}
		.b_label {
			font-size: 1.1em;
			margin-bottom: 4px;
		}
		.resp-tab-item {
			padding: 1em 0.8em;
		}
		.ehover14 .overlay {
			top: 13%;
			left: 22%;
			width: 130px;
			height: 130px;
		}
		.ehover14 h4 {
			padding: 0.5em 0px;
		}
		.hover h4 {
			font-size: 1.2em;
		}
		.hover button.info {
			padding: 4px 8px;
			font-size: 1em;
		}
		.team-grids .captn {
			padding: 1em 0;
		}
		.social-icons {
			margin-top: 1em;
		}
		.team-grids h4 {
			font-size: 1.3em;
		}
		.address h4 {
			font-size: 1.5em;
			margin-bottom: 0.6em;
		}
		.address p {
			margin: 0 0 .3em 0;
			font-size: 1em;
		}
		.contact input[type="text"] {
			width: 100%;
		}
		.contact input.email {
			margin: 0 0 1em;
		}
		.contact input[type="text"] {
			padding: .5em 1em;
		}
		.contact textarea {
			min-height: 10em;
		}
		.contact input[type="submit"] {
			padding: 0.6em 2em;
			font-size: 1em;
			margin: 0.5em 0 0 0;
		}
		.footer p {
			font-size: 1em;
		}
	}
	@media(max-width:414px){
		.header-left,.header-right{
			float: none;
			text-align: center;
		}
		.banner-text h3 {
			font-size: 1.4em;
		}
		.callbacks_nav.next {
			left: 21%;
		}
		.callbacks_nav, .callbacks_tabs {
			bottom: 5%;
		}
		.video-img a {
			margin: 5em 9.6em;
		}
		.srvc-grids h5 {
			font-size: 1em;
		}
		.resp-tab-item {
			padding: 1em 0.6em;
			font-size: 0.8em;
		}
		.resp-tabs-list {
			width: 90%;
		}
		.team p {
			font-size: 0.8em;
		}
		.social-icons ul li {
			margin: 0 0.1em;
		}
		.team-grids h4 {
			font-size: 1.2em;
		}
		.team-grids h6 {
			font-size: 0.9em;
		}
		.portfolio-grids {
			width: 100%;
			float: none;
		}
		.ehover14 .overlay {
			top: 27%;
			left: 32%;
		}
	}
	@media(max-width: 384px){
		.team-grids {
			float: none;
			width: 72%;
			margin: 1em auto;
		}
		.team-grids .captn {
			padding: 3em 1em;
		}
		.video-img a {
			margin: 5em 9em;
		}
	}
	@media(max-width:375px){
		.banner-text p {
			font-size: 0.9em;
		}
		.banner-text h3 {
			font-size: 1.3em;
		}
		.banner-text h2, .banner-text span  {
			font-size: 1.6em;
		}
		.video-img a {
			margin: 5em 8.1em;
		}
		.srvc-grids {
			width: 100%;
			float: none;
		}
		p {
			font-size: 0.9em;
		}
		.header-left h1 {
			font-size: 2em;
		}
		.banner {
			min-height: 395px;
		}
		a.more {
			margin-top: 1em;
		}
		h3.title:before {
			width: 60px;
			left: 37%;
		}
		.features iframe {
			min-height: 250px;
		}
		.modal-body {
			padding: 1em;
		}
		.modal-body p {
			font-size: 0.9em;
		}
		.modal-header {
			min-height: 2em;
			padding: 0.5em 1em 0;
		}
		.modal-dialog {
			margin: 3em auto 0;
		}
		.resp-tabs-list {
			width: 97%;
		}
		.ehover14 .overlay {
			top: 23%;
			left: 30%;
		}
		.address p {
			font-size: 0.9em;
		}
		.contact input[type="text"] {
			font-size: 0.9em;
		}
		.contact input[type="submit"] {
			padding: 0.5em 2em;
			font-size: 0.9em;
		}
		.footer p {
			font-size: 0.9em;
		}
		.footer {
			padding: 1em 0;
		}
	}
	@media(max-width:320px){
		.video-img a span.glyphicon {
			font-size: 1.5em;
			padding: 0.6em .8em;
			width: 60px;
			height: 60px;
			border: 5px solid #fff;
		}
		.navbar {
			min-height: 35px;
		}
		.banner-text h3 {
			font-size: 1.1em;
			margin: .5em 0 .3em;
		}
		.banner-text p {
			font-size: 0.87em;
		}
		.header {
			padding-top: 1em;
		}
		.banner {
			min-height: 320px;
		}
		.banner-text h2, .banner-text span  {
			font-size: 1.4em;
		}
		a.more {
			font-size: 0.85em;
			padding: .4em 1em;
			margin-top: 0.5em;
		}
		.callbacks_nav {
			left: 7%;
		}
		.callbacks_nav.next {
			left: 14%;
		}
		.callbacks_nav, .callbacks_tabs {
			bottom: 4%;
		}
		.callbacks_tabs {
			right: 7%;
		}
		.top-nav {
			border-top: 4px solid #7FB3EF;
		}
		.navbar-default .navbar-nav > li > a {
			padding: 0.8em 1em;
		}
		.about, .features, .services, .portfolio, .team, .contact {
			padding: 1.5em 0;
		}
		h3.title {
			font-size: 1.6em;
		}
		h3.title:before {
			width: 50px;
			left: 39%;
		}
		.video-img a {
			margin: 3em 7.5em;
		}
		.srvc-grids {
			margin-top: 1em;
		}
		.srvc-grids span.glyphicon {
			font-size: 1.3em;
		}
		.srvc-grids h5 {
			margin: 1em 0 .3em;
		}
		.resp-tab-item {
			padding: 1em 0.5em;
			font-size: 0.7em;
		}
		.tab_img {
			padding: 0;
		}
		.ehover14 .overlay {
			top: 21%;
			left: 27%;
		}
		.team-grids {
			width: 85%;
		}
		.map iframe {
			min-height: 11em;
		}
		.address h4 {
			font-size: 1.3em;
			margin-bottom: 0.4em;
		}
	}
	
	.contato-msn{
		position: relative;
		z-index: 10;
	}
	.carregando, .modal-carregando, .carregando span, .modal-carregando span{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(255, 255, 255, 0.3);
		z-index: 9;
	}
	.carregando, .modal-carregando{
		display: none;
	}
	.carregando span, .modal-carregando span{
		background-image: url('/img/preloader.gif');
		background-repeat: no-repeat;
		background-position: center;
	}
	.modal-carregando{
		min-height: 80px;
	}
	.modal-content{
		position: relative;
	}
	/*--//responsive-design---*/
	.profile {
		margin: 20px 0;
	}
	
	/* Profile sidebar */
	.profile-sidebar {
		padding: 20px 0 10px 0;
		background: #fff;
	}
	
	.profile-userpic img {
		float: none;
		margin: 0 auto;
		width: 50%;
		height: 50%;
		-webkit-border-radius: 50% !important;
		-moz-border-radius: 50% !important;
		border-radius: 50% !important;
	}
	
	.profile-usertitle {
		text-align: center;
		margin-top: 20px;
	}
	
	.profile-usertitle-name {
		color: #5a7391;
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 7px;
	}
	
	.profile-usertitle-job {
		text-transform: uppercase;
		color: #5b9bd1;
		font-size: 12px;
		font-weight: 600;
		margin-bottom: 15px;
	}
	
	.profile-userbuttons {
		text-align: center;
		margin-top: 10px;
	}
	
	.profile-userbuttons .btn {
		text-transform: uppercase;
		font-size: 11px;
		font-weight: 600;
		padding: 6px 15px;
		margin-right: 5px;
	}
	
	.profile-userbuttons .btn:last-child {
		margin-right: 0px;
	}
    
	.profile-usermenu {
		margin-top: 30px;
	}
	
	.profile-usermenu ul li {
		border-bottom: 1px solid #f0f4f7;
	}
	
	.profile-usermenu ul li:last-child {
		border-bottom: none;
	}
	
	.profile-usermenu ul li a {
		color: #93a3b5;
		font-size: 14px;
		font-weight: 400;
	}
	
	.profile-usermenu ul li a i {
		margin-right: 8px;
		font-size: 14px;
	}
	
	.profile-usermenu ul li a:hover {
		background-color: #fafcfd;
		color: #5b9bd1;
	}
	
	.profile-usermenu ul li.active {
		border-bottom: none;
	}
	
	.profile-usermenu ul li.active a {
		color: #5b9bd1;
		background-color: #f6f9fb;
		border-left: 2px solid #5b9bd1;
		margin-left: -2px;
	}
	/* Profile Content */
	.profile-content {
		padding: 20px;
		background: #fff;
		min-height: 360px;
	}
	.cliente{
		min-height: 500px;
	}
	.produto-img{
		width: 70%;
		margin: 0 auto;
	}
	.modal-title, .sweet-alert h2{
		font-family: 'Roboto Condensed', sans-serif !important;
	}
	/* chat widget */
	.chat-conversation{
		border-top: 1px solid #eee;
		padding-top: 10px;
	}
	.conversation-list {
		list-style: none;
		padding: 0;
	}
	.conversation-list li {
		margin-bottom: 10px;
	}
	.conversation-list .chat-avatar {
		display: inline-block;
		float: left;
		text-align: center;
		width: 42px;
	}
	.conversation-list .chat-avatar img {
		border-radius: 100%;
		width: 100%;
	}
	.conversation-list .chat-avatar i {
		font-size: 12px;
		font-style: normal;
	}
	.conversation-list .ctext-wrap {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #f3f3f4;
		border-radius: 3px;
		display: inline-block;
		padding: 12px;
		position: relative;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}
	.conversation-list .ctext-wrap i {
		color: #1a2942;
		display: block;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		position: relative;
	}
	.conversation-list .ctext-wrap p {
		margin: 0px;
		padding-top: 3px;
	}
	.conversation-list .ctext-wrap:after {
		right: 100%;
		top: 0%;
		border: solid rgba(0, 0, 0, 0);
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-top-color: #fff;
		border-width: 8px;
		margin-left: -1px;
		border-right-color: #f3f3f4;
	}
	.conversation-list .conversation-text {
		display: inline-block;
		float: left;
		font-size: 12px;
		margin-left: 12px;
		width: 70%;
	}
	.conversation-list .odd .chat-avatar {
		float: right !important;
	}
	.conversation-list .odd .conversation-text {
		float: right !important;
		margin-right: 12px;
		text-align: right;
		width: 70% !important;
	}
	.conversation-list .odd .ctext-wrap:after {
		border-color: rgba(238, 238, 242, 0) !important;
		border-left-color: #f4f8fb !important;
		border-top-color: #f4f8fb !important;
		left: 100% !important;
		margin-right: -1px;
	}
	.chat-send {
		padding-left: 0px;
		padding-right: 30px;
	}
	.chat-send button {
		width: 100%;
	}
	.chat-inputbar {
		padding-left: 30px;
	}
	.btn{
		border-radius: 0;
	}
	.modal-content{
		border-radius: 0;
		border: 1px solid #eee !important;
	}
	.nicescroll{
		max-height: 200px;
		overflow-x: auto;
	}
	.nav-tabs > li > a{
		background-color: #D2D8D8;
		text-decoration: none;
		color: #809191;
		text-transform: uppercase;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #555;
		cursor: default;
		background-color: #fff;
		border: 1px solid #ddd;
		border-bottom-color: rgba(0, 0, 0, 0);
		text-transform: uppercase;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
		color: #7fb3ef !important;
	}
	/* chat widget */
	.m-0{ margin: 0 !important; }
	.r-0{ border-radius: 0 !important; }
	.font-11{ font-size: 11px !important; }
	.font-12{ font-size: 12px !important; }
	.font-13{ font-size: 13px !important; }
	.p-0{ padding: 0; }
	.p-5{ padding: 5px; }
	.p-10{ padding: 10px; }
	.p-20{ padding: 20px; }
	.p-30{ padding: 30px; }
	.p-l-0{ padding-left: 0; }
	.p-r-0{ padding-right: 0; }
	.m-t-5{ margin-top: 5px;}
	.m-r-5{ margin-right: 5px;}
	.m-l-5{ margin-left: 5px;}
	.m-t-10{ margin-top: 10px;}
	.m-t-20{ margin-top: 20px;}
	.m-t-30{ margin-top: 30px;}
	.m-t-40{ margin-top: 40px;}
.m-b-20{ margin-bottom: 20px;}

/* NOTFY */
.notifyjs-metro-base {
  position: relative;
  min-height: 52px;
  min-width: 250px;
  color: #444;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-animation: dropdownOpen 0.3s ease-out;
  -o-animation: dropdownOpen 0.3s ease-out;
  animation: dropdownOpen 0.3s ease-out;
}
.notifyjs-metro-base .image {
  display: table;
  position: absolute;
  height: auto;
  width: auto;
  left: 25px;
  top: 50%;
  font-size: 24px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.notifyjs-metro-base .text-wrapper {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 10px 10px 10px 52px;
  clear: both;
}
.notifyjs-metro-base .title {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.notifyjs-metro-base .text {
  font-size: 12px;
  font-weight: normal;
  max-width: 360px;
  vertical-align: middle;
}
.notifyjs-metro-cool {
  color: #fafafa !important;
  background-color: #4A525F;
  border: 1px solid #4A525F;
}