@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Rajdhani:wght@300;400;500;600;700&display=swap');
 /* Blue Skin **************************************************/
/* font color */
header .logo-container .site-name span, header .main-navigation ul li.current_page_item a,
header .main-navigation ul li a:hover, .top-bar .top-contact li i,
header .main-navigation li.courses-menu li .single-item a, .countdown div,
header.alt .main-navigation ul li.current_page_item a, .inner-head .breadcrumb li a,
header.alt .main-navigation ul li a:hover, .blog-posts .post .meta a,
header .main-navigation li.parent-item ul.submenu li:hover > a,
h3.section-title, h5.feature-title, .add-courses .add-courses-title,
.categories-section .cat-box .cat-title a, .basic-slider-box .post-title a,
.accordion .active-header, .accordion .inactive-header:hover, .portfolio-overlay .course-info .course-title a,
footer .footer-links ul li a, footer .twitter-widget .tweet a, [class^="list-"] li:before, [class*="list-"] li:before,
footer .courses-widget .footer-course-title a, footer #bottom .copyright a,
.course-search.alt #search-btn:hover, .testimonials-section .testimonials-content .title,
.post .entry .share-post .text, .share-icons .text, h2.about-title, .sidebar .sidebar-widget .tab-posts .post-item .post-title,
.blog .blogpost h3.blogpost-title a, .post.single .single-title a, .sidebar .sidebar-widget ul.tabs li.active,
.blog .blogpost .meta div a, .post.single .meta div a, .sidebar .sidebar-widget.last-posts ul li a,
.portfolio-filter ul li.item a:hover, .portfolio-filter ul li.item a.active, .contact .contact-right .call,
h1.h1-title, h2.h2-title, h3.h3-title, h4.h4-title, h5.h5-title, h6.h6-title, .row-title, blockquote .story,
.latest-courses-section .course-info .course-title a:hover, .dark .latest-courses-section .course-info .course-title a:hover {
	color: #0394f1;
}
/* background color */
header .main-navigation > ul > li.login > a span, blockquote.blockquote-4,
header .main-navigation li.courses-menu li .single-item .item-icon,
header.alt .main-navigation > ul > li:after, header.alt .main-navigation > ul > li.courses-menu > a:after,
.top-bar .top-social-icons ul li a:hover, .tp-banner ul li .slide-title:after,
.fullscreen ul li .slide-title:after, .tp-bullets.simplebullets .bullet.selected,
.tp-bullets.simplebullets.round .bullet.selected, .course-search #search-btn:hover,
.dropdown .carat, .btn.orange-btn, .flex-direction-nav a, .course-search.alt .container,
.comment-form .input .submit-input:hover, .contact-form .input .submit-input:hover,
.flex-control-paging li a.flex-active, .dark .flex-control-paging li a.flex-active,
.login-page .login-form .input .submit-input, .dark .login-page .login-form .input .submit-input,
.categories-section .cat-box .cat-image .cat-icon, .instructor.alt .details .read-more,
.instructors-section .instructor-info .social-icons li a:hover, .accordion .inactive-header:after,
footer .courses-widget .course-icon .icon, .portfolio-filter ul li.icon a,
footer #bottom .footer-social-icons li a:hover, .home-skills .skillbar-bar, .home-skills .skillbar-title,
footer .twitter-widget #tweets-slider .flex-control-nav li a.flex-active, .pagination li.arrow a,
.dark .pagination li.arrow a, footer .courses-widget #footer-courses-slider .flex-control-nav li a.flex-active,
#single-slider .flex-direction-nav a:hover, #sidebar-tweets .flex-direction-nav a:hover,
.portfolio-slider .flex-direction-nav a:hover, .modal-slider .flex-direction-nav a:hover,
.blog .blogpost h3.blogpost-title .post-type-icon, .post.single .single-title .post-type-icon,
.sidebar .search .submit-btn, .sidebar .sidebar-widget .tab-posts .post-item .read-more:hover,
.sidebar .sidebar-widget ul.tabs li, .comments-list, .portfolio-overlay .course-info .project-icon,
.social-media-icons ul li a, .pricing-tables .table-row .table .table-header,
.pricing-tables .table-row .table .table-footer .order-btn a, .error-page .not-found,
.pricing-tables .table-2 .table .table-footer .order-btn a:hover, .push_options,
.demo_options .nav_skin .demo-content.demo-layout div:hover,
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets.round .bullet:hover {
	background: #0394f1;
}
/* rgba BGs */
.latest-courses-section .course-image .details-overlay,
.course-search-section:after, .sidebar .sidebar-widget ul.tabs li:hover {
	background: rgba(3, 148, 241, .9);
}
.sidebar .sidebar-widget .tab-posts .post-item,
.post .entry .share-post, .follow-icons, .share-icons {
	background: rgba(3, 148, 241, .25);
}
/* background image */
.latest-courses-section .course .featured-badge {
	background-image: url(../../img/icons/blue/ribbon.png);
}
.features-section .feature-box.alt {
	background-image: url(../../img/icons/blue/long-shadow-bg.png);
}
/* border */
blockquote.blockquote-1, .error-page.full-page .not-found,
.demo_options .nav_skin .demo-content.demo-layout div:hover {
	border-color: #0394f1;
}
/* border top */
header .main-navigation li.parent-item ul.submenu,
header .main-navigation li.courses-menu ul,
header .main-navigation li.parent-item ul.submenu ul {
	border-top-color: #0394f1;
}
/* other */
.sidebar .sidebar-widget ul.tabs .active:hover {
	background: #fff;
}
.pricing-tables .table-3 .table .table-header {
	background: none;
}
.pricing-tables .table-2 .table .table-footer .order-btn a {
	background: #000020;
}
.pricing-tables .table-row .table .table-header .icon {
	border-color: #107DC3;
}
.comments-list li .avatar {
	border-color: #383c4b;
}









 
 


/****************************** Portall 03/2023 ********************/
/*barra de contato*/
.top-bar {
    top: 0px;
    position: fixed;
    display: block;
    z-index: 9999;
    width: 100%;
}
div.top-contact a {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #4B4F5A !important;
}
header.alt {
    margin-top: 40px;
}

header span.btn.primary-btn.ln-tr {
    margin-top: 40px;
}

/*logo*/
header .logo-container img {
  width: unset;
}

/*links do menu*/
header li a {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #4B4F5A !important;
}

#entire > section > div > div > div.col-md-9.main-content > div.news > div *{
	    line-height: 23px;
}


/*botão azul do menu*/
header span.btn.primary-btn.ln-tr{
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    /*line-height: 23px;*/
    color: #FFFFFF;
}
/*submenu*/
#nav-servicos > ul{
	box-shadow: 0px 10px 10px #00000042;
}
#nav-servicos > ul > li > a{
	color:#4B4F5A;
}
#nav-servicos > ul > li:hover > a{
	color:#1C94F0 !important;
	font-weight:500px !important;
}
header ul li:hover > a{
	color:#1C94F0 !important;
	font-weight:500px !important;
}

/*portall-títulos do site*/
h1,h2,h3,h4,h5,h6,h3.section-title{
    text-transform: uppercase;
    text-align: left;
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #1C94F0;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 25%);
}
h3.section-title.negative{
  color:#fff;
}

#box-container > div.bloco.dois > div > ul{
	margin-left: 30px;
}


/*modal*/
#login-modal > div > div > div > div > div > div > div > span.text,
#login_submit{font-family: 'Rajdhani';}

/*notícias*/
div.news li, .last-posts, .boxWhc{
    padding: 30px; 
    box-shadow: 1px 0px 10px #0000001f;
    padding: 30px 20px !important;
    border-radius: 5px;
    margin-bottom: 20px;
}
.boxWhc.alert{
	background-color: hsl(206.04deg 87.6% 94.55%);
}
div.news li:hover{background-color:#fff;}

/********** nova line comercial**********/
div#box-comercial{
  background: linear-gradient(30.46deg, #3A5696 5.58%, #0090EC 126.38%);
  padding: 60px 0px 0px 0px;
}
div#box-container div.bloco{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
div#box-comercial div.bloco{margin-top:100px;}
div#box-container div.bloco *{
  color:#fff;
}

img.imgSms{
	float: right;
    max-height: 300px;
    width: auto;
    margin-top: -40px;
} 

.bloco.dois {
  top: -130px;
  position: relative;
}
.bloco.dois ul li, ul.v23 li{
  line-height: 23px !important;
  list-style-image: url("/themes/default/imgs/li.png");
}
#notebook{
  max-width: 738px;
}
#tablet{
  max-width:807px;
  position: absolute;
  top: -100px;
  margin-left: -200px;
}
#smartphone{
  max-width: 352px;
  position: absolute;
  margin-left: 200px;
  top: -100px;
}

 div#apps{
	    display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
		max-width: 300px;
		float: right;
		margin-right: 50px;
		}

	/*botão whats*/
	.feedback {
	  background-color : #00c24f;
	  color: white;
	  padding: 10px 20px;
	  border-radius: 4px;
	  border-color: #46b8da;
	  cursor:pointer;
	  border:0px;
	}

	#mybutton {
	  position: fixed;
	  bottom: -4px;
	  right: 2vw;
	  cursor:pointer;
	  border:0px;
	}		
	/*botão whats*/
	
	
	#footer a{
		color:#fff !important;
	}
	#footer a:hover{
		color:#007ed4 !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*responsivo da line comercial*/
@media (max-width: 1200px) {
  div#box-container div.bloco{
    grid-template-columns: 1fr;
  }
  div#box-comercial{
    padding: 30px;
  }
  #notebook{
    max-width: 80%; margin:auto auto !important;
  }
  #tablet{
    max-width:80%;
    position: relative;
    top:0px;
    margin: auto auto;
  }
  #smartphone{
    max-width: 80%;
    position: absolute;
    right: 30px;
    max-height: 50vw;
    margin-left: unset;
    top:unset;
  }
 
	
	/*logos apps em mobile*/
	div#apps{
		display: grid !important;
		grid-template-columns: 1fr;
		grid-gap: 20px !important;
		max-width: 300px !important;
		float: unset;
		margin-left: 15px;
		margin-bottom: 40px;
		margin-right: unset;
	}
 
  /*grid dos tipos de serviços, páginas internas*/
  #entire > section > div > div > div.col-md-9.main-content > div.row.list-services{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
	  }
 
  /*remove redes sociais do topo*/
  #entire > div.top-bar.clearfix > div > div.fl.top-social-icons{display:none;}
  #entire > header > div{padding:unset;}
	
		
  /*versão mobile*/
  #entire > header,.marginMobileTio{margin-top:40px;}
  img{max-width: 90%;}
  .bloco.dois {top: -60px;}
  #entire > section.heading-section.fadeInDown-animation.hide.show.animated.fadeInDown > div > div > div.col-md-6.last-news.marginMobileTio > div.sidebar{
  float: left !important;
	}
	.container {padding: 0px 40px}
	button.btn.cta.large {
		margin: auto auto !important;
    	margin-top: 40px !important;
		padding: 20px 20px !important;
		}
	#form-mailing > div.row > div:nth-child(1) > input[type=text]{margin-bottom:40px;}
	
	#apps > a:nth-child(2) > img{
		float: unset !important;
    	margin-top: 5px;
	}
	#form-mailing > a{
		max-width:162px;margin: 0px;
	}
	#form-mailing > div.row > div:nth-child(1) > input[type=text] {
    	margin-bottom: 13px;
	}
	#entire > div.top-bar.clearfix > div{
		padding:unset;
	}
	#entire > div.top-bar.clearfix > div > div.fr.top-contact > ul > li:nth-child(1) > span > a{margin-right:20px;}
	#entire > div.top-bar.clearfix > div > div.fr.top-contact > ul > li:nth-child(1) > span > a,
	#entire > div.top-bar.clearfix > div > div.fr.top-contact > ul > li:nth-child(3) > span > a{
		font-size: 18px !important;
	}
	header .logo-container img {
    	max-width: 215px;
	}
	#box-container > div.bloco.dois > div > ul{
		margin-left: 30px;
	}
	.heading-section .last-news {
		padding:unset !important;
	}
	.features-section .feature-title {
    	font-size: 14px;
    	line-height: 1.4;
    	margin-bottom: 20px;
	}
	.features-section .section-title {
    	margin-bottom: 10px;
    	font-size: 26px;
	}
  /*versão mobile*/
}
/*responsivo da line comercial*/
  
/********** nova line comercial**********/



/*espaçamento seja bem vindo*/
h3.section-title {
    margin-bottom: 30px;
}

/*portall-parágrafos e links do site*/
a, p, .news .entry *{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 15px;
    /*line-height: 26px !important;*/
    color: #4B4F5A;
}

/*barra marcação link menu*/
header .main-navigation li.parent-item ul.submenu, header .main-navigation li.courses-menu ul, header .main-navigation li.parent-item ul.submenu ul {
    border-top-color: #303340;
}
header.alt .main-navigation > ul > li:after{background:#303340;}

/*servicos-emails > provedores*/
.provedores{
	background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 1px 0px 10px #00000012;
}
	 
 
/*botão primary*/
a.btn.primary-btn, button.btn.cta {
  max-height: unset;
  height: unset;
  background: #1D94F0;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 36px;
  color: #FFFFFF !important;
}
a.btn.cta, button.btn.cta {
    max-height: unset;
    height: unset;
    cursor:pointer;
    background: #1D94F0 !important;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 15%);
    border-radius: 20px;
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 36px;
    color: #FFFFFF !important;

    background: linear-gradient(30.46deg, #3A5696 5.58%, #0090EC 126.38%) !important;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    border:0px;
  }
  a.btn.cta:hover,button.btn.cta:hover {
    background: linear-gradient(272deg,#0090EC 5.58%,#3A5696 126.38%)!important;
  }
  
  button.btn.cta.large{
    background: linear-gradient(272deg,#0090EC 5.58%,#3A5696 126.38%)!important;
    padding: 20px 80px;
    margin-top:70px;
      font-family: 'Rajdhani';
      font-style: normal;
      font-weight: 600 !important;
      font-size: 28px !important;
      line-height: 36px;
      text-align: center;
  }
  button.btn.cta.large:hover{
    background: linear-gradient(30.46deg, #3A5696 5.58%, #0090EC 126.38%) !important;
  }

/*endereço*/
#footer > div.container > div > div.col-md-6 > div > p > a:nth-child(1){color:#fff !important;}
/*newsletter*/
footer input[type="text"] {
    border-radius: 5px;
    padding: 15px 10px;
	max-width: 162px;
}
#form-mailing > a{border-radius: 5px;}

/*barra de busca*/
#searchbox input#q {
    background: #E1E1E1;
    border-radius: 5px 0px 0px 5px;
}
#searchbox input#submit {
    background: #1D94F0;
    border-radius: 0px 5px 5px 0px;
}

/*novos bullets*/
.tp-bullets.simplebullets.round .bullet {
    box-shadow: 0px 2px 4px #00000024;
}

/*títulos dos ícones*/
.features-section .feature-title {
    font-size: 16px;
}

/*títulos das páginas internas*/
.inner-head h1.entry-title {
	font-family: 'Rajdhani';
    font-weight: 500 !important;
    font-size: 35px !important;
}

body > div.eupopup-container.eupopup-container-bottom.eupopup-color-default > div.eupopup-buttons > a.eupopup-button.eupopup-button_1{
	background-color: #1D94F0;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
body > div.eupopup-container.eupopup-container-bottom.eupopup-color-default > div.eupopup-buttons > a.eupopup-button.eupopup-button_2{
	color:#1D94F0;
}


/****************************** Portall 03/2023 ********************/