body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
	font-size: 13px;
    color: #333;
}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure, p {
    margin: 0;
}

a {
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}

embed,
iframe,
object {
	border: 0;
	max-width: 100%!important;
    max-height: 100%!important;
}
p {
    color: #555;
    font-size: 1.5rem;
    line-height: 2.5rem;
}
a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus, a:hover {
    color: inherit;
}

h1 {padding: 30px; font-weight: 600; color: #333; font-size: 3.7rem;}

h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin: 0;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
   clear: both;
}
 
.clear {
   *zoom: 1;
}

body > section {
    padding: 100px 0;
}

.section-title {
  margin: 0 auto 85px;
  /*width: 420px;*/
}

.btn {
    border-radius: 0;
}

.btn:hover,
.btn:focus {
    outline: 0;
}

.btn-blue {
  background-color: #00c7fc;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 35px;
}

.kill-margin {
    margin: 0 !important;
}
.next-main {padding-top: 10px;}
/*************************
*******Navigation******
**************************/
.navbar-brand img {
	margin-top: -10px;
}
.navbar-fixed-top {
    top: 35px;
	background: #fff;
	border-bottom: solid 2px #6195ff1a;
	box-shadow: 2px 2px 2px #4a4a4a4d;
}

#navigation,
.navbar-brand,
.navbar-toggle,
.navbar-nav > li > a,
.search-form > #search-sub {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}

.animated-nav {top: 0px;}
.animated-nav .navbar-brand {
  padding: 15px 0;
}

.animated-nav .navigation .navbar-nav > li > a {
    padding: 15px 15px;
}

#navigation > .container {
  border-bottom: 1px solid #bae4f9;
}

.animated-nav#navigation > .container {
  border-bottom: none;
}


@media (max-width: 1200px) {
.navbar-brand {
  height: inherit;
  padding: 15px 0;
}
}

.navbar-brand a {
  display: block;
}

.navigation .navbar-nav > li > a {
    color: #5f5f5f;
    font-size: 1.1em;
    font-weight: 700;
    padding: 20px 18px;
    /* text-transform: uppercase; */
}
.animated-nav .navbar-nav > li > a {
	color: #333;
}
.animated-nav .navbar-nav .active > li > a {
	color: #fff!important;
}
.navigation .navbar-nav > li.current > a {
  color: #a0ecff;
}

.animated-nav .navigation .navbar-nav > li.current > a {
  color: #fff;
  border: 2px solid #00c7fc;
  padding: 10px!important;
  margin-top: 20px;
  margin-right: 40px;
  margin-left: 40px;
  margin-bottom: 10px;
}

.navigation .navbar-nav > li > a:focus,
.navigation .navbar-nav > li > a:hover {
  background-color: transparent;
	color: #6195ff;
}

.search-form {
  position: relative;
}

.search-form > #search {
  width: 100%;
}

.search-form > #search {
  background-color: transparent;
  height: 40px;
    border: 0 ;
  margin-top: 28px;
  width: 100%;
}

.search-form > #search-sub {
  background: url("../img/icons/search.png") no-repeat scroll 0 0 transparent;
  border: 0 ;
  bottom: 11px;
  height: 15px;
  position: absolute;
  right: 8px;
  padding: 0;
  text-indent: -9999em;
  width: 15px;
}

.animated-nav .search-form > #search-sub {
    bottom: 22px;
}

/*============================================================
    Services
============================================================*/
.service-item {
    margin-bottom: 70px;
}

.service-icon {
  float: left;
  margin-top: 8px;
}

.service-desc {
    margin-left: 115px;
}

.service-item h3 {
  color: #00c7fc;
  font-size: 20px;
  margin-bottom: 28px;
}

.service-item p {
  line-height: 24px;
}

.media .icon {
    line-height: 1.3;
    position: relative;
    width: 120px;
    height: 120px;
    background: #fff;
    margin: 0 auto;
    margin-top: -50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #3c312e;
    -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    transition: .4s;
}
.media .icon img {width: 70px; height: 70px;}

.media:hover > .icon {
	transform: scale(1.1);
	background-color: #2fa0c8;
}
.d-block {
  display: block; }
.d-flex {
    display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex ;
}

/*============================================================
    Service Bottom
============================================================*/

#service-bottom {
  background-image: linear-gradient(#ffffff00, #31708f5c, #004d9000);
  padding-bottom: 0;
  position: relative;
}

.mobile-device {
  position: relative;
}

.mobile-device img {
  margin-top: -150px;
  float: right;
  position: relative;
-moz-transform: rotate(335deg);
-webkit-transform: rotate(335deg);
-o-transform: rotate(335deg);
-ms-transform: rotate(335deg);
transform: rotate(335deg);
transition: all .5s ease-in-out;
}
.mobile-device:hover img {
-moz-transform: scale(1.1) rotate(350deg);
-webkit-transform: scale(1.1) rotate(350deg);
-o-transform: scale(1.1) rotate(350deg);
-ms-transform: scale(1.1) rotate(350deg);
transform: scale(1.1) rotate(350deg);
transition: all .5s ease-in-out;
}
.mobile-device .black {
  right: 98px;
  z-index: 2;
}

.mobile-device .white {
  bottom: -62px;
  z-index: 1;
}

.service-features {
  background-color: #235b7cad;
  color: #fff;
  height: 335px;
  padding: 50px 0 50px 100px;
  position: absolute;
  left: -5%;
  /*top: 18%;*/
  width: 50%;
  height: auto;
  box-shadow:5px 5px 9px #999;
  -moz-transform: skew(25deg, 0deg);
  -webkit-transform: skew(25deg, 0deg);
  -o-transform: skew(25deg, 0deg);
  -ms-transform: skew(25deg, 0deg);
  transform: skew(25deg, 0deg);
  z-index: 3;
}
@media (max-width: 991.98px) {
	.service-features  {transform: none !important; overflow: hidden;}
	.mobile-device img {margin-top: 0px; transform: none !important;}
	.service-features h3, ul li {transform: none !important;}
}
.service-features h3 {
  font-weight: 800;
  font-size: 3.2rem;
  margin-bottom: 60px;
  padding-left: 15%;
  text-transform: none;
  text-shadow: 2px 2px 3px #ccc;
  -webkit-text-stroke: 1px #333;
  -moz-transform: skew(-25deg, 0deg);
  -webkit-transform: skew(-25deg, 0deg);
  -o-transform: skew(-25deg, 0deg);
  -ms-transform: skew(-25deg, 0deg);
  transform: skew(-25deg, 0deg);
}

.service-features li {
   font-size: 2rem;
  line-height: 36px;
  padding-left: 50px;
  -moz-transform: skew(-25deg, 0deg);
  -webkit-transform: skew(-25deg, 0deg);
  -o-transform: skew(-25deg, 0deg);
  -ms-transform: skew(-25deg, 0deg);
  transform: skew(-25deg, 0deg);
  transition: all .2s ease-in-out;
}
.service-features ul li:hover {transform: scale(1.05) skew(-25deg, 0deg);transition: all .2s ease-in-out; color: #01c7fc !important;}
.service-features span {
padding-right: 10px;}

.bg-lp {
  position: relative;
}
.bg-lp:after {
	content: "";
	background:  url(../img/slider/mobile-devices-b.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index:-1;
    opacity: 0.5;
}
/*============================================================
    Portfolio
============================================================*/

#projects {
    width: 100%;
}

.project-filter {
  margin-bottom: 40px;
}

.project-filter ul li {
  padding: 0;
}

.project-filter ul li a {
  color: #000;
  display: block;
  line-height: 18px;
  padding: 10px 20px;
  text-transform: uppercase;
}

.project-filter ul li a:hover,
.project-filter ul li a.active {
    background-color: #00C7FC;
    color: #fff;
}

.mix {
    display: none;
}

.portfolio-item {
    position: relative;
    float: left;
    overflow: hidden;
	opacity: 0.5;
	transition: all .4s ease-in-out;
	bottom: 30px;
    /*width: 25%;*/
}
.portfolio-item:hover {
    transform: scale(1.05);
	opacity: 10;
	transition: all 1s ease-in-out;
}
.plus {
  background: url("../img/icons/plus.png") no-repeat scroll center center #0faed9;
  border-radius: 50%;
  display: block;
  height: 80px;
  left: 50%;
  margin: -40px 0 0 -40px;
  position: absolute;
  top: -41px;
  width: 80px;
    
    -webkit-transition: 0.3s ease-out 0s;
       -moz-transition: 0.3s ease-out 0s;
        -ms-transition: 0.3s ease-out 0s;
         -o-transition: 0.3s ease-out 0s;
            transition: 0.3s ease-out 0s;
}

figcaption.mask {
  background-color: #fff0;
  bottom: -101px;
  text-align: center;
  padding: 30px 0 30px 30px;
  position: absolute;
  width: 100%;
    
    -webkit-transition: 0.3s ease-out 0s;
       -moz-transition: 0.3s ease-out 0s;
        -ms-transition: 0.3s ease-out 0s;
         -o-transition: 0.3s ease-out 0s;
            transition: 0.3s ease-out 0s;
}

.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

.portfolio-item:hover .plus {
    top: 30%;
}

figcaption.mask h3 {
  color: #1f2021;
  font-size: 20px;
  line-height: 28px;
}

figcaption.mask span {
  color: #6195ff;
}


/*============================================================
    About Us
============================================================*/
#clientes-bg {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,248,255,1) 50%, rgba(164,204,255,1) 100%);
}
@media (max-width:767.98px) {
	#clientes-bg {
background: linear-gradient(rgba(255,255,255,1) 0%, rgba(248,248,255,1) 50%, rgba(164,204,255,1) 100%);
}
}
#about {
    padding-bottom: 0;
}

.about-us img {
  margin: 0 auto;
}

/* Counter section */

#count {
  padding-bottom: 90px;
}

.counter-section {
    /*background-image: linear-gradient(#ffffff00, #6195ff57, #002269);*/
    padding: 25px 0 40px;
	padding-top: 50px;
}

.count-bg {
    background-image: linear-gradient(#ffffff00, #fff, #6195ff57, #002269);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
	margin-bottom: 25px;
}
.fact-item span:after {content: "+";}
.fact-icon {
  position: relative;
  width: 50px; 
  height: 28.87px;
  background-color: #1F2021;
  margin: 14.43px auto;
}

.fact-icon:before,
.fact-icon:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
}

.fact-icon:before {
  bottom: 100%;
  border-bottom: 14.43px solid #1F2021;
}

.fact-icon:after {
  top: 100%;
  width: 0;
  border-top: 14.43px solid #1F2021;
}

.fact-icon > i {
  line-height: 27px;
}

.fact-item p {
  font-weight: 300;
  color: #fff;
  margin-top: -15px;
}
@media (max-width: 768px) {
	.fact-item p {
    font-weight: 600;
    font-size: 2rem;}
}
}
.fact-item .icon {
    line-height: 1.3;
    position: relative;
    width: 120px;
    height: 120px;
    background: #fff;
    margin: 0 auto;
    margin-top: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #3c312e;
    -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    transition: .4s;
}
.fact-item .icon img {width: 70px; height: 70px;}

.fact-item:hover > .icon {
	transform: scale(1.1);
	background-color: #00c7fc;
}


/* carousel navigation */

.owl-pagination {
  text-align: center;
}

.owl-controls .owl-page {
  cursor: pointer;
  display: inline-block;
}

.owl-controls .owl-page span {
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #ACACAC;
  display: block;
  height: 12px;
  margin: 5px 4px;
  width: 12px;
}

.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span {
  background-color: #00C7FC;
  border-color: #00C7FC;
}

/*============================================================
/*============================================================
    Contact Us
============================================================*/
.form-control {
	background: #ffffff9c;
	transition: all .4s ease-in-out;
}

.form-control:focus {
	background: #fff;
	transition: all .4s ease-in-out;
}
.form-control input:focus {
	color: #fff;
	transition: all .4s ease-in-out;
}
.contact-form .input-field {
  margin-bottom: 20px;
}

.contact-form .form-control {
    border: 1px solid #6195ff8c;
    padding: 20px;
    border-radius: 10px;
    height: 50px;
    box-shadow: 2px 2px 3px #ddd;
}
.contact-form .form-control:focus {border: solid 1px #6195ff;}

.contact-form .message .form-control {
  height: 198px;
}

.contact-form .form-control::-moz-placeholder {
  color: #1f2021;
}


/*============================================================
    Footer
============================================================*/
.logo-ef {
    font-size: 1.9rem;
    font-weight: 500;
    color: #d3ea15;
}
.locale {margin: 30px 0 30px 0;}
.locale > p {color: #eee;}
.btn-send {
    background: linear-gradient(#6195ff3d, #3F51B5, #6195ff);
    font-size: 2rem !important;
    font-weight: 600;
    color: #c4d4f5;
    border-radius: 10px;
	transition: all .4s ease-in-out;
}
.btn-send:hover {
    background: linear-gradient(#0000003d, #667cfb, #01266f);
    color: #fff;
	transition: all .4s ease-in-out;
	transform: scale(0.97);
}
.footer-social ul:before {
    content: "";
    display: block;
    left: 50%;
    margin-left: -115px;
    position: absolute;
    width: 230px;
}

#footer {
background: radial-gradient(rgba(0, 127, 156, 0.84), rgba(0, 11, 72, 0.96));
    padding: 30px 0 15px;
}
@media (max-width: 768px){
	#footer {padding: 20px 0 55px;
	}
}
.footer-logo {
    margin-bottom: 45px;
}
.footer-logo img {
    max-width: 300px;
	height: auto;
	margin: 0 auto;
}

.footer-social {
		border-top: solid 1px #dddddd63;
		border-bottom: solid 1px #dddddd63;
		max-width: 350px;
		margin: 0 auto;
		padding: 10px 0 20px 0;
}
.footer-social h3 {
    font-size: 20px;
    color: #c1c1c1;
    text-transform: none;
    padding-bottom: 20px;
    position: relative;
}

.footer-social h3:after {
  content: "";
  display: block;
  left: 50%;
  margin-left: -115px;
  position: absolute;
  width: 230px;
}
.footer-social ul li a {
  color: #eee;
  display: block;
  margin: 0 5px;
  font-size: 3rem;
}

.footer-social i {transition: all .4s ease-in-out;margin: 1px;}
.footer-social .fa-facebook-square:hover {
  color: #6195ff;
  background: #fff;
  transition: all .4s ease-in-out;
  border-radius: 5px;
}
.footer-social .fa-twitter-square:hover {
  color: rgb(29, 161, 242);
  background: #fff;
  transition: all .4s ease-in-out;
  border-radius: 5px;
}
.footer-social .fa-instagram:hover {
  color: #e12772;
  transition: all .4s ease-in-out;
  background: linear-gradient(#982fbe, #fff, #ffd166);
  border-radius: 5px;
}
.footer-social .fa-youtube-square:hover {
  color: #ff0000;
  transition: all .4s ease-in-out;
  background: #fff;
  border-radius: 5px;
}
.footer-social .fa-linkedin-square:hover {
  color: #0077b5;
  transition: all .4s ease-in-out;
  background: #fff;
  border-radius: 5px;
}
.copyright > p {
    font-size: 15px;
    color: #fff;
	padding: 10px 0 0 0;
}

.copyright a {
    color: #98baff;
}

.copyright a:hover {
    color: #fff;
}

.copyright p {

}

.copyright p:first-child {
    margin-bottom: 15px;
}
.site-map {
	margin: 30px 0 0 0;
}
	
.ilimitado {
    font-size: 1.8rem;
    color: #6195ff;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: #eee 1px 2px 1px;
}
/*--- Rolagem ---*/
::-webkit-scrollbar {
  width: 15px;
  transition: .2s;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 2px;
  background: #fff;
}
 
::-webkit-scrollbar-thumb {
  background: #2fa0c8; 
  border-radius: 10px;
  transition: .2s;
  border: solid 1px #999;
}

::-webkit-scrollbar-thumb:hover {
  background: #044379; 
  transition: .2s;
}
/*---------------------------------

25.Scrolling Up Styling 

---------------------------------*/

#scrollUp {
	display: none;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    bottom: 40px;
    box-sizing: content-box;
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 60px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 50px;
    z-index: 200;
}
#scrollUp:hover {} @-webkit-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
@-moz-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
@keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
#scrollUp:hover i {
    animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
#scrollUp i {
    color: #fff;
    font-size: 30px;
}
#scrollUp {
    background: #6195ff none repeat scroll 0 0;
	cursor: pointer;
}
/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.center-sc {
  margin: auto;
  width: 100%;
  padding-bottom: 20px;
}

/*-- Fundo colorido gradiente --*/
.slide__bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: radial-gradient(#005cab, #ffffffb0);
  opacity: 0.7;
  z-index: 0;
}
.ht__bradcaump__wrap {
    background-image: radial-gradient(#00dbdc5e, #000000d9);
}

.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 220px;
}
.bradcaump-title {
    color: #f0f2f5cf;
    font-size: 3rem;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
	-webkit-text-stroke: 2px #333;
  text-shadow: 3px 3px 4px #eee;
}
.breadcrumb-item {
    color: #ddd;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: capitalize;
    text-shadow: 2px 2px 3px #337ab7;
}
.breadcrumb-item.active {
    color: #eee;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: capitalize;
    text-shadow: 2px 2px 3px #999;
}
.brd-separetor {
	color: #fff;
    padding: 0 5px;
	text-shadow: 2px 2px 3px #999;
}
.bradcaump-inner {
    margin-top: 23px;
}
.left-sidebar h2, .brands_products h2 {
    color: #1596d4 !important;
	text-shadow: 2px 2px 3px #ccc;
}
.panel-default>.panel-heading .badge {
    color: #fff !important;
    background-color: #1596d4 !important;
	border: solid 1px #333;
}
.left-sidebar a:hover {
color: #1596d4 !important;
font-weight: 700;}

.panel-body ul {
	background-color: #6195ff03;
	border: solid 1px #eee;
	border-radius: 5px;
}
.img-fluid {
    height: 200px;
}
.single-footer-widget h2 {
    color: #9efbfb;
    -webkit-text-stroke: 1px #000;
    font-weight: 600;
    text-shadow: 2px 2px #ccc;
}
.prod {color: #6195ff; font-size: 2.4rem; font-weight: 500; -webkit-text-stroke: 1px #33333396;text-shadow: 2px 2px 3px #000000b0;}
.contact-place {color: #585858; font-weight: 600; font-size: 0.9rem;}
.next-wd {color: #7afeff !important; font-weight: 600;}
.next-wd:hover {color: #fff !important;text-shadow: 2px 2px 3px #333;}
.w3c-next {
    border-radius: 8px;
    text-align: center;
    background-color: #ededed;
    transition: all .4s ease-in-out;
    margin: 0 auto;
	width: 50px;
}
.w3c-next p {color: #555; font-size: 1.4rem; font-weight: 500;}
.w3c-next a {color: #555; font-size: 1.2rem; font-weight: 600;}
.w3c-next p:hover {
	color:#fff;
	background-color: #5aa1e3;
	transition: all .4s ease-in-out;
	border-radius: 8px;
}
.w3c-next a:hover {
	color: #fff;
}
.w3c-next p:before {
  content: "\f13b";
  font-family: "FontAwesome";
}
.center {
	position: relative;
	width: 100%;
	text-align:center;
	float:left;
	margin: 0 auto;
}
.page {margin-top: 150px;}
.map-bg  {background-image: radial-gradient(#ccffff5e, #ffffffd9);}

@media(max-width: 992px) {
	.banner_area {
    top: 90px;
}
}

#whats{position:fixed;right:10px; bottom:30px;display:block;cursor:pointer;z-index:7;float:right; transition: all .3s ease-in-out;}
.whatsup {bottom: 100px !important;transition: all .3s ease-in-out;position: fixed !important; display: block; cursor: pointer; z-index: 8;}

.bord-b p {text-align: center; font-size: 1.15rem; line-height: 2rem; padding: 0 10px 0 10px; font-weight: 700; color: #fff; -webkit-text-stroke: 0.2px #333; text-shadow: 1px 1px 2px #000;}
.bord-b {
	display: none;
	height: 50px;
	padding: 0px;
	border: solid 2px #1b73ce;
	border-radius: 15px 15px 0 0;
	position: fixed;
	left: 1%;
	bottom: -5px;
	z-index:6;
	background: #4faacbe0;
	box-shadow: 2px 2px 3px #999;
	transition: all .5s ease-in-out;
	opacity: 0.1;
}
.showb {
	display: block;
	transition: all .5s ease-in-out;
	animation: bounceInUp 1s;
	opacity: 10;
}

@media (max-width: 450px){.bord-b p {font-size: 1.1rem; padding: 0 5px 0 5px;}}
.nx-bg {
	position: relative;
}
.nx-bg:after {
	content: "";
	background:  url(../images/footer-next-dt.jpg) no-repeat center center;
	background-size:cover;
	position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index:-1;
    opacity: 0.9;
}

.bg-light {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(222, 234, 255, 0.4) 50%, rgba(24, 89, 208, 0.19) 100%);
}
.bg-light2 {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(222, 234, 255, 0.4) 30%, rgba(24, 89, 208, 0.08) 70%, #ffffff45);
}
.next-explore.bg-light h1 {
    color: #333;
    text-shadow: 2px 2px 3px #ffffff;
}
.next-explore h1 {
    color: #333;
    text-shadow: 2px 2px 3px #eee;
}
.modal-page{
	z-index:9999;
	display:none;
	padding-top:50px;
	padding-bottom:40px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.7);
}
.modal-content{
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:95%;
	height:auto;
	overflow: hidden;
	border-radius: 10px;
	/*box-shadow: 4px 4px 4px 4px #ccc;*/
}
.animate-zoom {
	animation:animatezoom 0.6s;
}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.animate-zoom-out {
	animation:animatezoomout 0.6s;
}
@keyframes animatezoomout{from{transform:scale(1)} to{transform:scale(0)}}

.display-topleft{
	position:absolute;
	left:0;
	top:0;
}
.display-topright{
	position:absolute;
	right:0;
	top:0;
}
.cbutton {
	cursor: pointer;
    background-color: #01b1d7;
	width: 40px;
	height: 40px;
    border: none;
	border-radius: 50%;
    color: #fff;
    margin: 10px;
	padding: 10px;
    text-align: center;
    font-size: 18px;
	transition: .2s;
	box-shadow: 0px 3px 3px #003d7957;
}
.cbutton:after {
	content: '\f00d';
	font-family: FontAwesome;
	text-align: center;
}
.cbutton:hover {
	border: solid 1px #ccc;
    background-color: #dc3545;
    border-radius: 50%;
    transition: .2s;
	transform: scale(0.98);
	box-shadow: 0px 1px 1px #003d7957;
}
.cbutton:target {
	animation: animatezoomout;
	transition: .6s;
}
@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
.tip { 
	/*border-right: .10em solid black;*/
	width: 16.5em; 
	width: 21ch;
	margin: 0 auto;
	/*white-space: nowrap;*/
	overflow: hidden;
	-webkit-animation: typing 5s steps(21, end),/*blink-caret .5s step-end infinite alternate*/;
}
/* progress bar */
.progressbar {
  width: 0%;
  height: 5px;
  background: linear-gradient(90deg, rgba(3,50,179,1) 0%, rgba(148,182,244,1) 50%, rgba(40,238,116,1) 100%);
  position: absolute;
  bottom: 0;
  border-top: solid 1px #999;
  opacity: 0.5;
}
#content i, span.glyphicon {
            margin: 10px; font-size: 2rem !important; color: #000;
        }
		
.tag-new:before {position: relative;content: "NOVO !"; font-size: 0.8rem; font-weight: 700; color: #fff; background-color: red; padding-left: 5px; padding-right: 5px; border-radius: 5px; top: -8px; margin-left: 10px; box-shadow: 0px 1px 2px 2px #ccc;animation: blinker 2s linear infinite;}

.faq h3 {
	font-size: 3.2rem;
    line-height: 5rem;
    color: #385A7B;
    margin-bottom: 50px;
    font-weight: 600;
}
.faq h4 {
    font-size: 1.8rem;
    line-height: 4rem;
    color: #4983BB;
    cursor: pointer;
}
.faq h4.collapsed:before {
    content: "\f059";
    font-size: 15px;
	font-family: 'FontAwesome';
	transition: .3s ease-in-out;
	color: #f4524d;
}

.faq h4:before {
    width: 20px;
    font-family: 'FontAwesome';
    content: '\f058';
    font-size: 20px;
    float: left;
	transition: .3s ease-in-out;
	color: #04d204;
}
.faq .panel-heading {
    border-radius: 0;
    padding: 20px 0;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.faq p, .faq li {
    font-size: 1.5rem;
    line-height: 3rem;
    color: #333;
    margin: 20px 0;
}
@media (min-width: 992px) {
.d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
}
.course {
  margin-bottom: 5em; }
.course .text {
    width: calc(100% - 250px);
	padding-left: 2em;	}
@media (max-width: 991.98px) {
.course .text {
        width: 100%;
		padding-top: 1em;
 } }
.course .text .subheading {
      color: #000000; }
.course .text .subheading span {
        color: #fda638; }
.course h3 {
    font-weight: 600;
    font-size: 2.3em;
    color: #337ab7;
    padding-bottom: 10px;
    text-shadow: 2px 2px 3px #eee;
}
.course h5 {
    font-weight: 600;
    font-size: 1.6em;
    color: #555;
    padding: 10px 0 20px 0;
    text-shadow: 2px 2px 3px #eee;
}
.course .text ul {
    padding: 1em;
}
.course .text li {
    padding: 5px;
	color: #333;
	line-height: 2rem;
}
.course .text li:before {
    content: "\f00c";
	font-family: "FontAwesome";
	color: #00ce65;
	font-size: 1rem;
	margin-right: 10px;
}

.course img {
    width: 250px;
    height: auto;
	background-size: cover;
}
@media (max-width: 991.98px) {
      .course img {
        width: 100% !important;
        height: 150px;
		align-items: center;}
	.page-sm-tp {padding-top: 100px;}
}

.recur {
  overflow: hidden;
  margin-bottom: 30px;
  transition: all .5s ease-in-out;
}
 
.serv-hd { font-size: 3.4rem; letter-spacing: 1px; color: #3a5c7d; font-weight: 600; padding-bottom: 2rem; padding-top: 4rem;}
 
.recur .img-wrap {
    height: 200px;
	transition: all .5s ease-in-out;}
.recur .img {
    opacity: .5;
    width: 100%;
    height: auto;
    display: block;
    background-position: top center;
    background-size: cover;
    transition: all .5s ease-in-out;
}
.recur .text {
    position: relative;
    background: #fff0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.recur .text h3 {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 1rem;
      margin-top: 1rem;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
.recur .text .position {
    text-transform: uppercase;
    color: #385a7b;
    display: block;
    letter-spacing: 1px;
    line-height: 2.4rem;
    font-size: 1.5rem;
    transition: all .3s ease-in-out;
}
.recur:hover .text .position {color: #01bd5d; transition: all .3s ease-in-out;}
.recur .text .faded {
      opacity: 1; }
.recur .ftco-social {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    padding: 15px 10px;
    background: #ffffffeb;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.recur .ftco-social:hover {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    padding: 15px 10px;
    background: #f5faff;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.recur .ftco-social li {
      color: #049024;
	  transition: .3s;}
.recur .ftco-social li:hover {
      color: #21a4e6;
	  transition: .3s;
	  letter-spacing: 2px;}
.recur:hover .ftco-social, .recur:focus .ftco-social {
    opacity: 1;
    top: -40px; }
@media (max-width: 768px) {
.recur .ftco-social {
    opacity: 10;
	background: #ffffff99;
	}
	.recur .img-wrap {
    height: 300px;
	}
}
.recur:hover .img, .recur:focus .img {
    margin-top: -10px;
	opacity: 10;
	transition: all .4s ease-in-out;
	transform: scale(1.01);}
.recur:hover .text h3, .recur:focus .text h3 {
    color: #6195ff; }

.ftco-social li {
    list-style: none;
    margin-right: 10px;
    display: inline-block; }

.mb-2, .my-2 {
    margin-bottom: 2rem !important;
}
.serv-no-pb {
    padding-bottom: 0;
}

.serv-section {
    padding: 2rem 0;
    position: relative;
}
.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }


/*3LINE SCREEN*/
		
.telas {
  float: left;
  width: 33.33%;
  padding: 20px;
  padding-bottom: 10px;
  transition: .4s;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .telas {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.telasC {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  transition: .4s;
  margin: 10px;
}
.telasC h1 {font-size: 2.3rem; color: #1f1f1f; margin: 0 auto; padding: 10px 0 0 3px;}
.telasC h5 {font-size: 1.5rem; color: #1f1f1f;}

.telasC:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	transform: scale(1.03);
	background-color: #f7f7f7a8;
}
.clientes-ramos {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
  text-align: center;
  transition: .4s;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 2%;
  overflow: hidden;
  height: 420px;
}
.clientes-ramos a{
  font-size: 1em;
  font-weight: 600;
  color: #40579e;
  cursor: pointer;
  transition: .3s;
}
.clientes-ramos li{
  padding: 5px;
}
.clientes-ramos a:hover{
  font-weight: 700;
  cursor: pointer;
  padding: 3px;
  transition: .3s;
}
.clientes-ramos:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	transform: scale(0.98);
	background-color: #5472d205;
}

.nfse-p {font-size: 2rem; line-height: 3rem; color: #555;}
a.acr {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}
 
.dropbtn {
    background-color: #01b1d7;
    color: #fff;
    padding: 5px 10px 5px 10px;
    font-size: inherit;
    border: none;
    border-radius: 5px;
    margin-top: 16px;
    transition: .2s;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
    letter-spacing: 1px;
    white-space: nowrap;
    transition: all 0.5s ease 0s;
}

.dropdown {
  position: relative;
  display: inline-block;
  transition: all 0.5s ease 0s;
}

.dp-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  transition: all 0.5s ease 0s;
  border-radius: 5px;
}
@media (max-width: 768px) {
	.dp-content {
		display: none;
	}
}

@media (min-width: 768px) {
	.dropdown-menu>li>a {
    padding: 10px 20px;
    font-size: 1.3rem;
}
}

@media (max-width: 768px){
.navbar-nav .open .dropdown-menu {
    background-color: #2fa0c8;
    text-transform: uppercase;
}
.navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
	background: #aeeeff;
}
}
/*--- Megamenu NeXT---*/
#clientes-menu li {
	position: relative;
	float: left;
	width: 370px;
	margin: 0;
	padding: 0
}
#clientes-menu  li a {
	display: block;
	width: 100%;
	font-size: 11px;
	padding: 5px;
	height: auto;
	text-align: left;
	text-decoration: none;
}
#clientes-menu a:hover {
	width: 100%;
}

#clientes-menu {
    position: absolute;
    left: -45vw;
    margin: 0;
    width: 1550px;
    height: 80vh;
    z-index: 7;
	overflow-y: scroll;
    overflow-x: hidden;
}
@media (max-width: 1680px){
#clientes-menu {
    left: -44vw;
    width: 1300px;
}
}
@media (max-width: 1440px){
#clientes-menu {
    left: -50vw;
    width: 1250px;
}
}
@media (max-width: 1300px){
#clientes-menu {
    left: -47vw;
    width: 1100px;
}
}
@media (max-width: 1024px){
#clientes-menu {
    left: -42vw;
    width: 900px;
}
}
@media (max-width: 800px){
#clientes-menu {
    left: -48vw;
    width: 770px;
}
}
@media (max-width: 768px){
.animated-nav .navigation .navbar-nav > li > a, .navigation .navbar-nav > li > a {
    padding: 15px 15px;
    text-transform: uppercase;
}
#clientes-menu {
    left: 2px;
    width: 99%;
    height: auto;
    z-index: 999;
    background: #f2f6ff;
    overflow: hidden;
	transition: all .5s ease-in-out;
}
#clientes-menu li {
    width: 100%;
    text-transform: uppercase;
}
#clientes-menu li a {
    display: block;
    width: 100%;
    font-size: 12px;
    padding-top: 10px;
	padding-left: 20px;
    font-weight: 600;
    color: #002735;
}
.nav>li {
    background: #00c7fc;
}
.dropbtn {
	margin: 10px;
	text-transform: uppercase;
}
.c-menu:after {
	content: "+";
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #333;
}
}
#navigation > .container-fluid {
    border-bottom: 1px solid transparent;
	max-width: 1200px;
}
.animated-nav .navbar-brand {
    padding: 0px 20px;
}
.animated-nav .navigation .navbar-nav > li > a {
    padding: 20px 15px;
}
.navbar-brand {
    padding: 0px 15px;
}
.navbar-fixed-top {
    height: 60px;
}
.dropdown-menu>li>a:hover {
    color: #fff;
	font-weight: 600;
    background: #6195ff ;
	
}

/*----*/
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: inline-block;
  font-size: inherit;
  white-space: nowrap;
}

.dropdown-content a:hover {
	color: #fff;
	width: 100%;
}
.dropdown-content li:hover {
	background-color: #01b1d7;
	transition: all 0.2s ease 0s;
	max-width: 100%;
}
.dropdown:hover .dropdown-content {
	display: block;
	transition: all 0.2s ease 0s;
}

.dropdown:hover .dropbtn {
	background-color: #2b8de1;
	transform: scale(0.97);
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.0);
	transition: all 0.5s ease 0s;
}
#exp {
    padding: 1px 5px 1px 5px;
    background-color: #04ca38;
    overflow: hidden;
    right: 0px;
    top: 3px;
    font-size: 1.3rem;
    font-weight: 600;
}
#exp:hover {
	color: #fff;
	background-color: #2b8de1;
	transform: scale(0.97);
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.0);
	transition: all 0.5s ease 0s;
}

#ctl00_ContentPlaceHolder1_cboSoftware, #ctl00_ContentPlaceHolder1_cboUsuarios, #ctl00_ContentPlaceHolder1_cboCNPJ {
	border: solid 1px #ccc;
	padding: 10px;
	background-color: #fbfbfe;
}

#next-links li {
	padding-top: 10px;
}
.cidades {background-color: #dadff21f !important; padding: 25px !important; border: solid 1px #ddd !important; border-radius: 5px !important; box-shadow: 0px 10px 10px #003d7957 !important;transition: .3s;}
.cidades:hover {
	transform: scale(1.03);
	transition: .3s;
}
.banner-sys {background-size: cover; background-repeat: no-repeat; width: 100%; height: 300px; margin-top: 80px;}
@media (max-width: 767px) {
	.banner-sys {
	margin-top: 0px;
	height: 100px;}
}
@media (max-width: 767px) {
	.btn11  {
	position: relative;
	width: 70%;
	text-align:center;
	margin: 15%;
	margin-bottom: 1%;
}
}

#next-explore {
  clear: both;
}
.next-bg-section {
  background: rgba(0, 0, 0, 0.05);
}
.next-heading {
  margin-bottom: 5em;
}
.next-heading.next-heading-sm {
  margin-bottom: 2em;
}
.next-heading h2 {
  font-size: 32px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #000;
}
.next-heading p {
  font-size: 18px;
  line-height: 1.5;
  color: #828282;
}
.next-heading span {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}
#next-started .fh5co-heading h2 {
  color: #fff;
  margin-bottom: 20px !important;
}
#next-started .fh5co-heading p {
  color: rgba(255, 255, 255, 0.5);
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.animate-box img {
	transition: .4s;
}
@media (min-width: 1025px) {
.animate-box img {
	width: 85%;
}
}
.animate-box img:hover {
	transform: scale(1.05);
	transition: .4s;
	box-shadow: 0px 2px 5px 3px #003d7957;
	border-radius: 5px;
}
.home-heading-content h2 {
    font-size: 3.6rem;
    color: #222222;
    font-weight: 600;
	padding-top: 2rem;
}
.mt {
	margin-top: 10px;
}
.mt h4 {
	font-size: 2.3rem;
  position: relative;
  color: #222222;
  font-weight: 600;
  margin: 0 0 10px;
  font-style: inherit;
  vertical-align: baseline;
  font-family: 'Open Sans', sans-serif;
}
.mt p {
margin-left: 60px}
@media (max-width: 991px) and (min-width: 768px) {
	.mt h4 {
	font-size: 18px !important;}
}
.mt h4:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #fff;
	width: 35px;
	height: 35px;
	padding: 6px 6px 6px 5px;
	font-size: 25px;
	border-radius: 50%;
	background: #2b8de1;
	float: left;
	margin-right: 25px;
	margin-bottom: 30px;
	margin-top: 0;
	transform: scale(0.90);
	transition: .3s;
}
@media (max-width: 991px) and (min-width: 768px) {
	.mt h4:before {
	transform: scale(0.70) !important;
	margin-top: -5px !important;}
}
.mt h4 i {
  position: absolute;
  left: 0;
  top: 0;
  color: #2b8de1;
}
.mt > div {
  margin-bottom: 40px;
}
.mt .list-nav {
  margin: 50px 0 30px 0;
  padding: 0;
}
.mt .list-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
.mt .list-nav li i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #EA9215;
}
.mg-t-b {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

#gmap_canvas img{max-width:none !important;background:none !important;}
.contatos p {
	font-size: 1.1rem;
	margin-bottom: 10px;
}
.contatos a {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	color: #333;
}
.contatos a:hover {
	font-weight: 600;
	transition: all 0.3s ease-in-out;
	color: #00ce65 !important;
}
.contatos a:before {
	content: "\f232";
	font-family: "FontAwesome";
	color: #00ce65;
	margin-right: 5px;
	font-weight: 500;
}
.versions {
	position: relative;
	border: solid 1px #ccc;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
	margin: 10px;
	box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
}

.versions img {
	width: 95%;
}

#versions-next h2 {
  color: #000;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: "Raleway", sans-serif;
}

#versions-next h2 span {
  color: #63b93e;
  font-weight: 700;
  font-size: 1rem;
  font-family: "Raleway", sans-serif;
}
#versions-next img {
	width: 100%;
}
#versions-next section {
  display: flex;
  flex-flow: row wrap;
}
#versions-next section > div {
  flex: 1;
  padding: 0.5rem;
}
#versions-next input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}
#versions-next label {
  height: 100%;
  display: block;
  background: white;
  border: 2px solid hsla(150, 75%, 50%, 1);
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}
#versions-next input[type="radio"]:checked + label {
  background: hsla(150, 75%, 50%, 1);
  color: hsla(215, 0%, 100%, 1);
  box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);
  &::after {
    color: hsla(215, 5%, 25%, 1);
    font-family: FontAwesome;
    border: 2px solid hsla(150, 75%, 45%, 1);
    content: "\f00c";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  }
}
#versions-next input[type="radio"]#control_05:checked + label {
  background: red;
  border-color: red;
}
#versions-next p {
  font-weight: 400;
}
#versions-next p span {
  font-weight: 600;
  color: red;
}


@media only screen and (max-width: 700px) {
#versions-next {
    flex-direction: column;
  }
}

.next-contact {
	padding-left: 10px !important;
	font-size: 1.3rem !important;
	background: transparent !important;
}
.how {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	margin: 0.8rem;
}
.how span {
	color: red;
}

/* Tabela preços */

.price-heading {
  position: relative;
  display: block;
  color: #1e90ff;
  font-size: 2.1rem;
  font-weight: bold !important;
  border-bottom: solid 1px #eee !important;
  text-align: center;
  margin-top: -30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-shadow: #eee 2px 3px 2px;
 }

.price-det {
  position: relative;
  font-size:12px;
  font-weight: 700;
  display:inline-block;
  color:#1b73ce;
  text-decoration:none;
  text-transform:uppercase;
  bottom: 0px;
  text-align: center !important;
}

.table-pricing-responsive {
	margin-top: 5%;
	margin-bottom: 2%;
	color: #000;
}
.table-pricing thead:first-child>tr:first-child>th:nth-child(2), .table-pricing thead:first-child>tr:first-child>th:nth-child(3) {
    background: #04b150 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-top: 1px solid #1acf78 !important;
    text-align: center !important;
    border-collapse: separate !important;
    border-left: 1px solid #1acf78;
    padding: 10px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.table-pricing thead:first-child>tr:first-child>th {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}
.table-pricing thead:first-child>tr:first-child>th:nth-child(3) {
    border-right: 1px solid #d0d4d9 !important;
    background: #02b0ee !important;
    border-top-color: #338eff !important;
    border-left-color: #338eff !important;
}
.table-pricing thead:first-child>tr:last-child>th:first-child {
    background: #fff;
    border-left: 1px solid #d0d4d9;
    border-top-left-radius: 8px !important;
    border-right: 0;
}
.table-pricing thead:first-child>tr:last-child>th {
    border-bottom: 0;
    border-right: 0;
    border-left: 1px solid #d0d4d9;
    padding-top: 32px !important;
    text-align: center !important;
    background: #fff !important;
    width: 178px !important;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px !important;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd !important;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    border-top: 1px solid #ddd !important;
}
.table-pricing>tbody>tr>td:last-child {
    border-right: 1px solid #d0d4d9 !important;
}
.table-pricing .topico {
    text-align: left !important;
    font-weight: 600 !important;
    border-left: 1px solid #d0d4d9 !important;
    padding: 12px 20px !important;
    color: #000 !important;
    font-size: 15px !important;
    height: auto !important;
    background: #FFF !important;
}

.table-pricing>tbody>tr>td {
    border-left: 0;
    border-bottom: 0;
    height: 40px !important;
    padding: 15px 10px !important;
    line-height: 18px !important;
    text-align: center !important;
    vertical-align: inherit !important;
    font-weight: 400 !important;
    background: #fff;
    white-space: initial!important;
    font-size: 14.5px !important;
}
.table-pricing .specs th:first-child {
    background: #f7f7f79e !important;
    color: #333 !important;
    font-weight: 600 !important;
    position: relative !important;
}
.table-pricing>tbody>tr>th:first-child {
    border-left: 1px solid #d0d4d9 !important;
    border-bottom: 0;
    padding: 10px 20px !important;
    vertical-align: inherit !important;
    font-weight: 400 !important;
    width: 245px !important;
    background: #00c1cf08 !important;
    color: #5a5a5a !important;
    position: relative !important;
}
.table-pricing .topico {
    text-align: left !important;
    font-weight: 600 !important;
    border-left: 1px solid #d0d4d9 !important;
    padding: 12px 20px !important;
    color: #000 !important;
    font-size: 15px !important;
    height: auto !important;
    background: #fff !important;
}
.table-pricing-responsive .fa-check {
	color: #7ac342 !important;
	font-size: 2.5rem !important; 
}
.table-pricing-responsive .fa-times {
	color: red !important;
	font-size: 2.5rem !important; 
}
.table-pricing-responsive .fa-info-circle {
	color: #01b1d7 !important;
}
.table-pricing-responsive .month {
    font-weight: 700 !important;
    font-size: 15px !important;
}
.price-heading > p {
font-size: 2rem;}

.table-pricing .preco {
    font-size: 26px !important;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
    float: left !important;
    width: 100% !important;
    text-align: center !important;
}
.preco small {
	font-size: 1rem !important;
}

.table-pricing .plan-buy .btn {
    border: 1px solid #27b574 !important;
    background: 0 0 !important;
    color: #27b574 !important;
    font-weight: 600 !important;
    margin-top: 15px !important;
}
.table-pricing .preco .amount {
  color: #333;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  text-shadow: #eee 2px 3px 2px;
}
.table-pricing .preco span {
    display: inline-block !important;
    position: relative !important;
}
.table-pricing .preco .dollar {
    top: -14px !important;
    letter-spacing: -1px !important;
    left: 3px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.table-pricing .preco {
    font-size: 26px !important;
    float: left !important;
    width: 100% !important;
    text-align: center !important;
}
.table-pricing thead:first-child>tr:last-child>th {
    border-bottom: 0;
    border-right: 0;
    border-left: 1px solid #d0d4d9 !important;
    padding-top: 32px;
    text-align: center;
    background: #fff;
    width: 178px;
}

@media (max-width: 992px) {
.table-pricing-responsive {
    width: 100% !important;
    margin-bottom: 15px !important;
    padding-bottom: 5px !important;
    overflow-y: hidden !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
    overflow-x: auto !important;
	}
}

.tooltips{
    position:relative;
	cursor: pointer;
}

.tooltips:after
{
    background-color:#f3ffcc;
	font-family: 'Raleway', sans-serif;
    color: #000;
	width: 300px;
	font-weight: 500;
    content: attr(data-tooltip);
    display:none;
    padding:5px;
    position:absolute;
    z-index:3;
	left: 20px;
	top: -10px;	
    box-shadow: 0 0 3px #000;
    border-radius: 5px;
}

.tooltips:hover:after {
    display: block;
}
.bg-tertiary {
    background: #04b150 !important;
}
.usuarios {
	color: #01b1d7;
	font-size: 1.4rem;
	font-weight: 700;
	text-shadow: #eee 1px 2px 1px;
}
.cnpj {
	color: #04b150;
	font-size: 1.4rem;
	font-weight: 700;
	text-shadow: #eee 1px 2px 1px;
}

@media (max-width: 767px) {

  .table-pricing tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .table-pricing .row {
    background:#FFF;
  }
  .table-pricing td, .table-pricing th {
    border:1px solid #CCC;
  }
  .price-info {
  border-top:0 !important;
  
}
  
}

@media (max-width: 639px) {

  .table-pricing .price-buy {
    padding:5px 10px;
  }
  .table-pricing td, .table-pricing th {
    padding:10px 5px;
  }
  .table-pricing .hide-mobile {
    display:none;
  }
  .table-pricing .price-now span {
  font-size:16px;
}
.table-pricing .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .table-pricing .qbse, .table-pricing .qbo {
    font-size:12px;
    padding:10px 5px;
  }
  .table-pricing .price-buy {
    margin-top:10px;
  }
  .compare-heading {
  font-size:13px;
}
}
.btn-12 {
	margin: 15px;
	display: block;
    padding: 5px;
    text-decoration: none !important;
	text-align: center;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 5px !important;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #02b0ee;
    box-shadow: 0px 2px 5px 3px #003d7957;
    border: 1px solid #01b1d7;
    margin-top: 15px !important;
    margin-bottom: 5px;
}
.btn-12:hover{
    border: 1px solid #01b1d7 !important;
	color: #fff !important;
	letter-spacing: 1px;
	transform: scale(0.99);
	background: #038098 !important;
	box-shadow: 0px 1px 3px 1px #003d7957;
}
.btn-12::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #1b73ce;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.btn-12::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn-12:hover::before{
	opacity:1;
  	-webkit-transform: translateX(100%);
	     -moz-transform: translateX(100%);
	      -ms-transform: translateX(100%);
	          transform: translateX(100%);
}
.btn-12:hover::after{
	opacity:1;
    -webkit-transform: translateX(-100%);
	     -moz-transform: translateX(-100%);
	      -ms-transform: translateX(-100%);
	          transform: translateX(-100%);
}
table.tbcenter {margin-left:auto;margin-right:auto;}

/*--- NeXT NFSE ---*/
.bg-success {background: #28a745 !important;}
.next-resouces {padding-top: 80px;}
.about-text > p {
    line-height: 1.5rem;
    font-size: 1.3rem;
}
.section {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}
.section.wb {
    background-color: #ffffff;
}
.section.wb .row {
    margin: 0 -30px 0 -30px;
}
@media (max-width: 768px) {
	.section.wb .row {
    margin: 0 15px 0 15px;
}
}
.cidades-nfse td,tr {border: solid 1px #333 !important; padding: 10px !important; text-transform: capitalize;}.cidades-title {color: #fff !important;font-weight: 600 !important; padding:15px !important;}
.nfse-feat h4{margin: 20px 0 10px; font-size: 2.2rem;}
.nfse-feat p{margin: 0 0 10px; font-size: 1.7rem;line-height: 2.3rem;}
@media (max-width: 800px) {
.nfse-feat h4{margin: 20px 0 10px; font-size: 2rem;}
.nfse-feat p{margin: 0 0 10px; font-size: 1.5rem;line-height: 1.8rem;}
}
@media only screen and (max-width: 1100px) and (min-width: 769px){
.container.nfse-feat {
    padding: 0 1px 0 1px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.container.nfse-feat {
    max-width: 320px;
	}
}
.iframe-nfse {
	width: 100%;
	height: 550px;
}
#nfse-lista {margin-bottom: 30px !important;}
.left-bar {border-left: solid 2px #eee;}
@media (max-width: 800px) {
	.left-bar {border-left: none;border-bottom: solid 2px #eee;border-top: solid 2px #eee;}
}
.cidades-nfse a {
color: #034079;
font-weight: 700;
transition: all 0.3s ease-in-out;}
.cidades-nfse a:hover {
	transition: all 0.3s ease-in-out;
	color: #6195ff;
	letter-spacing: 0.5px;
	text-decoration: underline;
}
	
/*------*/

.funcionalidades li {padding-bottom: 14px; padding-left: 20px; padding-top: 5px; font-size: 1.1rem; list-style: none;}
.funcionalidades a {color: #2a6cb6; font-weight:600;transition: all .3s ease-in-out;}
.funcionalidades a:hover {color: dodgerblue; letter-spacing: 1px;transition: all .3s ease-in-out;}
.funcionalidades h3 {padding-top: 25px; padding-bottom: 10px; padding-left: 20px; color: #333; font-size: 1.6rem; font-weight: 700;}
.funcionalidades ul {padding-left: 30px; border: solid 1px #eee; border-radius: 5px;}
.func-bd {border: solid 1px #ddd; border-radius: 5px; margin: 1rem;}
@media (max-width: 800px) {
	.funcionalidades li {padding-left: 10px !important; font-size: 0.9rem;}
	.funcionalidades h3 {padding-left: 15px; font-size: 1.1rem;}
}
#clients-next img {max-width: 300px; height: 200px;}
span.next-names  {
	color:#0094ff;
	text-transform: capitalize;
}
.erp-free p {
font-size: 1.4rem;
line-height: 2rem;
letter-spacing: 1px;}
.bg-bl {background-color: #1b73ce05;}
.home-heading-content h1 {
    font-size: 3.6rem !important;
    color: #222222;
    font-weight: 600;
}

.circle img {
	border-radius: 50%;
	width: 250px;
	height: 250px;
	border: solid 1px #eee;
	transition: all .5s ease-in-out;
}
.circle img:hover {
	transform: scale(1.05);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	transition: all .5s ease-in-out;
}

/*==================================================Sidebar==================================================*/
.info aside {
    margin: 5rem 0 2rem;
    text-transform: uppercase;
    box-shadow: 3px 5px 6px 7px #01394c12;
    border-radius: 10px;
}

.info aside h2 a {
    display: block;
    padding: 5px;
    background: #1b73ce;
    color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
    text-decoration: none;
}

.info aside nav {
    list-style: none;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    max-height: 750px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto;
}

.info aside nav > ul > li > ul {
    display: none;
}

.info aside li {
    margin: 5px 0 0 0;
}

.info aside li a {
    font-size: 12px;
    display: block;
    padding: 5px;
    color: #666;
    transition: all .3s linear;
    text-decoration: none;
    border-left: 2px solid #cccccc;
	transition: all .3s linear;
}

.info aside li a:hover {
    color: #21a4e6;
    transition: all .3s linear;
}


.info aside nav li a:hover {
    border-left: 2px solid #21a4e6;
}

.info aside h3 {
    color: #fff;
    background: #6195ff;
    padding: 10px 0 !important;
    margin-bottom: 0;
	font-size: 1.4rem;
	font-weight: 600;
    text-align: center !important;
	border-radius: 10px 10px 0 0;
}
.info aside p {
    background: #01b1d70f;
    margin: 0;
    text-align: center;
	box-shadow: 0 2px 3px 3px #eee;
    border-radius: 0 0 10px 10px;
}

.info aside strong {
    font-size: 16px;
    line-height: 34px;
    color: #666;
}

.info aside a {
    text-decoration: none;
}

li.modulo {
	font-size: 1.2rem;
	font-weight: 700;
	background: #337ab712;
	padding: 5px;
	color: #337ab7;
	
}
.img-func {
	max-width: 100%;
	height: auto;
	margin-top: 1rem;
	margin-bottom: 5rem;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.func-page h4 {
	font-size: 1.2rem;
	color: #333;
	font-weight: 600;
}
.func-page h3 a {
	font-size: 1.8rem;
	color: #6195ff !important;
	font-weight: 700;
}
.func-page h5 a {
	font-size: 1.3rem;
	color: #003d79;
	font-weight: 600;
	line-height: 3rem;
	transition: ease-in-out .3s;
}
.func-page h5 a:hover {
	content: ' ';
	border-bottom: solid 2px #21a4e6;  
	transition: transform 250ms ease-in-out;
	position: relative;
	transition: .4s ease-in-out;
	color: #21a4e6;}

.grid-left {
	margin-top: 220px ;
}
@media (max-width: 1152px) {
.grid-left {
	margin-top: 80px;
}}
@media (max-width: 991.98px){
.course .img img{
    width: 100% !important;
    height: auto;
	padding-bottom: 10px;
}
}
@media (max-width: 991.98px) {
.grid-left {
	margin-top: 0px;
	}
	.course.img {
		border-radius: 0px !important;
		border: none !important;
	}
	.bg-dot {
	background: #f8f9fa !important;
	border-radius: 0px !important;
	border: dotted 1px #007bff40 !important;
	}
}
.bg-dot {
	border-left: dotted 2px #007bff40;
	border-top: dotted 2px #007bff40;
	border-bottom: dotted 2px #007bff40;
	border-radius: 20px 0px 0px 20px;
	background-color: #fff;
}

.path-img {
	background: url('/images/pathh.png') repeat-y;
	width: 100%;
	height: auto;
	vertical-align: middle;
	margin: 0 auto;

}
.bg-dot {
    border-left: dotted 2px #007bff40;
    border-top: dotted 2px #007bff40;
    border-bottom: dotted 2px #007bff40;
    border-radius: 20px 0px 0px 20px;
    background-color: #fff;
}
.p-4 {
    padding: 1.5rem !important;
}
.ptb{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 0.2rem !important;
	padding-bottom: 1.5rem !important;
}

.func-wrap {max-width: 1023px;vertical-align: middle; margin: 0 auto; border: dotted 2px #eee; border-radius: 15px; /*background-color: rgba(0, 123, 255, 0.01);*/}

.func-hd {margin-top: 100px;}
.func-hd a {font-size: 1.3rem; color: #999; font-weight: 500;}
.func-hd span {font-size: 1.4rem; font-weight: 600; color: #6195ff;}
.about-icon3 {
    padding-top: 10px;
    transition: all .3s ease-in-out;
}
.about-icon3 img {width: 90px; height: 90px;transition: all .3s ease-in-out;}
.about-icon3 img:hover {transform: scale(1.10);transition: all .3s ease-in-out;}

@media screen and (max-width: 768px) {
#tabela-precos {
	width: 85%;
	margin: auto;}}
	
@media screen and (max-width: 799px) {
#tabela-precos h3 {
	font-size: 20px;
	}
	.btn12 {
	font-size: 14px;}
	ul.pricing-content li {
	margin-bottom: -10px !important;
	white-space: nowrap;}
}
	
@media screen and (max-width: 992px) {
#tabela-precos {
	width: 100%;
	margin: auto;}}
@media screen and (max-width: 800px) {
#ftco-navbar li {
	transform: scale(0.90);
	padding-right: 0;
	margin: -5px;
	}
}
.bg-top {
    background: #fff;
    border-bottom: 2px solid #e9ecef57;
    width: 100%;
    padding-bottom: 5px;
    position: relative;
    z-index: 3;
    height: 35px;
}
.bg-top .col-sm-6 {padding-left: 5px; padding-right: 2px;}
.bg-top .col-lg-4 {padding-left: 8%;}
@media (max-width: 991px) {
.bg-top .text {
    font-size: 1rem;
	margin-top: 1px;
	}
}

@media (max-width: 991.98px) {
     #exp {
      font-size: 1rem;
	  text-transform: none;
	  }
}	  

.icon-phone {
	background: #04b150;
	border-radius: 50%;
	margin: 5px 5px 0 0;
}
.icon-phone:before {
    content: "\f095";
	font-family: "FontAwesome";
	padding: 3px 4px 3px 4px;
	color: #fff;
}
.icon-mail {
	background: #5d50c6 ;
	border-radius: 50%;
	margin: 5px 5px 0 0;
}
.icon-mail:before {
    content: "\f003";
	font-family: "FontAwesome";
	padding: 3px 4px 3px 4px;
	color: #fff;
}
.nowrap {
	white-space: nowrap;
}
.clientes-ramos {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
  text-align: center;
  transition: .4s;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin: 2%;
  overflow: hidden;
  height: 420px;
}
.clientes-ramos a{
  font-size: 1.4em;
  font-weight: 600;
  color: #40579e;
  cursor: pointer;
  transition: .3s;
}
.clientes-ramos li{
  padding: 5px;
}
.clientes-ramos a:hover{
  font-weight: 700;
  cursor: pointer;
  padding: 3px;
  transition: .3s;
}
.clientes-ramos:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	transform: scale(0.98);
	background-color: #5472d205;
}
.contatos p {
    font-size: 1.4rem;
    margin-bottom: 10px;
	color: #333;
}

.about-item{
	background: #ffffff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
	transition: all .3s ease-in-out;
	margin-bottom: 30px;
}
.about-icon{
	padding: 20px 0px;
	transition: all .3s ease-in-out;
}

.about-icon span{
	font-size: 48px;
	color: #393939;
	background: rgba(0,123,255,.5);
	padding: 10px;
	border-radius: 10px;
}
.about-icon2{
	padding: 20px 0px;
	transition: all .3s ease-in-out;
}
.about-icon2 span{
	font-size: 70px;
	color: #393939;
	padding: 10px;
	border-radius: 10px;
}

.about-text h3{
	font-size: 22px;
	font-weight: 600;
	padding: 10px 0px;
}
.about-text h3 a{
	color: #393939;
}
.about-text h3 a:hover{
	color: #1b73ce;
}

.about-item:hover .about-icon{
	/*transform: rotate(-360deg);*/
	transform: scale(1.2);
	transition: all .3s ease-in-out;
}

.about-item:hover .about-icon span{
	color: #ffffff;
	background-color: #1b73ce;
	transition: all .3s ease-in-out;
}
    .topper .icon span {
      color: #fff; }
  .topper .text {
    width: calc(100% - 30px);
    color: #000;
	white-space: nowrap;	}
/*ERP RESOURCES*/
		
.service_area3 {
  padding: 30px 0px 0px 0;
}

.service_item3 {
	border: 1px solid #eee;
	text-align: center;
	position: relative;
	padding-bottom: 0px;
	background-color: white;
	transition: .4s;
	margin-bottom: 10px;
	width: 100%;
}
@media (max-width: 767px) {
	.service_area3 .container {
	margin: 0 auto !important;
	width: 100% !important;}
}
.service_item3:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	transform: scale(1.03);
	background-color: #f8f8f8;
}

.service_item3 img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  top: 15px;
  border: solid 1px #fff;
}

.service_item3 h3 {
  font-size: 20px;
  color: #000;
  padding: 210px 0px 15px 0;
  text-align: center;
}

.service_item3 p {
  font-size: 14px;
  line-height: 20px;
   color: #000;
  padding: 5px 8px 25px 0;
}
.telas4 {
  float: left;
  width: 25%;
  padding: 10px;
  padding-bottom: 10px;
  transition: .4s;
}
@media (max-width: 800px) {
	.telas4 {width: 100%;}
}
/*2LINE SCREEN*/
	
.telas2 {
  float: left;
  width: 50%;
  padding: 20px;
  padding-bottom: 10px;
  transition: .4s;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .telas2 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
	transition: .4s;
  }
}

/* Style the counter cards */
.telas2C {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  transition: .4s;
}

.telas2C:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	transform: scale(1.03);
	background-color: #f7f7f7a8;
}

.telasEM {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  margin-top: 30px;
  margin-bottom: 80px;
  text-align: center;
  transition: .4s;
}
.telasEM img {
	transition: .4s;
	cursor: zoom-in;
}
.telasEM:hover::before img {
	transform: scale(1.1);
	transition: .4s;
	border: solid 1px #eee;
}

.telasEM:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
	overflow: hidden;
    transition: .4s;
	background-color: #2a6db6;
}
.telasEM h1 {
	transition: .3s;
}
.telasEM:hover h1 {
	color: #fff;
	transition: .3s;
}
/*3LINE SCREEN*/
		
.telas {
  float: left;
  width: 33.33%;
  padding: 20px;
  padding-bottom: 10px;
  transition: .4s;
}
		
.telas5 {
  border: solid 1px #eee;
  float: left;
  width: 10%;
  padding: 1px;
  padding-bottom: 5px;
  transition: .4s;
}
.telas5:hover {
	transition: .4s;
	background-color: #eee;
	transition: .4s;
}
.telas5:hover img {
	transform: scale(1.1);
	transition: .4s;
	border: solid 1px #01b1d7;
	border-radius: 3px;
	box-shadow: 0px 10px 10px #003d7957;
}
/* Responsive columns */
@media screen and (max-width: 600px) {
  .telas {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 600px) {
  .telas5 {
    width: 20%;
    display: block;
    margin-bottom: 10px;
	transition: .4s;
  }
}
@media screen and (max-width: 600px) {
  .map {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
/*S@T*/
		
.service_area4 {
  padding: 30px 0px 0px 0;
}

.service_item4 {
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
  padding-bottom: 0px;
  transition: .4s;
}

.service_item4:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	background-color: #f7f7f7a8;
	transform: scale(1.02);
}

.service_item4 img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  top: 15px;
  border: solid 1px #fff;

}

.service_item4 h3 {
  font-size: 20px;
  color: #000;
  padding: 210px 0px 15px 0;
  text-align: center;
}

.service_item4 p {
  font-size: 14px;
  line-height: 20px;
   color: #000;
  padding: 5px 8px 25px 0;
}
@media screen and (max-width: 600px) {
  .map {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
/* Style the counter cards */
.telas4C {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  transition: .4s;
}

/*S@T*/
		
.service_area4 {
  padding: 30px 0px 0px 0;
}

.service_item4 {
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
  padding-bottom: 0px;
  transition: .4s;
}

.service_item4:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s;
	background-color: #f7f7f7a8;
	transform: scale(1.02);
}

.service_item4 img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  top: 15px;
  border: solid 1px #fff;

}

.service_item4 h3 {
  font-size: 20px;
  color: #000;
  padding: 210px 0px 15px 0;
  text-align: center;
}

.service_item4 p {
  font-size: 14px;
  line-height: 20px;
   color: #000;
  padding: 5px 8px 25px 0;
}
	
/* VIDEO */

.video_area {
  padding: 10px 0px 50px 0;
  transition: all .4s ease-in-out;
}
.video_item iframe {
  width: 220px;
  height: auto;
  margin: 1rem;
}

.video_item {
  border: 1px solid #ccc;
  text-align: center;
  position: relative;
  padding-bottom: 0px;
}

.video_item:hover {
    box-shadow: 0px 10px 10px #003d7957;
    border-radius: 5px;
    overflow: hidden;
    transition: all .4s ease-in-out;
	background: #2fa0c81a;
}

.video_area h3 {
  font-size: 16px;
  color: #0768b9;
  padding: 0 0px 20px 0;
  text-align: center;
  transition: all .4s ease-in-out;
}
.video_area h3:hover {
  letter-spacing: 0.5px;
  color: #555;
  transition: all .4s ease-in-out;
}

/* GOOGLE MAPS*/

.gmap_canvas {
    height: 440px;
    width: 590px;
    position: relative;
    overflow: hidden;
    z-index: 3;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    touch-action: pan-x pan-y;
}

/*---*/
.formu {
		margin: 0 0 2em 0;
	}

	label {
		color: #555;
		display: block;
		font-size: 0.9em;
		font-weight: 600;
		margin: 0 0 1.2em 0;
		
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		background: #fbfbfe;
		border-radius: 5px;
		border: none;
		border: solid 1px #dbdbdb;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			border-color: #5385c1 !important;
			box-shadow: 0 0 0 1px #5385c1 !important;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			content: "";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: #dbdbdb;
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #000;
			cursor: pointer;
			display: inline-block;
			font-size: 1.2em;
			font-weight: 300;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
			margin-bottom: 1rem;

		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.075);
				border-radius: 0;
				border: solid 1px #dbdbdb;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
				transition: .2s;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #5aa1e3;
			border-color: #5a5a5a;
			color: #ffffff;
			content: '\f00c';
			transition: .2s;
			/*position: relative;*/
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #5385c1;
			box-shadow: 0 0 0 1px #5385c1;
		}

	input[type="checkbox"] + label:before {
		border-radius: 0;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
		position: relative;
	}

	::-webkit-input-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #bbb !important;
		opacity: 1.0;
	}

.cnt {
	font-size: 50px;
	transition: .4s;
	color: #6a6a6a;
}

.cnt:hover {
	transform: scale(1.15);
	transition: .4s;
	color: #005066;
}

.rpt_custom_btn {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-align:center;
	padding:16px 20px;
	background-color:#2b8dd6;
}
.rpt_custom_btn:hover {
	transform: scale(1.01);
	box-shadow: 0px 2px 5px 3px #003d7957;
	transition: .4s;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  transition: .2s;
  padding-left: 10px;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #5385c1;
  outline: 0;
  transition: .2s;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
  transition: .2s;
}

.center-footer img {
	transition: .3s;
	padding: 3px;
}

.center-footer img:hover {
	transition: .3s;
	transform: scale(1.1);
}

@media (max-width: 767.98px){
.navbar-toggle {
    border: 1px solid #2fa0c8;
	margin-top: 10px;
	}
.navbar-toggle .icon-bar {
    background-color: #2fa0c8;
	}
}
/*** SLIDER ***/


.slider-area {
	padding-bottom: 0px;
}
.slider-container {
	top: 60px;
    position: relative;
	z-index:9;
  /*display: flex;*/
  height: 65vh;
  align-items: center !important;
  cursor: pointer;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
@media (max-width: 991px) {
	.slider-control {
		display: none;
}}
.slider-control span {
    top: 50%;
    position: relative;
    display: block;
    left: 5%;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.left span:after {
    content: "\f060";
    font-family: "FontAwesome";
    color: #31a4f7;
    border: solid 1px #6195ff6b;
    border-radius: 50%;
    font-size: 2rem;
    font-weight: 700;
    padding: 20px;
    background-color: #3030302b;
    box-shadow: 2px 2px 3px #ffffff4d;
}
.slider-control.right {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}
.slider-control.right span:after {
	content: "\f061";
	font-family: "FontAwesome";
	color: #31a4f7;
	border: solid 1px #6195ff6b;
	border-radius: 50%;
	font-size: 2rem;
	font-weight: 700;
	padding: 20px;
	margin-left: 45%;
	background-color: #3030302b;
    box-shadow: -3px 2px 0px 0px #ffffff4d;
	}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 0.1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  margin: 0 0.8rem;
  border-radius: 50%;
  border: 2px solid #ddd;
  cursor: pointer;
  bottom: 10px;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #0091f9;
  border: solid 1px #93e0fb;
  border-radius: 50%;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background-image: url("/images/bg-1.jpg");
}
.slide:nth-child(1) .slide__overlay-path {
  fill: #005977;
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {
    background-color: #0059779c;
  }
}
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url("/images/bg-2.jpg");
}
.slide:nth-child(2) .slide__overlay-path {
  fill: #337ab7;
}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {
    background-color: #337ab780;
  }
}
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url("/images/bg-3.jpg");
}
.slide:nth-child(3) .slide__overlay-path {
  fill: #005977;
}
@media (max-width: 991px) {
  .slide:nth-child(3) .slide__text {
    background-color: #0059779c;
  }
}
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
  background-image: url("/images/bg-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
  fill: #337ab7;
}
@media (max-width: 991px) {
  .slide:nth-child(4) .slide__text {
    background-color: #337ab780;
  }
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 810px;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
}
.slide__overlay path {
  opacity: 0.5;
}
.slide__text {
  position: relative;
  top: 5%;
  text-align: center !important;
  color: #fff;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
	top: 25%;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.slide__text-heading {
  font-family: "Polar", Helvetica, Arial, sans-serif;
  font-size: 6vh !important;
  margin-bottom: 10px;
  white-space: normal !important;
}

@media (max-width: 991px) {
	.slide__text-heading {
	margin-top: 1%;
	white-space: normal !important;	}
}
.slide__text-desc {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 2.6rem;
 
}

@media (max-width: 991px) {
	.text-theme {
	font-size: 1.3rem !important; 
	white-space: normal !important;
	 margin-bottom: 1.5rem;}
}
@media (max-width: 768px) {
  .slide__text-link, .slide__text-link2 {
    display: inline-block;
	width: 40vw !important;
  }
}

/*- Fundo colorido gradiente -*/
.slide__bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: radial-gradient(#206ab626, #0566b594);
  opacity: 0.7;
  z-index: 0;
}
.ht__bradcaump__wrap {
    background-image: radial-gradient(#0091f95e, #000000d9);
}

.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 220px;
}
.bradcaump-title {
    color: #f0f2f5cf;
    font-size: 3rem;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
	-webkit-text-stroke: 2px #333;
  text-shadow: 3px 3px 4px #eee;
}
.breadcrumb-item {
    color: #ddd;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: capitalize;
    text-shadow: 2px 2px 3px #337ab7;
}
.breadcrumb-item.active {
    color: #eee;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: capitalize;
    text-shadow: 2px 2px 3px #999;
}
.brd-separetor {
	color: #fff;
    padding: 0 5px;
	text-shadow: 2px 2px 3px #999;
}
.bradcaump-inner {
    margin-top: 23px;
}
.left-sidebar h2, .brands_products h2 {
    color: #1596d4 !important;
	text-shadow: 2px 2px 3px #ccc;
}
.panel-default>.panel-heading .badge {
    color: #fff !important;
    background-color: #1596d4 !important;
	border: solid 1px #333;
}
.left-sidebar a:hover {
color: #1596d4 !important;
font-weight: 700;}

.panel-body ul {
	background-color: #6195ff03;
	border: solid 1px #eee;
	border-radius: 5px;
}
.slide__text-heading { 
	align-items: center !important;
	font-size: 6.5vh;
    color: #fff;
    filter: blur(0.50px);
    -webkit-text-stroke: 1px #333;
	font-weight: 700;
	text-shadow: 2px 2px 3px black;
	white-space: nowrap;
	text-transform: uppercase;
}
@media (max-width: 767.98px) {
	.slide__text-heading { 
	font-size: 4.3vh !important;
}
}
.text-theme {
  font-size: 3.3vh;
  color: #fff;
  transition: all 1s ease-in-out 1.2s;
  filter: blur(0.50px);
  -webkit-text-stroke: 1px #fff;
  font-weight: 500;
  text-shadow: 2px 2px 3px #000;
  text-transform: none !important;
}
@media (max-width: 767.98px) {
	.text-theme { 
	font-size: 2.5vh !important;
}
}
.slide__text-link {
	cursor: pointer;
    color: #fff;
    font-size: 2.2vh;
    font-weight: 500;
    line-height: 2vh;
	width: 17vw;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    padding-right: 40px;
    position: relative;
    transition: all 0.3s ease 0s;
	background: #14e217;
	border: solid 2px #ccc;
	border-radius: 5px;
	bottom: 0;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	float: right;
}
.slide__text-link:before {
    content: '\f00c';
	font-family: "FontAwesome";
	color: #fff;
    height: 2px;
    position: absolute;
    right: 10px;
	font-weight: 700;
	font-size: 1.5rem;
    transition: all 0.3s ease 0s;
}
.slide__text-link2 {
	cursor: pointer;
    color: #fff;
    font-size: 2.2vh;
    font-weight: 500;
    line-height: 2vh;
	width: 17vw;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    padding-right: 40px;
    position: relative;
    transition: all 0.3s ease 0s;
	background: #01b1d7;
	border: solid 2px #ccc;
	border-radius: 5px;
	bottom: 0;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	float: left;
}

.slide__text-link2:before {
    content: '\f019';
	font-family: "FontAwesome";
	color: #fff;
    height: 2px;
    position: absolute;
    right: 10px;
	font-weight: 700;
	font-size: 1.5rem;
    transition: all 0.3s ease 0s;
}
.slide__text-link2:hover::before {
    color: #6195ff;
	right:3px;
}
.slide__text-link2:hover {
    color: #fff;
	background: blue;
	border: solid 2px #6195ff;
}
.slide__text-link:hover {
    color: #fff;
	background: #028604;
	border: solid 2px #14e217;
}
.slide__text-link:hover::before {
    color: #14e217;
	right:3px;
}
.slider-list  {
	left: 10%;
    font-size: 3.4vh;
	font-weight: 600;
	padding-bottom: 10px;
    text-align: left;
    position: relative;
	color: #fff;
  filter: blur(0.50px);
  -webkit-text-stroke: 1px #fff;
  font-weight: 500;
  text-shadow: 2px 2px 3px #000;
}

.slider-list:before {
    content: '\f00c';
    font-family: "FontAwesome";
    color: #89ef46;
    font-size: 4vh;
    margin-right: 1%;
        }
@media (max-width: 991px) {
	.slider-list {
	display: none !important; }
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: inline-block !important;
	padding: 10px;
}
.logo-e {
    font-size: 4.80rem;
    font-weight: 400;
    color: #d3ea15;
}
#counter p {color: #333;}
.contact .leave-comments-area {
    padding-top: 50px;
}
.mid-contain {
    max-width: 870px;
    margin: 0 auto !important;
	padding: 50px 0 30px 0;
}
.contact .leave-comments-area h4 {
    color: #000000;
    font-size: 3rem;
    font-weight: 600;
    position: relative;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 40px;
    text-decoration: none;
}
.contact .leave-comments-area h4:after {
    position: absolute;
    bottom: -20px;
    left: 2%;
    content: "";
    background: #01b1d7;
    width: 60px;
    height: 3px;
    animation: blinker 1s linear infinite;
}
.contact .leave-comments-area fieldset input {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 45px;
    margin-right: 20px;
}
.contact .leave-comments-area fieldset input:focus {
    background: #6195ff14 none repeat scroll 0 0;
}
.leave-comments-area .form-control {
    padding: 6px 12px;
	background: #fbfbfe;
}
.leave-comments-area .form-control:focus {
   background: #6195ff14;
}
/* Btn 10  */
.btn10{    
    padding:10px 30px;
    margin: 0 10px;
    display: inline-block;
    text-decoration:none;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    text-align: center;
    border-radius:0px;
    position: relative;
	border-radius: 5px;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
}

.btn10:hover{
    border: 1px solid transparent;
	color: #fff;
	letter-spacing: 1px;
	transform: scale(1.10);
	box-shadow: 0px 2px 5px 3px #003d7957;
}

.btn10::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #1b73ce;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.btn10::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn10:hover::before, .btn11:hover::before{
	opacity:1;
  	-webkit-transform: translateX(100%);
	     -moz-transform: translateX(100%);
	      -ms-transform: translateX(100%);
	          transform: translateX(100%);
}
.btn10:hover::after, .btn11:hover::after{
	opacity:1;
    -webkit-transform: translateX(-100%);
	     -moz-transform: translateX(-100%);
	      -ms-transform: translateX(-100%);
	          transform: translateX(-100%);
}

/* Btn 11  */
.btn11{    
    padding:10px 60px;
    margin: 10px;
    display: inline-block;
    text-decoration:none;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase!important;
    letter-spacing: 1px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-transform: capitalize;
    border-radius:0px;
    position: relative;
	border-radius: 10px;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #1b73ce;
}

.btn11:hover{
    border: 1px solid transparent;
	color: #fff;
	letter-spacing: 1px;
	transform: scale(1.02);
	box-shadow: 0px 2px 5px 3px #003d7957;
}

.btn11::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #1b73ce;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.btn11::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn11:hover::before, .btn11:hover::before{
	opacity:1;
  	-webkit-transform: translateX(100%);
	     -moz-transform: translateX(100%);
	      -ms-transform: translateX(100%);
	          transform: translateX(100%);
}
.btn11:hover::after, .btn11:hover::after{
	opacity:1;
    -webkit-transform: translateX(-100%);
	     -moz-transform: translateX(-100%);
	      -ms-transform: translateX(-100%);
	          transform: translateX(-100%);
}


.btn12 {
	color: #fff;
    padding: 10px 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #1b73ce;
    transition: .4s;
    box-shadow: 0px 2px 5px 3px #003d7957;
    border: 1px solid #01b1d7;
    margin-top: 5px;
    margin-bottom: 5px;
}
.btn12 a{color: #fff;}
.btn12:hover {background: #055cb7; transform: scale(0.97); transition: all .3s ease-in-out; color: #fff;}
.btn12::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #1b73ce;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.btn12::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn12:hover::before, .btn11:hover::before{
	opacity:1;
  	-webkit-transform: translateX(100%);
	     -moz-transform: translateX(100%);
	      -ms-transform: translateX(100%);
	          transform: translateX(100%);
}
.btn12:hover::after, .btn11:hover::after{
	opacity:1;
    -webkit-transform: translateX(-100%);
	     -moz-transform: translateX(-100%);
	      -ms-transform: translateX(-100%);
	          transform: translateX(-100%);
}
.pricingTable{
    padding: 30px 0;
    border: 1px solid #1b73ce;
    text-align: center;
    color: #201e21;
    position: relative;
    transition: all 0.2s ease 0s;
	border-radius: 5px;
}
@media (min-width: 768px) {
	.pricingTable .container {
		width: 100%;
		margin: 0 auto;
	}
}
		
.pricingTable:hover{
    background: #1b73ce;
    border-color: #fff;
    color: #fff;
	transform: scale(1.01);
	border-radius: 5px;
}
.pricingTable:before{
    content: "";
    border-top: 45px solid #201e21;
    border-bottom: 45px solid transparent;
    border-right: 45px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease 0s;
}
.pricingTable:hover:before{ border-top-color: #fff; }
.pricingTable:after{
    content: "";
    border-bottom: 45px solid #201e21;
    border-top: 45px solid transparent;
    border-left: 45px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.2s ease 0s;
}
.pricingTable:hover:after{ border-bottom-color: #fff; }
.pricingTable .title {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
	color: dodgerblue;
	transition: .2s;
}
.pricingTable .title:hover {
	transition: .2s;
	color: #fff;
}

.pricingTable .price-value{
    font-size: 35px;
    margin-bottom: 40px;
}
.h7 {font-size: 6rem; text-shadow: 2px 2px 3px #9E9E9E;}
.pricingTable .month{
	padding: 10px;
    display: block;
    font-size: 15px;
    line-height: 10px;
    text-transform: capitalize;
}
.pricingTable .pricing-content{
    padding: 20px 0 0;
    margin: 0 40px 20px;
    list-style: none;
    font-size: 16px;
    line-height: 40px;
    border-top: 1px solid #043565;
    position: relative;
    transition: all 0.2s ease 0s;
}
.pricingTable:hover .pricing-content{ border-top-color: #fff; }
.pricingTable .pricing-content:before{
    content: "\f00c";
    font-family:'FontAwesome';
    font-weight: 900;
    width: 70px;
    background: #fff;
    font-size: 40px;
    margin: 0 auto;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    transition: all 0.2s ease 0s;
}
.pricingTable:hover .pricing-content:before{ background: #1b73ce; }
.pricingTable .pricingTable-signup{  
	border: 1px solid #1b73ce;
	top: 0;
    transition: all .2s ease-in-out;
}

.pricingTable .pricingTable-signup.btn11::before{
	z-index: 2;
}

.pricingTable:hover .pricingTable-signup.btn11::before{
	background: #ffffff;
}

.pricingTable .pricingTable-signup.btn11::after{
	z-index: 1;
	background: #201e21;
}

.pricingTable:hover .pricingTable-signup{
    color: #333333 !important;
    border-color: #fff !important;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}

.pd-add{
	padding: 70px 0px;
}
.page-tp {padding-top: 100px;}
.service_item {
    border: 1px solid #eee;
    text-align: center;
    position: relative;
    height: 340px;
	margin: 0 0 2rem 0;
	transition: all .4s ease-in-out;
}
.service_item:hover{
    background: linear-gradient(rgb(255, 255, 255) 0%, rgba(222, 234, 255, 0.4) 50%, rgba(24, 89, 208, 0.19) 100%);
	transition: all .4s ease-in-out;
}
.service_item img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    top: 10px;
    border: solid 1px #fff;
}
.service_item h3 {
    font-size: 20px;
    color: #000;
    padding: 150px 0px 10px 0;
    text-align: center;
}
.service_item p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 5px 8px 25px 0;
}
.service_item2 {
    border: 1px solid #eee;
    text-align: center;
    position: relative;
	margin: 0 0 2rem 0;
	transition: all .4s ease-in-out;
}
.service_item2:hover{
    background: linear-gradient(rgb(255, 255, 255) 0%, rgba(222, 234, 255, 0.4) 50%, rgba(24, 89, 208, 0.19) 100%);
	transition: all .4s ease-in-out;
}
.service_item2 h3 {
    font-size: 20px;
    color: #000;
    padding: 150px 0px 10px 0;
    text-align: center;
}
.service_item2 img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    top: 10px;
    border: solid 1px #fff;
}
.erp-free p {
font-size: 2rem;
line-height: 3rem;
letter-spacing: 1px;
color: #333;}

.bg-bl {background-color: #1b73ce05;}
.desc-func p {font-weight: 600; font-size: 1.8rem; letter-spacing: 1.2px; padding: 13px 0 0 10px;}
.desc-func p:before {color: dodgerblue; content: "\f00c"; font-family: "FontAwesome"; right: 10px;}
.eula-page h3 {font-size: 3rem; text-shadow: 2px 2px 3px #eee; color: #058fbf;}
.eula-page h4 {font-weight: 600; padding-top: 30px;}
.eula-page a {font-size: 1.8rem;}
.eula-page a:hover {letter-spacing: 1px; color: #6195ff;}
.eula-page {line-height: 2.5rem; font-size: 1.5rem; text-align: justify;}

#integra i {
    color: #2fa0c8;
    text-shadow: 2px 2px 3px #999;
    -webkit-text-stroke: 1px #333;
    font-size: 5rem;
    text-transform: none;
    position: relative;
    vertical-align: middle;
    float: right;
    top: -80px;
    left: 0;
    z-index: 2;
}
#integra i:after {content: "\f064"; font-family: "FontAwesome"; font-style: normal;}
.font-green {color: #01b95b !important;}
@media (max-width: 991.98px){ 
#integra i {top: -30px; left: -50%;}
#integra i:after {content: "\f149"; font-family: "FontAwesome"; font-style: normal;}
}
#next-field {display: none;}