/* --- font face --- */


/* poppins-300 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../webfonts/poppins-v13-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Poppins Light'), local('Poppins-Light'), url('../webfonts/poppins-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-300.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-regular - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/poppins-v13-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Poppins Regular'), local('Poppins-Regular'), url('../webfonts/poppins-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-500 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../webfonts/poppins-v13-latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Poppins Medium'), local('Poppins-Medium'), url('../webfonts/poppins-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-500.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-600 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../webfonts/poppins-v13-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../webfonts/poppins-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-600.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-700 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/poppins-v13-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Poppins Bold'), local('Poppins-Bold'), url('../webfonts/poppins-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-700.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-800 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../webfonts/poppins-v13-latin-800.eot');
    /* IE9 Compat Modes */
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url('../webfonts/poppins-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-800.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-900 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../webfonts/poppins-v13-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Poppins Black'), local('Poppins-Black'), url('../webfonts/poppins-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/poppins-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/poppins-v13-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/poppins-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/poppins-v13-latin-900.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/*

font
-----
font-family: 'Poppins';
300: light
400: regular
500: medium
600: semibold
700: bold
800: extrabold
900: black

cores
------
verde padrao: #42c731
verde hover: #339926

*/


/* --- general --- */

html {
    height: 100%
}

body,
td,
th {
    font-family: 'Poppins', Arial, Verdana;
    font-display: swap;
}

body {
    font-family: 'Poppins', Arial, Verdana;
    font-display: swap;
    height: 100%;
    min-width: 380px;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    color: #333;
    background-color: #FFF;
    background-image: url(../images/bgPlanosHome.jpg);
    overflow: auto;
}

a {
    text-decoration: none;
    outline: none;
    color: #000;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a:hover {
    text-decoration: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a img {
    /*
	display: block;
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	max-width: 100%;
	height: auto;
	*/
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1;
    max-width: 100%;
    height: auto;
    margin: 0 8px 0 0;
    float: left;
}

a:hover img {
    opacity: 0.8;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

p {
    font-size: 1.125rem;
    padding: .375rem 0;
    color: #000;
    line-height: 1.6;
}

p#main {
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0
}

.b,
strong,
.bold {
    font-weight: 600
}

.clearfix:after {
    font-size: 0px;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}

.clear {
    float: none;
    clear: both
}

.relative {
    position: relative
}

.responsive {
    max-width: 100%;
    height: auto;
}

figure {
    padding: 0;
    margin: 0
}

.valign {
    /*display: flex;*/
    display: grid;
    align-items: center;
}

.valignFlex {
    display: flex;
    align-items: center;
}

.vhalign {
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-gutter [class*='col-'],
.no-gutter [class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.inline {
    display: inline-block;
}

.shad {
    -webkit-box-shadow: 0px 6px 8px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 6px 8px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 8px 4px rgba(0, 0, 0, 0.15);
}

.shad2x {
    -webkit-box-shadow: 0px 7px 7px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 7px 7px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 7px 7px 5px rgba(0, 0, 0, 0.35);
}

.note {
    font-size: .9375rem;
    color: #333;
}


/* --- display --- */

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}


/* --- table --- */

table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #CCC;
}


/* Zebra striping */

tr:nth-of-type(odd) {
    background: #EEE;
}

table td,
table th {
    padding: 10px 6px;
    font-family: 'Poppins', Arial, Verdana;
    font-display: swap;
    font-size: 1rem;
    line-height: 1.4;
    vertical-align: middle;
}

table.c td,
table.c th {
    text-align: center;
}

table th {
    background-color: #267b86;
    border-right: 1px solid rgba(0, 0, 0, .25);
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

table tfoot td {
    border-top: 1px solid #CCC;
    background-color: #267b86;
    color: #FFF;
    font-weight: bold;
    border-right: 1px solid rgba(0, 0, 0, .25);
    border-bottom: 1px solid rgba(0, 0, 0, .25);
}


/* --- form --- */

input,
textarea,
select {
    font-family: 'Poppins', Arial, Verdana;
    font-display: swap;
    border: 1px solid #C1C1C1;
    font-size: 1rem;
    line-height: 24px;
    padding: 12px 10px;
    color: #777;
    margin: 0;
}

select {
    padding: 13px 10px;
}

input[type='number'] {
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form {
    font-family: 'Poppins', Arial, Verdana;
    font-display: swap;
    text-align: center;
}

.form input,
.form textarea,
.form select {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #CCC;
    font-size: 18px;
    color: #000;
    padding: 10px;
}

.form .form-group {
    width: 100%;
}

.form .form-group.field50,
.form select.field50 {
    width: 49%;
    float: left
}

.form .form-group.formSpc {
    margin-right: 2%
}

.form input:hover,
.form textarea:hover,
.form select:hover {
    background-color: #eaeaea;
    color: #000
}

.form input:focus,
.form textarea:focus,
.form select:focus {
    background-color: #dadada;
    color: #000
}

.form label {
    width: 100%;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    padding: 16px 0 5px;
    float: left;
    text-align: left;
}

.form label.error {
    width: 100%;
    font-size: .875rem;
    color: #F00;
    background-color: #FF0;
    padding: 6px;
}

.form .field50.error+label.error {
    width: 49%;
    background-color: #FF0;
}

.form input[type="radio"] {
    width: auto;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
}

.form ::placeholder {
    color: #000;
    opacity: 1
}


/* Chrome, Firefox, Opera, Safari 10.1+ */

.form :-ms-input-placeholder {
    color: #000
}


/* Internet Explorer 10-11 */

.form ::-ms-input-placeholder {
    color: #000
}


/* --- headers --- */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 700
}


/* --- header --- */

.sticky {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.sticky2 {
    padding-bottom: 20px;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.header-top-bar-container .header-toggle {
    display: none;
    clear: both;
    text-align: center;
    color: #777;
    padding: 15px 0;
}

.header-top-bar-container .header-toggle:hover {
    color: #000;
}

.header-top-bar-container .header-toggle {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-filter: fliph;
    filter: fliph;
}

.header-top-bar-container .header-toggle.active {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.header-top-bar div {
    display: inline-block
}

header {
    width: 100%;
    /*position: fixed;*/
    /*position: absolute;*/
    z-index: 2000;
}

header .logo {
    width: 270px;
    height: auto;
    text-align: center;
    float: left;
}

header .logo a {
    width: auto;
    display: inline-block;
    height: auto;
}

header .headerBg {
    padding: 20px 0;
    background-color: rgba(255, 255, 255, .5);
}

header .barraTopo {
    padding: 10px 0;
    background-color: #42c731;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}

header.sticky2 .barraTopo {
    height: 40px;
    padding: 6px 0 0;
    border-bottom: 1px solid #FFF;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .barraTopo a {
    margin-left: 55px;
    font-size: 22px;
    font-weight: 500;
    color: #FFF;
}

header.sticky2 .barraTopo a {
    margin-left: 123px;
}

header .barraTopo a:first-child {
    margin-left: 0;
}

header .barraTopo a span {
    font-size: 18px;
}

header .barraTopo a:hover {
    color: #FFF
}

header img.light-shadow {
    /*filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, .8));*/
    filter: drop-shadow(-1px 0 1px rgba(255, 255, 255, .8)) drop-shadow(0 1px 1px rgba(255, 255, 255, .8)) drop-shadow(1px 0 1px rgba(255, 255, 255, .8)) drop-shadow(0 -1px 1px rgba(255, 255, 255, .8));
}

#header {
    overflow: auto;
}

.headerInt {
    /*position: relative;*/
    background-color: #e4ede5;
    padding: 30px 0;
    margin-top: 20px;
}

.headerInt div {
    overflow: hidden;
}

.headerInt h1 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    /*
    padding: 20px 40px;
    background-color: rgba(255, 255, 255, .6);
    position: absolute;
    left: calc(50%);
    top: calc(50%);
    */
}


/* --- sf-menu superfish --- */

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.sf-menu li {
    position: relative;
    text-align: left
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: calc(100% + 2px);
    left: 0;
    z-index: 99;
}

.sf-menu>li {
    display: inline-block;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: calc(100% + 2px)
}

.sf-menu {
    width: 100%;
}

.sf-menu ul {
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .2);
    min-width: 12em;
    /* allow long menu items to determine submenu width */
    *width: 12em;
    /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    /*text-shadow: -1px 0 0px rgba(255, 255, 255, .65), 0 1px 0px rgba(255, 255, 255, .65), 1px 0 0px rgba(255, 255, 255, .65), 0 -1px 0px rgba(255, 255, 255, .65);*/
    padding: 10px 14px;
    text-decoration: none;
    zoom: 1;
    /* IE7 */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sf-menu a:hover {
    text-decoration: underline;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sf-menu li {
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    /*
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    */
}

.sf-menu ul {
    border-left: 1px solid #33757b;
    border-bottom: 1px solid #33757b
}

.sf-menu ul li {
    background: #5c9ea4;
    border-top: 1px solid #33757b;
    border-right: 1px solid #33757b;
}

.sf-menu li i {
    color: #42c731;
}

.sf-menu li span.iconAreaCli {
    padding: 5px 10px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #000;
    margin-left: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}


/*.sf-menu>li:hover>a {
    color: #000;
}*/


/*.sf-menu ul li:hover {
    background: #71b3b9;
}*/

.sf-menu ul li a {
    font-size: 1rem;
}

header.sticky2 .sf-menu a {
    padding: 17px 20px 13px;
}

header .sf-menu li:hover a,
header.sticky2 .sf-menu li:hover a {
    text-decoration: underline;
}


/*
chaining hover
#nav > li:hover > a {}
#nav > li > ul > li:hover > a {}
#nav > li > ul > li > ul > li:hover > a {}
*/


/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em;
    /* no CSS arrows for IE7 (lack pseudo-elements) */
}


/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -1px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #FFF;
    /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255, 255, 255, 1);
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: #000
}


/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #FFF;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(0, 0, 0, .5);
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: #000
}


/* --- menu --- */

.menu-container {
    text-align: right;
}


/* --- mobile menu --- */

.mobile-menu-container {
    display: none;
}

.header .mobile-menu-switch,
.mobile-menu,
.mobile-menu-divider {
    display: none;
    margin-left: auto;
    margin-right: auto;
    float: right;
}

.mobile-menu {
    width: 100%;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4);
}

.mobile-menu-divider {
    margin-top: 15px;
}

.mobile-menu li a {
    /*width: 320px;*/
    display: block;
    color: #25282A;
    /*background: #F0F0F0;*/
    font-size: 18px;
    padding: 20px;
    margin-bottom: 1px;
}

.mobile-menu li:hover a {
    background-color: #d3d3d3;
}

.mobile-menu li.selected a,
.mobile-menu li.selected ul li.selected a,
.mobile-menu li.selected ul li.selected ul li.selected a {
    background: #00b9f2;
    color: #FFF;
}

.mobile-menu li ul {
    background-color: #f5f5f5;
}

.mobile-menu li ul a {
    font-size: 14px;
}

.mobile-menu li ul ul a {
    font-size: 14px;
}

.mobile-menu li.selected ul a,
.mobile-menu li.selected ul li.selected ul a {
    color: #25282A;
    background: #F0F0F0;
}

.mobile-menu-switch .line {
    display: block;
    width: 40px;
    height: 5px;
    background: #FFF;
    margin-top: 8px;
    margin-right: 10px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.35);
}

.mobile-menu-switch:hover .line {
    background: #CCC;
}


/* --- vertical menu --- */

.vertical-menu li a {
    display: block;
    background: transparent;
    border-bottom: 1px solid #E2E6E7;
    padding: 17px 18px 18px 19px;
    line-height: 24px;
    color: #777;
}

.vertical-menu li.selected a {
    background: #00b9f2;
    border-color: #00b9f2;
}

.vertical-menu li:hover a,
.vertical-menu li:hover a span {
    color: #00b9f2;
}

.vertical-menu li.selected a,
.vertical-menu li.selected a span {
    color: #FFF;
}

.vertical-menu li a span {
    float: right;
    color: #A4AAB3;
    font-size: 11px;
}


/* --- vertical align --- */

header .vertical-align-cell {
    /*display: table-cell;*/
    vertical-align: middle;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .vertical-align-cell nav {
    display: inline-block;
    margin-top: 16px;
}

header.sticky2 .vertical-align-cell nav {
    margin-top: 30px;
    background: none;
}

header.sticky2 .vertical-align-cell {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/* --- banner box --- */

.floatLinksBanner {
    height: 120px;
    position: relative;
}

.floatLinksBanner .floatLinksCont {
    width: 100%;
    height: 240px;
    background-color: #f0f0f0;
    position: absolute;
    bottom: -120px;
    z-index: 900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
}

.floatLinksBanner .floatLinksCont .floatLink1,
.floatLinksBanner .floatLinksCont .floatLink2,
.floatLinksBanner .floatLinksCont .floatLink3 {
    height: 100%;
    float: left;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    color: #000;
    padding-top: 45px;
    padding-left: 3px;
    padding-right: 3px;
}

.floatLinksBanner .floatLinksCont .floatLink1 div,
.floatLinksBanner .floatLinksCont .floatLink2 div,
.floatLinksBanner .floatLinksCont .floatLink3 div {
    width: 83px;
    height: 68px;
    margin: 0 auto 26px;
    max-width: 100%;
    background-size: 100%;
    background-image: url('../images/bannerSprite.png');
}

.floatLinksBanner .floatLinksCont .floatLink1,
.floatLinksBanner .floatLinksCont .floatLink2 {
    width: calc(33.3333% - 1px);
    border-right: 1px solid #cbcbcb;
}

.floatLinksBanner .floatLinksCont .floatLink3 {
    width: 33.3333%;
}

.floatLinksBanner .floatLinksCont .floatLink1 div {
    background-position: 0 0%;
    background-size: 100%;
}

.floatLinksBanner .floatLinksCont .floatLink2 div {
    background-position: 0 50%;
    background-size: 100%;
}

.floatLinksBanner .floatLinksCont .floatLink3 div {
    background-position: 0 100%;
    background-size: 100%;
}


/* --- footer row --- */

footer {
    border-top: 1px solid #CCC;
    background-color: #FFF;
}

.footer {
    width: 100%;
    padding: 50px 0 30px;
    color: #000;
}

.footer,
.footer p {
    font-size: 16px;
    color: #000;
    line-height: 1.45;
}

.footer p {
    padding: 0;
}

.footer h2 {
    font-size: 17px;
    color: #42c731;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.footer .tit {
    font-size: 18px;
    padding: 0;
}

footer a:hover {
    text-decoration: underline;
}

.logoFoo {
    width: 220px;
}

.footer i {
    color: #42c731;
    margin-top: 5px;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus,
a.skip-main:active {
    color: #fff;
    background-color: #009544;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid yellow;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

.barraFoo {
    margin-top: 10px;
}

.barraFoo i {
    font-size: 22px;
    margin-left: 15px;
}

.copyright {
    font-size: .875rem;
    font-weight: 500;
    color: #FFF;
    line-height: 1.2;
    background-color: #42c731;
    padding: 18px 20px 15px;
    clear: both;
}

.copyright a {
    color: #FFF;
}

.spacerFoo {
    margin-top: 0;
}


/* --- misc --- */

.scroll-top.animated-top {
    position: fixed;
    display: block;
    width: 50px;
    display: none;
    padding: 13px 0;
    background: #39b54a;
    right: 30px;
    bottom: 15px;
    text-align: center;
    border: 1px solid #FFF;
    z-index: 100;
}

.scroll-top i {
    font-size: 24px;
    color: #FFF;
}

.scroll-top:hover {
    background: #319a3f;
}

#top {
    display: none
}

.header h1 a,
.sf-menu a:hover,
.social-icons a:hover,
.header-top-bar .template-search:hover,
.header-top-bar-container .header-toggle:hover,
.slider-control:hover,
.vertical-menu li a:hover,
.buttons li a:hover,
.tabs-navigation li a:hover,
.tabs-navigation li a:focus,
.tabs-navigation li a:active,
.scroll-top:hover {
    text-decoration: none;
}

input,
textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
}

input[type='radio'] {
    -webkit-appearance: radio;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pr50 {
    padding-right: 50px;
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.mtb10 {
    margin: 10px 0
}

.mtb20 {
    margin: 20px 0
}

.mtb40 {
    margin: 40px 0
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.f30 {
    font-size: 30px;
}

.f50 {
    font-size: 50px;
}

.fwhite,
.fwhite p,
.fwhite p a {
    color: #FFF !important
}

.fblack,
.fblack p,
.fblack p a {
    color: #000 !important;
}

.fgreen,
.fgreen p,
.fgreen p a {
    color: #42c731 !important;
}

.fleft {
    float: left
}

.fright {
    float: right
}

.nopadding {
    padding: 0 !important
}

.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}

.flat-row {
    clear: both;
    display: block;
    position: relative
}


/* --- buttons --- */

.btn {
    width: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 25px 20px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-padrao {
    background: rgb(116, 65, 69);
    background: -moz-linear-gradient(180deg, rgba(116, 65, 69, 1) 0%, rgba(155, 115, 119, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(116, 65, 69, 1) 0%, rgba(155, 115, 119, 1) 100%);
    background: linear-gradient(180deg, rgba(116, 65, 69, 1) 0%, rgba(155, 115, 119, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#744145", endColorstr="#9b7377", GradientType=1);
}

.btn-padrao:hover,
.btn-padrao:focus,
.btn-padrao:active {
    text-decoration: none;
    background: rgb(93, 53, 53);
    background: -moz-linear-gradient(180deg, rgba(93, 53, 53, 1) 0%, rgba(130, 84, 84, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(93, 53, 53, 1) 0%, rgba(130, 84, 84, 1) 100%);
    background: linear-gradient(180deg, rgba(93, 53, 53, 1) 0%, rgba(130, 84, 84, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#5d3538", endColorstr="#815458", GradientType=1);
}

.btn-shad {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}

.btn-p {
    padding: 4px 10px;
    font-size: .75rem;
}

.btn-m {
    padding: 10px 25px;
    font-size: 1.0625rem;
}

.btn-g {
    padding: 16px 35px;
    font-size: 1.5rem;
}

.btnRound {
    font-weight: 400;
    color: #000;
    border: 2px solid rgba(0, 0, 0, .5);
    background-color: #FFF;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btnRound:hover,
.btnRound:focus,
.btnRound:active {
    color: #FFF;
    background-color: #42c731;
}

.btn-quad {
    margin-top: 29px;
    padding: 15px 20px;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* redimensionador de imagem via JS */

.projetoItem {
    width: 100%;
    height: 16rem;
    padding-bottom: 63.67%;
    overflow: hidden;
    display: block;
    position: relative;
}

.projetoItem img {
    position: absolute;
}


/* /redimensionador de imagem */


/* inicial */

.homePlanos {
    padding: 80px 0 80px;
    font-size: 1.1875rem;
}

.homePlanos h2 {
    font-size: 1.875rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}

.homePlanos div.box {
    margin: 60px 15px 0;
    padding-bottom: 25px;
    border: 1px solid #AAA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFF;
}

.homePlanos .fibra div:nth-child(2) .box {
    transform: scale(1.15, 1.15);
    -webkit-box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.25);
}

.homePlanos .fibra h3 {
    background-color: #f5f4f5;
    font-size: 2.1875rem;
    color: #42c731;
    padding: 15px 0 65px;
}

.homePlanos .fibra h3 span {
    font-size: 1.25rem;
    color: #000;
    font-weight: 500;
}

.homePlanos .router {
    width: 95px;
    height: 95px;
    margin: 0px;
    padding: 5px 0 0;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: calc(50% - 43px);
    top: -85px;
    /*background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="router" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M173.93 96.81a8.12 8.12 0 0 0 11.23.07C230.55 55 289.48 32 352 32s121.45 23 166.83 64.88a8.12 8.12 0 0 0 11.23-.07l11.53-11.34a8 8 0 0 0-.11-11.56C490 26.18 423 0 352 0S214 26.18 162.52 73.91a8 8 0 0 0-.11 11.56zM352 112a179.26 179.26 0 0 0-120.38 45.8 8 8 0 0 0-.15 11.64l11.53 11.3a8.21 8.21 0 0 0 11.22.14 148.17 148.17 0 0 1 195.64 0 8.21 8.21 0 0 0 11.22-.14l11.49-11.3a8 8 0 0 0-.15-11.64A179.26 179.26 0 0 0 352 112zm176 208H368v-88a8 8 0 0 0-8-8h-16a8 8 0 0 0-8 8v88H48a48 48 0 0 0-48 48v96a48 48 0 0 0 48 48h480a48 48 0 0 0 48-48v-96a48 48 0 0 0-48-48zm16 144a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h480a16 16 0 0 1 16 16zm-360-72a24 24 0 1 0 24 24 24 24 0 0 0-24-24zm-80 0a24 24 0 1 0 24 24 24 24 0 0 0-24-24z" class=""></path></svg>') center center no-repeat #FFF;
    background-size: 3.5rem;*/

}

.homePlanos div.valor {
    font-size: 28px;
}

.homePlanos div.valor span {
    font-size: 18px;
    color: #888;
    margin-right: 5px;
}

.homePlanos ul {
    margin-top: 40px;
    padding: 30px;
    position: relative;
}

.homePlanos ul li {
    font-size: .875rem;
    margin: 6px 0;
    padding: 5px 0;
}

.homePlanos .fibra ul li i {
    color: #42c731;
    font-size: 14px;
    margin-right: 10px;
}

.homeServicos {
    padding: 60px 0 60px;
    font-size: 1.1875rem;
    background-color: #FFF;
}

.homeServicos h2 {
    font-size: 1.875rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}

.homeServicos h3 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}

.homeServicos p {
    font-size: 1.125rem;
    font-weight: 400;
}

.homeServicos .box {
    width: 90%;
    height: 230px;
    padding: 20px 6px;
    text-align: center;
    font-size: 1.125rem;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
    background-color: #fafafa;
    border: 1px solid #27fa0b;
}

.homeServicos .box span {
    font-size: .8125rem;
    color: #42c731;
}

.homeServicos .serv1 div,
.homeServicos .serv2 div,
.homeServicos .serv3 div,
.homeServicos .serv4 div,
.homeServicos .serv5 div,
.homeServicos .serv6 div {
    max-width: 100%;
    width: 117px;
    height: 117px;
    margin: 0 auto 20px;
    background-size: 100%;
    background-image: url('../images/spriteServicosHome.png');
}

.homeServicos .serv1 div {
    background-position: 0% 0%;
    background-size: auto;
}

.homeServicos .serv2 div {
    background-position: 50% 0%;
    background-size: auto;
}

.homeServicos .serv3 div {
    background-position: 100% 0%;
    background-size: auto;
}

.homeServicos .serv4 div {
    background-position: 0% 100%;
    background-size: auto;
}

.homeServicos .serv5 div {
    background-position: 50% 100%;
    background-size: auto;
}

.homeServicos .serv6 div {
    background-position: 100% 100%;
    background-size: auto;
}

.homeAjuda {
    padding: 25px 0;
    background-color: #42c731;
}

.homeAjuda h2 {
    font-size: 2.25rem;
    font-weight: 500;
    color: #FFF;
}

.homeAjuda h3 {
    font-size: 1.625rem;
    font-weight: 500;
    color: #FFF;
}

.homeAjuda p {
    font-size: 1rem;
    padding: 0;
    color: #FFF;
}

.homeAjuda label {
    color: #FFF;
    padding: 5px 0;
    font-weight: 400;
}

.homeDiferenciais {
    padding: 80px 0 0;
    background-color: #FFF;
}

.homeDiferenciais h2 {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1.2;
    color: #42c731;
    margin-top: 40px;
}

.homeDiferenciais ul {
    width: 100%;
}

.homeDiferenciais ul li {
    width: 100%;
    font-size: 1.25rem;
    margin: 25px 0;
    float: left;
}

.homeDiferenciais ul li span {
    font-weight: 700;
}

.homeDiferenciais ul li .icone1,
.homeDiferenciais ul li .icone2,
.homeDiferenciais ul li .icone3,
.homeDiferenciais ul li .icone4 {
    width: 75px;
    height: 75px;
    border: 1px solid #42c731;
    float: left;
    margin-right: 20px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-position: center center;
    background-repeat: no-repeat;
    /* nao crescer */
    flex-grow: 0;
    /* nao encolher */
    flex-shrink: 0;
}

.homeDiferenciais ul li .icone1 {
    background-image: url(../images/diferenciaisIcone1.png);
}

.homeDiferenciais ul li .icone2 {
    background-image: url(../images/diferenciaisIcone2.png);
}

.homeDiferenciais ul li .icone3 {
    background-image: url(../images/diferenciaisIcone3.png);
}

.homeDiferenciais ul li .icone4 {
    background-image: url(../images/diferenciaisIcone4.png);
}

.homeApp {
    padding: 80px 0;
    background-color: #FAFAFA;
}

.homeApp h2 {
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1.2;
    color: #42c731;
}

.homeApp p.tit {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.homeApp li p {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 5px 0;
}

.homeApp i {
    font-size: 1.375rem;
    color: #42c731;
    margin-right: 15px;
}

.homeApp .apps a {
    padding: 5px;
    background-color: #000;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.testeConexao {
    padding: 90px 0;
    background-color: #FFF;
}

.testeConexao h2 {
    font-size: 1.1875rem;
}

.testeConexao,
.testeConexao a,
.testeConexao p {
    font-size: 1rem;
    color: #FFF;
    line-height: 1.2;
}

.testeConexao .box {
    padding: 7px;
    background-color: #42c731;
}

.testeConexao .box div {
    padding: 10px;
    border: 1px solid #FFF;
}

.testeConexao a {
    display: block;
}

.testeConexao .box div:hover {
    background-color: #35a128;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.testeConexao .box div div {
    width: 85px;
    padding: 0;
    float: left;
    border: none;
}


/*
.contatoBar {
    padding: 40px 0;
    background: #dedede;
}

.contatoBar p strong {
    font-size: 19px;
}

.contatoBar p.tit {
    font-size: 23px;
    line-height: 1.3;
    padding-top: 0
}

.contatoBar p {
    line-height: 1.4;
    padding: 0;
}

.contatoBar span {
    font-weight: 700;
}
*/


/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */

.contatoBarBg1,
.contatoBarBg2 {
    max-width: 100%;
    background-size: 100%;
    background-image: url('../images/contatoBarSprite.webp');
}

.contatoBarBg1 {
    background-position: 0 0%;
    background-size: 100%;
}

.contatoBarBg2 {
    background-position: 0 100%;
    background-size: 100%;
}


/* /Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */

.homeTeste {
    background-color: #dedede;
    padding: 110px 0;
    color: #FFF;
}

.homeTeste i {
    font-size: 60px;
}

.homeTeste a {
    padding: 15px 0 5px;
    color: #FFF;
    background-color: #de2c2c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
}

.homeTeste a:hover {
    background-color: #bd2525;
}

.homeTeste a h2 {
    font-size: 25px;
}

.homeTeste a p {
    font-size: 18px;
    color: #FFF;
}

.redesSociais {
    background-color: #fafafa;
    padding: 85px 10px;
}

.redesSociais h2 {
    width: 100%;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}

.redesSociais h2 span {
    font-weight: 900;
}

.redesSociais .circle {
    width: 62px;
    height: 62px;
    font-size: 30px;
    color: #FFF;
    background-color: #000;
    text-align: center;
    display: inline-block;
    padding-top: 12px;
    margin: 22px 8px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.redesSociais a .circle {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.redesSociais a:hover .circle {
    color: #000;
    background-color: #42c731;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.internas .redesSociais {
    border-top: 1px solid #CCC;
}


/* internas */

.internas .content {
    /*padding: 80px 0;*/
    padding: 40px 0;
}

.internas .content p {
    text-align: justify;
    line-height: 1.5;
}

.internas h1 {
    text-align: center;
    color: #de0000;
    margin-bottom: 80px;
}

.internas h1 span {
    font-size: 35px;
    font-weight: 700;
    position: relative;
    z-index: 100;
}


/* servicos */

.servicos div.box {
    margin: 25px 0;
    padding: 30px;
    background-color: #FFF;
    border: 1px solid #27fa0b;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.servicos h2 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
}

.servicos ul li {
    font-size: 1.125rem;
    padding: 2px 0 2px 0px;
}

.servicos ul li:before {
    font-size: 20px;
    content: '✓';
    margin-right: 10px;
    color: #42c731;
}

.servicos .gdoor div p {
    font-size: .9rem;
    text-align: left;
}

.servicos .gdoor div {
    border-right: 1px solid #eeab80;
}

.servicos .gdoor div:last-child {
    border-right: none;
}


/* planos */

.planos h2 {
    font-size: 1.875rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}

.planos h2.mesh {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    text-align: left;
    margin-bottom: 10px;
}

.planos div.box {
    margin: 30px 15px;
    padding-bottom: 25px;
    border: 1px solid #AAA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFF;
}

.planos .fibra h3 {
    background-color: #f5f4f5;
    font-size: 2.1875rem;
    color: #42c731;
    padding: 15px 0 65px;
}

.planos .fibra h3.top {
    background: url("../images/seloTop.png") no-repeat #f5f4f5;
    background-position: 96% 22%;
}

.planos .fibra h3 span {
    font-size: 1.25rem;
    color: #000;
    font-weight: 500;
}

.planos .router {
    width: 95px;
    height: 95px;
    margin: 0px;
    padding: 5px 0 0;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: calc(50% - 43px);
    top: -85px;
    /*background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="router" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M173.93 96.81a8.12 8.12 0 0 0 11.23.07C230.55 55 289.48 32 352 32s121.45 23 166.83 64.88a8.12 8.12 0 0 0 11.23-.07l11.53-11.34a8 8 0 0 0-.11-11.56C490 26.18 423 0 352 0S214 26.18 162.52 73.91a8 8 0 0 0-.11 11.56zM352 112a179.26 179.26 0 0 0-120.38 45.8 8 8 0 0 0-.15 11.64l11.53 11.3a8.21 8.21 0 0 0 11.22.14 148.17 148.17 0 0 1 195.64 0 8.21 8.21 0 0 0 11.22-.14l11.49-11.3a8 8 0 0 0-.15-11.64A179.26 179.26 0 0 0 352 112zm176 208H368v-88a8 8 0 0 0-8-8h-16a8 8 0 0 0-8 8v88H48a48 48 0 0 0-48 48v96a48 48 0 0 0 48 48h480a48 48 0 0 0 48-48v-96a48 48 0 0 0-48-48zm16 144a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h480a16 16 0 0 1 16 16zm-360-72a24 24 0 1 0 24 24 24 24 0 0 0-24-24zm-80 0a24 24 0 1 0 24 24 24 24 0 0 0-24-24z" class=""></path></svg>') center center no-repeat #FFF;
    background-size: 3.5rem;*/
    background: url(../images/router2.png);
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: 9px 18px;
}

.planos div.valor {
    /*font-size: 28px;*/
    font-size: 34px;
}

.planos div.valor span {
    font-size: 18px;
    color: #888;
    margin-right: 5px;
}

.planos ul {
    margin-top: 40px;
    padding: 30px;
    position: relative;
}

.planos ul li {
    font-size: .875rem;
    margin: 6px 0;
    padding: 5px 0;
}

.planos .fibra ul li i {
    color: #42c731;
    font-size: 14px;
    margin-right: 10px;
}

.planos .destaque-plano {
    font-weight: bold;
    padding: 6px 12px;
    background-color: rgb(101, 188, 247);
    position: absolute;
    top: 13px;
    left: calc(50% - 78px);
    border: 1px solid #AAA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mesh-azul {
    color: #2a2d55;
}

.mesh-tit-orange {
    color: #ea5d23;
}


/* contato */

form#formContato {
    padding: 0;
}

.contato .endereco i {
    font-size: 1.75rem;
    color: #42c731;
    margin-top: 5px;
}

.contato .borda {
    margin: 3px 0;
    border: 1px solid #CCC;
}

.g-recaptcha iframe {
    border: 1px solid #CCC;
    background-color: #fff;
}

#map {
    width: 100%;
    height: 420px;
    border-top: rgb(220, 220, 220) 1px solid
}

p#msgSubmit {
    padding: 20px;
    background: #fffabf;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 2em;
    font-weight: bold;
    display: none;
}


/* whatsapp */

.whatsapp-button-generator {
    position: fixed;
    border-radius: 50%;
    background-color: #39b54a;
    /*bottom: 15px;*/
    right: 22px;
    width: 70px;
    height: 70px;
    z-index: 110;
}

.whatsapp-button-content {
    padding: 13px 0 0 8px;
    height: 55px;
}

.whatsapp-button-web {
    display: none
}

.whatsapp-button-mobile {
    display: inherit
}

@media (min-width: 48em) {
    .whatsapp-button-web {
        display: inherit
    }
    .whatsapp-button-mobile {
        display: none
    }
}

.bounce-whatsapp-button {
    animation: bounce-whatsapp-button 2s infinite;
    -webkit-animation: bounce-whatsapp-button 2s infinite;
    -moz-animation: bounce-whatsapp-button 2s infinite;
    -o-animation: bounce-whatsapp-button 2s infinite
}

@-webkit-keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}