@import url("https://fonts.googleapis.com/css?family=Gothic+A1:100,200,300,400,500,600,700,800,900");
@font-face {
font-family: 'Amazing';
src: url(//www.wilton.axiskgdesarrollos.com/wp-content/themes/mavalerio/font/amazing.otf) format('truetype');
}
html, body {
background-color: #ffffff;
padding: 0;
margin: 0;
height: 100%;
font-family: 'Gothic A1', sans-serif;
font-size: 1em;
}
body {
overflow-x: hidden;
}
.skip-link {
position: absolute;
top: -100px;
}
.safeArea {
width: 100%;
max-width: 1366px;
padding-left: 43px;
padding-right: 43px;
box-sizing: border-box;
margin: 0 auto;
}
.narrow {
width: 100%;
max-width: 1280px;
padding-left: 43px;
padding-right: 43px;
box-sizing: border-box;
margin: 0 auto;
}
@media only screen and (max-width: 1450px) {
.safeArea {
max-width: 1200px;
}
.narrow  {
max-width: 1000px;
}
}
a img {
border: 0px;
transition: 0.3s all ease;
}
a img:hover {
filter: brightness(110%);
}
.alignLeft {
float: left;
}
.alignRight {
float: right;
}
.prod-info {
position: relative;
}
#prodNav .prev a, #prodNav .next a{
color: red;
font-weight: 600;
font-size: 18px;
text-align: center;
text-decoration: none;
border: 2px solid red;
border-radius: 50%;
padding: 4px;
box-sizing: border-box;
width: 32px;
height: 32px;
display: inline-block;
position: absolute;
}
#prodNav .next a{
top: 46%;
right: -30px;
}
#prodNav .prev a{
top: 46%;
left: -40px;
}
#topPageMenu {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 1em;
position: relative;
z-index: 1;
}
#menuEsquerda {
order: 1;
}
#topPageMenu .logo {
order: 2;
}
#menuDireita {
order: 3;
}
.menuContainer {
width: 100%;
max-width: 304px;
height: 38px;
line-height: 42px;
text-transform: uppercase;
background-color: #e71f00;
border-radius: 5px;
}
.menuContainer ul {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.menuContainer a {
color: #fff;
font-weight: 700;
text-decoration: none;
}
.menuContainer a:hover {
text-decoration: underline;
}
div.meteor-slides {
margin-top: -150px;
position: relative;
z-index: 0;
}
.mslidelineone {
margin-top: 9%;
}
div.meteor_slideText {
position: absolute;
z-index: 2;
top: 37%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
color: #FFF;
font-weight: 300;
font-family: 'Amazing';
letter-spacing: 0.05em;
font-size: 5em;
text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
width: 100%;
}
@media only screen and (max-width: 1670px) {
div.meteor_slideText {
font-size: 5.5em;
top: 45%;
}
}
@media only screen and (max-width: 1450px) {
div.meteor_slideText {
top: 49%;
}
}
@media only screen and (max-width: 1240px) {
div.meteor_slideText {
font-size: 4em;
top: 52%;
}
}
@media only screen and (max-width: 1030px) {
div.meteor_slideText {
font-size: 3.5em;
top: 60%;
}
}
button {
background-color: #e71f00;
border: none;
font-weight: bold;
color: #fff;
padding: 1em 2em;
text-transform: unset;
border-radius: 5px;
font-size: 1rem;
transition: 0.3s all ease;
cursor: pointer;
}
button:hover {
background-color: #333;
} .slider {
width: 50%;
margin: 100px auto;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,  .slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
}
.produtos div.moldura, .produtos-non-slide div.moldura{
border: 2px solid #d4d4d6;
border-radius: 10px;
background-color: #d4d4d6;
padding-bottom: 1em;
text-align: center;
color: #FFF;
margin-bottom: 2em;
}
.produtos .slick-center div.moldura, .produtos-non-slide .slick-center div.moldura{
border: 2px solid #e71f00;
background-color: #e71f00;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.produtos div.moldura h4, .produtos-non-slide div.moldura h4 {
padding: 0px;
text-transform: uppercase;
margin-top: 1em;
margin-bottom: 0.25em;
}
.produtos div.moldura a, .produtos-non-slide div.moldura a  {
color: #fff;
text-decoration: none;
text-transform: lowercase;
transition: 0.3s all ease;
}
.produtos div.moldura a:hover, .produtos-non-slide div.moldura a:hover {
letter-spacing: 1px;
}
.produtos div.moldura img, .produtos-non-slide div.moldura img {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.produtos-non-slide div.moldura{
width: 23%;
float: left;
margin-right: 1%;
margin-left: 1%;
padding-top: 1em;
min-height: 376px;
transition: 0.3s all ease;
}
.produtos-non-slide div.moldura:hover{
border: 2px solid #e71f00;
background-color: #e71f00;	
}
.slick-prev:before, .slick-next:before {
color: #e71f00 !important;
}
.slider {
width: 100%;
margin-top: 30px;	
}
.slick-next {
right: 15px !important;
z-index: 100;
}
.slick-prev {
left: 15px !important;
z-index: 100;
}
.our-products {
text-align: center;
background-color: rgba(255, 255, 255, 1);
padding: 2em 1em;
box-sizing: border-box;
margin-top: -10%;
position: relative;
z-index: 5;
border-radius: 50px;	
}
.our-products h2{
font-family: 'Amazing';
letter-spacing: 0.05em;
font-size: 4.5em;
color: #e71f00;
margin: 0px;
font-weight: 300;	
}
.roundedImage img {
border-top-left-radius: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-right-radius: 60px;
border-top-right-radius: 60px;
}
.page-intro .roundedImage img {
border: 10px solid #fff;
box-sizing: border-box;
}
.page-intro {
background-color: rgba(255, 255, 255, 1);
width: 100%;
max-width: 1200px;
box-sizing: border-box;
margin: -10% auto 0 auto;
padding-bottom: 40px !important;
position: relative;
z-index: 5;
border-top-left-radius: 60px;
-moz-border-radius-topright: 60px;
-webkit-border-top-right-radius: 60px;
border-top-right-radius: 60px;
}
.page-intro h2{
font-family: 'Amazing';
letter-spacing: 0.05em;
font-size: 4.5em;
color: #e71f00;
margin: 0px;
font-weight: 300;	
}
.redColor {
color: #e71f00;
}
.bigFont{
font-family: 'Amazing';
letter-spacing: 0.05em;
text-align: center;
font-size: 8em;
text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
color: #fff;
font-weight: 300;
margin: 0px;
}
#aboutus{
margin-top: 15%;
color: #fff;
}
.shortArea{
width: 100%;
max-width: 640px;
margin: 0 auto;
position: relative;
height: 100%;
}
#aboutus .shortArea{
font-size: 1.3em;
text-align: center;
}
#aboutus .shortArea button{
float: right;
}
#areaDonuts20 .textwidget, #areaDonuts20 .so-widget-sow-editor-base,  #areaDonuts20 .panel-grid-cell, #areaDonuts .so-panel, #panel-80-2-0-0, #panel-2-2-0-0{
height: 100% !important;
}
#areaDonuts20 .shortArea{
max-width: 600px !important;
}
#twenty20-1{
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%);
}
.textRightSide{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
max-width: 345px;
width: 100%;
right: -60%;
}
.textRightSide h3{
margin: 0px;
font-family: 'Amazing';
letter-spacing: 0.05em;
color: #e71f00;
line-height: 1em;
font-weight: 300;
font-size: 3em;	
}
.post-edit-link{
display: none;
}
.prod-info{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
text-align: left;
width: 75%;
margin: 60px auto;	
}
.prod-img, .prod-desc{
width: 45%;
}
.prod-img img{
width: 100%;
height: auto;
}
.prod-desc{
box-sizing: border-box;
border: 1px solid #CCC;
border-radius: 2em;	
}
.prod-tit{
padding: 1em;
background-color: #aa0f16;
color: #FFF;
text-transform: uppercase;
border-radius: 2em 2em 0em 0em;	
}
.prod-text{
padding: 1em;
border-bottom: 1px solid #CCC;
}
.prod-colors{
display: flex;
flex-direction: row;
align-items: center;
}
.prod-colors .color-tit{
margin-left: 20px;
margin-right: 20px;
text-transform: uppercase;
font-size: 1.25em;
font-weight: bold;
color: #aa0f16;	
}
.prod-colors .circle{
width: 30px;
height: 30px;
border-radius: 10em;
border: 1px solid #CCC;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 20px;
}
.contact-us{
display: flex;
flex-direction: row;
background: url(//www.wilton.axiskgdesarrollos.com/wp-content/themes/mavalerio/images/cof.jpg);
background-repeat: no-repeat;
background-position: right bottom;
width: 100%;
max-width: 1000px;
margin: 0 auto;
box-sizing: border-box;
padding-top: 60px;
background-size: 48%;
}
.contact-us-text, .contact-us-img{
width: 50%;
}
#contact{
font-size: 4.5em;
font-family: 'Amazing';
letter-spacing: 0.05em;
color: #e71f00;
font-weight: 300;
margin: 0px;
}
.contact-us input{
background-color: #e4e4e4;
border: none;
padding: 1em;
width: 75%;
}
.contact-us textarea{
background-color: #e4e4e4;
border: none;
padding: 1em;
width: 75%;
}
.contact-us input[type="submit"] {
background-color: #e71f00;
border: none;
font-weight: bold;
color: #fff;
padding: 1em 2em;
text-transform: unset;
border-radius: 5px;
font-size: 1rem;
transition: 0.3s all ease;
cursor: pointer;
width: 79%;
}
.contact-us input[type="submit"]:hover {
background-color: #333;
}
.contactForm{
margin-top: 75px;
}
.adress {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.adress-america {
width: 310px;
margin-top: 25px;
}
.adress-brazil {
width: 210px;
}
.flag {
float: left;
}
.ico-social a {
float: left;
margin: 18px 5px 18px 0;
}
.footSite{
padding-top: 90px;
background: #fff url(//www.wilton.axiskgdesarrollos.com/wp-content/themes/mavalerio/images/fundocinza.jpg);
background-size: cover;
color: #808285;
min-height: 300px;
background-position: center top;
}
.footSite a {
color: #808285;
text-decoration: none;
}
.footSite a:hover {
color: #000;
text-decoration: underline;
}
.copyright {
color: #fff;
width: 100%;
box-sizing: border-box;
height: 66px;
background-color: #c2c2c2;
padding: 24px 50px;
}
.footer_logo { 
width:100%;
position: relative;
text-align:center; 
border-bottom: 1px solid #adadad; 
line-height:0.1em; 
margin:50px auto; 
} 
.footer_logo img { 
position:absolute; 
top:-38px;
padding: 15px;
left:50%;
width: 115px;
height: auto;
background-color: #ececec;
margin-left:-72px;
}
.ico {
padding-left: 24px;
background-position: left center;
background-repeat: no-repeat;
height: 30px;
line-height: 30px;
}
.ico-phone{
background-image: url(//www.wilton.axiskgdesarrollos.com/wp-content/themes/mavalerio/images/ico-phone.png);
}
.ico-email{
background-image: url(//www.wilton.axiskgdesarrollos.com/wp-content/themes/mavalerio/images/ico-mail.png);
}
.ico-pin{
}
@media only screen and (max-width: 960px) {
#topPageMenu{
flex-direction: column;
}
#topPageMenu .logo{
order: 1;
}
#menuEsquerda {
order: 2;
}
.menuContainer{
height: auto;
border-radius: 0px;
margin-bottom: -1px;
}
.menuContainer ul{
flex-direction: column;
}
.menu li{
text-align: center;
}
div.meteor-slides{
margin-top: 0px;
height: 55vh !important;
overflow: hidden !important;
}
.our-products{
margin-top: 0px;
}
div.meteor_slideText {
font-size: 1em;
top: 50%;
}
#areaDonuts20{
margin-top: 530px;
padding-bottom: 180px;
}
#videoHome{
background-image: none !important;
}
#aboutus{
margin-top: 0%;
}
#contact{
font-size: 3em;
}
.contact-us{
flex-direction: column;
background: none;
}
.contact-us input{
width: 100%;
box-sizing: border-box;
}
.contact-us textarea{
width: 100%;
box-sizing: border-box;		
}
.textRightSide{
right: 1em;
}
.textRightSide{
top: inherit;
bottom: -15em;
}
iframe{
width:100%;
}
.our-products h2{
font-size:3em;
font-family: 'Amazing';
letter-spacing: 0.05em;
}
.produtos-non-slide div.moldura{
width: 93%;
}
.prod-info{
flex-direction: column;
}
.prod-img, .prod-desc {
width: 100%;
}	
}
@media only screen and (max-width: 560px) {
.adress {
display: block;
}
.footSite {
min-height: 400px;
}
.roundedImage img {
width: 96% !important;
margin-top: 2%;
}
.contact-us {
padding: 30px 5%;
}
.contact-us-text, .contact-us-img {
width: 100% !important;
}
.page-intro {
margin: -5% auto 10px auto !important;
}
.alignLeft {
text-align: center;
float: inherit;
}
.alignRight {
text-align: center;
float: inherit;
}
.bigFont {
font-size: 3.5em;
}
.shortArea p {
font-size: 1em;
}
.meteor_slideText img {
width: 33% !important;
height: auto;
}
}