.section-31{padding: 0 0 5vw !important;position: relative;min-height: 100vh;text-align: center;}

.section-31 .wrapper-top-menu{background-color: rgba(0, 0, 0, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.3);width: 100%;padding: 0.599vw 30px; position: fixed;z-index: 1;}
.section-31 .wrapper-top-menu.light{background: #FFF;border-bottom-color: #EEE;}
.section-31 .wrapper-top-menu .main-container-large > div{display: table;width: 100%;}
.section-31 .wrapper-top-menu .main-container-large > div > div{display: table-cell;vertical-align: middle;}
.section-31 .wrapper-top-menu .go-back{text-align: left;}
.section-31 .wrapper-top-menu .go-forward{text-align: right;}
.section-31 .wrapper-top-menu a{position: relative;text-decoration: none;font-family: 'Montserrat-Light', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 15px;line-height: 14px;letter-spacing: 0.32px;}
.section-31 .wrapper-top-menu a:hover{text-decoration: underline;}
.section-31 .wrapper-top-menu .go-back a{padding-left: 18px;}
.section-31 .wrapper-top-menu .go-forward a{padding-right: 18px;}
.section-31 .wrapper-top-menu a::before{content: '';position: absolute;top: calc(50% - 3px);width: 6px;height: 10px;}
.section-31 .wrapper-top-menu .go-back a::before{left: 0;background: url(../../../sysimages/icon-thin-arrow-left.png) no-repeat left top/6px;}
.section-31 .wrapper-top-menu .go-forward a::before{right: 0;background: url(../../../sysimages/icon-thin-arrow-right.png) no-repeat left top/6px;}

.section-31 .wrapper-top-menu.light .go-back a::before{left: 0;background: url(../../../sysimages/icon-thin-arrow-left-blue.png) no-repeat left top/6px;}
.section-31 .wrapper-top-menu.light .go-forward a::before{right: 0;background: url(../../../sysimages/icon-thin-arrow-right-blue.png) no-repeat left top/6px;}

.section-31 .wrapper-top-menu .title p{font-family: 'Montserrat-Light', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 14px;line-height: 14px;text-transform: uppercase;letter-spacing: 0.3px;}

.section-31 .wrapper-main-content{/*position: relative;min-height: 70vh;*/height: auto !important;}
.section-31 .wrapper-main-content .wrapper-everything{-webkit-transition:all 1s cubic-bezier(0.7,0,0.3,1);transition:all 1s cubic-bezier(0.7,0,0.3,1)}
.section-31 .image{position: relative;width:100%;height:100vh;overflow: hidden;}
.section-31 .main-container-large{position: relative;}
.section-31 .image::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-31 .image img{width: 100%;height: 100vh;display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2); object-fit: cover;}
.section-31 .wrapper-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-31 .wrapper-content > div{display: table;width: 100%;height: 100%;padding: 10.6vw 0 0.9vw;}
.section-31 .wrapper-content > div > div{display: table-cell;vertical-align: middle;}
.section-31 .wrapper-content > div > div.top{vertical-align: top;}

.section-31 small.section-small{padding-bottom: 2.1vw;}
.section-31 .section-title{padding-bottom: 1.15vw;}

.section-31 .hasTopMenu, .section-31 .hasTopMenu .image, .section-31 .image img{height: auto;}
.section-31 .hasTopMenu .wrapper-content > div{padding-top: 3.45vw;}
.section-31 .hasTopMenu small.section-small{padding-bottom: 2.05vw;}
.section-31 .hasTopMenu .section-title{padding-bottom: 1.68vw;}
.section-31 .hasTopMenu .section-subtitle{padding-bottom: 1.4vw;}
.section-31 .hasTopMenu p.section-subsubtitle{letter-spacing: 0.8px;}

.section-31 .wrapper-list{padding-top: 2.7vw;padding-bottom: 4.7vw; padding-bottom: 0;}
.section-31 .wrapper-list ul{list-style: none;margin: 0;}
.section-31 .wrapper-list ul li{position: relative;display: inline-block;vertical-align: top;width: 10.834vw; width: 208px}
/*.section-31 .wrapper-list ul li:last-child{padding-left: 3.2vw;}*/
.section-31 .wrapper-list ul li a{position: relative;display: block;text-decoration: none;color: #fff;font-size: 11px;letter-spacing: 1.2px;text-transform: uppercase;}
.section-31 .wrapper-list.dark ul li p, .section-31 .wrapper-list.dark ul li a{color: #0a1e3c;}
.section-31 .wrapper-list ul li a:hover{opacity: 0.8;}
.section-31 .wrapper-list ul li a:hover{text-decoration: underline;}

.section-31 .wrapper-list ul li a::before{content: '';position: absolute;top: calc(50% - 42px);left: calc(50% - 42px);width: 84px;height: 84px;}

.section-31 .wrapper-list.colors li{display: inline-block;padding: 0 4px;}
.section-31 .wrapper-list.colors li a{position: relative;display: block;text-decoration: none;min-width: 130px;min-height: 93px;border: 1px solid #FFF;text-align: left;transition:0.1s outline;}
.section-31 .wrapper-list.colors li a.white, .section-31 .wrapper-list.colors li a.white-all{border-color: #0e2952;}
.section-31 .wrapper-list.colors li a:hover, .section-31 .wrapper-list.colors li a.sel{outline: 2px solid #FFF;}
.section-31 .wrapper-list.colors li a.white:hover, .section-31 .wrapper-list.colors li a.white.sel, .section-31 .wrapper-list.colors li a.white-all, .section-31 .wrapper-list.colors li a.white-all.sel{outline-color: #0e2952;}
.section-31 .wrapper-list.colors li a .content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-31 .wrapper-list.colors li a .content > div{display: table;width: 100%;height: 100%;}
.section-31 .wrapper-list.colors li a .content > div > div{display: table-cell;vertical-align: bottom;padding: 7px 8px;}
.section-31 .wrapper-list.colors li a .color-code{font-weight: 700;}
.section-31 .wrapper-list.colors li a .color-name{font-size: 10px;line-height: 16px;text-transform: uppercase;letter-spacing: 1.09px;}

.section-31 .wrapper-list ul li.shares .wrapper-share{display: none;position: absolute;bottom: 100%;right: calc(50% - 100px);min-width: 200px;padding-bottom: 0;margin-bottom: -15px;z-index: 1;}
.section-31 .wrapper-list ul li.shares:first-child .wrapper-share{right: calc(50% - 50%);}
.section-31 .wrapper-list ul li.shares .wrapper-share ul{border: 1px solid #f1f2f4;position: relative;border-radius: 6px;font-size: 0;line-height: 0;margin: 0;padding: 8px 0;cursor: default;background: #f1f2f4;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul::before{content: '';display: block;position: absolute;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #f1f2f4;top: 100%;left: calc(50% - 15px);}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li{width: auto;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a{opacity: 1 !important;width: 26px;height: 26px;background-size: 156px 52px;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a::before, .section-31 .wrapper-list ul li.shares .wrapper-share ul li a::after{display: none;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a.facebook{background-position: -26px 52px;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a.linkedin{background-position: 78px top !important;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a:hover{background-position: 156px -78px;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a.facebook:hover{background-position: -26px -78px;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li a.linkedin:hover{background-position: 78px bottom !important;}
.section-31 .wrapper-list ul li.shares:hover .wrapper-share{display: block;}

/* light */
/*.section-31 .wrapper-list.light ul li a.website::before{background: url(../../../sysimages/web-novo.svg) no-repeat left top/84px;-webkit-filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4);filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4);}*/
/*.section-31 .wrapper-list.light ul li a.share::before{background: url(../../../sysimages/share-novo.svg) no-repeat left top/84px;-webkit-filter: hue-rotate(70deg) saturate(100); filter: hue-rotate(70deg) saturate(100);}*/
/*.section-31 .wrapper-list.light ul li a.download::before{background: url(../../../sysimages/download-novo.svg) no-repeat left top/84px;-webkit-filter: hue-rotate(170deg) saturate(100); filter: hue-rotate(170deg) saturate(100);}*/
/*.section-31 .wrapper-list.light ul li a.buy::before{background: url(../../../sysimages/buy-novo.svg) no-repeat left top/84px;-webkit-filter: hue-rotate(360deg) saturate(100); filter: hue-rotate(360deg) saturate(100);}*/
.section-31 .wrapper-list.light ul li a.favorites::before{background: url(../../../sysimages/addfavoritos1.png) no-repeat left top/84px;}
.section-31 .wrapper-list.light ul li a.see-products::before{background: url(../../../sysimages/produtos1.png) no-repeat left top/84px;}
.section-31 .wrapper-list.light ul li a.buy-testit::before{background: url(../../../sysimages/comprartestit1.png) no-repeat left top/84px;}
.section-31 .wrapper-list.light ul li a.buy-thc::before{background: url(../../../sysimages/comprarthc1.png) no-repeat left top/84px;}
.section-31 .wrapper-list.light ul li a.system::before{background: url(../../../sysimages/sistema1.png) no-repeat left top/84px;}
.section-31 .wrapper-list.light ul li a.catalog::before{background: url(../../../sysimages/catalogo1.png) no-repeat left top/84px;}

.section-31 .wrapper-list.light ul li a.website:hover::before,
.section-31 .wrapper-list.light ul li a.share:hover::before,
.section-31 .wrapper-list.light ul li a.download:hover::before,
.section-31 .wrapper-list.light ul li a.buy:hover::before,
.section-31 .wrapper-list.light ul li a.favorites:hover::before, 
.section-31 .wrapper-list.light ul li a.see-products:hover::before,
.section-31 .wrapper-list.light ul li a.buy-testit:hover::before,
.section-31 .wrapper-list.light ul li a.buy-thc:hover::before,
.section-31 .wrapper-list.light ul li a.system:hover::before,
.section-31 .wrapper-list.light ul li a.catalog:hover::before{opacity: 0.8;}
/* light */

/* dark */
.section-31 .wrapper-list.dark ul li a.website::before{background: url(../../../sysimages/website2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.website:hover::before */
.section-31 .wrapper-list.dark ul li a.share::before{background: url(../../../sysimages/partilha2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.share:hover::before */
.section-31 .wrapper-list.dark ul li a.download::before {background: url(../../../sysimages/download2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.download:hover::before */
.section-31 .wrapper-list.dark ul li a.buy::before{background: url(../../../sysimages/comprar2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.buy:hover::before */
.section-31 .wrapper-list.dark ul li a.favorites::before{background: url(../../../sysimages/addfavoritos2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.favorites:hover::before */
.section-31 .wrapper-list.dark ul li a.see-products::before{background: url(../../../sysimages/produtos2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.see-products:hover::before */
.section-31 .wrapper-list.dark ul li a.buy-testit::before{background: url(../../../sysimages/comprartestit2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.buy-testit:hover::before */
.section-31 .wrapper-list.dark ul li a.buy-thc::before{background: url(../../../sysimages/comprarthc2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.buy-thc:hover::before */
.section-31 .wrapper-list.dark ul li a.system::before{background: url(../../../sysimages/sistema2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.system:hover::before */
.section-31 .wrapper-list.dark ul li a.catalog::before{background: url(../../../sysimages/catalogo2.png) no-repeat left top/84px;} /* .section-31 .wrapper-list.light ul li a.catalog:hover::before */
.section-31 .wrapper-list.dark ul li a:hover::before, .section-31 .wrapper-list.dark ul li a:hover p{opacity: 0.7;}		
/* dark */

/* SVG */
.section-31 .wrapper-list ul li a p{padding-top: 94px;}
.section-31 .wrapper-list ul li a p.p-svg{padding-top: 0}
.section-31 .wrapper-list ul li a img.img-svg{margin: 15px 0 -15px;}
.section-31 .wrapper-list ul li a svg.img-svg{margin: 15px 0 -15px;}
/*******/

.section-31 .wrapper-bottom{position: absolute;bottom: 45px;left: 0;width: 100%;}
.section-31 .wrapper-bottom small.section-small{padding-bottom: 1.3vw;font-weight: 700;letter-spacing: 1px;}
.section-31 .scroll-btn{position: absolute;left: calc(50% - 24px);bottom: 45px;width: 48px;height: 48px;background: url(../../../sysimages/icon-scroll.png) #FFF left top/48px no-repeat;border-radius: 100%;box-shadow: 0 5px 13px rgba(0, 0, 0, 0.25);z-index: 2;display: block;margin: 0 auto;}
.section-31 .scroll-btn:hover {opacity: 0.8;}

.section-31 .wrapper-content{position: relative;}
.section-31 .column .icon img{width: 100%;display: block;visibility: hidden;}
.section-31 .column .content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-left: 30px;padding-right: 30px;}
.section-31 .column .content > div{display: table;width: 100%;height: 100%;}
.section-31 .column .content > div > div{display: table-cell;word-break: break-word;}

.section-31 .column .content > div > div.top{vertical-align: top;}
.section-31 .column .content > div > div.middle{vertical-align: middle;}
.section-31 .column .content > div > div.bottom{vertical-align: bottom;}

.section-31 .column .content .left .wrapper-text,
.section-31 .column .content .right .wrapper-text,
.section-31 .column .content .center.text-align-left .wrapper-text,
.section-31 .column .content .center.text-align-right .wrapper-text {width: 50%;}br
.section-31 .column .content .center.text-align-left .wrapper-text,
.section-31 .column .content .center.text-align-right .wrapper-text {margin: auto;}

.section-31 .column .content .right .wrapper-text {float: right;}
.section-31 .section-title, .section-31 .section-subtitle {/*max-width: 100%;*/}

@media screen and (max-width: 1240px){
.section-31 .wrapper-top-menu{position: absolute;}
}

@media screen and (min-width: 768px){
.section-31 .wrapper-list ul li:nth-child(n+6){padding-left: 0;}
.section-31 .wrapper-top-menu .main-container-large > div > div{width: 33.3333333%;}
}

@media screen and (max-width: 768px){
.section-31 .main-container-large{padding: 145px 15px 0;/*background-color: rgba(0, 0, 0, 0.3);*/}
.section-31 .image::before{display: none;}

.section-31 .wrapper-top-menu{padding-left: 0;padding-right: 0;}
.section-31 .wrapper-top-menu .main-container-large{padding: 3vw 15px;}
.section-31 .wrapper-top-menu .main-container-large > div > div{display: block;}
.section-31 .wrapper-top-menu .main-container-large .title{padding-bottom: 2vw; position: absolute;top: 16px;left: 0;width: 100%;}
.section-31 .wrapper-top-menu .main-container-large .go-back, .section-31 .wrapper-top-menu .main-container-large .go-forward{width: 25%;float: left; padding-top: 1px;}

.section-31 .hasTopMenu .wrapper-content > div{padding-top: 0;}

.section-31 .wrapper-list ul li{width: 49.2%;padding-top: 5px;}
.section-31 .wrapper-list ul li:nth-child(-n+2){padding-top: 0;}
.section-31 .wrapper-list ul li a p{font-size: 11px;letter-spacing: 1.2px;}
.section-31 .wrapper-list ul li a p.p-svg{padding-top: 0}
.section-31 .wrapper-list ul li a::before, .section-31 .wrapper-list ul li a.website::before, .section-31 .wrapper-list ul li a.share::before, .section-31 .wrapper-list ul li a.download::before, .section-31 .wrapper-list ul li a.buy::before, .section-31 .wrapper-list ul li a.favorites::before, .section-31 .wrapper-list ul li a.see-products::before, .section-31 .wrapper-list ul li a.buy-testit::before, .section-31 .wrapper-list ul li a.buy-thc::before{top: 0;left: calc(50% - 21px);width: 42px;height: 42px;background-size: 42px !important;}
.section-31 .wrapper-list ul li a p{padding-top: 50px;}

.section-31 .wrapper-list ul li.shares .wrapper-share{right: calc(50% - 73px);min-width: 145px;margin-bottom: 0;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li{padding-left: 16px !important;padding-top: 0;}
.section-31 .wrapper-list ul li.shares .wrapper-share ul li:first-child{padding-left: 0 !important;}

.section-31 .wrapper-list.colors li{padding-bottom: 4px;}

.section-31 .wrapper-bottom{bottom: 15px;}
.section-31 .scroll-btn{left: calc(50% - 13px);bottom: 27px;width: 26px;height: 26px;background-size: 26px;}

.section-31 .column .content{padding-top: 6vw !important;padding-bottom: 6vw !important;padding-left: 15px;padding-right: 15px}
.section-31 .wrapper-content > div{padding-top: 0;}
.section-31 .column .content > div > div.top, 
.section-31 .column .content > div > div.middle,
.section-31 .column .content > div > div.bottom,
.section-31 .column .content > div > div.left,
.section-31 .column .content > div > div.center,
.section-31 .column .content > div > div.right{vertical-align: middle;text-align: center;}
.section-31 .column .content .left .wrapper-text, .section-31 .column .content .right .wrapper-text, .section-31 .column .content .center.text-align-left .wrapper-text, .section-31 .column .content .center.text-align-right .wrapper-text{width: 100%;}
.section-31 .column .content > div > div.right .wrapper-text.text-align-center, .section-31 .column .content > div > div.right .wrapper-text.text-align-left, .section-31 .column .content > div > div.right .wrapper-text.text-align-right{float: none;text-align: center;}
}