#links{
	color: #48af7c!Important;
    background-color: #f9f9f9!Important;
}

.wrapper-card {
  display: flex;
  flex-wrap: nowrap;
  margin: 40px auto;
      margin-top: -23px;
 /* width: 77%;*/
}

.card {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  flex: 1;
  margin: 8px;
  padding: 30px;
  position: relative;
  text-align: center;
  transition: all 0.5s ease-in-out;
}
.card.popular {
  margin-top: -10px;
  margin-bottom: -10px;
}
.card.popular .card-title h3 {
  color: #3498db;
  font-size: 22px;
}
.card.popular .card-price {
  margin: 50px;
}
.card.popular .card-price h1 {
  color: #3498db;
  font-size: 60px;
}
.card.popular .card-action button {
  background-color: #3498db;
  border-radius: 80px;
  color: #fff;
  font-size: 17px;
  margin-top: -15px;
  padding: 15px;
  height: 80px;
}
.card.popular .card-action button:hover {
  background-color: #2386c8;
  font-size: 23px;
}
.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.card-ribbon {
      position: absolute;
    overflow: hidden;
    top: -2px;
    left: 12px;
    width: 113px;
    height: 112px;
}
.card-ribbon span {
  position: absolute;
  display: block;
  width: 160px;
  padding: 10px 0;
  background-color: #3498db;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  left: -35px;
  top: 25px;
  transform: rotate(-45deg);
}
.card-ribbon::before, .card-ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
  border-top-color: transparent;
  border-left-color: transparent;
}
.card-ribbon::before {
  top: 0;
  right: 0;
}
.card-ribbon::after {
  bottom: 0;
  left: 0;
}

.card-title h3 {
  color: rgba(0, 0, 0, 0.3);
  font-size: 15px;
  text-transform: uppercase;
}
.card-title h4 {
  color: rgba(0, 0, 0, 0.6);
}

.card-price {
  margin: 60px 0;margin-bottom: 10px;
}
.card-price h1 {
  font-size: 30px;
}
.card-price h1 sup {
  font-size: 15px;
  display: inline-block;
  
  width: 10px;
}
.card-price h1 small {
  color: rgba(0, 0, 0, 0.59)
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}

.card-description ul {
  display: block;
  list-style: none;
      margin: 20px 0;
  padding: 0;
}
.card-description li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
     margin: 0 0 5px;
}
.card-description li::before {
  font-family: FontAwesome;
  content: "\f00c";
  padding: 0 5px 0 0;
  color: rgba(0, 0, 0, 0.15);
}

.card-action button {
background: transparent;
    border: 2px solid #3498db;
    /* border-radius: 30px; */
    color: #3498db;
    cursor: pointer;
    display: block;
    font-size: 13px;
    box-shadow: 1px 3px 8px 0px #888888;
    font-weight: bold;
    padding: 5px;
    width: 100%;
    height: 39px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.card-action button:hover {
  background-color: #3498db;
  box-shadow: 0 2px 4px #196090;
  color: #fff;
  font-size: 17px;
}
h4{
	
	font-size:13px!important;
	
}
h1{
	
	margin-top: -50px!important;
	
}


#be::before{
	    color: rgba(0, 0, 0, 0);
}


/* RESPONSIVE */
@media only screen and (max-width: 375px) {
    #titulo {
        font-size: 18px;
    }       
	#file2 {
        display:none;
    }    
	#file2b {
        display:;
    }
}
@media only screen and (min-width: 376px) {

    #file2 {
        display:;
    }    
	#file2b {
        display:none;
    }
}


/* RESPONSIVE */
@media only screen and (max-width: 375px) {
    #titulo {
        font-size: 18px;
    }       
	#file2 {
        display:none;
    }    
	#file2b {
        display:;
    }
}
@media only screen and (min-width: 376px) {

    #file2 {
        display:;
    }    
	#file2b {
        display:none;
    }
}


.sticky{
	position: fixed;
    top: 0;
    z-index: 9;
   /* height: 77px;*/
	
}


/* RESPONSIVE */
@media only screen and (max-width: 375px) {
    #titulo {
        font-size: 18px;
    }       
	#file2 {
        display:none;
    }    
	#file2b {
        display:;
    }
}
@media only screen and (min-width: 376px) {

    #file2 {
        display:;
    }    
	#file2b {
        display:none;
    }
}


			.panel-title{
				
				font-size:14px!important;
				
			}			
			.panel-body{
				
				font-size: 12px!important;
				
			}
			/* RESPONSIVE */
			@media only screen and (max-width: 375px) {
				#titulo {
					font-size: 18px;
				}       
				#file2 {
					display:none;
				}    
				#file2b {
					display:;
				}
			}
			.panel-heading {
				cursor: pointer;
			}
			@media only screen and (min-width: 376px) {

				#file2 {
					display:;
				}    
				#file2b {
					display:none;
				}
			}

			
			#file2:hover{
				background:rgb(85, 114, 173)!important;
			}
			
			
						   
.itembr {
  display: block;
  
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #1695A3;
  position: relative;
  box-sizing: border-box;
}

.itembr.item7 {
  background: transparent;
}
.itembr.item7 .dot {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  transform: translateY(-50%);
  animation: item7-dot 1.2s ease-in-out infinite;
}
.itembr.item7 .dot.dot1 {
  left: 20%;
  transfrom: translateX(-50%);
}
.itembr.item7 .dot.dot2 {
  left: 50%;
  transfrom: translateX(-50%);
  animation-delay: 0.2s;
}
.itembr.item7 .dot.dot3 {
  transfrom: translateX(-50%);
  left: 80%;
  animation-delay: 0.4s;
}

@keyframes circle0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circle1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes circle2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes width {
  0% {
    width: 0;
    left: 50%;
    opacity: 1;
  }
  90% {
    width: 100%;
    left: 0%;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes height1 {
  0% {
    height: 30%;
  }
  50% {
    height: 50%;
  }
  100% {
    height: 30%;
  }
}
@keyframes height2 {
  0% {
    height: 50%;
  }
  50% {
    height: 30%;
  }
  100% {
    height: 50%;
  }
}
@keyframes height3 {
  0% {
    height: 20%;
  }
  50% {
    height: 70%;
  }
  100% {
    height: 20%;
  }
}
@keyframes transform_scale {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes loading-bar {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes item7-dot {
  0% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0.3;
    top: 0;
  }
  100% {
    opacity: 1;
    top: 50%;
  }
}
.item1 {
  display: none;
}

						 
								.testloader {
								  /*position: absolute;
								  top: -54px;*/
								  left: -5px;
								  width:50px;
								  height:50px;
								  border-width: 5px;
								  border-style: solid;
								  border-color: transparent rgb(255, 255, 255)  transparent transparent;
								  margin: 50px auto;
								  border-radius:50%;
								  box-sizing: border-box;
								  animation-name: rotet;
								  animation-duration: 2s;
								  animation-iteration-count: infinite;                  
								}
								@keyframes rotet {
								  from{transform: rotate(0deg)}
								  to{transform: rotate(360deg)}
								}
							
.progress-outer{
    background: #fff;
    border-radius: 50px;
    padding: 25px;
    margin: 10px 0;
    box-shadow: 0 0  10px rgba(209, 219, 231,0.7);
}
.progress{
    height: 20px;
    margin: 0;
    overflow: visible;
    border-radius: 50px;
    background: #eaedf3;
    box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);
}
.progress .progress-bar{
    border-radius: 50px;
}
.progress .current-progress{
    position: relative;
    left: -45px;
    top: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
}
.progress-bar.active{
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive {
    0% { width: 0%; }
}
			  

			.vermelho{
				background-image: linear-gradient(rgba(255, 0, 0, 0.32941176470588235), rgba(255, 255, 0, 0))!important;
			}			
			.verde{
				background-image: linear-gradient(rgba(0, 255, 12, 0.32941176470588235), rgba(255, 255, 0, 0))!important;
			}
			
	
			
#infodb::-webkit-scrollbar {
    /* SCROOL BAR DA DIV */
	/* width: 14px;
    height: 18px; */
}
#infodb::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
   /* background-color: rgba(0, 0, 0, 0.15);*/
        background-color: rgba(245, 245, 245, 0.76);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
#infodb::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
#infodb::-webkit-scrollbar-corner {
    background-color: transparent;
}
.progress-bar-info {
    background-color: rgb(81, 134, 171)!important;
}



.blue-btn:hover,
.blue-btn:active,
.blue-btn:focus,
.blue-btn{background:transparent;border:solid 1px #ffffff;border-radius:3px;color:#ffffff;font-size:16px;margin-bottom:20px;outline:none !important;padding:10px 20px;}
.fileUpload{position:relative;overflow:hidden;margin-top:0;}
.fileUpload input.uploadlogo{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;height:42px;}
input::-webkit-file-upload-button{cursor:pointer !important;height:42px;width:100%;}
#btnsub:hover{background:#c5c5c5;color:white;}
#btnsub{background:#fff;-webkit-box-shadow:0 0 0 2px #4cd964;box-shadow:0 0 0 2px #4cd964;border:0;height:50px;line-height:36px;width:250px;font-weight:900;font-size:14px;color:#4cd964;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:10px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;outline:none;}
#btnsub:hover{}
#btnsub.pro{background-color:#b5b5b5;background-image:url("https://andreasstorm.com/lib/loading.gif");background-repeat:no-repeat;background-position:center center;-webkit-box-shadow:0 0 0 2px #b5b5b5;box-shadow:0 0 0 2px #b5b5b5;color:#fff;-webkit-transition:background-color 0.2s ease;-moz-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;-ms-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}
#btnsub.finish{background:#4cd964;-webkit-box-shadow:0 0 0 2px #4cd964;box-shadow:0 0 0 2px #4cd964;-webkit-transition:background-color, border-color 0.2s ease;-moz-transition:background-color, border-color 0.2s ease;-o-transition:background-color, border-color 0.2s ease;-ms-transition:background-color, border-color 0.2s ease;transition:background-color, border-color 0.2s ease;}
.finish2{background:#fff;-webkit-box-shadow:0 0 0 2px #4cd964!Important;box-shadow:0 0 0 2px #d94c4c!Important;border:0;height:40px;line-height:36px;width:250px;font-weight:900;font-size:14px;color:#d94c4c!Important;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:20px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;outline:none;}
#reset{position:absolute;top:75%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#b5b5b5;cursor:pointer;font-size:12px;}
@-moz-keyframes fade{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
100%{opacity:1;-ms-filter:none;filter:none;}
}
@-webkit-keyframes fade{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
100%{opacity:1;-ms-filter:none;filter:none;}
}
@-o-keyframes fade{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
100%{opacity:1;-ms-filter:none;filter:none;}
}
@keyframes fade{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
100%{opacity:1;-ms-filter:none;filter:none;}
}
#file2:hover{background:#636161c7!important;}
#cc:hover{background-color:#6f83d8!important;}
@keyframes appear{0%{transform:scale(0.8);transform-origin:50% 50%;opacity:0;}
95%{transform:scale(1.05);transform-origin:50% 50%;opacity:0.5;}
100%{transform:scale(1);transform-origin:50% 50%;opacity:1;}
}
@keyframes float{0%{transform:translatey(0%);}
50%{transform:translatey(5%);}
100%{transform:translatey(0%);}
}
@keyframes float2{0%{transform:translatey(0%);}
50%{transform:translatey(-5%);}
100%{transform:translatey(0%);}
}
@keyframes spin-1turn{0%{transform:rotate(360deg);transform-origin:50% 50%;}
10%{transform:rotate(0deg);transform-origin:50% 50%;}
}
@keyframes stretch-bar{0%{transform:rotatex(25deg);transform-origin:50% 100%;}
20%{transform:rotatex(0deg);transform-origin:50% 100%;}
100%{transform:rotatex(25deg);transform-origin:50% 100%;}
}
#bglines{animation:appear 0.2s ease-in-out;animation-delay:0.1s;animation-fill-mode:both;}
#pc{animation:appear 0.2s ease-in-out;animation-delay:0.4s;animation-fill-mode:both;}
#donut1{animation:appear 0.2s ease-in-out;animation-delay:0.4s;animation-fill-mode:both;}
#donut2{animation:appear 0.2s ease-in-out;animation-delay:0.4s;animation-fill-mode:both;}
#donut3{animation:appear 0.2s ease-in-out, spin-1turn 5s infinite;animation-delay:0.4s;animation-fill-mode:both;}
#plane{animation:appear 0.2s ease-in-out;animation-delay:0.4s;animation-fill-mode:both;}
#inbox{animation:appear 0.2s ease-in-out;animation-delay:0.4s;animation-fill-mode:both;}
#calendar{animation:appear 0.2s ease-in-out;animation-delay:0.4s;animation-fill-mode:both;}
#chart{animation:appear 0.2s ease-in-out;animation-delay:0.3s;animation-fill-mode:both;}
#bar1{animation:appear 0.2s ease-in-out, stretch-bar 4s ease-in-out infinite;animation-delay:0.5s;animation-fill-mode:both;}
#bar2{animation:appear 0.2s ease-in-out, stretch-bar 3.5s ease-in-out infinite;animation-delay:0.63s;animation-fill-mode:both;}
#bar3{animation:appear 0.2s ease-in-out;animation-delay:0.6s;animation-fill-mode:both;}
#bar4{animation:appear 0.2s ease-in-out;animation-delay:0.57s;animation-fill-mode:both;}
#arrow1{animation:appear 0.2s ease-in-out, float 1.5s ease-in-out infinite;animation-delay:0.57s;animation-fill-mode:both;}
#arrow2{animation:appear 0.2s ease-in-out, float2 1.5s ease-in-out infinite;animation-delay:0.7s;animation-fill-mode:both;}
#percentage{animation:appear 0.2s ease-in-out;animation-delay:0.75s;animation-fill-mode:both;}
#graphic1{animation:appear 0.2s ease-in-out;animation-delay:0.6s;animation-fill-mode:both;}
#graphic2{animation:appear 0.2s ease-in-out;animation-delay:0.75s;animation-fill-mode:both;}
#folder{animation:appear 0.2s ease-in-out;animation-delay:0.55s;animation-fill-mode:both;}
#pen{animation:appear 0.2s ease-in-out, float 2s cubic-bezier(0.51, 0.05, 0.6, 0.99) infinite;animation-delay:0.6s;animation-fill-mode:both;}

#links{ color: #48af7c!Important;    background-color: #f9f9f9!Important;}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif;
}
.u-section-2, .u-text-1 {
    text-transform: uppercase!important;
    letter-spacing: 7px!important;
    line-height: 1!important;
    font-weight: 400!important;
    margin: 0!important;
    margin-bottom: 20px!important;
}

.title2{
  font-weight: 700!important;
}

.body_text{
  font-family: 'Open Sans',sans-serif;
    font-size: 18px;
}
.body_text_header{
  font-family: 'Open Sans',sans-serif;
}
.body_text_header:hover{
  text-decoration: unset;
}

.body_text_header {
  
}
.body_text_header {
  display: inline-block;
  position: relative;
  color: #212529;
}

.body_text_header:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.body_text_header:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


.sec_div{
  max-width: 800px;
    height: auto;
   margin: auto ;
   padding: 120px 100px;
}

.video-play-button {
    position: absolute!important;
    top: unset;
    left: 50%!important;
    margin-top: 161px!important;
    display: unset!important;
    cursor: pointer;
    }

    .icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 29px;
    height: 50px;
    margin-left: -13px;
    margin-top: -59px;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 25px;
}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(40px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(40px);
  }
}

.modal_delta{
  position: fixed;
  left: 26%;
  top: 20%;
  z-index: 999999999;
  display: none;
  background: white;
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
} 

@media only screen and (max-width: 900px) {
  .modal_delta{
  left: 0%;
  top: 10%;
  } 
}

#header{
  width: 100%;
  box-shadow: 0px -3px 11px 1px #000000;
  z-index: 999;
  position: relative;
  background: white;
}
.content_header{
  padding-right: 180px;
    padding-left: 220px;
}
.sticky {
    position: fixed!important;
    top: 0!important;
    width: 100%!important;
    z-index: 999999!important;
}

.sticky + .content {
  padding-top: 102px;
}

@media only screen and (max-width: 700px) {
  .sec_div{
     padding: 100px 10px;
  }

  .title2{
    font-size: 30px!important;
  }

  .u-image{
    padding: 0px 20px;
  }
}