/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
html{scroll-behavior: smooth;}
body {font-size:16px;margin: 0;padding: 0;word-wrap:break-word !important;font-family: 'Open Sans', sans-serif;background-color: #FFFFFF;}
a{color:#0093C2;}
a:hover{color:#22E1FF;}
/****menu****//****menu****/
/****menu****//****menu****/
.toggle, [id^=drop] {display: none;}
/* Giving a background-color to the nav container. */
nav {margin:0;padding: 0;background-color: #0093C2;/*border-bottom:solid 1px #bedde5;*/}
#logo {display: block;padding: 0 30px;float: left;font-size:20px;line-height: 60px;}
#logo a{margin:0;padding:0;}
#logo img{width:120px;margin:10px 0;}
/* Since we'll have the "ul li" "float:left"
* we need to add a clear after the container. */
nav:after {content:"";display:table;clear:both;}
nav div#logo a:hover{background: none;}
/* Removing padding, margin and "list-style" from the "ul",
* and adding "position:reltive" */
nav ul {float: right;padding:0;margin:0;list-style: none;position: relative;}
/* Positioning the navigation items inline */
nav ul li {margin: 0px;display:inline-block;float: left;background-color: #0093C2;}
/* Styling the links */
nav a {display:block;padding:27px 15px;color:#FFF;font-size:16px;text-decoration:none;}
nav a:hover{color:#ffffff;}
nav ul li ul li:hover { background: #cccccc;}
/* Background color change on Hover */
nav a:hover {background-color: #cccccc;}
/* Hide Dropdowns by Default
* and giving it a position of absolute */
nav ul ul {display: none;position: absolute;z-index:10;  
/* has to be the same number as the "line-height" of "nav a" */
top: 76px;}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {display:inherit;}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.2s;
-moz-animation-duration:0.2s;
animation-duration:0.2s;
}
.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
/* Fisrt Tier Dropdown */
nav ul ul li {width:170px;float:none;display:list-item;position: relative;background: #888888;}
nav ul ul li a{font-size: 14px;padding:10px 10px;}
/* Second, Third and more Tiers	
* We move the 2nd and 3rd etc tier dropdowns to the left
* by the amount of the width of the first tier.
*/
nav ul ul ul li {position: relative;top:-76px;/* has to be the same number as the "width" of "nav ul ul li" */left:170px;}
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }
/* Media Queries
--------------------------------------------- */
@media all and (max-width : 768px) {
#logo {display: block;padding: 0;width: 100%;text-align: center;float: none;background: none;border-bottom:solid 1px #bedde5;}
#logo img {width: 200px;}
/*#menu-mobil{border-bottom:solid 1px #bedde5;}*/
nav {margin:0;}
nav a {display:block;padding:14px 15px;}
nav a:hover{background-color: #cccccc;}
/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a, .menu {display: none;}
/* Stylinf the toggle lable */
.toggle {display: block;background-color: #0093C2;padding:14px 15px;color:#FFF;font-size:16px;text-decoration:none;border:none;}
.toggle:hover {background-color: #cccccc;}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {display: block;}
/* Change menu item's width to 100% */
nav ul li {display: block;width: 100%;border-bottom:solid 1px #bedde5;}
nav ul ul a {padding:14px 15px 14px 50px;  color:#FFF;}
nav ul ul ul a {padding:14px 15px 14px 50px; color:#FFF;font-size:14px;background-color: #666666;}
nav ul li ul li .toggle{padding:14px 15px 14px 30px;color:#FFF;font-size:14px; background-color: #888888; }
nav ul li ul li a {padding:14px 15px 14px 30px;}
.subsub li a{padding:14px 15px 14px 50px;}/* Hide Dropdowns by Default */nav ul ul {float: none;position:static;color: #ffffff;/* has to be the same number as the "line-height" of "nav a" */}
/* Hide menus on hover */
nav ul ul li:hover > ul, nav ul li:hover > ul {display: none;}
/* Fisrt Tier Dropdown */
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li {position: static;/* has to be the same number as the "width" of "nav ul ul li" */}
}
@media all and (max-width : 330px) {nav ul li {display:block;width: 94%;}}
/****menu****//****menu****/
/****menu****//****menu****/
.botaohomegeral {background-color:#dddddd;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;border:1px solid #cccccc;display:inline-block;cursor:pointer;color:#0093C2;font-size:16px;font-weight:400;padding:10px 20px;text-decoration:none;text-shadow:0px 1px 0px #ffffff;margin-top:20px;margin-bottom:20px;}
.botaohomegeral:hover {background-color:#0093C2;color:#ffffff;text-shadow:none;}
.botaohomegeral:active {position:relative;top:1px;}
.botaohomegeral > .pequeno{padding:5px;}
footer{background-color:#444444;}
footer .boxrodape{display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;grid-gap: 10px;}
footer .boxrodape > div{color: white;font-size: 14px;font-weight: lighter;background-color: rgba(0, 0, 0, 0.2);justify-content: center;align-items: center;padding: 20px;margin: 0;}
footer .boxrodape > .menurodape{grid-column: 1 / span 2;display: flex;} 
footer .boxrodape > .rodapeneosolutions{grid-column: 1 / span 3;display: flex;} 
footer .boxrodape > div{background-repeat: no-repeat;background-position:95% center;background-size: 30%;}
footer .boxrodape > div:nth-child(1){background-image: url(../imagens/calendario.svg);}  
footer .boxrodape > div:nth-child(2){background-image: url(../imagens/batepapo.svg);}  
footer .boxrodape > div:nth-child(3){background-image: url(../imagens/boleto.svg);}
footer .boxrodape > div:nth-child(4){background-image: url(../imagens/pessoas.svg);}
footer .boxrodape > div:nth-child(5){background-image: url(../imagens/consultor.svg);}
footer .boxrodape > div:nth-child(6){background-image: url(../imagens/telefone.svg);}
footer .boxrodape > div a{color:#22E1FF}
footer .boxrodape > div a:hover{color:#FFB600}
@media all and (max-width : 1100px) {}
@media all and (max-width : 768px) {
footer .boxrodape{grid-template-columns: repeat(1, 1fr);}
footer .boxrodape > .menurodape{grid-column: 1 / span 1;flex-direction: column;}
footer .boxrodape > .rodapeneosolutions{grid-column: 1 / span 1;flex-direction: column;}
footer .boxrodape > .rodapeneosolutions .logorodape{width:40%;}
}
@media screen and (max-width: 700px){}
@media all and (max-width : 480px) {}