@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600&family=Roboto:ital,wght@0,300;0,400;0,700;1,500&display=swap');

  /*

 * (C) Copyright 2013 Suhdo Tecnologia Ltda - ME (http://suhdo.com/) and others.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the GNU Lesser General Public License
 * (LGPL) version 2.1 which accompanies this distribution, and is available at
 * http://www.gnu.org/licenses/lgpl-2.1.html
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * Contributors:
 
 * http://suhdo.com/ 
 * Marcio Brandão
 * v1.0b | 201311 

 * RESET HTML 
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0b1 | 201101 

 * NOTE: WORK IN PROGRESS
 * USE WITH CAUTION AND TEST WITH ABANDON 

*/

*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, stronhgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  font-size: 100%;
  font: inherit;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block; padding:0; margin:0; text-indent:0;
}
body {
  line-height: 1;
}
/*ol, ul,ol li, ul li {
  list-style: none; 
}
*/
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del 
  text-decoration: line-through;
}
strong,b{ font-weight:bold; }
em,i{ font-style:italic; }
p{line-height:1.3;} /* importante par auma boa visualização, pode ser relativo dependendo da fonte */
table { border-collapse: collapse; border-spacing: 0; padding:0; margin:0; }
a{transition: color 0.2s ease-in-out;}
button{ outline: 0; cursor:pointer; padding:0; margin:0; -moz-box-sizing:border-box; box-sizing:border-box; transition: color 0.2s ease-in-out; }
button::-moz-focus-inner { border: 0; padding: 0; margin:0; }
input::-moz-focus-inner,input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner { border: 0; padding: 0; margin:0; }
:focus { outline:0; } 
::-moz-focus-inner{ border: 0; }

::-webkit-input-placeholder { color:#ccc; font-size:18px; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }


/* end reset */


/* ********************* DEFAULT HTML ********************* */
body{ width:100%; height:100%; padding:0; margin:0; color:#000; font-size: 13px; font-family: 'Poppins', sans-serif !important;  overflow: auto; }
html{}

h1{ font-size:26px; }
h2{ font-size:24px; }
h3{ font-size:22px; }
h4{ font-size:18px; }
h5{ font-size:16px; }

/* form elements */
form{ }
label{ display:inline-block; line-height:1.3; font-size: 13px; }
ul{ list-style: none; }
input,select,textarea{ color:#333; background-color:#fff; box-shadow:none;  font-size:16px;  height:30px; line-height:30px; border-radius: 3px; outline: 0;  border:1px solid #bbb; margin:0; padding:5px 5px 5px 5px;   transition: box-shadow 0.2s ease,background 0.2s ease;  line-height: 1; }
textarea{ line-height: 1.2; height:initial; width: 100%; }
select#xyz,select:hover#xyz,select:focus#xyz,select { border:0px; outline:0px;  padding: 0 0 0 0;    appearance: none; -webkit-appearance: none; -moz-appearance: radio-container; /* renders text within select, without arrow chrome */ }
input[type=text],input[type=password],input[type=number],input[type=search],textarea,.input-style{  }
input[type=file]{ }

input[type="checkbox"] { display:none;  }
input[type="checkbox"] + label { vertical-align:middle; line-height:16px;  padding:5px 0;  }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/check_radio_sheet.png) left top no-repeat; cursor:pointer;  }
input[type="checkbox"]:checked + label span { background:url(../img/check_radio_sheet.png) -19px top no-repeat; }

input[type="checkbox"] + label.toggle span { display:inline-block; width:32px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/toggle.png) 0px 0 no-repeat; cursor:pointer;  background-size: auto 100%; transition: background .07s linear; }
input[type="checkbox"]:checked + label.toggle span { width:32px; background:url(../img/toggle.png) -34px 0 no-repeat;  background-size: auto 100%; transition: background .07s linear; }


input[type="radio"] { display:none; }
input[type="radio"] + label { vertical-align:middle; line-height:16px; padding:5px 0;  }
input[type="radio"] + label span { display:inline-block; width:18px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/check_radio_sheet.png) -38px top no-repeat; cursor:pointer;  }
input[type="radio"]:checked + label span { background:url(../img/check_radio_sheet.png) -57px top no-repeat; }

input[type="radio"] + label.toggle span { display:inline-block; width:32px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/toggle.png) 0px 0 no-repeat; cursor:pointer;  background-size: auto 100%; transition: background .07s linear; }
input[type="radio"]:checked + label.toggle span { width:32px; background:url(../img/toggle.png) -34px 0 no-repeat;  background-size: auto 100%; transition: background .07s linear; }

div[type=upload],a[type=upload],a.button{ position:relative; z-index:1; cursor:pointer;  overflow:hidden;  transition: background-color 0.2s ease-in-out; }
div[type=upload] input,a[type=upload] input,a.button input{ opacity:0; position:absolute; top:0; left:0; z-index:10; padding:0; margin:0; cursor:pointer; -webkit-appearance: none; width:100%; min-width:180px; height:32px; overflow:hidden;}

input:hover,select:hover,textarea:hover{ border:1px solid rgba(65, 133, 244,0.25); background-color:#fff; color:#222; box-shadow:0 0 0 0px rgba(65, 133, 244,0.33); transition: box-shadow 0.25s ease,background 0.25s ease; }
input:focus,select:focus,textarea:focus{ border:1px solid rgba(65, 133, 244,0.25); background-color:#fff; color:#222; box-shadow:0 0 0 3px rgba(65, 133, 244,0.33); transition: box-shadow 0.25s ease,background 0.25s ease; }


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
select {
    background: transparent;
}

.select{ display: transparent; }
.custom-select {
   min-width:30px;
   width: auto;
   height: 30px;
   max-height: 30px;
   overflow: hidden;
   background-color:#f9f9f9;
   background-image:url(../img/drop-down.png) ;
   background-repeat:no-repeat;
   background-position: right;
   border:1px solid #bbb; 
   position: relative;
   transition: box-shadow 0.2s ease,background 0.2s ease;
   border-radius: 3px; 
}


.custom-select:hover,.custom-select:focus {  outline: 0;  border:1px solid #bbb;  box-shadow:0 0 0 3px rgba(65, 133, 244,0.33);  transition: box-shadow 0.2s ease,background 0.2s ease; }
.custom-select:after {
    content:' ';
    color:#fff; 
    background:#f9f9f9; 
    right:0px; 
    top:1px;
    padding:0px 0px;
    width:11px;
    height:30px;
    border:none;
    position:absolute;
    pointer-events:none;
    shadow:none;
}

.custom-select select,.custom-select select:focus {
   outline: 0; 
   display: inline-block;
   background: transparent;
   width: auto;
   padding: 0px 0px 0px 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 3px;
   -webkit-appearance: none;
   height:30px;
   padding-right:20px; 
   vertical-align: middle;
}

.custom-select select[multiple=multiple],.custom-select select[multiple=multiple]:focus {
   outline: 0; 
   display: inline-block;
   background: transparent;
   width: auto;
   padding: 0px 0px 0px 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 3px;
   -webkit-appearance: none;
   height:100px;
   padding-right:20px; 
   vertical-align: middle;
}

::selection { background:rgba(65, 133, 244,0.33);  color:#000;   }
::placeholder{ color:#ddd; }

a{ cursor:pointer; text-decoration:none; }
hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }



/* ********************* TEXT FORMATING ********************* */

.lighter{ font-weight:lighter; } 
.regular,.normal{ font-weight:normal; } 
.bold{ font-weight:bold; } 
.italic{ font-style: italic; }
.oblique{ font-style: oblique; }
.underline{ text-decoration:underline; }
.line-through{ text-decoration:line-through; }
.overline{ text-decoration:overline; }

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.break,.clear-both{ clear:both; }

.align-auto{ margin:0 auto; }
.align-top{ vertical-align:top; }
.align-middle{ vertical-align:middle; }
.align-bottom{ vertical-align:bottom; }

.align-left,.text-left{ text-align:left; }
.align-right,.text-right{ text-align:right; }
.align-center,.text-center{ text-align:center; }
.align-justify,.justify,.text-justify{ text-align:justify; }
.text-tab{ text-align:justify; padding: 0 20px 0 20px !important; font-style: italic; text-shadow: 0 0 15px rgba(0,0,0,.1); }

.text-md{  padding:0 25px; }
.break-word,.word-wrap{ word-wrap:break-word; }

.font-8{font-size:8px;}
.font-10{font-size:10px;}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-26{font-size:26px;}
.font-28{font-size:28px;}
.font-30{font-size:30px;}
.font-32{font-size:32px;}
.font-34{font-size:34px;}
.font-36{font-size:36px;}
.font-38{font-size:38px;}
.font-40{font-size:40px;}
.font-42{font-size:42px;}
.font-44{font-size:44px;}
.font-48{font-size:48px;}
.font-50{font-size:50px;}
.font-100{font-size:100px;}
.font-200{font-size:200px;}
.font-64{font-size:64px; }
.font-128{font-size:128px; }


/* BACKGROUNDS */

.bg-align-top{ background-position: center top ; }
.bg-align-center{ background-position: center center; }
.bg-align-bottom{ background-position: center bottom ; }

.bg-inherit{ background-image:inherit;  }
.bg-normal{ background-size: auto auto;  }
.bg-cover{  background-size: cover; }
.bg-fixed{  background-size: 100% auto; background-attachment: fixed; }
.bg-contain{  background-size:contain; }
.bg-cover-x{  background-size: auto 100% ; }
.bg-cover-y{  background-size: 100% auto  ; }

.bg-no-repeat{  background-repeat: no-repeat; }
.bg-repeat{  background-repeat: repeat; }
.bg-repeat-x{  background-repeat: repeat-x; }
.bg-repeat-y{  background-repeat: repeat-y; }




/* ********************* EFFECTS ********************* */

.opaque{ opacity:0.5; -webkit-opacity:0.5;  -o-opacity:0.5;  -moz-opacity:0.5; }
.disabled{ cursor:default; opacity:0.5; -webkit-opacity:0.5;  -o-opacity:0.5;  -moz-opacity:0.5;  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ pointer-events: none; }
.transparent{opacity: 0; -o-opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-opacity:0;   }

.shadow{ box-shadow:0px 0px 2px rgba(0,0,0,0.50); -o-box-shadow:0px 0px 2px rgba(0,0,0,0.50); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.50); -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.50); }
.shadow-inset{  box-shadow: inset 0px 0px 2px rgba(0,0,0,0.50); -o-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.50); -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.50); -moz-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.50); }
.shadow-offset{  box-shadow:1px 1px 2px rgba(0,0,0,0.4); -o-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);  }
.shadow-clear{ box-shadow:none !important; }

.blur{ filter: blur(2px);    }
.blur-more{ filter: blur(10px); }

.grayscale{ filter: grayscale(100%);  }
.sepia{ filter: sepia(100%);  }
.hue-rotate{ filter: hue-rotate(180deg); }
.retro{ filter: saturate(50%) hue-rotate(1deg); }
.smart{ filter: brightness(1) saturate(120%); }


.text-shadow,.ts{ -webkit-text-shadow: 0px 0px 3px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 3px rgba(0,0,0,0.5); text-shadow:0px 0px 3px rgba(0,0,0,0.5); }
.text-shadow-soft,.ts-soft{ -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 5px rgba(0,0,0,0.5); text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
.text-shadow-medium,.ts-medium{ -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5); text-shadow:0px 0px 10px rgba(0,0,0,0.5); }
.text-shadow-hard,.ts-hard{ -webkit-text-shadow: 0px 0px 20px rgba(0,0,0,0.75); -moz-text-shadow:0px 0px 20px rgba(0,0,0,0.75); text-shadow:0px 0px 20px rgba(0,0,0,0.75); }

.tso,.text-shadow-offset{ text-shadow: rgba(0,0,0,0.25) 2px 2px 2px; }
.tso-soft,.text-shadow-offset-soft{ text-shadow: rgba(0,0,0,0.35) 4px 4px 3px; }
.tso-medium,.text-shadow-offset-medium{ text-shadow: rgba(0,0,0,0.5) 7px 7px 5px; }
.tso-hard,.text-shadow-offset-hard{ text-shadow: rgba(0,0,0,0.5)  10px 10px 10px; }


.rotate-5{ transform:rotate(5deg); }
.rotate-10{ transform:rotate(10deg); }
.rotate-20{ transform:rotate(20deg); }
.rotate-25{ transform:rotate(25deg); }
.rotate-30{ transform:rotate(30deg); }
.rotate-40{ transform:rotate(40deg); }
.rotate-45{ transform:rotate(45deg); }
.rotate-90{ transform:rotate(90deg); }
.rotate-180{ transition: transform 0.25s ease; }
.rotate-clear{ transform:rotate(0deg) !important; }

.hover{ }
.hover:hover{ opacity:0.75; transition: opacity 0.25s ease;  }

/* ********************* ROUNDED CORNERS ********************* */
.rounded{ border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;  }
.rounded-as-circle{ border-radius:100% 100% 100% 100%; -o-border-radius:100% 100% 100% 100%; -webkit-border-radius:100% 100% 100% 100%; -moz-border-radius:100% 100% 100% 100%;  } 
.rounded-top{ border-radius:2px 2px 0 0;  }
.rounded-bottom{ border-radius:0 0 2px 2px; }
.rounded-left{ border-radius:2px 0 0 2px; }
.rounded-right{ border-radius:0 2px 2px 0; }
.rounded-clear{ border-radius:0 !important; }





/* ********************* ANIMATION ********************* */
@keyframes flutua {
    0% {margin-top:0em;   }
    50% {margin-top:1em; }
    100% {margin-top:0em;   }
}
.flutua{animation-name:flutua; animation-duration:3s; animation-fill-mode: forwards; animation-iteration-count:infinite; animation-timing-function: ease-out;}

@keyframes gira {
    0% {transform: rotate(0deg);   }
    100% { transform: rotate(360deg); }
}
.gira{animation-name:gira; animation-duration:3s; animation-fill-mode: forwards; animation-iteration-count:infinite; animation-timing-function: linear; }
.gira-rapido{animation-name:gira; animation-duration:1s; animation-fill-mode: forwards; animation-iteration-count:infinite; animation-timing-function: linear; }


/* ********************* SPACCING ********************* */


.padding{ padding:.5em .5em .5em .5em; }
.padding-y{ padding:.5em 0 .5em 0; }
.padding-x{ padding:0 5px 0 5px; }

.margin{ margin:5px 5px 5px 5px; }
.margin-auto{ margin:0 auto; }
.margin-right{ margin-right:2px; }
.margin-left{ margin-left:2px; }
.margin-top{ margin-top:2px; }
.margin-bottom{ margin-bottom:2px; }

.margin-y{ margin:2px 0 2px 0; }
.margin-x{ margin:0 2px 0 2px; }

.inline{ display:inline-block; }
.block{ display:block; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }


/* ********************* POSITIONING ********************* */

.relative{ position:relative; }
.fixed{ position:fixed; }
.absolute{ position:absolute;  }

.fixed-bottom-right{ position:fixed; bottom:0; right:0; }
.fixed-bottom-left{ position:fixed; bottom:0; left:0;  }
.fixed-top-right{ position:fixed; top:0; right:0;  }
.fixed-top-left{ position:fixed; top:0; left:0;  }

.absolute-bottom-right{ position:absolute; bottom:0; right:0; z-index:1; }
.absolute-bottom-left{ position:absolute; bottom:0; left:0; z-index:1; }
.absolute-top-right{ position:absolute; top:0; right:0; z-index:1; }
.absolute-top-left{ position:absolute; top:0; left:0; z-index:1; }

.z-1{ z-index:1; }
.z-10{ z-index:10; }
.z-20{ z-index:20; }
.on-top{ z-index:101; }
.on-top-over{ z-index:10001; }

.float-left { float:left; }
.float-right { float:right; }
.float-center { float:center; }
.float-clear { float:initial !important; }

.overflow,.scroll{ overflow:visible; }
.overflow-hidden,.no-scroll{ overflow:hidden; }
.overflow-auto,.auto-scroll,.scroll-auto,.scrollable{ overflow:auto; }
.overflow-x{ overflow-x:scroll; -ms-overflow-y: hidden; } 
.overflow-x-auto{ overflow-x:auto;  -ms-overflow-y: auto; } 
.overflow-x-hidden{ overflow-x:hidden;  -ms-overflow-y: hidden; } 
.overflow-y{ overflow-x:hidden; -ms-overflow-y: scroll; } 
.overflow-y-auto{ overflow-x:auto;  -ms-overflow-y: auto; } 
.overflow-y-hidden{ overflow-y:hidden;  -ms-overflow-y: hidden; } 

.invisible,.hidden{ display:none; }

.fullscreen{  position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; }
.fullscreen-relative{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto; }

.cursor-pointer{ cursor:pointer; }
.cursor-default{ cursor:default; }
.cursor-text{ cursor:text; }


/* ********************* RESPONSIVE ********************* */


/* page structure */
.container-full{ display:block; max-width:100%; width: 100%; }
.container-1920{ display:block; max-width:1200px; margin:0 auto; width: 100%;   }
.container-1280,.container-1366{ display:block; max-width:1200px; margin:0 auto; width: 100%;   }
.container-1024{ display:block; max-width:990px; margin:0 auto; width: 100%;  }
.container{ display:block; max-width:990px; margin:0 auto; width: 100%;  }
.side-bar{ max-width:350px; flex: 1;  }
.row > .break,.row > .close{ width:100% !important;  height: 0px; clear: both; padding: 0px 0px !important; margin: 0px 0px !important; max-height: 0px;}


.row{ display: flex; flex-wrap: wrap; } 
.row:after{ content:"";  clear: both; display: block;  }
.row .col{ flex: 1; }
.row.col-spacing{  }
.row.col-spacing > *{ padding: 5px 5px; }
.responsive{   }
.responsive:after{ content:"";  clear: both; display: block;  }
.responsive .grid-1,.row .col-1{ margin:0 0 0 0; width:1%; float:left; box-sizing: border-box; }
.responsive .grid-2,.row .col-2{ margin:0 0 0 0;  width:2%; float:left; box-sizing: border-box; }
.responsive .grid-3,.row .col-3{ margin:0 0 0 0;  width:3%; float:left; box-sizing: border-box; }
.responsive .grid-4,.row .col-4{ margin:0 0 0 0;  width:4%; float:left; box-sizing: border-box; }
.responsive .grid-5,.row .col-5{ margin:0 0 0 0;  width:5%; float:left; box-sizing: border-box; }
.responsive .grid-10,.row .col-10{ margin:0 0 0 0;  width:10%; float:left; box-sizing: border-box; }
.responsive .grid-15,.row .col-15{ margin:0 0 0 0;  width:15%; float:left; box-sizing: border-box; }
.responsive .grid-20,.row .col-20{ margin:0 0 0 0;  width:20%; float:left; box-sizing: border-box; }
.responsive .grid-25,.row .col-25{ margin:0 0 0 0;  width:25%; float:left; box-sizing: border-box; }
.responsive .grid-30,.row .col-30{ margin:0 0 0 0;  width:30%; float:left; box-sizing: border-box; }
.responsive .grid-33,.row .col-33{ margin:0 0 0 0;  width:33.333333333333%; float:left; box-sizing: border-box; }
.responsive .grid-40,.row .col-40{ margin:0 0 0 0;  width:40%; float:left; box-sizing: border-box; }
.responsive .grid-45,.row .col-45{ margin:0 0 0 0;  width:45%; float:left; box-sizing: border-box; }
.responsive .grid-50,.row .col-50{ margin:0 0 0 0;  width:50%; float:left; box-sizing: border-box; }
.responsive .grid-60,.row .col-60{ margin:0 0 0 0;  width:60%; float:left; box-sizing: border-box; }
.responsive .grid-67,.row .col-67{ margin:0 0 0 0;  width:66.66%; float:left; box-sizing: border-box; }
.responsive .grid-70,.row .col-70{ margin:0 0 0 0;  width:70%; float:left; box-sizing: border-box; }
.responsive .grid-75,.row .col-75{ margin:0 0 0 0;  width:75%; float:left; box-sizing: border-box;}
.responsive .grid-80,.row .col-80{ margin:0 0 0 0;  width:80%; float:left; box-sizing: border-box; }
.responsive .grid-85,.row .col-85{ margin:0 0 0 0;  width:85%; float:left; box-sizing: border-box; }
.responsive .grid-90,.row .col-90{ margin:0 0 0 0;  width:90%; float:left; box-sizing: border-box; }
.responsive .grid-95,.row .col-95{ margin:0 0 0 0;  width:95%; float:left; box-sizing: border-box; }
.responsive .grid-100,.row .col-100{ margin:0 0 0 0;  width:100%; float:left; box-sizing: border-box; }
.responsive .grid-110,.row .col-110{ margin:0 0 0 0;  width:110%; float:left; box-sizing: border-box; }
.responsive .grid-120,.row .col-120{ margin:0 0 0 0;  width:120%; float:left; box-sizing: border-box; }

.container.width-full{  }
.container.width-1024{  }
.container.width-1280{  }

.w-1,.width-1{ width:1%; }
.w-2,.width-2{ width:2%; }
.w-3,.width-3{ width:3%; }
.w-5,.width-5{ width:5%; }
.w-10,.width-10{ width:10%; }
.w-15,.width-15{ width:15%; }
.w-20,.width-20{ width:20%; }
.w-25,.width-25{ width:25%; }
.w-33,.width-33{ width:33.3333333%; }
.w-30,.width-30{ width:30%; }
.w-40,.width-40{ width:40%; }
.w-45,.width-45{ width:45%; }
.w-50,.width-50{ width:50%; }
.w-60,.width-60{ width:60%; }
.w-67,.width-67{ width:66.66%; }
.w-70,.width-70{ width:70%; }
.w-75,.width-75{ width:75%; }
.w-80,.width-80{ width:80%; }
.w-85,.width-85{ width:85%; }
.w-90,.width-90{ width:90%; }
.w-100,.width-100{ width:100% !important; }
.w-110{ width:110%; }
.w-120{ width:120%; }

.h-1{ height:1%; }
.h-2{ height:2%; }
.h-3{ height:3%; }
.h-5{ height:5%; }
.h-10{ height:10%; }
.h-15{ height:15%; }
.h-20{ height:20%; }
.h-25{ height:25%; }
.h-30{ height:30%; }
.h-33{ height:33.3333333%; }
.h-40{ height:40%;  }
.h-45{ height:45%;  }
.h-50{ height:50%;  }
.h-60{ height:60%;  }
.h-67{ height:66.7777777%;  }
.h-70{ height:70%;  }
.h-75{ height:75%;  }
.h-80{ height:80%;  }
.h-85{ height:85%;  }
.h-90{ height:90%;  }
.h-100{ height:100%;  }




/* ACCORDION */

.accordion{}
.accordion > h4{ border:1px solid #ddd; color:#555; padding:10px 10px 10px 5px; border-radius:5px; cursor:pointer; font-weight:400; font-size:15px; margin-bottom:10px; }
.accordion > h4 i{  width:20px; text-align:center; transition:transform 0.3s ease; }
.accordion > div{border:1px solid #ddd; color:#555; overflow: hidden; padding:0px 10px; border-radius:5px; margin-bottom:0px; margin-top:-1px;   max-height:0px;  opacity:0; transition:max-height .4s ease-out,padding .4s ease-out,margin-bottom .4s ease-out,opacity .5s ease-out; }
.accordion > div p{ margin-bottom:10px; }
.accordion > h4:hover{ background:#f0f0f0; }
.accordion > h4.active{ border-radius:5px 5px 0 0; color:#222; margin-bottom:0px; font-weight:bold; }
.accordion > h4.active i{ transform:rotate(90deg); transition:transform 0.3s ease; }
.accordion > div.active{ max-height:1200px;  padding:10px 10px; margin-bottom:10px; border-radius:0 0 5px 5px; opacity:1;   transition:max-height .5s ease-in,padding .4s ease-in,margin-bottom .4s ease-in,opacity .4s ease-in; }


/* Tabs*/
.tabs-header{ border-bottom:1px solid #ddd; } 
.tabs-header li{ display: inline-block; } 
.tabs-header li a{ padding:10px 10px; border:1px solid #ddd; border-radius:10px 10px 0 0; display:inline-block; margin-bottom:-1px; color:#000 !important;} 
.tabs-header li.active a{ display: inline-block; background: #f0f0f0; } 

/*ul.tabs-header.focused{ border:1px solid red; border-bottom:1px solid #ddd; } 
*/
.tabs-body{ padding:10px 0; }
.tabs-body > div{ display: none; }
.tabs-body > div.active{  }

/*.tabs-body.focused{ border:1px solid green; }*/



/*
.responsive .grid{ flex:1; }
.responsive .grid-30{ flex: 1; width: 8.33333333333%; float:left; }
.responsive .col-2{ width: 16.6666666667%; float:left; }
.responsive .col-3{ width: 25%; float:left; }
.responsive .col-4{ width: 33.333333333333%; float:left; }
.responsive .col-5{ width: 41.6666666667%; float:left; }
.responsive .col-6{ width: 50%; float:left;  }
.responsive .col-7{ width: 58.3333333333%; float:left;}
.responsive .col-8{ width: 66.6666666667%; float:left; }
.responsive .col-9{ width: 75%; float:left;  }
.responsive .col-10{ width: 83.3333333333%; float:left; }
.responsive .col-11{ width: 91.6666666667%; float:left; }
.responsive .col-12{ width: 100%; float:left; }
*/

  
/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

/*MEDIA QUERIES FOR SMARTPHONES */
.hide-in-smile{   }
.show-in-smile{ display:none !important;  }

.hide-in-desktop{  display:none !important;  }
.show-in-desktop{   }

/*MEDIA QUERIES FOR MOBILE */
@media (min-width:1px) and (max-width: 768px) {

.hide-in-mobile{ display:none !important;  }
.show-in-mobile{ display:block !important;  }
.hide-in-desktop{  display:block !important; }
.show-in-desktop{  display: none !important; }

.row.responsive .col-10,.row.responsive .col-20,.row.responsive .col-25,.row.responsive .col-30,.row.responsive .col-33,.row.responsive .col-40,.row.responsive .col-50,.row.responsive .col-60,.row.responsive .col-70,.row.responsive .col-75,.row.responsive .col-80,.row.responsive .col-90{ width:100%;  }


.responsive .grid-1-sm,.row .col-1-sm{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-sm,.row .col-2-sm{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-sm,.row .col-3-sm{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-sm,.row .col-4-sm{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-sm,.row .col-5-sm{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-sm,.row .col-10-sm{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-sm,.row .col-15-sm{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-sm,.row .col-20-sm{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-sm,.row .col-25-sm{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-sm,.row .col-30-sm{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-sm,.row .col-33-sm{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-sm,.row .col-40-sm{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-sm,.row .col-45-sm{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-sm,.row .col-50-sm{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-sm,.row .col-60-sm{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-sm,.row .col-67-sm{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-sm,.row .col-70-sm{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-sm,.row .col-75-sm{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-sm,.row .col-80-sm{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-sm,.row .col-85-sm{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-sm,.row .col-90-sm{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-sm,.row .col-95-sm{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-sm,.row .col-100-sm{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-sm,.row .col-110-sm{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-sm,.row .col-120-sm{ margin:0 0 0 0;  width:120% !important; float:left; }


}





/*MEDIA QUERIES FOR TABLETS */
@media (min-width:769px) and (max-width: 992px) {


.responsive .grid-1-md,.row .col-1-md{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-md,.row .col-2-md{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-md,.row .col-3-md{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-md,.row .col-4-md{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-md,.row .col-5-md{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-md,.row .col-10-md{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-md,.row .col-15-md{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-md,.row .col-20-md{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-md,.row .col-25-md{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-md,.row .col-30-md{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-md,.row .col-33-md{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-md,.row .col-40-md{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-md,.row .col-45-md{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-md,.row .col-50-md{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-md,.row .col-60-md{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-md,.row .col-67-md{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-md,.row .col-70-md{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-md,.row .col-75-md{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-md,.row .col-80-md{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-md,.row .col-85-md{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-md,.row .col-90-md{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-md,.row .col-95-md{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-md,.row .col-100-md{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-md,.row .col-110-md{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-md,.row .col-120-md{ margin:0 0 0 0;  width:120% !important; float:left; }


}


/*MEDIA QUERIES FOR LARGE DEVICES */
@media (min-width:1480px){

.responsive .grid-1-lg,.row .col-1-lg{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-lg,.row .col-2-lg{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-lg,.row .col-3-lg{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-lg,.row .col-4-lg{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-lg,.row .col-5-lg{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-lg,.row .col-10-lg{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-lg,.row .col-15-lg{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-lg,.row .col-20-lg{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-lg,.row .col-25-lg{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-lg,.row .col-30-lg{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-lg,.row .col-33-lg{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-lg,.row .col-40-lg{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-lg,.row .col-45-lg{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-lg,.row .col-50-lg{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-lg,.row .col-60-lg{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-lg,.row .col-67-lg{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-lg,.row .col-70-lg{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-lg,.row .col-75-lg{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-lg,.row .col-80-lg{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-lg,.row .col-85-lg{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-lg,.row .col-90-lg{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-lg,.row .col-95-lg{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-lg,.row .col-100-lg{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-lg,.row .col-110-lg{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-lg,.row .col-120-lg{ margin:0 0 0 0;  width:120% !important; float:left; }

}



/* ********************* BUTTONS ********************* */

.bt,.button,button,input[type=submit],input[type=reset]{ background-color:#f0f0f0; border:1px solid transparent; padding:7px 14px; transition: background-color 0.2s ease-in-out; border-radius: 4px; font-size: 14px; line-height: 1; cursor:pointer;  display: inline-block; }
.bt:hover,.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover{ background-color:rgb(241,196,15); color:#fff;  }


.bt.big,.button.big,button.big,input[type=submit].big,input[type=reset].big{ border:1px solid transparent; padding:15px 25px; transition: background-color 0.2s ease-in-out; border-radius: 4px; font-size: 16px; line-height: 1; cursor:pointer;  display: inline-block; }
.bt.small,.button.small,button.small,input[type=submit].small,input[type=reset].small{ border:1px solid transparent; padding:4px 8px; transition: background-color 0.2s ease-in-out; border-radius: 4px; font-size: 12px; line-height: 1; cursor:pointer;  display: inline-block; }

.bt.small.rounded,.button.small.rounded,button.small.rounded,input[type=submit].small.rounded,input[type=reset].small.rounded{ border-radius: 10px; }
.bt.rounded,.button.rounded,button.rounded,input[type=submit].rounded,input[type=reset].rounded{ border-radius: 15px; }
.bt.big.rounded,.button.big.rounded,button.big.rounded,input[type=submit].big.rounded,input[type=reset].big.rounded{ border-radius: 25px; }

input[type=submit],input[type=reset]{   }
input[type=submit]:hover,input[type=reset]:hover{  }

.buttons-group{ display:inline-block; }
.buttons-group .button,.buttons-group button{ float:left; }

.buttons-group[type=pages] .button.selected{ color:#fff; background-color:rgb(241,196,15); text-shadow:0px 0px 1px rgba(0,0,0,0.5); cursor:default; }
.buttons-group[type=switch] .button.selected{ color:#fff; background-color:rgb(241,196,15); text-shadow:0px 0px 1px rgba(0,0,0,0.5); }
.buttons-group[type=select] .button.selected{ color:#fff; background-color:rgb(241,196,15); text-shadow:0px 0px 1px rgba(0,0,0,0.5); cursor:default; }



/* BACKGROUND COLORS */

.navy{ background-color:rgb(33,115,167); color:#fff; }
.blue{ background-color:rgb(53,152,219); color:#fff; }
.turquoise{ background-color:rgb(27,188,155); color:#fff; }
.lemon{ background-color:rgb(46,205,113); color:#fff; }
.green{ background-color:rgb(161,205,26); color:#fff; }

.yellow{ background-color:rgb(241,196,15); color:#fff; }
.orange{ background-color:rgb(232,157,11); color:#fff; }
.red{ background-color:rgb(232,76,61); color:#fff; }
.pink{ background-color:rgb(241,72,160); color:#fff; }
.purple{ background-color:rgb(155,88,181); color:#fff; }

.silver{ background-color:rgb(236,240,241); color:inherit; }
.gold{background-color:rgb(129, 103, 0); color:#fff; }
.concrete{ background-color:rgb(149,165,165); color:#fff; }
.asphalt{ background-color:rgb(92,109,125); color:#fff; }

.navy-light{ background-color:rgb(144,185,211); color:#fff; }
.blue-light{ background-color:rgb(154,233,207); color:#fff; }
.turquoise-light{ background-color:rgb(141,221,205); color:#fff; }
.lemon-light{ background-color:rgb(141,230,150); color:#fff; }
.green-light{ background-color:rgb(203,230,150); color:#fff; }

.yellow-light{ background-color:rgb(248,225,135); color:#fff; }
.orange-light{ background-color:rgb(243,190,145); color:#fff; }
.red-light{ background-color:rgb(243,165,158); color:#fff; }
.pink-light{ background-color:rgb(243,163,207); color:#fff; }
.purple-light{ background-color:rgb(205,171,218); color:#fff; }

.silver-light{ background-color:rgb(245,247,248); color:inherit; }
.concrete-light{ background-color:rgb(202, 210, 210); color:#fff; }
.asphalt-light{ background-color:rgb(173,182,190); color:#fff; }
.gold-light{background-color:rgb(192, 179, 128); color:#fff; }


.navy-darken{ background-color:rgb(24,85,124); color:#fff; }
.blue-darken{ background-color:rgb(39,113,162); color:#fff; }
.turquoise-darken{ background-color:rgb(20,139,115); color:#fff; }
.lemon-darken{ background-color:rgb(34,152,84); color:#fff; }
.green-darken{ background-color:rgb(112,152,34); color:#fff; }

.yellow-darken{ background-color:rgb(235,183,5); color:#fff; }
.orange-darken{ background-color:rgb(226,140,19); color:#fff; }
.red-darken{ background-color:rgb(182,46,45); color:#fff; }
.pink-darken{ background-color:rgb(179,33,119); color:#fff; }
.purple-darken{ background-color:rgb(115,65,134); color:#fff; }

.silver-darken{ background-color:rgb(175,178,179); color:#fff; }
.concrete-darken{ background-color:rgb(110, 122, 122); color:#fff; }
.asphalt-darken{ background-color:rgb(68,81,93); color:#fff; }
.gold-darken{background-color:rgb(96,76,0); color:#fff; }


.white{ background-color:rgb(255,255,255); color:inherit; }


.gray{ background-color:#777; color:#fff; }
.black{ background-color:rgb(0,0,0); color:#fff; }

.darken{ background-color:rgba(0,0,0); color:#fff; }
.darken-90{ background-color:rgba(0,0,0,0.9); color:#fff; }
.darken-80{ background-color:rgba(0,0,0,0.8); color:#fff; }
.darken-75{ background-color:rgba(0,0,0,0.75); color:#fff; }
.darken-70{ background-color:rgba(0,0,0,0.7); color:#fff; }
.darken-60{ background-color:rgba(0,0,0,0.6); color:#fff; }
.darken-50{ background-color:rgba(0,0,0,0.5); color:#fff; }
.darken-40{ background-color:rgba(0,0,0,0.4); }
.darken-30{ background-color:rgba(0,0,0,0.3); }
.darken-20{ background-color:rgba(0,0,0,0.2); }
.darken-10{ background-color:rgba(0,0,0,0.1); }

.gray-100,.black{ background-color:#000000; color:#fff; }
.gray-90{ background-color:#111111; color:#fff; }
.gray-80{ background-color:#222222; color:#fff; }
.gray-70{ background-color:#333333; color:#fff; }
.gray-60{ background-color:#444444; color:#fff; }
.gray-50{ background-color:#555555; color:#fff; }
.gray-40{ background-color:#666666; color:#fff; }
.gray-30{ background-color:#777777; color:#fff; }
.gray-20{ background-color:#888888; color:#fff; }
.gray-10{ background-color:#999999; color:#fff; }
.gray-5{ background-color:#d9d9d9; color:inherit; }
.gray-4{ background-color:#e0e0e0; color:inherit; }
.gray-3{ background-color:#e9e9e9; color:inherit; }
.gray-2{ background-color:#f0f0f0; color:inherit; }
.gray-1{ background-color:#f9f9f9; color:inherit; }



/* COLORS */

.color-navy{ color:rgb(33,115,167); }
.color-blue{ color:rgb(53,152,219);  }
.color-turquoise{ color:rgb(27,188,155);  }
.color-lemon{ color:rgb(46,205,113);  }
.color-green{ color:rgb(161,205,26);  }

.color-yellow{ color:rgb(241,196,15);  }
.color-orange{ color:rgb(232,157,11);  }
.color-red{ color:rgb(232,76,61);  }
.color-pink{ color:rgb(241,72,160);  }
.color-purple{ color:rgb(155,88,181);  }

.color-navy-light{ color:rgb(144,185,211);  }
.color-blue-light{ color:rgb(154,233,207);  }
.color-turquoise-light{ color:rgb(141,221,205);  }
.color-lemon-light{ color:rgb(141,230,150);  }
.color-green-light{ color:rgb(203,230,150);  }

.color-yellow-light{ color:rgb(248,225,135);  }
.color-orange-light{ color:rgb(243,190,145);  }
.color-red-light{ color:rgb(243,165,158);  }
.color-pink-light{ color:rgb(243,163,207);  }
.color-purple-light{ color:rgb(205,171,218);  }

.color-silver-light{ color:rgb(245,247,248);  }
.color-concrete-light{ color:rgb(202, 210, 210);  }
.color-asphalt-light{ color:rgb(173,182,190);  }
.color-gold-light{color:rgb(192, 179, 128);  }


.color-navy-darken{ color:rgb(24,85,124);  }
.color-blue-darken{ color:rgb(39,113,162);  }
.color-turquoise-darken{ color:rgb(20,139,115);  }
.color-lemon-darken{ color:rgb(34,152,84);  }
.color-green-darken{ color:rgb(112,152,34);  }

.color-yellow-darken{ color:rgb(235,183,5);  }
.color-orange-darken{ color:rgb(226,140,19);  }
.color-red-darken{ color:rgb(182,46,45);  }
.color-pink-darken{ color:rgb(179,33,119);  }
.color-purple-darken{ color:rgb(115,65,134);  }

.color-silver-darken{ color:rgb(175,178,179);  }
.color-concrete-darken{ color:rgb(110, 122, 122);  }
.color-asphalt-darken{ color:rgb(68,81,93);  }
.color-gold-darken{color:rgb(96,76,0);  }


.color-white{ color:rgb(255,255,255);  }

.color-silver{ color:rgb(236,240,241); }
.color-gold{color:rgb(129, 103, 0);  }
.color-concrete{ color:rgb(149,165,165);  }
.color-asphalt{ color:rgb(92,109,125);  }
.color-gray{ color:#777;  }
.color-black{ color:rgb(0,0,0);  }

.color-darken{ color:rgba(0,0,0);  }
.color-darken-90{ color:rgba(0,0,0,0.color-9);  }
.color-darken-80{ color:rgba(0,0,0,0.color-8);  }
.color-darken-75{ color:rgba(0,0,0,0.color-75);  }
.color-darken-70{ color:rgba(0,0,0,0.color-7);  }
.color-darken-60{ color:rgba(0,0,0,0.color-6);  }
.color-darken-50{ color:rgba(0,0,0,0.color-5);  }
.color-darken-40{ color:rgba(0,0,0,0.color-4); }
.color-darken-30{ color:rgba(0,0,0,0.color-3); }
.color-darken-20{ color:rgba(0,0,0,0.color-2); }
.color-darken-10{ color:rgba(0,0,0,0.color-1); }

.color-gray-100,.color-black{ color:#000000;  }
.color-gray-90{ color:#111111; }
.color-gray-80{ color:#222222; }
.color-gray-70{ color:#333333; }
.color-gray-60{ color:#444444; }
.color-gray-50{ color:#555555; }
.color-gray-40{ color:#666666; }
.color-gray-30{ color:#777777; }
.color-gray-20{ color:#888888; }
.color-gray-10{ color:#999999; }
.color-gray-5{ color:#d9d9d9; }
.color-gray-4{ color:#e0e0e0; }
.color-gray-3{ color:#e9e9e9; }
.color-gray-2{ color:#f0f0f0; }
.color-gray-1{ color:#f9f9f9; }


/* COMPONENTS */
.menu-box{  }
.menu-box li a{ border-bottom:1px solid rgba(0,0,0,0.30); border-top:1px solid rgba(255,255,255,0.10);  }
.menu-box li a.selected{ background-color:rgba(0,0,0,0.1);  }
.menu-box li:hover a{ background-color:rgba(255,255,255,0.1); }
.menu-box li:first-child a{ border-top:none;  }
.menu-box li:last-child a{ border-bottom:none;  }

/* accordion */
.accordion-box{  }
.accordion-box li.option a{ border-bottom:1px solid rgba(0,0,0,0.30); border-top:1px solid rgba(255,255,255,0.10);  }
.accordion-box li.option:hover a{ background-color:rgba(255,255,255,0.1); }
.accordion-box li.option a.selected{ background-color:rgba(0,0,0,0.1);  }
.accordion-box li.option:first-child a{ border-top:none;  }
.accordion-box li.option:last-child a{ border-bottom:none;  }

.accordion-box li.content{ border:none; background-color:rgba(255,255,255,0.75); display:none; }



/********* TABLE *********/
table{ width:100%; }
table caption{ border:none; padding:8px 5px; color:#555; }
table thead{ }
table thead tr{ background-color:rgba(0,0,0,0); }
table thead tr th{ text-align:left; padding:8px 5px; border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(0,0,0,0.1); }
table thead tr th:first-child{ border-left:none; }
table thead tr th:last-child{ border-right:none; }
table tbody{ cursor:default;}
table tbody tr{ background-color:rgba(255,255,255,0.8); }
table tbody tr:nth-child(even){ background-color:rgba(255,255,255,0.9); }
table tbody tr:hover{ background-color:rgba(255,255,255,97); }
table tbody tr.selected{ background-color:rgba(255,255,255,0.5); }

table tbody tr td{ border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(0,0,0,0.1);  padding:8px 5px; color:#333;  }
table tbody tr td:first-child{ border-left:none; }
table tbody tr td:last-child{ border-right:none; }


table.rounded { border-radius:3px; }
table.rounded thead tr th:first-child{ border-radius:3px 0 0 0; }
table.rounded thead tr th:last-child{ border-radius:0 3px 0 0; }
table.rounded tbody tr:last-child td:first-child{ border-radius:0 0 0 3px; }
table.rounded tbody tr:last-child td:last-child{ border-radius:0 0 3px 0; }




/* SCREEN MODE*/

.content{ width:100%; max-width: 1140px; margin:0 auto; padding:0 20px; }
.content-full{ width:100%; }
.screen-1024{ width:990px; }
.screen-1280{ width:1250px; }



/* SITE */


body{font-family: 'Poppins', sans-serif !important;  font-size: 14px;  padding-top:0px; font-weight: 300;  background: #fff; height: 100%; }
strong{ font-weight: 400; }
nav#menu-desktop{ position: fixed; top:0; left:0; z-index: 10; width: 100%;   background:transparent; padding:30px; text-align: center; transition: background .3s linear; transition: background 1s linear, top 1s;  }
nav#menu-desktop.hide{ top:-100px;   transition: background .2s linear,  top 1s;  }
nav#menu-desktop.active{ background:#000046;  transition: background .5s linear;  }
.roboto{ font-family: 'Roboto', sans-serif; } 
.poppins{ font-family: 'Poppins', sans-serif !important; } 
.montserrat{ font-family: 'Montserrat', sans-serif; } 
.verdana{ font-family: 'Verdana', sans-serif; }
.fw-100{ font-weight: 200 !important; } 
.fw-200{ font-weight: 300 !important; } 
.fw-300{ font-weight: 300 !important; } 
.fw-400{ font-weight: 400 !important; } 
.fw-500{ font-weight: 500 !important; } 
.fw-700{ font-weight: 700 !important; } 
.fw-900{ font-weight: 900 !important; } 
.font-16{ font-size: 16px !important;  }
.font-18{ font-size: 18px !important;  }
.blue{ background:#00ACFF !important; }
.color-blue{ color:#00ACFF !important; }
nav#menu-mobile{ display: none; }
nav#menu-mobile-fixed{ display: none; }

nav ul{padding-top:2px;}
nav ul li{}
nav ul li.menu-links{ padding: 13px 0 0 19px; text-align: left;  }
nav ul li.menu-links a{ font-family: sans-serif;  color:#fff; display: inline-block; font-size: 16px; width: 94px;  margin:0 0 0 -4px; font-weight: 400; text-align: center; hyphens: manual; text-size-adjust:100%; }
nav ul li.menu-links a:after{ content:" ";  opacity:0; display:block; width:100%; height: 5px; background:rgb(53,152,219); margin-top:15px;  transition: opacity .3s; }
nav ul li.menu-links a:hover:after,nav ul li.menu-links a.selected:after{  color:rgb(53,152,219) !important; opacity: 1; transition: color .3s, opacity .3s; }
nav ul li.menu-links a:hover{ color:rgb(53,152,219); opacity: 1; transition: color .3s, opacity .3s; }
nav ul li a.button{  font-family: sans-serif !important; font-weight: 500 !important; font-size: 13px !important; hyphens: manual; padding: 16px 24px !important; margin-top: 8px; margin-right: -16px; letter-spacing:.2px;}
nav ul li a.button:hover{ background: #fff !important; color:#000046;  }
a.menu-logo{ position:relative !important; left: -20px; top:5px; display: inline-block; }
a.menu-logo.lgpd{ position:relative !important; left: -20px; top:10px; display: inline-block; }

nav ul li.menu-links.lgpd{ padding: 23px 0 0 10px; text-align: left;  }
nav ul li.menu-links.lgpd a{ font-family: sans-serif !important;  margin-right: 20px; color:#fff; display: inline-block; font-size: 16px; width: 94px; font-weight: 400; text-align: center; hyphens: manual; text-size-adjust:100%; }
nav ul li a.button.lgpd{  font-family: sans-serif !important; font-weight: 500 !important; font-size: 15px !important; hyphens: manual; padding: 16px 24px !important; margin-top: 8px; margin-right: -16px; letter-spacing:.2px;}

header{  background: #000046 url(../img/grafico-globo-2.png?v=3) -45% 140px no-repeat; background-size: 80% auto;  height:98vh; max-height:617px; padding-top:180px; }
header.banner-lgpd{  background: #000046 url(../img/banner-lgpd-2.jpg?v=2) left center  no-repeat !important; background-size:cover !important; height:98vh; padding-top:130px; }

/* header:after{  content:" ";  position:absolute; top:0; left:0; z-index:0; background: rgba(0,0,0,.5); height:100vh; width: 100%; display: block; } */

header div.content{ padding:20px 0;  position: relative;z-index: 1; }
header div.content div.left-side{ margin-left: -30px; }
header div.content div.left-side h2{ color:#fff; background: transparent url(../img/slash.png) 0 7px no-repeat; background-size: auto 28px; font-size:30px; font-weight: 300 !important; text-transform: uppercase; line-height: 1.3;   padding-left: 30px; margin-bottom:20px; }
header div.content div.left-side h2 strong{ font-weight: 700 !important;  }
header div.content div.left-side h2.no-bar{ color:#fff; background:none; font-size:34px; margin-top:-10px; text-transform: uppercase; line-height: 1.3; margin-bottom:20px; }

header div.content div.left-side p{ font-family: 'Roboto', sans-serif; color:#fff; font-size:16px; font-weight: 400; line-height: 1.4; padding-left: 30px; margin-bottom:25px; }
header div.content div.left-side p a.button.white.wired{ text-transform:uppercase; font-size:15px; letter-spacing:1px; color:#fff; background:transparent !important; border:2px solid white; transition: background:.2s; }
header div.content div.left-side p a.button.white.wired:hover{ text-transform:uppercase; font-size:15px; letter-spacing:1px; color:#000046; background:white !important; transition: background:.2s;}
header.banner-lgpd div.content div.left-side p{  font-family: 'Verdana', sans-serif; line-height:1.5; padding-right: 20px; font-size:16px !important;  }
header.banner-lgpd div.content div.left-side p a.button{  font-size:15px !important; letter-spacing: 0 !important; }

header div.content div.right-side ul {  margin-top:-10px; }
header div.content div.right-side ul li{  color:#fff;  }
header div.content div.right-side ul li a,header div.content div.right-side ul li strong{  font-weight: 500; font-family: 'Poppins', sans-serif !important; padding:23px 30px; color:#fff;  font-size: 24px; display: 	block; text-transform: uppercase;  transition: background:.2s; border-radius: 0; }
header div.content div.right-side ul li a{ border:8px solid #fff;  font-size: 28px; font-weight: 500; }

/*header div.content div.right-side ul li a:hover{ color:#000046; background:white !important; transition: background:.2s; }
*/
.content{ max-width: 1160px; }
ul.slider-logos,ul.slider-logos-2{ margin-top:-20px; pointer-events: none; }
ul.slider-logos li,ul.slider-logos-2 li{   }
ul.slider-logos li img,ul.slider-logos-2 li img{ width:70%; margin:0 auto; }

div.middle{ display: flex; align-items: center; height: 680px; padding-right: 20px;  }

#topicos{ padding-top: 20px; }
div#proteja-se{ margin-left:-30px; }
div#proteja-se h2{ color:#000046; background: transparent url(../img/slash.png) 0 7px no-repeat; background-size: auto 30px; font-size:30px; font-weight: 500; text-transform: uppercase; line-height: 1.3;   padding-left: 30px; margin-bottom:20px; }
div#proteja-se p{  padding-left: 17px; position: relative; left: 13px; margin-bottom:20px; color:#929292; font-size: 15px; line-height: 1.5;}
div#proteja-se p:nth-child(1){ margin-bottom:0px; }
div#proteja-se p a.button{ box-shadow:0 0 5px rgba(0,0,0,.5);  transition: box-shadow .2s; margin-top:30px; }
div#proteja-se p a.button:hover{ box-shadow:5px 5px 5px rgba(0,0,0,.25); transition: box-shadow .2s; }


div#box-right{ padding-left:20px; }
ul#boxes li{ padding:0 5px 20px 0; font-family: sans-serif; }
ul#boxes li > div{ padding:25px 27px 25px 27px; background: transparent; transition: background .2s, transform .2s; height: auto; }
ul#boxes li > div svg{ height: 40px; }
ul#boxes li > div h3{ color:#333; font-size: 14px; font-family: Verdana,sans-serif; font-weight: 400; margin: 20px 0 0 0; line-height: 1.3;  height: 38px; }
ul#boxes li > div:hover h3{ color:#fff;  }
ul#boxes li > div h3 a{ color:#ed1280; font-size: 14px;  }
ul#boxes li > div h3 a:hover{ color:#000046;  }
ul#boxes li > div p{ margin-top:20px; color:#777; line-height: 1.5;  font-size: 13px;  height:auto; }
ul#boxes li > div p a.button.white.wired{ color:#000046; background: transparent; border:1px solid #000046; padding: 10px 10px; font-size: 15px; font-weight: 500; }
ul#boxes li > div p a.button.white.wired:hover{ color:#fff; background: #000046; border:2px solid #000046;  }
ul#boxes li > div:hover{ background: rgb(53,152,219); transform: scale(1.1); transition: background .2s, transform .2s;}
ul#boxes li > div:hover p a.button.white.wired{font-family: Verdana,sans-serif; color:#fff; background:#000046; border:1px solid #000046;  }
ul#boxes li > div:hover p{ color:#fff;   }
ul#boxes li > div:hover p a.button.white.wired:hover{ color:#000046; background:#fff; border:1px solid #fff;  }
ul#boxes li > div:hover svg *{ fill: #fff;  }

ul#boxes li.mtop > div {  }

ul#boxes li.active > div{ padding:25px 30px 25px 30px; background: #000046; transition: background .2s, transform .2s; height: auto; }
ul#boxes li.active > div h3{ color:#fff; font-size: 14px; margin: 20px 0 0 0  ; line-height: 1.3; height: auto;  }
ul#boxes li.active > div p{ margin-top:20px; height: auto;  }
ul#boxes li.active > div p a.button.white.wired{ color:#fff; background: transparent; border:1px solid #fff;  }
ul#boxes li.active > div p a.button.white.wired:hover{ color:#000046; background: #fff; border:1px solid #fff;  }
ul#boxes li.active > div:hover{ background: rgb(53,152,219); transform: scale(1.1); transition: background .2s, transform .2s;}
ul#boxes li.active > div:hover h3{ color:#fff; }
ul#boxes li.active > div:hover p a.button.white.wired{ color:#fff; background:#000046; border:1px solid #000046;  }
ul#boxes li.active > div:hover p a.button.white.wired:hover{ color:#000046; background: #fff; border:1px solid #fff;  }
ul#boxes li.active > div p{ color:#fff; }

section#sobre{ padding:50px 0px ; background: #F6F6F6 url(../img/grid-squares.png) 5% 100%  no-repeat; background-size: auto 200px; }

section#sobre.no-bg{ background:none !important;  padding:50px 0px 30px 0px; }

section#sobre div.content{  }
section#sobre div.content > div:nth-child(2){ padding: 0px 0 0 85px; }
section#sobre div.content > div h2{ color:#000046; margin-bottom: 27px; font-size: 30px; }
section#sobre div.content > div h2.fw-500{ font-size: 33px; font-weight: bold !important; }
section#sobre div.content > div h2 strong{ font-weight: 700 !important; }
section#sobre div.content > div > img{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);  }
section#sobre div.content > div p{ color:#929292; margin-bottom: 22px; font-size: 15px; line-height: 1.5; }
section#sobre div.content > div p.p2{ color:#333; font-size: 16px; line-height: 1.5; }

section#sobre div.content > div p a.button{ box-shadow:0 0 5px rgba(0,0,0,.5);  transition: box-shadow .2s;  }
section#sobre div.content > div p a.button:hover{  box-shadow:5px 5px 5px rgba(0,0,0,.25);  transition: box-shadow .2s;  }
section#sobre div.content > div p:nth-child(4){ margin-bottom:0; }
section#sobre div.content > div p.margin-auto{ margin-bottom:12px !important; }
section#sobre div.content > div p.margin-auto span{ color:#000046; line-height:1; height: 30px; width: 30px; float:left; font-size: 20px; }
.color-gray{ color:#333 !important; }
section#parceiros{ padding:50px 0px 30px 0; background: #F6F6F6;  }
section#parceiros > div{ margin-top:40px; }
section#parceiros div h3{  line-height: 1.3; color: #333; font-size: 19px; margin-bottom: 0; }
section#parceiros div h3:before{ content:" "; width: 140px; height: 1px; background: #333; margin-bottom: 30px; display: block; }
section#parceiros div div.col-60{  }
section#parceiros div div.col-60 ul li{ line-height: 1.3; font-size: 14px; margin-bottom: 10px; color:#333; padding-right:0px;  }
section#parceiros div div.col-60 ul li:nth-child(odd){ padding-right:30px;  }
section#parceiros div div.col-60 ul li span{ color:#000046; line-height:1; height: 40px; width: 25px; padding-top:3px; float:left; font-size: 15px; }

section#parceiros div div.col-100{ padding-top:50px; }
section#parceiros div div.col-100 h2{ border-top:1px solid #ccc;  color:#000046; text-align: center; padding-top:50px; margin-bottom:40px; font-size: 32px; }

section#contato{  background: #000046 url(../img/bg_contato.jpg) 100% 50%  no-repeat;  background-size:auto 100%; }
section#contato.pos2{  background: #000046 url(../img/bg_contato.jpg) 0% 50%  no-repeat;  background-size:auto 100%; }

section#contato h2{ color:#fff; margin-bottom: 30px; font-size: 32px; }
section#contato h2 strong{ font-weight: 700 !important;   }
section#contato p{ color:#fff; margin-bottom: 20px; line-height: 1.4;  font-size: 16px; }
section#contato p span{ width:35px; height: 30px; display: block; float: left; font-size: 20px; line-height: 1; }
div#text-contato{  padding:80px 0px 60px 0px; }
div#bg-contato{  height: 420px;  }

section#metodologia{ padding:50px 0px ;  }
section#metodologia div.content{  }
section#metodologia div.content h2{ color:#000046; text-align: center !important; margin-bottom: 30px; font-size: 32px; line-height: 1.4;  }
section#metodologia div.content p{ color:#333; text-align: center; margin-bottom: 12px; font-size: 16px; }
section#metodologia div.content p strong{ font-weight: bold; }
section#metodologia div.content p.padding{ padding:0 50px; }
section#metodologia div.content p.color-light{ color:#C3C3C3 !important; }

section#metodologia div.content ul.slider-logos{ margin-top:50px; margin-bottom: 50px; }
section#metodologia div.content ul.slider-logos li span img{ max-height: 50px; width: auto; }
p.img-container{ margin-bottom: 50px; text-align: center; }
p.img-container.limit img{ max-width: 800px !important; }

section#etapas{ background: #f5f5f5; padding:50px 20px; }
section#etapas div.content h2{ color:#000046; text-align: center !important; margin-bottom: 30px; font-size: 32px; line-height: 1.4;  }
section#etapas div.content p{ color:#555; text-align: center; margin-bottom: 12px; font-size: 17px; }
section#etapas div.content p.padding{ padding:0 50px; }
section#etapas div.content p.color-light{ color:#777 !important; font-size: 15px; font-weight: 300; }

section#servicos{ background: #000046 url(../img/bg-3.jpg) center center no-repeat; background-size: cover; padding:50px 20px; }
section#servicos div h2{ color:#fff; font-size:30px; line-height: 1.4; }
section#servicos div p{ color:#fff; font-size:16px; margin-bottom: 20px; }
section#servicos div ul{ margin:40px 0; }
section#servicos div ul li p{ line-height: 1.3; font-size: 16px; margin-bottom: 10px; height: auto; color:#fff; padding-right:20px;  }
section#servicos div ul li p span{ color:#00acff; line-height:1; height: 30px; width: 30px; float:left; font-size: 16px; padding-top: 3px; }

.button:hover{ background:#000046;} 
input::placeholder{ color:#555; }
label{ font-weight: 700; cursor: pointer;  }
label:hover{ color: #24AAE2;  }
aside{ padding:50px 0 0 0; }
aside form{ max-width: 800px; margin: 0 auto; }
aside form div p{ margin-bottom: 3px; zoom:1.7; }

footer{ background: #2F2F2F; padding:40px; }
footer ul li { color:#fff; }
footer ul li:nth-child(1){ padding-top: 10px; }
footer ul li:nth-child(3){ padding-top: 10px; }
footer ul li:nth-child(3) a{ display: inline-block; margin-left:20px; }

div#modal-overlay{ display: none; background: rgba(0,0,0,.75); position: fixed; top:0; left:0; z-index: 101; width: 100%; height: 100%; }
div.modal-box{ display: none; position:relative; position: fixed; top:50%; left:50%; z-index: 101;  width: 800px; height: 520px; margin-left:-400px; margin-top:-250px; background: white; box-shadow: 10px 10px 10px rgba(0,0,0,.25);  }
div.modal-box > div { overflow: auto !important; height: 100%; }
div.modal-box > div{ padding:0; }
div.modal-box > div > div:nth-child(2){ padding:40px;  display: flex; align-content: center; }
div.modal-box div h2{ color:#000046; margin-bottom:20px; line-height: 1.3; font-size: 27px; }
div.modal-box div h2 strong{ font-weight: 700 !important;}
div.modal-box div p{ color:#333; margin-bottom:10px; font-family: 'Verdana', sans-serif; }
div.modal-box div p span{ display: block; color:#00ACFF; padding-top: 3px; float:left; width: 30px; height: 40px; font-size: 16px; line-height: .8; }
.close-modal{ color:#555; position: absolute; top:15px; right: 30px; font-weight: bold;font-size: 28px; }
.close-modal:hover{ color:tomato; }
div.modal-box div p:after{ content:" "; display: block; clear: both; }

.bg-modal-1{ background: #fff url(../img/modal01.jpg) center center no-repeat; background-size: cover; height:970px; }
.bg-modal-2{ background: #fff url(../img/modal02.jpg) center center no-repeat; background-size: cover; height:100%; }
.bg-modal-3{ background: #fff url(../img/modal03.jpg) center center no-repeat; background-size: cover; height:100%; }
.bg-modal-4{ background: #fff url(../img/modal04.jpg) center center no-repeat; background-size: cover; height:100%; }
.bg-modal-5{ background: #fff url(../img/modal05.jpg) center center no-repeat; background-size: cover; height:100%; }
.bg-modal-6{ background: #fff url(../img/modal06.jpg) center center no-repeat; background-size: cover; height:100%; }
.bg-modal-7{ background: #fff url(../img/modal07.jpg) center center no-repeat; background-size: cover; height:100%; }
.bg-modal-8{ background: #fff url(../img/modal08.jpg) center center no-repeat; background-size: cover; height:100%; }

a.button{ border-radius: 0px !important; font-family: 'Montserrat', sans-serif; letter-spacing: .2px; text-size-adjust:100% !important; }
a.button.big{ padding:20px 30px; font-size: 13px !important; }

span img.check{ height:16px !important; }

@media (min-width:1600px) and (max-width: 2400px) {

section#sobre{ padding:50px 0px ; background: #F6F6F6 url(../img/grid-squares.png) 21% 95%  no-repeat; background-size: auto 200px; }
section#contato{  background: #000046 url(../img/bg_contato.jpg) 150% 50%  no-repeat;  background-size:auto 200%; }
section#contato.pos2{  background: #170F3D url(../img/bg_contato.jpg) 0% 50%  no-repeat;  background-size:auto 140%; }

}

@media (min-width:0px) and (max-width: 800px) {

.mob-text-center{ text-align: center !important;  }
a.bt-menu{ position: absolute; top:37px ; right: 35px; z-index: 1; font-size: 23px; color:#fff; font-weight: bold; text-transform: uppercase; }
a.bt-close{ position: absolute; top:37px ; right: 35px; z-index: 1; font-size: 23px; color:#fff; font-weight: bold; text-transform: uppercase; }

nav#menu-mobile{ background:#000046; display: none;  padding-top:40px; position:relative; position: fixed; top:0; left:0; z-index: 20; width: 100%; height: 100%;  transition: background .2s linear;  padding:30px; text-align: center; transition: background .3s linear;   }
nav#menu-mobile.active{ display: block !important;  }
nav#menu-mobile-fixed{ display:block; background:#000046; padding:30px; position: relative; position: fixed; top:0; left:0; z-index: 10; width: 100%; height:auto;  transition: background .2s linear; text-align: left; transition: background .3s linear;  box-shadow: 0 0 5px rgba(0,0,0,.3); }

nav#menu-mobile ul{ padding-top: 90px; }
nav#menu-mobile ul li.menu-links{ padding: 20px 20px;   }
nav#menu-mobile ul li.menu-links a{ display:block; color:#fff;  font-size: 22px; margin:30px 0; text-align: center; width: 100% !important; }


header{  background: #000046 url(../img/grafico-globo-2.png?v=3) 0% 150%  no-repeat; background-size:110% auto;  height: auto; padding:20px; padding-top: 90px;   }
header.banner-lgpd{  background: #000046 url(../img/banner-lgpd-2.jpg?v=3) left center  no-repeat !important; background-size:cover !important; height:auto; padding-top:140px; }

header div.content div.left-side{ margin-left: initial; }
header div.content div.left-side{ margin-left: initial; text-align: center; }
header div.content div.left-side h2{ color:#fff; background:none;  font-size:24px; padding-left: 0px; margin-bottom:20px; }
header div.content div.left-side h2 strong{ display: block; }
header div.content div.left-side h2.no-bar{ font-size:24px; margin-top:-10px; margin-bottom:20px; }
header div.content div.left-side p{ padding-left: 0px; margin-bottom:25px; }
header div.content div.right-side ul { padding: 0 30px; display: none !important;  }

header.banner-lgpd div.left-side h2{ font-size: 18px;  }
header.banner-lgpd div.content div.left-side h2.no-bar {  font-size: 20px; }
div.middle{ height: auto; padding-right:initial; padding: 20px;  }

section#servicos div ul li p{ min-height:initial; height: auto; line-height: 1.4; color:#fff; padding-right:0px;  margin-bottom: 10px; }
section#servicos div ul li { margin-bottom: 20px; }
section#servicos div ul li p:after{ content:" "; clear:both; display: block;} 
section#servicos div ul{ margin-bottom: 0; }
section#servicos div ul li p span{ color:#00acff; line-height:1; height: 20px; width: 30px; float:left; font-size: 16px; padding-top: 3px; }

div#proteja-se{ margin-left:initial; }
div#proteja-se h2{ text-align:center; color:#000046; background: none; background-size: auto 30px; font-size:24px; padding-left:initial; margin-bottom:20px; }
div#proteja-se h2 br{ display: none; }
div#proteja-se h2 strong{ display:block; }
div#proteja-se p{  padding-left:initial; position: initial; left:initial;  text-align: center; }
div#proteja-se p:nth-child(1){ margin-bottom:0px; }
div#proteja-se p a.button{ box-shadow:0 0 5px rgba(0,0,0,.5);  transition: box-shadow .2s; margin-top:30px; }
div#proteja-se p a.button:hover{ box-shadow:5px 5px 5px rgba(0,0,0,.25); transition: box-shadow .2s; }

div#box-right{ padding: 0px 0px; }
ul#boxes li > div{ height: auto; }
ul#boxes li > div h3{ margin: 20px 0; line-height: 1.3;  height: auto; }
ul#boxes li > div p{ margin-bottom:20px; color:#777; line-height: 1.5;  font-size: 13px;  height:auto;}

section#sobre{ padding:50px 0px ;  }

section#sobre{ padding: 0 0 ;  background: #F6F6F6; }
section#sobre div.content > div:nth-child(2){ padding: 20px 20px; }
section#sobre div.content > div:nth-child(2) h2{ text-align: center; }
section#sobre div.content > div:nth-child(1){ background: #F6F6F6 url(../img/grid-squares.png) -0% 105%  no-repeat; background-size: auto 200px;  padding: 0 0 30px 0; }
section#sobre div.content > div:nth-child(1) img{ opacity: 1; }
section#sobre div.content{ padding: 0 0 0px 0; }

section#sobre div.content > div.col-100-sm{ padding: 0px 20px; }


section#metodologia{ padding:50px 0px ;  }
section#metodologia div.content{  }
section#metodologia div.content p.padding{ padding:0 0px; }


section#parceiros{ padding:20px 10px ; background: #F6F6F6;  }
section#parceiros div div.col-70{ padding-left: initial; padding-top: 40px; }

section#parceiros > div{ margin-top:0px; }
section#parceiros div h3{  line-height: 1.3; color: #333; font-size: 19px; margin-bottom: 30px;  text-align: center; }
section#parceiros div h3:before{ content:" "; width: 140px; height: 1px; background: #333; margin:0 auto; margin-bottom: 30px;  display: block; }
section#parceiros div h2{ font-size: 24px !important;  margin-bottom: 0; text-align: center; }
section#parceiros div h2 br{ display: none;}



section#contato{ padding:10px; padding-bottom: 0px;  background: #170F3D;  background-size: 100% auto; }
section#contato #text-contato {  padding:20px 0  0 0;  }
section#contato h2{ font-size: 24px;  }
section#contato.pos2{  padding-top:0;  padding-bottom: 0px; background: #170F3D;  background-size:auto 50%; }

div#bg-contato{  display: none;  }
.p-bt{ margin-top:20px; }
#text-contato p { margin-bottom: 10px; }
#text-contato p br { display: none; }
#text-contato p span { display:inline-block; height: 50px !important; }
#text-contato p:after{ content:" "; clear:both; display: block; }

footer{ background: #2F2F2F; padding:20px; }
footer ul li { color:#fff; padding: 20px; line-height: 1.3; }
footer ul li:nth-child(1){ text-align:center;  }
footer ul li:nth-child(3){ text-align:center;  }
footer ul li:nth-child(3) a{ display: inline-block; margin-left:initial; margin:0 10px ; }

.close-modal{ font-size: 38px;  color:tomato;}

aside{ padding-top:0px !important; }

div#modal-overlay{ display: none; background: rgba(0,0,0,.75); position: fixed; top:0; left:0; z-index: 101; width: 100%; height: 100%; }
div.modal-box{ display: none; position:relative; position: fixed; top:0; left:0; z-index: 101;  width: 100%; height: 100%; margin-left:initial; margin-top:initial; background: white; box-shadow: 10px 10px 10px rgba(0,0,0,.25);  }
div.modal-box > div { overflow: auto !important; height: 100%; }
div.modal-box > div{ padding:0; }
div.modal-box > div > div:nth-child(1){ height: 30%; }
div.modal-box > div > div:nth-child(2){ height: 70%; padding:20px;  display: initial; align-content: initial; }
div.modal-box div h2{ color:#000046; margin-bottom:20px; line-height: 1.3; font-size: 27px; }
div.modal-box div p{ color:#555; margin-bottom:30px; }
div.modal-box div p span{ color:#00ACFF; float:left; height: 40px; font-size: 24px; line-height: .8; }


}


/* slick */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Correção da lista de Políticas no rodapé */
.footer-politicas ul li {
    padding-top: 0 !important;   /* remove o padding que vinha do nth-child */
    margin: 0 !important;
    line-height: 1.3;            /* deixa o espaçamento entre linhas igual */
    text-align: left;
}

.footer-politicas ul li a {
    display: inline !important;  /* texto na mesma linha do bullet */
    margin: 0 !important;
}